/** Shopify CDN: Minification failed

Line 4076:7 Unexpected "and"

**/
/*
    ADDED CSS IN THESE SEQUENCE :- 
    1) HOME PAGE 
    2) PDP
    3) ABOUT PAGE
    4) COLLECTION PAGE
    5) CONTACT PAGE 
    6) FAQ PAGE
    7) Mega menu
    8) Search Page
    9) Blogs Page
    10) Cart page & cart drawer
    11) Sustainability Page
*/



/*============= FONT FAMILY ADD======== */
/*Normal Fonts*/
@font-face {
  font-family: "Akzidenz-Grotesk Pro";
  src: url("/cdn/shop/files/akzidenzgroteskpro_cn.woff?v=1778916211") format("woff");
   font-style: normal;
  font-display: swap;
  font-weight: normal;
} 

/*Bold Condensed*/
@font-face {
  font-family: "Akzidenz-Grotesk Pro bold";
  src: url("/cdn/shop/files/akzidenzgroteskpro_boldcn.woff?v=1778916262") format("woff");
   font-style: Bold Condensed;
  font-display: swap;
  font-weight: normal;
} 

/*Regular fonts*/
@font-face {
  font-family: "Akzidenz-Grotesk Pro Regular";
  src: url("/cdn/shop/files/akzidenzgroteskpro_regular.woff?v=1778916827") format("woff");
   font-style: normal;
  font-display: swap;
  font-weight: normal;
}

/*Medium fonts*/
@font-face {
  font-family: "Akzidenz-Grotesk Pro Med";
  src: url("/cdn/shop/files/akzidenzgroteskpro_md.woff?v=1779188783") format("woff");
   font-style: normal;
  font-display: swap;
  font-weight: normal;
}

body,p{
    font-family: "Akzidenz-Grotesk Pro";
}
h1,h2,h3,h4,a{
     font-family: "Akzidenz-Grotesk Pro bold"!important;
}

.button{
    padding:14px 31px!important;
    font-size:16px!important;
    line-height:18px!important;
    letter-spacing:1px!important;
    /* color:#0C0A09!important; */
    font-weight:500!important;
}
.button-secondary{
    padding:14px 31px!important;
    border:1px solid #121212!important;
    font-size:16px!important;
    line-height:18px!important;
    --button-border-color:transparent!important;
}
@media screen and (max-width:749px){
    .button,
    .button-secondary{
        padding:8px 13px!important;
    }
}

slideshow-arrows .slideshow-control{
    background:#fff!important;
    border:1px solid #E7E5E4!important;
    padding:0!important;
    height:56px;
    width:56px;
    opacity:1!important;
    color:#000!important;
}
@media screen and (max-width:749px){
    slideshow-arrows .slideshow-control{
        width:30px;
        height:30px;
        min-width:30px!important;
        min-height:30px!important;
    }
}

h3{
    font-size:35px!important;
    line-height:52px!important;
    letter-spacing:1px!important;
    color:#0C0C0C!important;
}
@media screen and (max-width:749px){
    h3{
        font-size:22px!important;
        line-height:52px!important;
    }
}

/*slider button remove on Product cards*/
.product-card .card-gallery .slideshow-control{
    display:none;
}

/*Slider arrows not move when hover on product crad*/
.slideshow-control--previous,
.slideshow-control--next{
    transform: none !important;
    translate: none !important;
    animation: none !important;
}


/* Sale Badge css */
.product-badges__badge--rectangle{
    font-size:9.8px!important;
    line-height:10px!important;
    letter-spacing:0px!important;
    padding-top:5px!important;
}
.product-badges--top-left{
    top:12px!important;
    left:18px!important;
}
@media screen and (max-width:749px){
    .product-badges--top-left{
        top:8px;
        left:6px;
    }

    .product-badges__badge--rectangle{
         padding-top:3px!important;
    }
}

/*==============================================================================================
                            HOME PAGE CSS START
==============================================================================================*/




/*================= HEADER ==================== */

.header__column--right .svg-wrapper svg{ 
    height:32px!important;
    width:32px!important;
}
.header-logo__image-container img{
    width:242px;
} 
.header__column--left .menu-list__link-title{
    font-size:12px;
    line-height:20px;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:#010101;
    padding:0 11px!important;
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.header__column--left .menu-list__link[aria-expanded='true'] .menu-list__link-title,
.header__column--left .menu-list__link[aria-current='page'] .menu-list__link-title,
.header__column--left .menu-list__link.active .menu-list__link-title{
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.header__row{
    height:76px;
    display:flex!important;
    justify-content:center!important;
}
.header__columns{
    width:1848px;
    padding-left:20px!important;
    padding-right:20px!important;

}
.header__navigation-bar-row{
    display:none!important;
}


/*Mobile responsive*/
@media screen and (max-width:749px){
    .header__row{
        height:64px;
    }
    .header-logo__image-container img{
        width:168px;
    }   
    .header__columns{
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .header__column--left .header-actions__action:not(.account-button) svg{
        height:32px!important;
        width:32px!important;
    }
    .header__column--left .header-drawer-icon--open svg {
        color:#000;
        width:48px!important;
        height:48px!important;
        margin-left:-16px;
    }
    .header__column--left .header-drawer-icon--open{
        /* width:48px!important; */
        width:40px!important;
    }
    .header__column--left .menu-drawer__close-button,
    .header__icon--menu{
        padding:0!important;
        --button-border-color:unset!important;
    }
    .header__column--left .menu-drawer__close-button{
        width:32px;
        height:32px;
        min-height:32px;
        margin-left:auto;
    }
    /*Cart icon number*/
    .header-actions__cart-icon .cart-bubble{
        width:17px!important;
        right:0px!important;
    }

}


@media screen and (max-width:359px){
    .header-logo__image-container img {
        width: 130px;
    }
}
/*================= END HEADER ==================== */

/*================ FOOTER =======================*/
.footer-content{
    display:flex!important;
    max-width:1375px;
    justify-content:space-between;
    flex-wrap:wrap;
}

.footer-content .menu__details{
    width:max-content;
}

.footer-content  .menu{
    width:max-content;
}

.footer-content .email-signup__input-group{
    background: #ffffff;
    height:48px;
}

.footer-content .email-signup__button.button-unstyled{
    background:#000;
    margin:1px;
    height:45px;
    width:45px;
}
.footer-content .email-signup__button-icon{
    color:#fff;
}

.footer-content .menu__details .menu__item a,
.footer-content .email-signup-block .email-signup__subheading p,
.footer-content .email-signup-block .email-signup__bottom-text p,
.footer-content .email-signup-block .email-signup__bottom-text a{
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.footer-content .menu__details .menu__heading,
.footer-content .email-signup-block .email-signup__heading{
    font-size:18px;
    line-height:19.2px;
    letter-spacing:1px;
    font-weight:700;
    text-transform:uppercase;
    font-family:"Akzidenz-Grotesk Pro bold";
}
.footer-content .email-signup-block .email-signup__input::placeholder{
    font-size:15px;
    color:#222222BF;
    line-height:100%;
    letter-spacing:0;
}

.footer-content .menu__item.paragraph a{
    font-size:15px;
    line-height:30px;
    letter-spacing:0%;
}

.footer-content .menu__item.paragraph a:hover{
    text-decoration:underline;
}

.footer-content .email-signup-block .email-signup__subheading p{
    margin:5px 0 20px;
    font-size:15px;
    line-height:24px;
    letter-spacing:0%;
}

.footer-content .email-signup-block .email-signup__bottom-text p{
    margin:16px 0 0;
    color:#FFFFFFCC;
    max-width:367px;
}

.utilities{
    grid-template-columns:1fr 1fr!important;
    max-width:1375px;
    color:#fff!important;
}

.utilities button,
.utilities span{
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.footer-payment,
.utilities anchored-popover-component{
    justify-self: end!important;  
}

.footer-utilities__text{
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
    color:#fff!important;
    line-height:22px;
}

.footer-utilities__text:hover{
    text-decoration:underline;
}

.utilities-policy-buttons{
    display:flex;
    gap:16px;
}

.policy_list li a {
  color: #0c0c0c!important;
  font-family:"Akzidenz-Grotesk Pro Med"!important;
}
.footer-payment__image{
    width:290px!important;
}

.social-icons__icon path{
    color:#fff;
}

/* .social-icons__icon-wrapper{
    width:20px!important;
    height:20px!important;
} */
@media screen and (min-width:750px){
    .social-icons__wrapper{
        gap:1rem!important;
    }
}

/*Mobile Responsive*/
@media screen and (max-width:749px){

    .footer-content{
        flex-direction:column;
        align-items:center!important;
        gap:0!important;
    }

    /* LOGO / ICON FIRST */
    .footer-content .icon-block{
        order:1;
    }

    /* EMAIL SIGNUP SECOND */
    .footer-content .email-signup-block{
        order:2;
        margin-bottom:50px;
    }

    /* MENUS AFTER THAT */
    .footer-content .menu{
        order:3;
    }

    .footer-content .menu,
    .footer-content .menu__details{
        width:100%;
    }

    .footer-content .menu__details .menu__heading{
         border-top: 0.5px solid #FFFFFFCC;
         border-color:#fff!important;
         padding:15px 0;
    }

    .footer-content .menu__details .menu__heading__toggle{
        width:16px!important;
        height:16px!important;
    } 

    .footer-content .email-signup-block .email-signup__subheading p{
        margin:0 0 10px;
    }

    .footer-content .email-signup-block .email-signup__bottom-text p{
        max-width:100%;
    }

    .footer-content .email-signup__button.button-unstyled{
        width:38px;
        height:38px;
    }

    .footer-content .email-signup__input-group{
        height:40px;
    }

    .footer-content  .email-signup__input{
        padding:12px 28px;
    }

    .icon-block{
        width:52px;
        margin-bottom:53px;
    }

    .utilities{
        display:grid !important;
        /* grid-template-columns:auto auto !important; */
        justify-content:center !important;
        align-items:center !important;
        gap:20px 30px !important;
        max-width:100% !important;
        width:100% !important;
    }

  /* SOCIAL ICONS */
  .utilities > *:nth-child(1){
    grid-column:1;
    justify-self:start!important;
    margin-bottom:50px;
  }

  /* POLICY LINKS */
  .utilities > *:nth-child(2){
    grid-column:2;
    justify-self:end !important;
     margin-bottom:50px;
  }

  /* COPYRIGHT */
  .utilities > *:nth-child(3){
    grid-column:1 / -1;
    justify-self:center !important;
    text-align:center !important;
  }

  /* PAYMENT ICONS */
  .utilities > *:nth-child(4){
    grid-column:1 / -1;
    justify-self:center !important;
    text-align:center !important;
  }
}

/*============= END FOOTER ======================*/

/*============== HERO BANNER HOME PAGE =========*/
.hero-homepage .hero__content-wrapper h1{
    font-size:70px;
    line-height:70px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.hero-homepage .text-block p{
    font-size:16px;
    line-height:26px;
    letter-spacing:1px;
    font-weight:400;
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.hero-homepage .hero__container{
    display:flex!important;
    align-items:end;
    /* padding-left:40px; */
}

.hero-homepage .hero__content-wrapper{
    max-width:1840px;
    margin:0 auto;
    padding:0 20px;
}

@media screen and (max-width:2000px){
    .hero-homepage,
    .hero-homepage .hero__container{
        min-height:926px!important;
    }
}

/*** Mobile Responsive ***/
@media screen and (max-width:749px){
    .hero-homepage{
        padding-bottom:0!important;
    }

    .hero-homepage .hero__content-wrapper{
        padding:0;
    }

    .hero-homepage .hero__content-wrapper h1{
        font-size:40px;
        line-height:39px;
    }

    .hero-homepage .hero__content-wrapper{
        gap:16px!important;
    }

    .hero-homepage .hero__content-wrapper p{
        line-height:26px!important;
    }

    .hero-homepage .hero__container,
    .hero-homepage{
        min-height:600px!important;
        padding-bottom:20px;
    }

    .hero-homepage .hero__container{
        padding:20px;
    }
}
/*============== END HERO BANNER HOME PAGE =========*/  

/*=============== COLLECTION LIST-1 HOME PAGE ==========*/
/* .cln-list-1{
    display:flex!important;
    flex-direction:column!important;
}

.cln-list-1 slideshow-slides[gutters*=end],
slideshow-arrows{
    max-width:1840px!important;
    padding: 0 20px!important;
    margin: 0 auto!important;
    gap:20px;
}

.cln-list-1 .group-block-content{
    max-width:1840px!important;
    padding: 0 20px;
    margin: 0 auto;
    padding-right:0;
}

.cln-list-1 .group-block-content .text-block{
    padding-bottom:0;
}

.cln-list-1  .collection-card__content p{
    font-size:21.8px;
    line-height:30px;
    letter-spacing:1px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    font-family:"Akzidenz-Grotesk Pro bold";
}

@media screen and (min-width:750px){
    .cln-list-1 slideshow-slide{
        width: calc(25% - 6px) !important;
        max-width: calc(25% - 3px) !important;
        flex: 0 0 calc(25% - 3px) !important;
    }

    .cln-list-1 .resource-list__item{
        width:100%;
    }
}

/**** Mobile Responsive *****/
/* @media screen and (max-width:749px){
    .cln-list-1{
        padding:30px 0!important;
        row-gap:15px!important;
    }

    .cln-list-1 slideshow-slide{
        flex-basis:51%!important
    }

    .cln-list-1  .collection-card__content p{
        font-size:14px;
    }

    .cln-list-1 .group-block-content .text-block h3{
        line-height:25px!important;
    }

    .cln-list-1 .divider{
        padding:0;
    }

    .cln-list-1 slideshow-slides[gutters*=end], slideshow-arrows{
        column-gap:10px;
    }

    .cln-list-1 .group-block-content{
        padding-left:16px;
    }

    .cln-list-1 .resource-list__item,
    .cln-list-1 .resource-list__item img {
        max-height: 240px !important;
        object-fit: cover;
        max-width:170px;
    }
}  */

/*=========== END COLLECTION LIST HOME PAGE ==========*/


/*======== COLLECTION LIST GRID SECTION ======*/

.cln-list-grid-1 .collection-card__content .text-block{
    background:none;
    padding:0;
}

.cln-list-grid-1 .collection-card__content p{
    color:#000;
    font-size:20px;
    line-height:20px;
    text-transform:uppercase;
}


@media screen and (max-width:749px){
    .cln-list-grid-1 .collection-card__content p{
        font-size:14px;
        line-height:14px;
    }
    .cln-list-grid-1  .resource-list--grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .cln-list-grid-1  .section-resource-list__content .text-block{
    padding-bottom:0;
  }
}


/*======== END COLLECTION LIST GRID SECTION ======*/

/*============ FEATURED COLLECTIONS HOME PAGE ========*/
.feature-homepage{
    /* display:flex!important; */
    flex-direction:column!important;
    padding: 30px 20px!important;
    margin: 0 auto!important;
    /* max-width: 1840px!important; */
}

.feature-homepage slideshow-slides{
    padding:0!important;
}

.feature-homepage .text-block p{
    font-size:20px;
    line-height:22px;
    letter-spacing:0px;
    color:#0C0C0C;
    text-transform:uppercase;
    /* font-weight:700; */
    padding-left:4px;
    font-family:"Akzidenz-Grotesk Pro bold";
    padding-top:0;
}

.feature-homepage .text-block{
    padding-top:0;
}

.feature-homepage .price {
    font-size:18px;
    line-height:18px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#0C0C0C;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.feature-homepage  .price-item--regular{
    font-size:18px;
    line-height:18px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#939393;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.feature-homepage .product-media-container.media-fit img{
    object-fit:contain!important;
}

/* .feature-homepage .product-badges--top-left{
    top:12px;
    left:18px;
} */


/* .feature-homepage slideshow-container,
.feature-homepage slideshow-slide{
    min-height:570px;
} */

.feature-homepage .rating-wrapper,
.feature-homepage .group-block-content{
    align-items:start;
}

.feature-homepage .group-block-content{
    gap:0;
    margin-top:10px;
    padding-left:4px;
    padding-right:4px;
}

.feature-homepage .stars{
    fill:#D4AF37!important;
    width:10px;
    height:10px;
}

.feature-homepage .rating-count{
    color:#202223!important;
    font-size:11.7px!important;
    line-height:10px!important;
    letter-spacing:-0.32px;
    margin-top:0;
}

.rating-wrapper,
.rating{
    display:flex;
    gap:3px;
}

/*Chnages in info-wrapper*/
.feature-homepage .price__sale{
    display:none;
}

.feature-homepage  .group-block-content .price__sale{
    display:flex;
    gap:5px;
    justify-content:start;
    line-height:1;
}

.feature-homepage .group-block-content:has(.rating-wrapper) .price__sale{
    justify-content:end;
    line-height:1;
}

.feature-homepage .price__hidden{
    display:none!important;
}
.feature-homepage .product-grid__card{
    display:flex;
    flex-direction:column;
} 

/* DEFAULT WITH REVIEWS */
.feature-homepage .group-block-content{
    order:1;
}

.feature-homepage .text-block{
    order:2;
}

.feature-homepage product-swatches{
    order:3;
}

/* WITHOUT REVIEWS */
.feature-homepage .product-grid__card:not(:has(.rating-wrapper)) .text-block{
    order:1;
    
}
.feature-homepage .product-grid__card:not(:has(.rating-wrapper)) .text-block p{
    margin-top:10px;
}

.feature-homepage .product-grid__card:not(:has(.rating-wrapper)) .group-block{
    order:2;
}
.feature-homepage .product-grid__card:not(:has(.rating-wrapper)) .group-block-content{
    margin-top:0;
}

.feature-homepage .product-grid__card:not(:has(.rating-wrapper)) product-swatches{
    order:3;
}


@media screen and (max-width:749px){
    .feature-homepage .product-grid__card:not(:has(.rating-wrapper)) .text-block{
        margin-top:0;
    }

    .feature-homepage .price__sale{
        display:block!important;
        line-height:1;
    }

    .feature-homepage .group-block-content .price__sale{
        display:none!important;
    }

    .feature-homepage .product-grid__card:not(:has(.rating-wrapper)) .text-block p{
        margin-top:0;
    }
    .feature-homepage .product-card__content{
        gap:5px!important
    }
    
}

/*===== Swatches size and layout in all product cards =====*/
.card .swatch,
.product-card .swatch,
.card-swatches .swatch {
  width: 16px !important;
  height: 16px !important;
}

product-swatches swatches-variant-picker-component overflow-list::part(list){
    gap:5px!important;
}

/* Product card selected swatch */
product-swatches .variant-option__button-label:has(input:checked) .swatch {
  padding: 1px;
  border: 1px solid #000;
  box-sizing: border-box;
  background-clip: content-box;
}

/* Remove default theme ring */
product-swatches .variant-option__button-label:has(input:checked),
product-swatches .variant-option__button-label:has(input:checked) .swatch {
  box-shadow: none !important;
  outline: none !important;
}

product-swatches .variant-option__button-label:has(input:checked)::before,
product-swatches .variant-option__button-label:has(input:checked)::after,
product-swatches .variant-option__button-label .swatch::before,
product-swatches .variant-option__button-label .swatch::after {
  display: none !important;
}

product-swatches .variant-option--swatches overflow-list::part(list){
    padding-inline:0;
    padding-block:0;
}
@media screen and (min-width:750px){
    .feature-homepage .resource-list__slide{
        width: calc(25% - 6px) !important;
        max-width: calc(25% - 3px) !important;
        flex: 0 0 calc(25% - 3px) !important;
    }
}

@media screen and (max-width:1517px){
    .feature-homepage  .price__sale{
        flex-wrap:wrap;
    }
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .feature-homepage{
        padding:20px!important;
        padding-right:0!important;
    }

    .feature-homepage .text-block p{
        font-size:16px;
        padding-left:0;
    }

    .feature-homepage .group-block-content{
        padding-left:0;
        margin-top:0;
    }

    .feature-homepage .price,
    .feature-homepage .price-item--regular{
        font-size:14px;
    }

    .feature-homepage slideshow-component,
    .feature-homepage slideshow-container{
        min-height:204px;
    }

    .feature-homepage .group-block-content .price__sale{
        align-items:flex-start!important;
        justify-content:start!important;
    } 

    .feature-homepage slideshow-arrows{
        padding:0 5px!important;
    }
}

 
/*============ END FEATURED COLLECTIONS HOME PAGE ========*/

/*=============== COLLECTION LIST-2 HOME PAGE ==========*/
.cln-list-2{
    display:flex!important;
    flex-direction:column!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
    max-width: 1840px!important;
    margin: 0 auto!important;
}

.cln-list-2 .collection-card__content h4{
    font-size:30px!important;
    line-height:30px!important;
    letter-spacing:0px!important;
    text-transform:uppercase!important;
}

.cln-list-2 .collection-card__content .text-block{
    color:#222222!important;
}

.cln-list-2 .collection-card__content p{
    font-size:13.7px;
    line-height:20px;
    letter-spacing:0;
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.cln-list-2 .button-secondary:hover{
    background:#000;
    color:#fff;
}
@media screen and (max-width:749px){
    .cln-list-2{
        padding:23px 20px!important;
    }
    .cln-list-2 slideshow-slides{
        padding:0!important;
    }
    .cln-list-2 .slideshow-control{
        display:none;
    }
}
/*=============== END COLLECTION LIST-2 HOME PAGE ==========*/

/*============= RICH TEXT-1 HOME PAGE =============*/
.rich-txt-homepage p{
    font-size:20px;
    line-height:18px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:500;
    color:#0C0C0C;
}
.rich-txt-homepage .text-block h4{
    font-size:32.3px!important;
    line-height:42px!important;
    letter-spacing:0px!important;
    text-transform:uppercase!important;
    color:#0C0C0C!important;
    max-width:862px;
}
.rich-txt-homepage .button-secondary:hover{
    background:#000;
    color:#fff;
}

@media screen and (max-width:749px){
    .rich-txt-homepage .text-block h4{
        font-size:20px;
        line-height:30px;
    }
}
/*============= END RICH TEXT-1 HOME PAGE =============*/


/*=============== COLLECTION LIST-3 HOME PAGE ==========*/
.cln-list-3{
    display:flex!important;
    max-width:1840px;
    margin:0 auto!important;
    padding:13px 20px!important
}
.cln-list-3 .collection-card__content p{
    color:#fff;
    font-size:40px;
    text-transform:uppercase;
    line-height:52px;
    letter-spacing:-0.88px;
    font-weight:700;
}
.cln-list-3 .button-secondary{
    background:#fff;
    border:none!important;
    padding:8px 13px!important;
}
.cln-list-3 .button-secondary:before{
    border:none;
    --button-border-color:none!important;
}
.cln-list-3 .button-secondary:hover{
    background:#000;
    color:#fff;
}
.cln-list-3 .collection-card__content{
    padding-bottom:40px!important;
    gap:20px;
}

@media screen and (max-width:749px){
    .cln-list-3 .collection-card__content p{
        font-size:25px;
    }
    .cln-list-3 .collection-card__content{
        padding-bottom:20px!important;
        gap:0px;
    }
    .cln-list-3 .group-block-content{
        display:flex;
        flex-direction:row;
        justify-content:flex-end;
    }
    .cln-list-3 .resource-list--grid{
        row-gap:15px;
    }
}
/*=============== END COLLECTION LIST-3 HOME PAGE ==========*/

/*============== MULTICOLUMN SECTION HOME PAGE ==========*/
.multicolumn-homepage{
    grid-template-columns:0!important;
    max-width:1480px;
    margin:0 auto;
    padding:0 20px;
}
.multicolumn-homepage .section-content-wrapper{
    max-width:1420px;
}
.multicolumn-homepage .text-block h4{
    font-size:18px!important;
    line-height:100%!important;
    letter-spacing:1%!important;
    text-transform:uppercase!important;
    font-weight:700!important;
    color:#111111!important;
}

@media screen and (max-width:749px){
    .multicolumn-homepage .text-block h4{
        font-size:16px!important;
    }
    .multicolumn-homepage .image-block{
        max-height:175px;
        object-fit:cover;
    }
}
/*========= END MULTICOLUMN SECTION HOME PAGE ===========*/
.video-homepage .deferred-media__poster-button{
    padding:0!important;
}
/*============= VIDEO SECTION HOME PAGE =====================*/
@media screen and (min-width:750px){
    .video-homepage .section-content-wrapper{
        max-height:940px!important;
    }
}

@media screen and (max-width:749px){
    .video-homepage  .button,
    .video-homepage  .button img,
    .video-homepage  .section-content-wrapper{
        min-height:600px;
        object-fit:cover;
    }
}

/*============= END VIDEO SECTION HOME PAGE =====================*/


/*==============================================================================================
                            END HOME PAGE CSS
==============================================================================================*/





/*==============================================================================================
                            PRODUCT PAGE CSS START
==============================================================================================*/


/*========= PRODUCT DETAILS SECTION =========*/


/*Title,price and ATC button info */
.product-details .group-block-content .group-block-content h1{
    font-size:25px;
    line-height:22px;
    color:#0C0C0C;
}
.product-information__grid .price-item--sale{
    font-size:18px;
    line-height:20px;
    font-family:"Akzidenz-Grotesk Pro bold"!important;
    color:#0C0C0C;
}
.product-information__grid .compare-at-price{
    font-size:18px;
    line-height:20px;
    font-family:"Akzidenz-Grotesk Pro bold"!important;
    color:#939393;
}
.product-information__grid .add-to-cart-text .add-to-cart-icon{
    display:none;
}
.product-information__grid .add-to-cart-text .add-to-cart-text__content{
    font-size:16px;
    line-height:18px;
    letter-spacing:-0.24px;
    font-weight:400;
    text-transform: capitalize;
}

@media screen and (max-width:749px){
    .product-information__grid .add-to-cart-text .add-to-cart-text__content{
        font-size:14px;
    }
}
.product-information__grid .accordion .details__header{
    font-size:12px;
    line-height:12px;
    letter-spacing:0px;
    color:#222222;
    font-family:"Akzidenz-Grotesk Pro Med";
    font-weight:500;
    text-transform:uppercase;
}
.product-information__grid .accordion .icon-plus,
.product-information__grid .accordion .icon-minus{
    width:16px;
    height:16px;
}
.product-information__grid .accordion .details-content p{
    font-size:12px;
    line-height:18px;
    font-family:"Akzidenz-Grotesk Pro Med"!important;
}
.product-information__grid product-recommendations .resource-list--grid{
    grid-template-columns:repeat(2,1fr);
}

/*Add to cart Button*/
.product-form-buttons .add-to-cart-button{
    height:44px;
}
.product-form-buttons{
    margin-bottom:20px;
}
/*accordion*/
.product-details .accordion{
    margin-top:10px;
}
/*icon-with-text block*/
.product-details  .icon-with-text-item{
    justify-content:space-between;
    align-items:center;
}

/*Complete the look block*/
.product-details .section-resource-list__content h4{
    font-size:21.9px!important;
    color:#222222!important;
    line-height:30px!important;
    letter-spacing:0px!important;
    margin-top:16px!important;
}

.product-details .resource-list__item .stars {
    width:9.6px;
    height:9.6px;
    fill:#D4AF37!important;
}

.product-details .resource-list__item .rating{
    gap:0px;
    width:max-content;
}

.product-details .resource-list__item .price-item--sale,
.product-details .resource-list__item .price-item--regular{
    font-size:14px;
    letter-spacing:-0.32px;
}

.product-details .resource-list__item .rating-count{
    margin-top:0;
    font-size:9.4px;
    line-height:10px;
    letter-spacing:0;
}

.product-details .resource-list__item p{
    font-size:20px;
    line-height:22px;
    font-family:"Akzidenz-Grotesk Pro bold";
    color:#0C0C0C;
}

.product-details .product-badges--top-left{
    top:5px!important;
    left:7px!important;
}

.product-details .resource-list__item  .price__sale{
    display:none;
}

.product-details .resource-list__item .group-block-content .price__sale{
    display:flex;
    gap:5px;
    justify-content:start;
    line-height:1;
}


.product-details .resource-list__item .group-block-content:has(.rating-wrapper) .price__sale{
    justify-content:end;
    line-height:1;
}

.product-details .resource-list__item .price__hidden{
    display:none!important;
}
.product-details .resource-list__item.product-grid__card{
    display:flex;
    flex-direction:column;
} 
/* DEFAULT WITH REVIEWS */
.product-details .resource-list__item .group-block-content{
    order:1;
}

.product-details .resource-list__item .text-block{
    order:2;
}

.product-details .resource-list__item product-swatches{
    order:3;
}

/* WITHOUT REVIEWS */
.product-details .resource-list__item .product-grid__card:not(:has(.rating-wrapper)) .text-block{
    order:1;
}

.product-details .resource-list__item .product-grid__card:not(:has(.rating-wrapper)) .group-block{
    order:2;
}
.product-details .resource-list__item .product-grid__card:not(:has(.rating-wrapper)) .group-block-content{
    margin-top:0;
}

.product-details .resource-list__item .product-grid__card:not(:has(.rating-wrapper)) product-swatches{
    order:3;
}


@media screen and (max-width:749px){
    .product-details .resource-list__item  .group-block-content{
        gap:0;
    }
    .product-details .resource-list__item  .group-block-content .price__sale{
        display:none!important;
    }
    .product-details .resource-list__item  .price__sale{
        display:block!important;
    }
    .product-details .section-resource-list__content h4{
        margin-top:0!important;
    }
}

/*================ Variants ==================*/
/*Variant Heading*/
.variant-picker__form .variant-option--buttons legend{
    font-size:16px;
    line-height:12px;
    letter-spacing:0;
    color:#222222;
    text-transform:uppercase;
    font-family:"Akzidenz-Grotesk Pro bold";
    margin-bottom:16px;
}

.variant-picker__form .variant-option__swatch-value,
.variant-picker__form .variant-option__selected-value{
    font-size:16px;
    line-height:11px;
    font-family:"Akzidenz-Grotesk Pro";
    color:#222222;
    padding-left:8px;
}

/* Only Size variant heading */
.variant-option--buttons:not(.variant-option--swatches) legend{
    margin-bottom:20px !important;
}

/*Swatches size and layout in pdp*/
.variant-picker .swatch {
  width: 32px !important;
  height: 32px !important;
}

.variant-picker .variant-option__button-label:has(input:checked) .swatch {
  padding: 2.5px;
  border: 1px solid #000;
  box-sizing: border-box;
  background-clip: content-box;
}

.variant-picker .variant-option__button-label:has(input:checked) {
  box-shadow: none !important;
  outline: none !important;
}

.variant-picker .variant-option__button-label:has(input:checked) .swatch {
  box-shadow: none !important;
  outline: none !important;
}

/* .variant-picker .variant-option__button-label:has(input:checked)::before,
.variant-picker .variant-option__button-label:has(input:checked)::after,
.variant-picker .variant-option__button-label .swatch::before,
.variant-picker .variant-option__button-label .swatch::after{
  display: none !important;
} */

/*Size Variants layout*/
.variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label{
    height:40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    min-height:40px;
    border-radius:4px!important;
    border:none;
    overflow:visible;
}

.variant-option--buttons:not(.variant-option--swatches) input:checked + .variant-option__button-label__pill{
    border:1px solid #010101!important;
}

.variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label,
.variant-option--buttons:not(.variant-option--swatches) input:checked + .variant-option__button-label__pill{
 background:#F3F3F3!important;
}

.variant-option--buttons:not(.variant-option--swatches) input:checked + .variant-option__button-label__pill + .variant-option__button-label__text{
    color:#222222;
}

.variant-option__button-label__text{
    font-family:"Akzidenz-Grotesk Pro bold";
}

.variant-option__button-label:not(.variant-option__button-label--has-swatch):before{
    border:none!important;
}

/* Remove variants animated pill only */
.variant-option--buttons:not(.variant-option--swatches) 
.variant-option__button-label__pill{
    display:none !important;
}

/* Remove variant animation */
.variant-option--buttons:not(.variant-option--swatches) *,
.variant-option--buttons:not(.variant-option--swatches) *::before,
.variant-option--buttons:not(.variant-option--swatches) *::after{
    transition:none !important;
    animation:none !important;
}

/* Selected border */
.variant-option--buttons:not(.variant-option--swatches) 
.variant-option__button-label:has(input:checked)::before{
    border:1px solid #000 !important;
}
.variant-option--equal-width-buttons{
    display:flex!important;
}

/* Hide all variant groups after first 2 */
.product-details .variant-picker__form .variant-option:nth-child(n+3){
    display:none !important;
}


@media screen and (max-width:749px){
    .variant-picker .variant-option__button-label:has(input:checked) .swatch{
        padding:2px;
    }
}


/*================Zoom Image============= */
.product-gallery-modal img,
.product-modal img,
.lightbox img,
.zoom img {
  max-width: 100vw !important;
  max-height: 100vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin:0 auto;
}

dialog img{
  max-height: 100vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin:0 auto;
}

.dialog-thumbnails-list img{
    height:44px!important;
}
.dialog-thumbnails-list .button,
.dialog-zoomed-gallery__close-button{   
    padding:0!important;
}
.dialog-zoomed-gallery__close-button{
    border:1px solid #222222!important;
}

/*Only for desktop*/
@media screen and (min-width:750px){
    .product-information{
        grid-template-columns: 0!important;
        max-width: 1840px!important;
        margin: 0 auto!important;
        padding:0 20px!important;
    }
    .product-details{
        max-width:490px!important;
    }
    .product-details,
    .product-information__media{
        padding:0!important;
    }
    .product-information__grid{
        gap:50px;
    }
    .product-details .group-block{
        padding-top:0;
    }
    .product-details .group-block-content{
        width: 100%!important;
        gap:19px;
    }
    .product-information__grid h1{
        font-size:25px;
        line-height:22px;
        letter-spacing:0px;
        color:#0C0C0C!important;
        font-weight:500;
    }
    .product-information__media .media-gallery__grid{
        gap:16px;
    }
    .product-media-container .button{
        padding:0!important;
    }

    /*Product name and price*/
    .product-details .group-block-content .group-block-content{ 
        display:flex;
        flex-direction:row;
        gap:0;
        line-height:1;
    }
    .product-details .group-block-content .group-block-content .price__sale,
    .product-details .group-block-content .group-block-content product-price{
        width:max-content;
    }
    .product-details .group-block-content .group-block-content product-price{
        padding-top:0;
    }
    
    /*Text and heading after add to cart button*/
    .product-details .group-block-content .group-block-content .group-block-content{
        flex-direction:column;
        align-items:center;
    }
    .product-details .group-block-content .group-block-content .group-block-content p{
        font-size:13.5px;
        line-height:20px;
        letter-spacing:-0.32px;
        color:#222222;
        font-family:"Akzidenz-Grotesk Pro Regular";
    }
    .product-details .group-block-content .group-block-content .group-block-content h2{
        font-size:20px;
        line-height:22px;
        letter-spacing:-0.32px;
        color:#222222;
    }
}


/*Mobile Responsive*/
@media screen and (max-width:749px){
    .media-gallery__mobile-controls .slideshow-controls__dots button{
        padding:0!important;
        --size: unset!important;
    }
    .media-gallery__mobile-controls .slideshow-controls__dots {
        gap:0!important;
        margin:0!important;
    }
    .media-gallery__mobile-controls{
        justify-content:end!important;
    }
    .media-gallery__mobile-controls .slideshow-controls__dots button:after{
        background-color:#939393!important;
        box-shadow:none!important;
        width:8px!important;
        height:8px!important;
        border-radius:50%!important;
    }
    .media-gallery__mobile-controls .slideshow-controls__dots button[aria-selected=true]:after{
        box-shadow:none!important;
        width:12px!important;
        height:12px!important;
    }
    .product-details{
        padding:30px 0;
     }
    .product-details .group-block{
        padding-top:0!important;
    }

    /*Text and heading after add to cart button mobile*/
    .product-details .group-block-content .group-block-content .group-block-content{
        gap:5px;
    }
    .product-details .group-block-content .group-block-content .group-block-content p{
        font-size:12px;
        line-height:20px;
        letter-spacing:-0.32px;
        color:#222222;
        font-family:"Akzidenz-Grotesk Pro Regular";
    }
    .product-details .group-block-content .group-block-content .group-block-content h2{
        font-size:18px;
        line-height:22px;
        letter-spacing:-0.32px;
        font-family:"Akzidenz-Grotesk Pro bold";
        font-weight:900;
    }

    /*Complete the look mobile*/
    .product-details .section-resource-list__content h4{
        font-size:22px!important;
    }
    .product-details .resource-list__item .price__sale{
        display:flex;
    }
    /*== Zoom Image==*/
    .product-media__drag-zoom-wrapper .product-media__image{
        transform:none!important;
    }
    .product-gallery-modal img,
    .product-modal img,
    dialog img,
    .lightbox img,
    .zoom img{
        object-fit:cover!important;
    }
}
/*========= END PRODUCT DETAILS SECTION =========*/

/*=========== ICON WITH TEXT SECTION PDP =================*/
.icon-with-txt-pdp .text-block h4{
    font-family:"Akzidenz-Grotesk Pro bold";
    text-align:left;
}
.icon-with-txt-pdp .text-block p{
    font-family:"Akzidenz-Grotesk Pro Regular";
    color:#000000;
    line-height:16px;
    letter-spacing:0.2px;
    text-align:left!important;
    margin:0;
}
.icon-with-txt-pdp .group-block-content{
    align-items:flex-start!important; 
    width:max-content; 
}
.icon-with-txt-pdp .group-block{
    width:min-content;
}
.icon-with-txt-pdp .section-content-wrapper{
    max-width:792px;
    margin:0 auto;
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .icon-with-txt-pdp .icon-block {
        margin-bottom:0;
    }
    .icon-with-txt-pdp .icon-block img{
        width:30px;
        height:30px;
    }
    .icon-with-txt-pdp .text-block h4{
        font-size:16px;
    }
    .icon-with-txt-pdp .group-block-content,
    .icon-with-txt-pdp .group-block{
        width:100%;
    }
}
/*=========== END ICON WITH TEXT SECTION PDP =================*/

/*=============== RELATED PRODUCT SECTION PDP ===============*/
.related-products {
  display: flex!important;
  max-width: 1840px !important;
}
.related-products slideshow-arrows {
  padding: 10px!important;
}

@media screen and (max-width:749px){
    .related-products .resource-list__carousel .resource-list__slide{
        width:50%!important;
    }
}
/*=============== END RELATED PRODUCT SECTION PDP ===============*/

/*==============================================================================================
                            END PRODUCT PAGE CSS
==============================================================================================*/




/*==============================================================================================
                            ABOUT US PAGE CSS START
==============================================================================================*/

/*======== IMAGE WITH TEXT SECTION ABOUT PAGE ========*/
.img-with-txt-about{
    grid-template-columns:0!important;
}

.img-with-txt-about .section-content-wrapper{
    max-width:1840px;
    margin:0 auto;
    column-gap:90px;
    row-gap:40px;
    padding:70px 20px;
}

.img-with-txt-about .group-block-content{
    max-width:576px;
    gap:30px;
}

.img-with-txt-about .text-block h3{
    line-height:36px!important;
}

.img-with-txt-about .text-block p strong{
    letter-spacing:3.28px;
    font-weight:400!important;
    font-family:"Akzidenz-Grotesk Pro Regular";
}

.img-with-txt-about .text-block p{
    max-width:100%;
    font-family:"Akzidenz-Grotesk Pro Regular";
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .img-with-txt-about .text-block h3{
        font-size:30px!important;
        line-height:30px!important;
    }
}


/*======== END IMAGE WITH TEXT SECTION ABOUT PAGE ========*/

/*=========  RICH TEXT SECTION ABOUT PAGE =========*/
.rich-txt-about .text-block h3{
    line-height:40px!important;
}

@media screen and (max-width:749px){
    .rich-txt-about .text-block h3{
        /* font-size:22px!important; */
        line-height:22px!important;
        /* letter-spacing:1px; */
    }
}

/*=========  END RICH TEXT SECTION ABOUT PAGE =========*/

/*======== MULTICOLUMN SECTION ABOUT PAGE ========*/
.multicolumn-about .section-content-wrapper{
    justify-content:center;
    gap:30px;
}

.multicolumn-about .text-block P{
    font-family:"Akzidenz-Grotesk Pro Regular";
}

.multicolumn-about .text-block P strong{
     font-weight:400!important;
     color:#B6734D;
}

.multicolumn-about .group-block{
    max-width:314.66px;
    padding-top:24px;
    border-top:1px solid #dcd4c7;
}

/*Mobile Resposive*/
@media screen and (max-width:749px){
    .multicolumn-about .group-block{
        max-width:100%;
    }
    .multicolumn-about .section-content-wrapper{
        flex-direction:column;
    }   
    .multicolumn-about .group-block-content{
        gap:10px;
    }
}

/*======== END MULTICOLUMN SECTION ABOUT PAGE ========*/



/*==============================================================================================
                            END ABOUT US PAGE CSS
==============================================================================================*/




/*==============================================================================================
                            COLLLECTION PAGE CSS START
==============================================================================================*/

/*==== collection page Product cards css ====*/
.Collection-page .product-card .text-block p{
    font-size:20px;
    line-height:22px;
    letter-spacing:0px;
    color:#0C0C0C;
    text-transform:uppercase;
    padding-left:0px;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.Collection-page .product-card .price {
    font-size:18px;
    line-height:18px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#0C0C0C;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.Collection-page .product-card .price-item--regular{
    font-size:18px;
    line-height:18px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#939393;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.Collection-page .product-card .stars{
   fill:#D4AF37!important; 
    width:10px;
    height:10px;
}

.Collection-page .product-card .rating-count{
    color:#202223!important;
    font-size:9.7px!important;
    line-height:10px!important;
    letter-spacing:-0.32px;
    margin-top:0;
}

/* changes in layout of product-card info*/
.Collection-page  .price__sale{
    display:none;
}
.Collection-page  .group-block-content .price__sale{
    display:flex;
    gap:5px;
    justify-content:start;
    line-height:1;
}

.Collection-page .group-block-content:has(.rating-wrapper) .price__sale{
    justify-content:end;
    line-height:1;
}

.Collection-page .price__hidden{
    display:none!important;
}
.Collection-page.product-grid__card{
    display:flex;
    flex-direction:column;
} 
/* DEFAULT WITH REVIEWS */
.Collection-page .group-block-content{
    order:1;
}

.Collection-page .text-block{
    order:2;
}

.Collection-page product-swatches{
    order:3;
}

/* WITHOUT REVIEWS */
.Collection-page .product-grid__card:not(:has(.rating-wrapper)) .text-block{
    order:1;
}

.Collection-page .product-grid__card:not(:has(.rating-wrapper)) .group-block{
    order:2;
}
.Collection-page .product-grid__card:not(:has(.rating-wrapper)) .group-block-content{
    margin-top:0;
}

.Collection-page .product-grid__card:not(:has(.rating-wrapper)) product-swatches{
    order:3;
}


/*===== collection page Product cards in mobile =====*/
@media screen and (max-width:749px){
    .Collection-page .product-card .text-block p{
        font-size:16px;
        padding-left:0;
    }

    .Collection-page .product-card .price,
    .Collection-page .product-card .price-item--regular{
        font-size:13px;
    }

    .Collection-page .product-card .price__sale{
        display:flex;
        flex-wrap:wrap!important;
        align-items:flex-start!important;
        justify-content:start!important;
        gap:5px;
    }
    .Collection-page .product-card .group-block-content{
        row-gap:0;
    }
    .Collection-page .product-grid {
        padding:0 20px;
    }
    .Collection-page  .group-block-content .price__sale{
        display:none;
    }
    .Collection-page  .price__sale{
        display:block;
    }

    .Collection-page  .main-collection-grid{
        margin-bottom:2rem;
    }
    
}

/*==== layout css of flters and prodct card ====*/
.facets.facets-controls-wrapper{
    padding:0!important;
}
.facets--filters-title{
    font-size:30px!important;
    line-height:40px;
    font-family:"Akzidenz-Grotesk Pro bold"!important;
    padding-bottom:15px;
    color:#0c0c0c!important;
}
@media screen and (min-width:750px){

    /*Collection products*/
    .Collection-page{
        display:flex!important;
    }
    .Collection-page .collection-wrapper {
        display:flex!important;
        flex-direction:row;
        max-width: 1840px !important;
        width: 100% !important;
        margin:0 auto!important;
        padding:0 20px!important;
    }

    /* Left Filters */
    .collection-sidebar{
        width:320px;
        min-width:320px;
        position:sticky;
        top:20px;
        height:fit-content;
    }

    /* Right Content */
    .collection-content {
        display:flex;
        flex-direction:column;
        gap:30px;
        /* gap:0px; */
        overflow: visible;
        flex:1;
        min-width:0;
    }
    .collection-topbar{
        display:flex;
        justify-content:space-between;
        overflow: visible;
        width:100%;
        flex-wrap:wrap;
        gap:12px;
        /* margin-bottom:30px; */
    }
    .collection-topbar .collection-title{
        margin-bottom:0;
    }
    .product-layout{
        display:flex;
        align-items:center;
        margin-left:auto;
        gap:16px;
        flex-wrap:wrap;
    }
    .sorting-filter__options{
        z-index:2!important;
    }

    .collection-topbar .sorting-filter {
        position: relative;
        border:1px solid #222222BF;
        min-width:200px;
        border-radius:4px;
        height:40px;
    }

    .collection-topbar .sorting-filter .facets__summary{
        padding:8px 0!important;
    }
    .collection-topbar .sorting-filter .facets__label{
        font-size:14px;
        color:#222222;
        font-family:"Akzidenz-Grotesk Pro Med";
    }

    .collection-topbar .sorting-filter .sorting-filter__label{
        font-weight:400!important;
        font-family:"Akzidenz-Grotesk Pro Med";
    }

    .collection-topbar .sorting-filter__options {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        left: auto;
        z-index: 99;
    }

    .Collection-page .product-grid{
        width:100%;
    }
    .facets--horizontal .products-count-wrapper,
    .facets--horizontal .facets__panel,
    .column-options-wrapper{
        display:none!important;
    }
}

/*===== layout css of flters and prodct card in mobile =====*/
@media screen and (max-width:749px){
    .Collection-page{
        padding-top:20px!important
    }
    .collection-topbar{
        display:none;
    }
}   

/*Filters css*/

.facets__filters-wrapper .facets__summary .facets__label{
    font-family:"Akzidenz-Grotesk Pro bold";
    font-size:18px;
    color:#0C0C0C;
}
.facets__filters-wrapper .checkbox__label-text,
.facets__filters-wrapper .price-facet__inputs-wrapper .price-facet__input,
.facets__filters-wrapper .price-facet__inputs-wrapper .price-facet__label,
.facets__filters-wrapper .price-facet__inputs-wrapper .price-facet__separator{
    font-family:"Akzidenz-Grotesk Pro Med";
    color:#0C0C0C;
}
.facets__filters-wrapper .price-facet__highest-price{
    color:#000000cf!important;
    font-family:"Akzidenz-Grotesk Pro Med";
}
/*Plus and Minus icon in filters */
.icon-toggle .icon-minus {
  display: none;
}

details[open] .icon-toggle .icon-plus {
  display: none;
}
.icon-toggle .icon-plus svg,
.icon-toggle .icon-minus{
    min-width:16px;
    min-height:16px;
    height:16px;
    color:#0c0c0c;
}

details[open] .icon-toggle .icon-minus {
  display: block;
}


@media screen and (max-width:749px){
    .sorting-filter__container .facets__label,
    .facets-toggle__wrapper .facets-toggle__button{
        text-transform:uppercase;
        font-size:20px!important;
        font-family:"Akzidenz-Grotesk Pro bold"!important;
        color:#0C0C0C;
    }
    /* .sorting-filter__select-wrapper{
        all:unset!important;
        display:flex!important;
        align-items:center!important;
        border:1px solid #000000cf!important;
        border-radius:4px!important;
    } */

    .facets-drawer__close,
    .facets-drawer__close:focus,
    .facets-drawer__close:focus-visible,
    .facets-drawer__close:active,
    .facets-drawer__close:hover {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    .facets__clear-all, .facets__see-results{
        font-family:"Akzidenz-Grotesk Pro bold"!important;
    }
}


/*FILTER AND SORT OPTION MOBILE AS STICKY AT THE BOTTOM*/
.mobile-filter-bar,
.mobile-sort-drawer {
  display: none;
}

@media screen and (max-width: 768px) {

/*====== For Filter option =======*/
    .facets-mobile-wrapper{
        display:none!important;
    }

    .collection-sidebar{
        visibility:hidden;
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
    }

    .facets-drawer__filters .sorting-filter{
        display:none;
    }

    .mobile-filter-bar {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999!important;
        background: #fff;
        border-top: 1px solid #e5e5e5;
        padding:0;
        gap: 10px;
        justify-content: space-between;
        pointer-events:auto;
    }
    
    .custom-filter-option{
        width:50%;
        border-right:0.5px solid #dcd4c7;
    }
    
    .custom-filter-option .facets-toggle{
        justify-content:center;
    }

    .mobile-filter-btn {
        display:flex;
        align-items:center;
        gap:10px;
        justify-content:center;
        flex: 1;
        padding: 12px;
        border: none;
        background: #fff;
        color: #0c0c0c;
        font-size: 20px;
        border-radius: 0px;
        font-family:"Akzidenz-Grotesk Pro bold";
    }

    /* IMPORTANT: prevent footer overlap issue */
     body:has(.mobile-filter-bar) {
        padding-bottom: 44px;
    }

    /* =========================
     FILTER DRAWER ONLY
  ========================= */
    #filters-drawer .facets-drawer__title{
        font-size:22px!important;
        line-height:22px!important;
    }

  #filters-drawer dialog.facets--drawer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 60vh !important;
    border-radius: 16px 16px 0 0 !important;
    transform: translateY(100%);
    transition: transform 0.35s ease-in-out;
    z-index: 9999;
  }

  #filters-drawer dialog.facets--drawer[open] {
    transform: translateY(0%) !important;
  }

  /*========== For Sort Option ==========*/
    .mobile-sort-drawer {
        display:block!important;
        background: #fff;
        border-radius: 16px 16px 0 0;
        height: 60vh;
        padding: 0 16px 16px;
        overflow-y: auto;
        z-index: 10000;
    }

    .sort-drawer-header {
        display:flex;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0px;
        position: sticky;
        top: 0;
        z-index: 2;
        background: #fff;
        padding-top:16px;
    }

    .sort-drawer-header h3{
        line-height:1!important;
    }

    .sort-options-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .sort-options-list li {
        border-bottom: 1px solid #eee;
    }

    .sort-option {
        display: block;
        padding: 11.2px 0px;
        font-size: 18px;
        color: #111;
        text-decoration: none;
    }

    .sort-option.active {
        font-weight: 600;
        color: #000;
    }

    .sort-close-btn {
        position: absolute;
        right: 12px;
        top: 12px;
        border: none;
        background: transparent;
        font-size: 20px;
        cursor: pointer;
    }
    /* =========================
     SORT DRAWER ONLY
  ========================= */
  .mobile-sort-drawer {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60vh;
    background: #fff;
    border-radius: 16px 16px 0 0;
    transform: translateY(100%);
    transition: transform 0.35s ease-in-out;
    z-index: 10000;
  }

  .mobile-sort-drawer.is-open {
    transform: translateY(0%) !important;
  }

  /*Overlay*/
    .sort-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);

        opacity: 0;
        visibility: hidden;

        transition: 0.25s ease;

        z-index: 998; /* behind drawer */
    }

    .sort-overlay.is-active {
        opacity: 1;
        visibility: visible;
    }

    /* drawer must be above overlay */
    .mobile-sort-drawer {
        position: fixed;
        z-index: 999;
    }

    /*Stop scrolling when sort drawer open*/
    body.sort-drawer-open {
        overflow: hidden;
        touch-action: none;
    }

    /*Stop showing buttons when sort drawer open*/
    body.sort-drawer-open .mobile-filter-bar {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
/*==============================================================================================
                            END COLLLECTION PAGE CSS
==============================================================================================*/



/*==============================================================================================
                            START CONTACT PAGE CSS
==============================================================================================*/

/*================== CONTACT FORM SECTION ====================*/
.contact-us{
    grid-template-columns:0!important;
}

.contact-us .contact-form__form{
    row-gap:32px;
    padding-bottom:16px;
}

.contact-us .section-content-wrapper{
    flex-direction:row;
    justify-content:flex-start;
    column-gap:80px;
    max-width:1840px;
    padding-right:20px;
    align-items:flex-start;
}

/*==== For Image ====s*/
.contact-us .image-block{
    position:relative;
    overflow:hidden;
}

.contact-us .image-block img{
    object-position:top;
}

.contact-us .image-block__top-text{
    position:absolute;
    top:var(--overlay-spacing);
    left:var(--overlay-spacing);
    z-index:2;   
    font-weight:600;
    line-height:1.2;
    max-width:80%;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
}

.contact-us .image-block__top-text h4,
.contact-us .image-block__bottom-text h4{
    text-transform:uppercase;
    color:#0c0c0c;
    font-size:12px;
    font-family:"Akzidenz-Grotesk Pro"!important;
    font-weight:400;
}

.contact-us .image-block__bottom-text{
    position:absolute;
    bottom:var(--overlay-spacing);
    left:var(--overlay-spacing);
    z-index:2;
    color:rgba(250,250,250,0.9);
    font-size:18px;
    line-height:1.5;
    max-width:80%;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
}

.contact-us .image-block__bottom-text p{
    color:#0c0c0c;
    max-width:298px;
    font-family:"Akzidenz-Grotesk Pro bold"
}

.contact-us .image-block__bottom-text br{
    display:none;
}


@media screen and (max-width:1023px){
    .contact-us .image-block{
        display:none;
    }
}

/*==== For Form ====*/
.contact-us .contact-form{
    max-width:576px;
}

.contact-us .contact-form__text{
    max-width:478px;
    margin-bottom:48px;
}

.contact-us .contact-form__text p{
    font-size:18px!important;
    line-height:28px!important;
    color:#0c0c0c;
}

.contact-us .contact-form__heading h1{
    font-size:70px;
    line-height:70px;
    margin-bottom:32px;
    color:#0c0c0c;
}

.contact-us .contact-form__caption{
    font-size:14px;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:0.22em;
    margin-bottom:24px;
    color:#0c0c0c;
}

.contact-us .contact-form__button-row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
}

.contact-us .contact-form__button-row button{
    font-family:"Akzidenz-Grotesk Pro bold";
}

.contact-us .contact-form__button-row button:hover{
    background:transparent;
    color:#0c0c0c;
}
.contact-us .contact-form__button-text{
    font-size:14px;
    line-height:24px;
    text-transform:uppercase;
    color:#0c0c0c;
}

.contact-us .contact-form__text p,
.contact-us .contact-form__caption,
.contact-us .contact-form__button-text p{ 
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.contact-us .contact-form__input{
    background:transparent;
    border:none;
    border-bottom:1px solid rgb(223 223 223 / 1.0);
    border-radius:0;
    padding-left:0;
    padding-top:10px;
    padding-bottom:10px;
    color:#0c0c0c;
    font-family:"Akzidenz-Grotesk Pro Regular";
}

.contact-us textarea{
    max-height:103px;
}
.contact-us .contact-form__select{
    padding-top:0;
}

.contact-us .contact-form__field{
    width:50%;
}
.contact-us .contact-form__input:focus,
.contact-us .contact-form__select:focus,
.contact-us .contact-form__input:focus-visible,
.contact-us .contact-form__select:focus-visible,
.contact-us textarea:focus,
.contact-us textarea:focus-visible {
  outline: none;
  box-shadow: none;
}
.contact-form__input:focus,
.contact-form__select:focus,
textarea:focus {
  border-color: #000000; /* change this color */
}

.contact-us .contact-form__label{
    text-transform:uppercase;
    letter-spacing:0.22em;
    color:#0c0c0c;
    font-family:"Akzidenz-Grotesk Pro Regular"; 
}
.contact-us .contact-form__select{
    color:#0c0c0c;
    font-family:"Akzidenz-Grotesk Pro Regular"; 
}
@media screen and (max-width:1023px){
   .contact-us .section-content-wrapper{
        padding:40px 24px;
   }
   .contact-us .contact-form{
        min-width:576px;
    } 
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .contact-us .contact-form{
        max-width:100%;
        min-width:100%;
    }
    .contact-us .contact-form__field{
        width:100%;
    }
}
/*================== END CONTACT FORM SECTION ====================*/



/*============ MULTICOLUMN SECTION CONTACT ============*/
.contact-multicolumn{
    border-top:1px solid #dcd4c7;
    border-bottom:1px solid #dcd4c7;
}

.contact-multicolumn .section-content-wrapper{
    column-gap:40px;
}

.contact-multicolumn .icon-with-text-item{
    margin-bottom:10px;
}

.contact-multicolumn .icon-with-text-item img{
    width:16px;
    height:16px;
}

.contact-multicolumn .icon-with-text-item span{
    text-transform:uppercase;
    color:#000000cf;
    font-family:"Akzidenz-Grotesk Pro Regular";
    /* letter-spacing:0.22em; */
}

.contact-multicolumn .group-block-content h5{
    font-size:18px!important;
    line-height:28px!important;
    font-family:"Akzidenz-Grotesk Pro bold"!important; 
}

.contact-multicolumn .group-block-content  p{
    font-size:12px;
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.contact-multicolumn .group-block-content a{
    text-decoration:none;
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .contact-multicolumn{
        grid-template-columns:0!important;
    }

    .contact-multicolumn .group-block{
        padding:20px 0;
    }
    .contact-multicolumn .group-block-content{
        padding:0 20px;
    }
    .contact-multicolumn .section-content-wrapper{
        padding:20px 0;
    }
    .contact-multicolumn .icon-with-text-item{
        margin-bottom:0px;
    }
}
/*=========== END MULTICOLUMN SECTION CONTACT ===========*/


/*==============================================================================================
                            END CONTACT PAGE CSS
==============================================================================================*/



/*==============================================================================================
                            START FAQ PAGE CSS
==============================================================================================*/

/*==== HERO SECTION IN FAQ PAGE ====*/
.faq-hero .hero__media-grid{
    display:none;
}
.faq-hero .hero__container{
    grid-template-columns: 0;
    max-width: 1840px;
    margin: 0 auto;
    padding:0 48px;
    min-height:532px!important;
}

/* .faq-hero .hero__content-wrapper{
    max-width:513px;
} */

.faq-hero .hero__content-wrapper h1{
    font-size:70px;
    line-height:70px;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.faq-hero .hero__content-wrapper p{
    font-size:16px;
    line-height:26px;
    font-family:"Akzidenz-Grotesk Pro Regular";
    max-width:513px;
}

.faq-hero .hero__content-wrapper h6{
    font-size:14px;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:0.22em;
    font-family:"Akzidenz-Grotesk Pro Regular";
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .faq-hero{
        min-height:350px!important;
    }
    .faq-hero .hero__container{
        padding:0 24px;
        min-height:350px!important;
    }

    .faq-hero .hero__content-wrapper h1{
        font-size:40px;
        line-height:39px;
    }
}
/*==== END HERO SECTION IN FAQ PAGE ====*/



/*==== FAQ SECTION ====*/
.faq-section{
    grid-template-columns:0!important;
    max-width:1840px;
    margin:0 auto;
    padding:0 48px;
}

/* .faq-section .section-content-wrapper{
    border-top:1px solid #dcd4c7;
    border-bottom:1px solid #dcd4c7;
} */
.faq-section .group-block{
    border-bottom:1px solid #dcd4c7;
}

.faq-section .group-block:first-child{
    border-top:1px solid #dcd4c7;
}

.faq-section .group-block:last-child{
    border:none;
}

.faq-section .group-block .group-block{
    border:none;
}

.faq-section .group-block-content{
    align-items:flex-start;
}
.faq-section .group-block-content .group-block .group-block-content h3{
    line-height:35px!important;
}

.faq-section .group-block-content .group-block .group-block-content p{
    text-transform:uppercase;
    letter-spacing:0.22em;
}

.faq-section .details__header{
    font-size:18px!important;
    line-height:28px!important;
    color:#222222;
    font-family:"Akzidenz-Grotesk Pro Med"!important;
    padding:24px 0;
}

.faq-section .details-content p{
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
    font-weight:600;
    font-weight:400!important;
    color:#222222;
    max-width:100%;
}

.faq-section .accordion--dividers accordion-custom:first-child .details {
  border-top: none !important;
}

.faq-section .accordion--dividers accordion-custom:last-child .details{
    border-bottom:none!important;
}

.faq-section .details__header svg{
    width:18px;
    height:18px;
    min-width:18px;
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .faq-section{
        padding:0 24px;
    }
    .faq-section .group-block-content{
        row-gap:15px;
    }
    .faq-section .group-block-content .group-block-content{
        row-gap:12px;
    }
    .faq-section .section-content-wrapper{
        padding:0;
    }
}
/*==== END FAQ SECTION ====*/




/*==== RICH TEXT SECTION IN FAQ SECTION ====*/
.faq-rich-txt{
    grid-template-columns:0!important;
    border-top:1px solid #dcd4c7;
}

.faq-rich-txt h3{
    line-height:35px!important;
}

.faq-rich-txt p{
    font-size:18px!important;
    line-height:28px!important;
    font-family:"Akzidenz-Grotesk Pro Regular";
    max-width:513px;
}

.faq-rich-txt .button-secondary:hover{
    background:#000;
    color:#fff;
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .faq-rich-txt p{
        font-size:16px!important;
        line-height:26px!important;
        max-width:373px;
    }
    .faq-rich-txt .section-content-wrapper{
        padding:96px 24px;
    }
}

/*==== END RICH TEXT SECTION IN FAQ SECTION ====*/


/*==============================================================================================
                            END FAQ PAGE CSS
==============================================================================================*/




/*==============================================================================================
                            MEGA MENU CSS
==============================================================================================*/
.mega-menu__link,
.menu-drawer__menu-item--child {
    font-size:14px;
    line-height:24px;
    color:#222222!important;
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.mega-menu__link--parent,
.menu-drawer__menu-item--mainlist,
.menu-drawer__menu-item--parent{
    font-size:18px!important;
    line-height:28px!important;
    letter-spacing:1px;
    text-transform:uppercase!important;
    color:#222222;
    font-family:"Akzidenz-Grotesk Pro bold"!important;
}

.menu-list__submenu-inner .mega-menu{
    grid-template-columns: 0!important;
    max-width: 1840px!important;
    margin: 0 auto!important;
    padding:0 40px!important;
}

.menu-list__submenu-inner .mega-menu__list{
    gap:12px!important;
}

/* .mega-menu__link span{
  font-family:"Akzidenz-Grotesk Pro Med"!important;
  color:#0c0c0c;
} */

/* image only take 1 column*/
.mega-menu__content{
    --menu-content-columns-desktop: 1!important;
    --menu-content-columns-tablet: 1!important;
}

/*Collection title in mega menu*/
.mega-menu .resource-card--overlay .resource-card__title{
    color:#fff!important;
}

.mega-menu .resource-card--overlay .resource-card__content{
    padding:0 10px;
}

/*Submenu take 5 columns in one row*/
[data-menu-list-id="MegaMenuList-2"] {
    --menu-columns-desktop: 5!important;
    --menu-columns-tablet:3!important;
}

/*==== Mobile Responsive ====*/
@media screen and (max-width:749px){
    .menu-drawer__menu--childlist {
        padding-top:20px;
    }

    .menu-drawer__list-item{
        border-block-end: 1px solid var(--color-border);
    }

    .menu-drawer__list-item:last-child{
        border-block-end:none;
    }

    /*Hide Colelction image*/
    .menu-drawer__featured-content{
        display:none;
    }

    .menu-drawer__nav-buttons{
        padding-right:5px;
    }
    .menu-drawer__nav-buttons .menu-drawer__close-button{
        min-width:32px;
    }
    
}

/*==============================================================================================
                            END MEGA MENU CSS
==============================================================================================*/



/*==============================================================================================
                            SEARCH PAGE CSS
==============================================================================================*/


/*===== search page Product cards in desktop =====*/
.search-products .text-block p{
    font-size:20px;
    line-height:22px;
    letter-spacing:0px;
    color:#0C0C0C;
    text-transform:uppercase;
    padding-left:0px;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.search-products .price-item--sale{
    font-size:18px;
    line-height:20px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#0C0C0C;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.search-products .price-item--regular{
    font-size:18px;
    line-height:20px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#939393;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.search-products .stars{
    fill:#D4AF37!important;
    width:10px;
    height:10px;
}

.search-products rating-count{
    color:#202223!important;
    font-size:9.7px!important;
    line-height:10px!important;
    letter-spacing:-0.32px;
    margin-top:0;
}


/*Chnages in info-wrapper*/
.search-products .price__sale{
    display:none;
}
.search-products  .group-block-content .price__sale{
    display:flex;
    gap:5px;
    justify-content:start;
    line-height:1;
}

.search-products .group-block-content:has(.rating-wrapper) .price__sale{
    justify-content:end;
    line-height:1;
}

.search-products .price__hidden{
    display:none!important;
}
.search-products .product-grid__card{
    display:flex;
    flex-direction:column;
} 

/* DEFAULT WITH REVIEWS */
.search-products .group-block-content{
    order:1;
}

.search-products .text-block{
    order:2;
}

.search-products product-swatches{
    order:3;
}

/* WITHOUT REVIEWS */
.search-products .product-grid__card:not(:has(.rating-wrapper)) .text-block{
    order:1;
}

.search-products .product-grid__card:not(:has(.rating-wrapper)) .text-block p{
    margin-top:10px;
}

.search-products .product-grid__card:not(:has(.rating-wrapper)) .group-block{
    order:2;
}
.search-products .product-grid__card:not(:has(.rating-wrapper)) .group-block-content{
    margin-top:0;
}

.search-products .product-grid__card:not(:has(.rating-wrapper)) product-swatches{
    order:3;
}


@media screen and (max-width:749px){
    .search-products .product-grid__card:not(:has(.rating-wrapper)) .text-block{
        margin-top:0;
    }
    .search-products .price__sale{
        display:block!important;
    }
    .search-products .group-block-content .price__sale{
        display:none!important;
    }
    
}

/*===== search page Product cards in mobile =====*/
@media screen and (max-width:749px){
    .search-products .text-block p{
        font-size:16px;
        padding-left:0;
    }

    .search-products .price,
    .search-products .price-item--regular{
        font-size:13px;
    }

    .search-products .group-block-content{
        row-gap:0;
    }

    .search-products .price__sale{
        display:flex;
        flex-wrap:wrap!important;
        align-items:flex-start!important;
        justify-content:start!important;
        gap:5px;
    }
    
}

.search-page-input{
    color:#0C0C0C;
    letter-spacing:0.5px;
    font-family:"Akzidenz-Grotesk Pro Med";
}

/*Default close button hide which is coming in browser with text for all search box*/
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}


/*===== Search Box ======*/
product-swatches .swatch{
  width:16px !important;
  height:16px !important;
}

product-swatches .variant-option__button-label{
  padding:0 !important;
}

product-swatches .variant-option__button-label .swatch{
  border-radius:50%;
}

.resource-card__content .resource-card__title{
    font-size:20px!important;
    line-height:22px!important;
    letter-spacing:0px!important;
    color:#0C0C0C!important;
    text-transform:uppercase!important;
    font-family:"Akzidenz-Grotesk Pro bold"!important;
}

.resource-card__content .price-item--sale{
    font-size:18px;
    line-height:20px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#0C0C0C;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.resource-card__content .price-item--regular{
    font-size:18px;
    line-height:20px;
    letter-spacing:-0.32px;
    font-weight:700;
    color:#939393;
    font-family:"Akzidenz-Grotesk Pro bold";
}
.resource-card__content .price__sale{
    display:flex;
}
.resource-card__content .price__sale .price-item__group:last-child{
    order:-1;
}

.predictive-search-results__title{
    font-size:30px!important;
    line-height:30px!important;
    color:#0c0c0c!important;
    margin:16px 0!important;
}

.predictive-search-rating-wrapper{
    margin-bottom:5px;
}

.predictive-rating-count{
    font-family:"Akzidenz-Grotesk Pro Regular";
}


@media screen and (max-width:749px){
    .resource-card__content .resource-card__title{
        font-size:18px!important;
        line-height:18px!important;
    }
    
    .predictive-search-results__title{
        font-size:20px!important;
        line-height:20px!important;
    }

    .recently-viewed-wrapper{
        max-height:fit-content!important;
    }
}
/*==============================================================================================
                            END SEARCH PAGE CSS
==============================================================================================*/




/*==============================================================================================
                            START Blog CSS
==============================================================================================*/
.blog-posts-container{
    display:flex!important;
}

.blog-post-item{
    width:50%;
}
.blog-post-item--horizontal .blog-post-card{
    flex-direction:column!important;
}
.blog-post-card__image-container img{
    min-height:350px!important;
    max-height:350px!important;
    object-position:left center;
}

/*==============================================================================================
                            END Blog CSS
==============================================================================================*/


/*==============================================================================================
                            START CART PAGE & DRAWER CSS
==============================================================================================*/

.cart-items__wrapper p{
    font-family:"Akzidenz-Grotesk Pro Regular"!important;
}

.cart-items__wrapper .cart-items__empty-button:hover{
    background:transparent;
    color:#000;
}

.cart-items .quantity-selector button,
.cart-items__remove{
    padding:0!important;
}

.cart-page{
    grid-template-columns: 1fr var(--sidebar-width)!important;
}

.section--page-width .cart-page:has(.cart-summary--extend){
    grid-column:2/2!important
}

.cart-items__title{
    font-size:25px!important;
    color:#0C0C0C;
}

.cart-items__variant dd{
    color:#000000cf;
    font-size:16px;
    font-family:"Akzidenz-Grotesk Pro Regular";
}

.cart-items__unit-price-wrapper span{
    color:#0C0C0C;
    font-size:18px;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.cart-items__unit-price-wrapper .compare-at-price{
    color:#939393;
    font-size:18px;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.quantity-minus svg, 
.quantity-plus svg{
    color:#000;   
}
.quantity-minus .svg-wrapper svg,
.quantity-plus .svg-wrapper svg{
    width:14px!important;
    height:14px!important;
}

.quantity-selector input[type=number]{
    color:#0c0c0c;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.quantity-selector{
    border:1px solid!important;
}

.cart-items__price{
    font-size:20px!important;
    color:#0C0C0C;
    font-family:"Akzidenz-Grotesk Pro bold"!important;
}

.cart__checkout-button{
    font-family:"Akzidenz-Grotesk Pro bold"!important;
}

.cart__checkout-button:hover{
    background:transparent;
    color:#0C0C0C;  
}

.cart-feature-products{
    grid-template-columns: 0!important;
    max-width: 1840px!important;
}

.cart-feature-products .button-secondary:hover{
    background:#000;
    color:#fff;
}

.cart-feature-products .group-block-content{
        align-items:center;
    }

.cart-totals__total,
.cart-totals__total-label,.cart-discount__label{
    color:#0c0c0c;
    font-size:16px!important;
    font-family:"Akzidenz-Grotesk Pro Med"!important;
}
.cart-totals__icon svg{
    width:16px;
    height:16px;
    min-width:16px;
}

@media screen and (max-width:749px){
    .cart-feature-products{
        padding-right:20px!important;
    }
    
}

/*====== CART DRAWER ======*/
.cart-items__wrapper{
    padding-top:20px;
}
.cart-drawer__close-button{
    padding:0!important;
}
.cart-drawer__items .cart-items__title{
    font-size:18px!important;
}
.cart-drawer__items .cart-items__variant dd{
    font-size:14px;
}

.cart-drawer__header .cart-bubble{
    display:none!important;
}

.cart-drawer__close-button,
.cart-drawer__close-button:focus,
.cart-drawer__close-button:focus-visible,
.cart-drawer__close-button:active,
.cart-drawer__close-button:hover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

@media screen and (min-width: 750px) {
  .cart-drawer__dialog {
    width: 500px !important;
    max-width: 90vw !important;
  }
}
/*==============================================================================================
                            END CART PAGE & DRAWER CSS
==============================================================================================*/


/*==============================================================================================
                            START SUSTAINABLILITY  PAGE
==============================================================================================*/

/*=========== HERO SECTION =========*/
.hero-sustainability .hero__content-wrapper{
    max-width:1840px;
    margin:0 auto;
    padding:0 20px;
}

.hero-sustainability  .hero__media-grid{
    display:none;
}

.hero-sustainability  .hero__container{
    min-height:532px!important;
    border-bottom:1px solid #dcd4c7;
}

.hero-sustainability  .hero__content-wrapper h1{
    font-size:70px;
    line-height:70px;
    font-family:"Akzidenz-Grotesk Pro bold";
}

.hero-sustainability  .hero__content-wrapper p{
    font-size:16px;
    line-height:26px;
    font-family:"Akzidenz-Grotesk Pro Regular";
    max-width:513px;
}

.hero-sustainability  .hero__content-wrapper h6{
    font-size:14px;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:0.22em;
    font-family:"Akzidenz-Grotesk Pro Regular";
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .hero-sustainability {
        min-height:350px!important;
    }
    .hero-sustainability .hero__container{
        /* padding:0 24px; */
        min-height:350px!important;
    }

    .hero-sustainability  .hero__content-wrapper h1{
        font-size:40px;
        line-height:39px;
    }
}
/*=========== END HERO SECTION =========*/


/*=========== MULTICOLUMN SECTION-1 =========*/
.multicolumn-sustaibility-1{
    grid-template-columns:0!important;
    border-bottom:1px solid #dcd4c7;
}

.multicolumn-sustaibility-1 .section-content-wrapper{
    max-width:1840px;
    margin:0 auto;
    padding-right:20px;
    padding-left:20px;
    justify-content:space-between;
}

.multicolumn-sustaibility-1 .group-block{
    max-width:320px;
}
      

.multicolumn-sustaibility-1 .text-block p{
    font-size:16px;
    font-family:"Akzidenz-Grotesk Pro Regular";
}


/*Mobile Responsive*/
@media screen and (max-width:749px){
    .multicolumn-sustaibility-1 .section-content-wrapper{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
    .multicolumn-sustaibility-1 .text-block h3{
        font-size:35px!important;
        line-height:35px!important;
    }
    .multicolumn-sustaibility-1 .text-block p{
        font-size:14px;
    }
}
/*=========== END MULTICOLUMN SECTION-1 =========*/

/*=========== HERO SECTION AS HEADER(HEADING + TEXT) =========*/
.header-sustainability .hero__media-grid{
    display:none;
}

.header-sustainability .hero__container{
    grid-template-columns:0!important;
    max-width:1840px;
    margin:0 auto;
    padding:50px 20px;
}

.header-sustainability .text-block h3{
    line-height:40px!important;
    letter-spacing:0px!important;
    max-width:500px;
}

.header-sustainability .text-block h6{
    font-size:14px;
    text-transform:uppercase!important;
    letter-spacing:0.22em!important;
}

.header-sustainability .text-block p{
    font-size:16px;
    font-family:"Akzidenz-Grotesk Pro Regular";
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .header-sustainability .text-block h3{
        font-size:35px!important;
    }
}

/*=========== END HERO SECTION AS HEADER(HEADING + TEXT) =========*/

/*=========== MULTICOLUMN SECTION-2 =========*/

.multicolumn-sustaibility-2{
    grid-template-columns:0!important;
}
.multicolumn-sustaibility-2 .section-content-wrapper{
    max-width:1840px;
    margin:0 auto;
    padding-right:20px;
    padding-left:20px;
    justify-content:space-between;
    column-gap:30px;
}

.multicolumn-sustaibility-2 .text-block h4{
    line-height:24px;
    letter-spacing:0px;
    text-transform:uppercase!important;
}

.multicolumn-sustaibility-2 .text-block p{
    font-size:16px;
    font-family:"Akzidenz-Grotesk Pro Regular";
    max-width:100%;
}

.multicolumn-sustaibility-2 .text-block h6{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.22em;
    font-weight:400;
}

.multicolumn-sustaibility-2 .group-block{
    max-width:570px;
    padding-top:0;
}

/*Mobile Responsive*/
@media screen and (max-width:749px){
    .multicolumn-sustaibility-2 .section-content-wrapper{
        row-gap:40px;
    }
    .multicolumn-sustaibility-2 .text-block h6{
        margin-top:10px!important;
    }
}

/*=========== END MULTICOLUMN SECTION-2 =========*/


/*=========== IMAGE WITH TEXT SECTION =========*/
.img-with-txt-sustaibility{
    grid-template-columns:0!important;
    overflow:hidden;
}

.img-with-txt-sustaibility .section-content-wrapper{
    max-width:1840px;
    margin:0 auto;
    padding-right:20px;
    padding-left:20px;
    column-gap:50px;
}

.img-with-txt-sustaibility .text-block h6{
    font-size:12px;
    letter-spacing:0.22em;
    text-transform:uppercase;
    margin-bottom:10px;
}

.img-with-txt-sustaibility .text-block h3{
    line-height:35px!important;
    letter-spacing:0px!important;
    margin-bottom:10px;
}

.img-with-txt-sustaibility .text-block p{
    font-size:18px;
    font-family:"Akzidenz-Grotesk Pro Regular";
    max-width:100%;
    margin-bottom:20px;
}

/*Process rows*/
.img-with-txt-sustaibility .divider__line{
    background:#D8D1C7;
}
.img-with-txt-sustaibility .process-right p{
    font-family:"Akzidenz-Grotesk Pro Regular";
}

.img-with-txt-sustaibility .process-left h5{
    text-transform:uppercase;
}


@media screen and (max-width:990px){
    .img-with-txt-sustaibility .section-content-wrapper{
        flex-direction:column;
    }      
}


/*Mobile Responsive*/
@media screen and (max-width:749px){
    .img-with-txt-sustaibility .process-row{
        justify-content:unset;
    }

    .img-with-txt-sustaibility .process-left{   
        min-width:153px;
    }

    .img-with-txt-sustaibility .text-block h6{
        font-size:14px;
    }
    .img-with-txt-sustaibility .text-block p{
        font-size:16px;
    }
}
/*=========== END IMAGE WITH TEXT SECTION =========*/   



/*=========== HERO SECTION-2 (Hero section with image hidden)=========*/
/* .hero-sustainability-2 .hero__content-wrapper.page-width{
    grid-column:1/4;
    max-width: 1840px;
    margin: 0 auto;
    padding: 0 20px;
} */



/*=========== MULTICOLUMN SECTION-3 =========*/
/* .multicolumn-sustaibility-3{
    grid-template-columns:0!important;
}

.multicolumn-sustaibility-3 .section-content-wrapper{
    max-width:1840px;
    margin:0 auto;
    padding-right:20px;
    padding-left:20px;
} 

.multicolumn-sustaibility-3 .section-content-wrapper .group-block-content{
    display: grid!important;
    grid-template-columns: 0.3fr 3fr 0.26fr!important;
    align-items:center;
}

.multicolumn-sustaibility-3 .text-block h4{
    min-width:160px;
}

.multicolumn-sustaibility-3 .text-block h6{
    min-width:128px;
} */

/*==============================================================================================
                            END SUSTAINABLILITY PAGE
==============================================================================================*/    


/*==============================================================================================
                            POLICY PAGE
==============================================================================================*/    

.shopify-policy__body h3{
    letter-spacing:0px!important;
}

.shopify-policy__body P,
.shopify-policy__body strong{
    font-family:"Akzidenz-Grotesk Pro Regular";
    color:#0c0c0c;
}

/*==============================================================================================
                            POLICY PAGE
==============================================================================================*/ 






/*====================================== CHANGES IN HOMEPAGE =============================================*/

/*======= HEADER WISHLIST AND ACCOUNT ICON =======*/
.wysh-badge-container .svg-wrapper svg{
    width:17px!important;
    height:17px!important;
}

.wysh-header-badge-wrapper,
.wysh-badge-container,
.wysh-badge-container .svg-wrapper{
    width:32px!important;
    height:32px!important;
}

.wysh-badge-container{
    margin-top:6px;
}

.wysh-badge-container .svg-wrapper{
    background:#0000000D;
    border-radius:50%;
}

.mobile-header-icons .swym-icon-text{
    display:none;
}


 @media screen and (max-width: 749px) {

    /* Make header a 3-part layout */
    .header__columns {
        /* grid-template-columns: auto 1fr auto auto!important; */
        /* grid-template-columns:auto !important; */
        /* grid-template-columns: auto auto 1fr auto auto!important; */
         grid-template-columns: 32px 1fr 32px 66px!important;
    }

    /* Left side */
    .menu-drawer-container {
        order: 1;
    }

    /* Center logo */
    .header-logo {
        order: 3!important;
        justify-self: center;
    }

    /* Right side icons */
    header-actions {
        order: 4;
        display: flex !important;
        align-items: center;
        gap: 0;
    }

    .search-action {
        order: 2!important;
    }

    /* Reorder icons INSIDE header-actions */
    .account-button {
       order: 1 !important;
    }

    .wysh-header-badge-wrapper {
        order: 2 !important;
    }

    cart-drawer-component {
        order: 3 !important;
    }

    /*Header adjustment*/
    .wysh-badge-container{
        margin-top:0px;
    }

    .header__columns {
        gap:5px!important;
    }

    .mobile-header-icons{
        display:flex;
        align-items:center;
        gap:0px;
        /* width:min-content; */
        width:20px;
    }

    .wysh-header-badge-wrapper.header-actions__action{
        display:none!important;
    }

    .mobile-header-icons .swym-icon-text{
        display:block;
        width:32px;
        height:32px;
        border:none;
        border-radius:50%;
        background:rgba(0, 0, 0, 0.02);
    }
    /* .mobile-header-icons .header__drawer{
        width:40px;
    } */
    .header__column--right header-actions {
        gap: 3px!important;
    }
    .search-action button{
        width:32px;
    }

    /*Wishlist icon*/
    .wishlist-mobile-icon{
        margin-right:12px;
    }
}
/* 
@media (min-width:391px) and (max-width:749px){

    .search-action {
        justify-self: end!important;
         grid-area: rightB;
        width: 32px;
    }
    .header__column--right header-actions {
        gap: 10px!important;
    }
}

@media screen and (max-width:390px) {
  .search-action {
    justify-self: center!important;
  }
} */

/*To keep logo at the cemter*/
@media (min-width:391px) and (max-width:749px){
    .header-logo__image-container img{
        margin-left:55px!important;
    }
}

@media screen and (max-width:390px){
    .header-logo__image-container img{
        margin-left:35px!important;
    }
}

@media screen and (max-width:362px){
    .header-logo__image-container img{
        margin-left:30px!important;
    }
}


/*======= END HEADER WISHLIST AND ACCOUNT ICON =======*/


/*====== HEADER MEU DRAWER =======*/
@media screen and (max-width:749px){
    .menu-drawer__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        border-bottom: 1px solid rgba(0,0,0,.08);
    }

    .menu-drawer__logo {
        display: flex;
        align-items: center;
    }

    .menu-drawer__logo img {
        width: 153px; /* adjust as needed */
        height: auto;
        display: block;
    }

    .menu-drawer__close-button {
        margin: 0;
        padding: 0;
    }
    .custom-menu-drawer-logo{
        display:flex;
        padding-left:18.2px;
        padding-top:15px;
        padding-bottom:20px;
        padding-right:12px;
    }

    /*==== Account welcome box =======*/
    .drawer-account-box{
        padding:18.2px;
        border-bottom:1px solid #e5e5e5;
        background:#fff;
    }

    .drawer-account-info{
        display:flex;
        align-items:center;
        gap:12px;
        margin-bottom:15px;
    }

    .drawer-account-icon{
        width:52px;
        height:52px;
        border:1px solid #ddd;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#0000000D;
    }

    .drawer-account-icon svg{
        width:32px!important;
        height:32px!important;
    }

    .drawer-account-text h4{
        margin:0 0 4px;
        font-size:20px;
        font-weight:600;
        letter-spacing:.5px;
    }

    .drawer-account-text p{
        margin:0;
        font-size:14px;
        color:#666;
        line-height:1.5;
        font-family: "Akzidenz-Grotesk Pro Regular";
    }

    .drawer-account-buttons{
        display:flex;
        flex-direction:column;
        gap:10px;
    }

    .drawer-login-btn{
        display:block;
        width:100%;
        background:#000;
        color:#fff;
        text-align:center;
        text-decoration:none;
        padding:4px;
        font-size:16px;
        font-weight:600;
        letter-spacing:.5px;
        height:35px;
    }

    .drawer-logout-btn{
        display:block;
        width:100%;
        background:transparent;
        color:#000;
        text-align:center;
        text-decoration:none;
        padding:4px;
        font-size:16px;
        font-weight:600;
        letter-spacing:.5px;
        height:35px;
        border:1px solid #000;
    }

    .drawer-login-btn:hover{
        color:#fff;
    }

    /*======== Icon with Text in menu drawer =======*/
    .drawer-icon-item img{
        width:30px;
        height:30px;
        justify-self:center;
    }
    .drawer-icon-content{
        display:flex;
        flex-direction:column;
    }
    .drawer-icons-wrapper{
        display:flex;
        padding:18.2px;
        text-align:center;
    }
    .drawer-icon-content span{
        font-size:12px;
        font-family:"Akzidenz-Grotesk Pro bold";
        text-transform:uppercase;
    }
    .drawer-icon-content small{
        font-size:10px;
        letter-spacing:0;
    }
    
    .drawer-icon-item{
        width:33.33%;
        border-right:1px solid #dcd4c7;
        align-items:center;
        display:flex;
        flex-direction:column;
    }

    .drawer-icon-item:last-child{
        border-right:none;
    }

    /*Localization (language selector and country remove)*/
    .menu-drawer__localization{
        display:none;
    }

    /*Account and wishlist icon in menu drawer*/
    .menu-drawer-account,
    .menu-drawer-wishlist,
    .menu-drawer-link{
        display:flex;
        align-items:center;
        gap:16px;
        font-size:16px;
    }

    .menu-drawer-link svg,
    .menu-drawer-account svg,
    .menu-drawer-wishlist svg{
        width:20px!important;
        height:20px!important;
    }

    .menu-drawer__utility-links{
        margin:0!important;
    }
    
    .menu-drawer-header-icons{
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding:18.2px;
        border-top:1px solid #dcd4c7 ;
    }
}



/*========== NEW ARRIVAL SECTION HOMEPAGE ======*/
.new-arrival-section > .force-full-width {
  grid-column: 2/2 !important;
}

/*Wishlist icon*/
.wysh-product-button-wrapper{
    right:10px!important;
}


@media screen and (max-width:749px){
    .new-arrival-section{
        grid-template-columns:0!important;
    }
}

/*========== END NEW ARRIVAL SECTION ======*/

/*======= ICON-WITH-TEXT SECTION HOMEPAGE ======*/
.icon-with-txt-homepage .divider {
  background: #dcd4c7;
}

.icon-with-txt-homepage .section-content-wrapper {
  justify-content: space-evenly;
}

.icon-with-txt-homepage  p{
    font-family: "Akzidenz-Grotesk Pro Regular";
}

@media and (max-width:990px){
    .icon-with-txt-homepage .section-content-wrapper{
        justify-content:revert!important;
    }
}

/*Mobile responsive*/
@media screen and (max-width:749px){
    .icon-with-txt-homepage .icon-block{
        margin-bottom:0!important;
    }
    .icon-with-txt-homepage .icon-block .icon-block__media{
        width:32px;
        height:32px;
    }
    .icon-with-txt-homepage h4{
        font-size:20px!important;
    }
    .icon-with-txt-homepage .group-block-content{
        flex-direction:row;
    }
    .icon-with-txt-homepage .group-block-content .group-block-content{
        flex-direction:column;
    }
    .icon-with-txt-homepage .section-content-wrapper{
        padding:20px 0;
    }
}

/*======= END ICON-WITH-TEXT SECTION HOMEPAGE ======*/




/*====================================== CHANGES IN COLELCTION PAGE =============================================*/
/* .collection-tabs{
  display:flex;
  gap:12px;
  margin-bottom:0px;
  overflow-x:auto;
  padding-bottom:0px;
}

.collection-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-width:140px;
  padding:8px 13px;
  border:1px solid #000;
  font-size:14px;
  text-decoration:none;
  color:#111;
  background:#fff;
  font-family: 'Akzidenz-Grotesk Pro Med' !important;
  gap:7px;
}

.collection-tab.active{
  background:#000;
  color:#fff;
} */


.collection-tabs{
    display:flex;
    gap:12px;
    margin-bottom:0px;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    padding-bottom:0px;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -webkit-user-select: none;
    user-select: none;
}

.collection-tabs img{
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

.collection-tabs::-webkit-scrollbar{
    display:none;
}

.collection-tab{
    flex:0 0 auto;
    min-width:100px;
    white-space:nowrap;

    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;

    padding:8px 13px;
    border:1px solid #000;
    background:#fff;
    color:#111;
    text-decoration:none;
    font-size:14px;
    font-family:'Akzidenz-Grotesk Pro Med' !important;
    gap:7px;
}

/* .collection-tab:hover{
    background:#000!important;
    color:#fff!important;
} */


.collection-tab-icon{
    width:20px;
    height:20px;
}

.collection-tab.active{
  background:#000;
  color:#fff;
}

/* @media screen and (max-width:749px){
.collection-tabs{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:8px;
    margin-bottom:16px;
    padding:0 20px;
}

.collection-tab{
    min-width: unset;
    width:100%;
    padding:8px 0px;
    font-size:12px;
}

.collection-tab.active{
  background:#111;
  color:#fff;
}
} */

@media screen and (max-width:749px){

  .collection-tabs{
      gap:8px;
      padding:0 20px;
      margin-bottom:16px;
  }

  .collection-tab{
      /* min-width:unset; */
      min-width:100px;
      padding:8px 14px;
      font-size:12px;
      white-space:nowrap;
  }

}


/*====================================== CSS FOR NEW TEMPLATE OF PDP-2  =============================================*/
.slideshow-controls__thumbnail{
    padding:0!important;
}

.product-details .breadcrumb a,
.product-details .breadcrumb span{
    font-family:"Akzidenz-Grotesk Pro Med"!important
}

/*Product image*/
@media screen and (min-width: 1400px) {

  main[data-template="product.pdp-2"] .product-information .product-media-container-wrapper,
  main[data-template="product.pdp-2"] .product-information .product-media-container {
    height: min(700px, 100vh) !important;
  }

  main[data-template="product.pdp-2"] .product-information .product-media,
  main[data-template="product.pdp-2"] .product-information .product-media img {
    height:min(700px, 100vh)!important;
  }

}

@media screen and (min-width:750px){
    main[data-template="product.pdp-2"] .product-information .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
    object-fit: cover !important;
  }
  main[data-template="product.pdp-2"] .product-media-container.constrain-height{
    --constrained-min-height: 700px!important;
  }
}

@media (min-width:1230px) and (max-width:1380px){
    main[data-template="product.pdp-2"] .product-information .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
    object-fit: inherit !important;
  }
}

/*=========== Sticky Add to cart button on PDP ================*/
.sticky-add-to-cart__bar{
    width:100%!important;
    bottom:0px!important;
}
.sticky-add-to-cart__title{
    font-size:16px!important;
    color:#000;
    font-family: "Akzidenz-Grotesk Pro bold" !important;
}

.sticky-add-to-cart__variant{
    font-size:12px!important;
    color:#000!important;
    font-family: "Akzidenz-Grotesk Pro Regular" !important;
}

.sticky-add-to-cart__price .price-item--sale{
    color:#000!important;
    font-family: "Akzidenz-Grotesk Pro bold" !important;
    font-size:16px!important;
}

.sticky-add-to-cart__price .compare-at-price{
    font-family: "Akzidenz-Grotesk Pro bold" !important;
    font-size:16px!important;
    color:#000000cf!important;
}
.sticky-add-to-cart__button:hover{
    background:#fff;
    color:#000;
}

.sticky-add-to-cart__title {
    display: block!important;
}



/*======== Complete the look section in desktop ==========*/
.custom-complementary-layout{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

.custom-complementary-info{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.custom-complementary-info h2{
    font-family: "Akzidenz-Grotesk Pro bold" !important;
    font-size:35px;
    line-height:52px;
    margin-bottom:0;
    text-transform:uppercase;
}
.custom-complementary-info .custom-info-text{
    /* max-width:232px; */
    font-family: "Akzidenz-Grotesk Pro Regular" !important;
    color:#000;
    font-size:16px;
}

.custom-icons{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.custom-icon-row{
  display:flex;
  align-items:center;
  gap:8px;
}

.custom-icon-row span{
    font-size:20px;
    line-height:20px;
    font-family: "Akzidenz-Grotesk Pro Med";
    color:#000;
}

.custom-icon-image{
  width:70px;
  height:70px;
  object-fit:contain;
  flex-shrink:0;
}

.complete-the-look{
    grid-template-columns:0!important;
    max-width:1400px;
    padding:0 50px!important;
    margin-top:80px!important;
    background:rgba(0, 0, 0, 0.03)!important;
    padding-top:0!important;
    padding-bottom:30px!important;
}

.complete-the-look .custom-icon-content p{
    font-family: "Akzidenz-Grotesk Pro Regular"!important;
    font-size:16px;
}
.complete-the-look .product-media-container.media-fit img{
    object-fit:cover!important;
    object-position:top;
}

main[data-template="product.pdp-2"] .complete-the-look .buy-buttons-block ,
main[data-template="product.pdp-2"] .mobile-complementary-products .buy-buttons-block{
    order:4;
}

.complete-the-look .add-to-cart-button{
    color:#fff;
    background:#000;
    margin-top:10px;
}
main[data-template="product.pdp-2"] .product-information .add-to-cart-button{
    color:#fff;
    background:#000;
}

.complete-the-look .add-to-cart-button:hover,
main[data-template="product.pdp-2"] .product-information .add-to-cart-button:hover{
    color:#000;
    background:transparent;
}

.complete-the-look .product-card__content slideshow-component,
.complete-the-look slideshow-slides{
     height: clamp(320px, 35vw, 480px);
}
/* .complete-the-look product-card{
    max-width:337px;
}

.complete-the-look product-card .product-grid__card{
    height:max-content;
} */
/*=============== Complete the look section in mobile ================*/
@media screen and (max-width: 749px) {

  .mobile-complementary-layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  /* Info block */
  .mobile-complementary-info {
    width: 100%;
    padding: 0;
  }

  .mobile-complementary-info h2 {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.2;
  }

  .custom-info-text {
    margin-bottom: 20px;
    max-width:232px;
    font-size:14px;
    color:#000;
  }

  /* Icons */
  .custom-icons {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .custom-icon-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .custom-icon-image {
    width: 50px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .custom-icon-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .custom-icon-title {
    display: block;
    font-size:18px!important;
    /* line-height: 1.3; */
  }

  .custom-icon-subtext {
    line-height: 1.4;
    /* opacity: .8; */
  }
  .custom-icon-subtext p{
    font-family: "Akzidenz-Grotesk Pro Regular"!important;
    font-size:16px;
    color:#000000cf;
  }

  /* Products row */
  .mobile-complementary-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .mobile-complementary-products .resource-list__item {
    width: 100%;
    min-width: 0;
  }

  main[data-template="product.pdp-2"] .product-information__grid product-recommendations .resource-list--grid {
    grid-template-columns: 1fr!important;
  }

  main[data-template="product.pdp-2"] .product-information__grid product-recommendations .block-resource-list{
    background:rgba(0, 0, 0, 0.03)!important;
    padding:20px 10px;
  }

  /*Add to cart button*/
  main[data-template="product.pdp-2"] .product-information .add-to-cart-button{
    height:35px;
    min-height:35px;
  }
}

/* DESKTOP - hide custom layout */
@media screen and (min-width: 750px) {

  .mobile-complementary-layout {
    display: none;
  }

}



/*======= Thumbnail image =============*/
slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]){
    width:105px;
}

.slideshow-controls__thumbnails,
.slideshow-controls__thumbnail,
.slideshow-controls__thumbnails .slideshow-control img{
    width:90px!important;
}

.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=left]){
    gap:10px;
}

main[data-template="product.pdp-2"] .dialog-thumbnails-list__thumbnail{
    width:max-content!important;
}
main[data-template="product.pdp-2"] .dialog-thumbnails-list__thumbnail img{
    margin:0;
}


/*============================================== CART DRAWER CHNAGES ==============================================*/
.addon-scroll {
  display: flex;
  gap: 15px;
  overflow-x: auto;
  flex-wrap: nowrap;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  /* IMPORTANT FIX */
  touch-action: pan-x;
  scrollbar-width: none;
  padding:10px 20px;
    user-select: none;            
  -webkit-user-select: none;
  -ms-user-select: none;
    
}

.addon-scroll:active {
  cursor: grabbing;
}

.addon-scroll.dragging {
  cursor: grabbing;
}

/* Hide scrollbar (Chrome, Safari, Edge) */
.addon-scroll::-webkit-scrollbar {
  display: none;
}

.addon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}


/* arrow buttons */
.addon-prev,
.addon-next {
  position: absolute;
  top: 50%;
  /* transform: translateY(-50%); */
  background: white;
  border: 1px solid #ddd;
  border-radius:50%;
  width: 35px;
  height: 35px;
  cursor: pointer;
  /* z-index: 10; */
  display: none; /* hidden by default */
}

.addon-prev { left: 10px; }
.addon-next { right: 10px; }

.add-on-items{
    width:50%; 
}
.add-on-items img{
    margin:0;
}

.cart-atc-button{
    padding:8px 13px; 
    cursor:pointer;
    width:100%;
    background:#000;
    color:#fff;
    border:none;
}

.addon-product-title,
.addon-product-price{
    margin:0;
    font-weight:800;
}

.addon-main-title{
    font-size:18px!important;
    line-height:18px!important;
    margin-bottom:0px;
    padding-left:20px;
    padding-right:20px;
}

/*Add on section does not overlap using this css */
.cart-drawer__main-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-height: 0;
}

.cart-drawer__items {
  flex-shrink: 0;
  width: 100%;
}

.cart-drawer__related {
  flex-shrink: 0;
  width: 100%;
  position: relative;
}

.addon-color-swatches swatches-variant-picker-component{
    margin-bottom:10px;
}

.add-on-items .predictive-search-rating-wrapper{
    margin-top:10px;
}

.add-on-items img{
    width:100%!important;
    height:auto!important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.addon-scroll {
  display: flex;
  gap: 16px;
  align-items: stretch;
}

.add-on-items {
  flex: 0 0 144px;
  display: flex;
  flex-direction: column;
}

.addon-atc-btn {
  margin-top: auto;
}

/*cart drawer note */
.cart-totals__note span{
    display:flex;
    gap:5px;
    font-size:12px;
    line-height:12px;
    color:#000000B3;
   font-family: "Akzidenz-Grotesk Pro Regular";
}
.cart-totals__note span svg{
    width:20px;
    height:15px;
}
@media screen and (max-width:749px){
    .addon-scroll{
        touch-action:auto;
    }
    /* .cart-items__media-image{
        aspect-ratio:unset!important;
        object-fit:contain!important;
    } */
    .cart-drawer__items .cart-items .quantity-selector button,.cart-drawer__items .cart-items__remove{
        height:32px;
        width:32px;
        min-height:32px;
        max-width:32px;
    }   
    .cart-drawer__items .quantity-selector input[type=number]{
        width:32px;
    }
    .cart-drawer__items .cart-items__quantity-controls{
        gap:10px;
    }
    .cart-drawer__items .cart-items__quantity-controls .quantity-selector-wrapper{
        width:max-content!important;
    }
    .cart-drawer__items  .quantity-selector{
        flex:0!important;
    }
}




/*================ PROGRESS BAR CSS ====================*/
.cart-progress {
  margin: 12px 0;
  padding:0 20px;
}

.cart-progress__message {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 500;
  font-family:"Akzidenz-Grotesk Pro Med";
  display:flex;
}

.cart-progress__message img{
    width:20px!important;
    height:20px!important;
    margin:0;
}

.cart-progress__bar {
  width: 100%;
  height: 8px;
  background: #e5e5e5;
  border-radius: 999px;
  overflow: hidden;
}

.cart-progress__fill {
  width: 0%;
  height: 100%;
  background: #000;
  border-radius: 999px;
  transition: width 0.5s ease;
}

.cart-progress__labels {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 4px;
  color: #000;
  font-family:"Akzidenz-Grotesk Pro Med";
}




.cart-items__media-image {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/*========== PDP Changes ===============*/

.wysh-cart-button-wrapper .wysh-product-button{
    width:44px!important;
    height:44px!important;
    border:1px solid;
    border-radius:0%;
}

/*==== Buy Now button =====*/
.product-form-buttons button{
    height:44px;
    min-height:44px;
    font-size:16px!important;
}

.shopify-payment-button__button {
    background:transparent!important;
    color:#000!important;
    text-transform:capitalize!important;
}

.add-to-cart-icon{
    display:none;
}

.add-to-cart-text__content{
    text-transform:capitalize!important;
}

.wysh-cart-button-wrapper{
        gap:0.5rem!important;
    }
@media screen and (max-width:749px){
    .product-form-buttons button{
        font-size:14px!important;
    }

    .wysh-cart-button-wrapper .wysh-product-button{
        width:35px!important;
        height:35px!important;
        min-height:35px!important;
    }

}

/*Header search button hide*/
/* @media screen and (max-width:749px){
    .search-action .header-actions__action{
        display:none;
    }
} */


/*wishlist button hide*/

@media screen and (max-width:749px){
    .mobile-header-icons .swym-icon-text{
        display:none;
    }
}

/*header cart icon spacing*/
@media screen and (min-width:749px){
    .header-actions__cart-icon{
        margin-left:4px;
    }
}


/*Header in desktop and tablet screen when drawer comes */
@media screen and (min-width:750px){

#header-component[data-menu-style='drawer'] .header__columns{
    --header-template-columns:auto 1fr auto auto!important;
    grid-template-areas: 'leftA center rightA rightB'!important; 
}
#header-component[data-menu-style='drawer'] .search-action{
    width:44px!important;
}
#header-component[data-menu-style='drawer'] .search-action .header-actions__action{
    width:32px!important;
}
#header-component[data-menu-style='drawer'] .search-action .svg-wrapper svg{
    width:32px!important;
    height: 32px !important;
}
.header-drawer  .header__icon--menu {
    padding:0!important;
    width:32px!important;
    height:32px!important
}
.header-drawer  .header__icon--menu .svg-wrapper,
.header-drawer  .header__icon--menu svg{
    width:32px!important;
    height:32px!important
}   

}