/** Shopify CDN: Minification failed

Line 637:0 Unexpected "}"

**/
.m-menu{--main-link-px: 32px;--main-link-py: 6px;font-size:calc(var(--font-base-size, 16)*1px);font-weight:500;white-space:nowrap;list-style:none;display:flex;flex-wrap:wrap}.m-menu__arrow,.m-menu__sub-arrow{margin-left:8px}.m-menu__arrow svg,.m-menu__sub-arrow svg{width:8px;height:8px}.m-menu__arrow{transition:var(--m-duration-default, 0.25s) transform}.m-menu__sub-arrow svg{transform:rotate(-90deg)}.m-menu__link--main{display:flex;align-items:center;position:relative;padding:var(--main-link-py) var(--main-link-px);padding-top:0px}.m-menu__link--main:after{position:absolute;content:"";width:0;height:2px;background-color:currentColor;left:var(--main-link-px);bottom:calc(var(--main-link-py) - 5px);transition:width var(--m-duration-default, 0.25s) ease-in-out}.m-menu::-webkit-scrollbar{display:none}.m-menu__item--dropdown{position:relative}.m-menu__item--dropdown .m-mega-menu{right:auto;box-shadow:0 5px 15px 0 rgba(0,0,0,.07);transition:all var(--m-duration-default, 0.25s);transform:translate3d(0, 20px, 0);transform-origin:center}.m-menu__item--dropdown .m-mega-menu__inner{padding:16px}.m-menu__item--dropdown .m-mega-menu__column{position:absolute;top:-16px;left:calc(100% + 16px);opacity:0;visibility:hidden;box-shadow:0 5px 15px 0 rgba(0,0,0,.07);transition:all var(--m-duration-default, 0.25s);transform:translate3d(20px, 0, 0);transform-origin:center;min-width:250px;pointer-events:none;padding:16px;background-color:rgb(var(--color-background))}.m-menu__item--dropdown .m-mega-menu__column::before{content:"";position:absolute;width:100%;height:100%;top:0;left:-35px;z-index:-1}.m-menu__item--dropdown .m-sub-menu__item--level-1{position:relative;width:100%}.m-menu__item--dropdown .m-sub-menu__item--level-1:hover .m-mega-menu__column{transform:translate3d(0, 0, 0);pointer-events:auto;opacity:1;visibility:visible}.m-menu__item--dropdown:hover .m-mega-menu{transform:translate3d(0, 0, 0);pointer-events:auto;opacity:1;visibility:visible}.m-menu__item--mega .m-mega-menu{left:0;right:0;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - var(--m-header-height, 0px));border-top:1px solid rgba(0,0,0,0);transition:all var(--m-duration-default, 0.25s) ease-in}.m-menu__item--mega .m-mega-menu__inner{padding-top:40px;padding-bottom:40px}.m-menu__item--mega .m-mega-menu::-webkit-scrollbar{display:none}.m-menu__item--mega .m-sub-menu__item--level-1>.m-menu__link{font-weight:500;padding-left:12px;padding-right:12px}.m-menu__item--mega .m-sub-menu__item--level-1>.m-menu__link:hover{background:rgba(0,0,0,0)}.m-menu__item--mega .m-mega-menu__column{margin-top:16px}.m-menu__item--has-submenu .m-mega-menu__inner{display:flex}.m-menu__item--active .m-mega-menu{visibility:visible;opacity:1;transition:none;pointer-events:auto}
.m-menu__item--active .m-mega-menu.m-show-menu-column-divider{border-top-color:rgb(var(--color-border))}.m-menu__item--active .m-mega-menu__container{animation:menu_slide_in var(--m-slide-trans-duration) both}.m-menu__item:hover>a:after{width:calc(100% - var(--main-link-px)*2)}.m-menu__item:hover .m-menu__arrow{transform:rotateX(-180deg)}.m-mega-menu{position:absolute;z-index:50;width:100%;min-width:250px;white-space:normal;visibility:hidden;pointer-events:none;opacity:0;transition-property:transform,opacity,visibility;transition-duration:var(--m-duration-default, 0.25s)}.m-mega-menu__container{margin-left:auto;margin-right:auto}.m-mega-menu__container.w-full{padding-left:20px;padding-right:20px}.m-mega-menu__inner{--column-width: 200px;--items-width: calc(var(--total-columns) * var(--column-width, 200px))}@media(min-width: 1680px){.m-mega-menu__inner{--column-width: 250px}}@media(min-width: 1920px){.m-mega-menu__inner{--column-width: 270px}}.m-mega-menu__inner--stretch-width .m-mega-menu__content{width:calc(100% - var(--items-width));flex:1}.m-mega-menu__content{width:33.333%;padding-left:20px;flex:auto}.m-mega-menu .m-header:hover{transition:none}.m-sub-menu{list-style:none}.m-sub-menu--level-1{display:flex}.m-menu__item--mega .m-sub-menu--level-1{width:66.667%;margin-left:-12px;margin-right:-12px}.m-menu__item--mega .m-sub-menu--level-1.m\:w-full{width:100%}.m-menu__item--dropdown .m-sub-menu--level-1{flex-direction:column;width:100%}.m-menu__item--mega .m-mega-menu__inner--stretch-width .m-sub-menu--level-1{width:var(--items-width)}.m-sub-menu__item>a{color:rgba(var(--color-foreground), 0.6);font-weight:400;display:block;overflow:hidden;white-space:normal;padding:.5rem .75rem;transition:all var(--m-duration-default, 0.25s)}.m-sub-menu__item>a:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground), 0.07)}
.m-sub-menu__item--level-1>a{display:flex;align-items:center;justify-content:space-between}.m-mega-menu__inner--stretch-width .m-sub-menu__item--level-1{min-width:200px;padding-right:8px}.m-menu__item--mega .m-sub-menu__item--level-1{width:50%;margin-bottom:16px}.m-menu__item--mega .m-sub-menu__item--level-1>a{color:rgb(var(--color-foreground))}@media screen and (min-width: 1536px){.m-menu__item--mega .m-sub-menu__item--level-1{width:25%}}@media screen and (min-width: 1280px){.m-menu__item--mega .m-sub-menu__item--level-1{width:33.333%}}.m-show-menu-column-divider .m-sub-menu__item--level-1{padding:0 18px;border-left:1px solid rgb(var(--color-border))}.m-show-menu-column-divider .m-sub-menu__item--level-1:first-child{padding-left:0;border-left:none}.logo-left__2l .m-menu{--main-link-px: 32px;--main-link-py: 16px;margin-left:calc(-1*var(--main-link-px));margin-right:calc(-1*var(--main-link-px))}.both-center .m-header__menu:first-child .m-menu{justify-content:flex-end}.logo-center__2l .m-menu{justify-content:center}.m-mega-banner{height:100%;position:relative}.m-mega-banner__image{overflow:hidden}.m-mega-banner .m-image{transition:all var(--m-duration-image, 0.65s)}.m-mega-banner__title{font-size:24px;font-weight:400;color:currentColor}.m-mega-banner__description{color:rgba(var(--color-foreground), 0.6);font-size:calc(var(--font-base-size, 16)*1px);margin-top:8px}.m-mega-banner__button{margin-top:8px}.m-mega-banner--outside .m-mega-banner__inner{margin-top:16px}.m-mega-banner--inside .m-mega-banner__inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px}.m-mega-banner--inside .m-mega-banner__button{position:absolute !important;bottom:24px;left:24px}.m-mega-banner--no-content .m-mega-banner__inner{display:none;padding:0;margin:0}
.m-mega-banner:hover .m-image{transform:scale(1.06)}@media screen and (min-width: 768px){.m-menu__item--has-submenu .m-mega-collection-list{padding-left:1rem}}@media screen and (min-width: 1280px){.m-menu__item--has-submenu .m-mega-collection-list{padding-left:3rem}}.m-mega-collection-list .m-collection-card__link,.m-mega-collection-list .m-collection-card__title{color:currentColor}.m-mega-product-list__header{display:flex;align-items:center;justify-content:space-between;margin-top:-10px;margin-bottom:16px;padding:0 8px}.m-mega-product-list__heading{font-size:24px;font-weight:500;white-space:normal;color:currentColor}.m-mega-product-list .m-product-card__name,.m-mega-product-list .m-product-card__title,.m-mega-product-list .m-price__sale .m-price-item--regular,.m-mega-product-list .m-price{color:currentColor}.m-mega-product-list .m-price__sale .m-price-item--regular{opacity:.6}.m-mega-product-list .m-slider-controls{margin-top:0;margin-left:-16px}.m-mega-product-list .m-slider-controls button{width:40px;height:40px;border-radius:9999px;cursor:pointer}.m-mega-product-list .m-slider-controls button.m-slider-controls__button-next{margin-right:0}.m-mega-product-list .m-product-card__price{font-size:14px}@media screen and (min-width: 768px){.m-menu__item--has-submenu .m-mega-product-list{padding-left:15px}}@media screen and (min-width: 1280px){.m-menu__item--has-submenu .m-mega-product-list{padding-left:50px}}
.m-menu__item--has-submenu .m-mega-blog-list{border-left:1px solid rgb(var(--color-border))}@media screen and (min-width: 768px){.m-menu__item--has-submenu .m-mega-blog-list{padding-left:15px}}@media screen and (min-width: 1280px){.m-menu__item--has-submenu .m-mega-blog-list{padding-left:60px}}
.m-mega-blog-list__item+.m-mega-blog-list__item{margin-top:32px}.m-mega-article-card__content{padding-left:20px;white-space:normal}.m-mega-article-card__title{font-weight:500}.m-mega-article-card__tag{font-size:.75rem;text-transform:uppercase;margin-bottom:4px;display:block}.m-menu-drawer{position:absolute;top:100%;left:0;right:0;touch-action:none;visibility:hidden;pointer-events:none;z-index:59;height:var(--menu-drawer-height)}.m-menu-drawer.open{pointer-events:auto;cursor:pointer;visibility:visible}
.m-menu-drawer__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:19;transition:all var(--m-duration-default, 0.25s)}.m-menu-drawer.open .m-menu-drawer__backdrop{background-color:rgba(0,0,0,.3);transition-delay:.15s}.m-menu-drawer__wrapper{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));width:450px;max-width:100%;height:100%;transition:all var(--m-duration-default, 0.25s);transform:translateX(-100%);overflow:hidden;cursor:auto;position:absolute;top:0;left:0;z-index:29}.m-menu-drawer.open .m-menu-drawer__wrapper{transform:translateX(0)}@media(max-width: 767px){.m-menu-drawer__wrapper{width:calc(100% - 124px)}}.m-menu-drawer__content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding-top:5px;height:100%;transition:padding var(--m-duration-default, 0.25s);overflow-y:scroll}.m-menu-drawer__content::-webkit-scrollbar{width:3px}.m-menu-drawer__content::-webkit-scrollbar-thumb{background:#ebebeb}.m-menu-drawer__content::-webkit-scrollbar-thumb:hover{background:#555}.m-header.stuck .m-menu-drawer{height:calc(100vh - var(--m-header-height))}.m-menu-mobile{list-style:none;padding:0;padding-top:26px margin:0}.m-menu-mobile__item{display:flex;align-items:center}.m-menu-mobile__item>a{display:flex;align-items:center;flex-grow:1;padding:12px 16px;position:relative}.m-menu-mobile__item--no-submenu .m-menu-mobile__back-button{margin-bottom:30px}.m-menu-mobile__toggle-button{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:100%;min-height:48px;cursor:pointer}.m-menu-mobile__toggle-button svg{width:16px;height:16px}.m-menu-mobile__back-button{font-weight:500;text-transform:uppercase;display:flex;align-items:center;padding:16px 0;margin:120px 16px 10px;text-align:left}
.m-menu-mobile__back-button *{pointer-events:none}.m-menu-mobile__back-button svg{width:16px;height:16px}.m-menu-mobile__back-button span{margin-left:12px}.m-menu-mobile .m-mega-banner--inside .m-mega-banner__inner{padding:20px}.m-menu-mobile .m-mega-banner--inside .m-mega-banner__button{bottom:20px;left:20px}.m-menu-mobile .m-mega-article-card__content{padding-left:0;padding-top:12px}.m-megamenu-mobile{position:absolute;top:0;bottom:0;left:0;width:100%;display:flex;flex-direction:column;background-color:rgb(var(--color-background));transform:translateX(100%);z-index:9;visibility:hidden}.m-megamenu-mobile.open{transform:translateX(0)}.m-menu-drawer.open .m-megamenu-mobile{visibility:visible;transition:all var(--m-duration-default, 0.25s)}.m-megamenu-mobile__wrapper{overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column}.m-megamenu-mobile__wrapper.open-submenu{overflow:hidden}.m-submenu-open--level-2 .m-megamenu-mobile--level-1{overflow:hidden}
.m-submenu-mobile{margin-bottom:16px;margin-top:12px}.m-megamenu-mobile__block{padding-left:15px;padding-right:15px;padding-bottom:20px}.m-menu-customer{margin-top:40px}.m-menu-customer__wrapper{margin-bottom:15px;padding:16px;display:block}@media(min-width: 1280px){.m-menu-customer__wrapper{display:none}}.m-menu-customer__label{font-size:20px;font-weight:500;margin-bottom:24px;display:none}.m-menu-customer__name{width:100%;display:flex;align-items:center;padding-top:12px;padding-bottom:12px;margin-bottom:12px}.m-menu-customer__name svg{width:24px;height:24px}.m-menu-customer__name span{margin-left:8px}.m-menu-customer .m-signin-button{margin-bottom:12px}.m-menu-customer a.m-button{width:100%}.m-menu-customer__language-currency{display:flex;flex-wrap:wrap}.m-menu-customer__language-currency .m-switcher-dropdown{padding-top:10px;padding-bottom:10px;display:block}@media(min-width: 1280px){.m-menu-customer__language-currency .m-switcher-dropdown{display:none}}.m-logo{font-size:1rem;line-height:unset;padding-left:0px;padding-right:0px;display:flex;align-items:center;justify-content:center;position:relative;color:inherit}.m-logo-mobile:before{padding-top:calc(100%/(.0001 + var(--aspect-ratio-mobile, --aspect-ratio))) !important}
.m-logo__image{position:relative;padding-top:0px;}.m-logo__image-transparent{display:none}.m-logo a{}.m-logo .m-image{transition:all var(--m-duration-default, 0.25s);line-height:1;}.m-logo img{margin:auto}.m-menu-bar{position:relative;z-index:1}.m-header{--m-slide-trans-duration: 0.3s;--m-slide-from-val: -65px;--m-slide-to-val: 65px;position:relative}.m-header.slide-from-right{--m-slide-from-val: 65px;--m-slide-to-val: -65px }.m-header.slide-reveal{--m-slide-from-val: 0;--m-slide-to-val: 0 }.m-header header{transition:all var(--m-duration-default, 0.25s)}.m-header__wrapper{width:100%;transition:transform var(--m-duration-long, 0.5s);will-change:transform;z-index:82;position:relative}.header-sticky-always .m-header__wrapper{position:fixed;top:0}.m-header__desktop{position:relative;display:none}@media screen and (min-width: 1024px){.m-header__desktop{display:block}}.m-header__mobile .m-logo a{text-align:center;white-space:nowrap;}.m-header__mobile m-search-popup{padding:10px}@media screen and (min-width: 1024px){.m-header__mobile{display:none}}@media(max-width: 480px){.m-header__mobile>*:last-child{padding-right:0px}}.m-header__bg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:all var(--m-duration-default, 0.25s)}.m-mega-active .m-header__bg{opacity:1}.m-header__dropdown-bg{width:100vw;height:calc(var(--sf-dropdown-height, 0px)*1px);position:absolute;left:0;right:0;top:100%;opacity:0;pointer-events:none;transform-origin:top left;transition:all var(--m-duration-default, 0.25s)}.m-mega-active .m-header__dropdown-bg{opacity:1}.m-header__overlay{background-color:rgba(0,0,0,.6);position:fixed;top:calc(var(--m-topbar-height, 0px) + var(--m-announcement-height, 0px));right:0px;bottom:0px;left:0px;opacity:0;visibility:hidden;pointer-events:none;z-index:-1;display:none;transition:all var(--m-duration-default, 0.25s)}.m-mega-active .m-header__overlay{z-index:29;opacity:1;visibility:visible}@media screen and (min-width: 768px){.m-header__overlay{display:block}}.m-header__inner{display:flex;align-items:center;margin-left:-16px;margin-right:-16px;}.m-header__left,.m-header__center,.m-header__right{display:flex;align-items:center}.m-header__left{justify-content:flex-start}.m-header__center{justify-content:center}.m-header__right{justify-content:flex-end}
.m-header:not(.m-mega-active,.stuck,.header-sticky-always,.header-hover-active).transparent-on-top header:not(.header-drawer-open){color:rgb(var(--header-transparent-text-color));}.m-header:not(.m-mega-active,.stuck,.header-sticky-always,.header-hover-active).transparent-on-top header:not(.header-drawer-open){color:rgb(var(--header-transparent-text-color));}.m-header:not(.m-mega-active,.stuck,.header-sticky-always,.header-hover-active).transparent-on-top header:not(.header-drawer-open) .m-hamburger-box{--color-foreground: var(--header-transparent-text-color, #000)}.transparent-on-top{position:absolute;left:0px;right:0px;z-index:70}.transparent-on-top header:not(.header-drawer-open){background-color:rgba(0,0,0,0);border-bottom:none;box-shadow:none;}.transparent-on-top .m-menu-bar{background-color:rgba(0,0,0,0);transition:all var(--m-duration-default, 0.25s)}.transparent-on-top .m-logo__image-default{display:none}.transparent-on-top .m-logo__image-transparent{display:flex;margin-top:0px}.transparent-on-top .header-drawer-open .m-logo__image-default{display:flex}.transparent-on-top .header-drawer-open .m-logo__image-transparent{display:none}.m-header.stuck .m-header__wrapper{position:fixed;top:0;left:0;transform:none;box-shadow:0px 4px 20px rgba(0,0,0,.04)}.m-header.stuck .m-header__wrapper.m-unset-shadow{box-shadow:none}.m-header.stuck .m-logo a{width:var(--logo-width-sticky, 100px)}.m-header.stuck .m-header__mobile .m-logo a{width:var(--logo-width-mobile, 100px)}.m-header.stuck.transparent-on-top .m-header__mobile,.m-header.stuck.transparent-on-top .m-header__desktop,.m-header.stuck.transparent-on-top .m-menu-bar{background-color:rgb(var(--color-background))}.m-header.stuck.transparent-on-top .m-logo__image-default{display:flex}.m-header.stuck.transparent-on-top .m-logo__image-transparent{display:none}.m-header.scroll-up .m-header__wrapper{transform:none}.m-header.scroll-down.stuck .m-header__wrapper{transform:translate3d(0, -100%, 0)}
.m-header.header-sticky-always.transparent-on-top .m-header__mobile,.m-header.header-sticky-always.transparent-on-top .m-header__desktop,.m-header.header-sticky-always.transparent-on-top .m-menu-bar{background-color:rgb(var(--color-background))}.m-header.header-sticky-always.transparent-on-top .m-logo__image-default{display:flex}.m-header.header-sticky-always.transparent-on-top .m-logo__image-transparent{display:none}.m-header.header-sticky-always .m-header__wrapper:not(.m-unset-shadow){}.m-mega-active header{box-shadow:none}.m-mega-active.transparent-on-top .m-logo__image-default{display:flex}.m-mega-active.transparent-on-top .m-logo__image-transparent{display:none}.both-center .m-header__menu{width:37.5%}.both-center .m-header__logo{width:25%}.logo-left-menu-center .m-header__left,.logo-left-menu-center .m-header__right{flex:1 1 0%}.logo-left-menu-center .m-header__center{flex-shrink:1;flex-grow:2}.logo-left__2l .m-header__inner{padding-bottom:8px;padding-top:8px}.logo-center__2l .m-header__inner{margin-left:0;margin-right:0;padding-top:0px}.m-hamburger-box{display:inline-block;vertical-align:-1px;position:relative;width:20px;height:12px;padding:14px 0;border:0;cursor:pointer;pointer-events:auto}.m-hamburger-box__inner{position:absolute;top:50%;width:100%;height:2px;background:rgb(var(--color-foreground));transition:transform .2s ease}.m-hamburger-box__inner:before,.m-hamburger-box__inner:after{content:"";display:block;position:absolute;width:100%;height:2px;background-color:inherit;background:rgb(var(--color-foreground))}.m-hamburger-box__inner:before{top:-7px;transition:top .2s ease .22s,opacity .2s ease,width .2s ease}.m-hamburger-box__inner:after{bottom:-7px;transition:bottom .2s ease .22s,transform .2s ease,width .2s ease}.m-hamburger-box.active .m-hamburger-box__inner{transform:rotate(45deg);transition-delay:.22s}
.m-hamburger-box.active .m-hamburger-box__inner:before{top:0;opacity:0;width:100%;transition:top .2s ease,opacity .2s ease .22s,width .1s ease}.m-hamburger-box.active .m-hamburger-box__inner:after{bottom:0;transform:rotate(-90deg);width:100%;transition:bottom .2s ease,transform .2s ease .22s,width .1s ease}.m-menu-button{pointer-events:none}.m-header .ssw-link-fave-menu,.m-header__compare,.m-header__account,.m-header__wishlist{position:relative;padding:14px 8px}.m-search-wrapper .m-header .ssw-link-fave-menu,.m-search-wrapper .m-header__compare,.m-search-wrapper .m-header__account,.m-search-wrapper .m-header__wishlist{padding:0;margin-left:8px;margin-right:8px}.m-header__account-text{padding:20px 16px}@media screen and (min-width: 1024px){.m-header .m-cart-icon-bubble{margin-right:22px}}.m-search-form--icon-left{margin-right:16px}.m-search-form--full{border:1px solid rgb(var(--color-border));border-radius:.375rem;transition:border .3s;height:42px}.m-search-form--full:hover{border-color:rgb(var(--color-foreground))}.m-search-form__label{color:rgba(var(--color-foreground), 0.6);padding-left:12px;white-space:nowrap}.m-search-form__button{padding:8px 12px}@media(min-width: 1280px){.m-search-form--full{min-width:250px}.m-search-form--full>span{flex:1}}

/* desktop header top->no padding */
 @media (min-width: 1024px) {
    .m-header.transparent-on-top header:not(.header-drawer-open) {
      padding-top: 0;
    }
  }

/* --- Custom styles for Header Navigation Menu --- */
.m-menu__link--main {
     font-size: 16px; 
     font-weight: 600;
}

/* Style for Mobile Menu Items */
.m-menu-mobile__item>a {
    font-size: 16px; 
    font-weight: 600; 
    /* padding-left: 42px; */
    /* gap:16px */
}


/* Thinner + slightly higher underline for top menu */
.m-header .m-menu__link--main::after {
  height: 0.5px !important;     /* thickness (was thicker) */
  bottom: 20px !important;     /* lift it up a bit (try 4–8px) */
}

/* Keep the show/active behavior intact */
.m-header .m-menu__item:hover .m-menu__link--main::after,
.m-header .m-menu__link--main[aria-current="page"]::after {
  transform: scaleX(1);
}

/* Fix: first menu item hidden under the drawer header (X + logo row) */
@media (max-width: 1024px){
 

  /* If the theme uses a fixed/overlay header inside the drawer */
  .m-menu-drawer__wrapper{
    box-sizing: border-box !important;
  }
}
@media (max-width: 1024px){
  .m-menu-drawer__content,
  .m-menu-mobile__wrapper,
  .m-menu-mobile__list{
    padding-top: calc(82px + env(safe-area-inset-top, 0px)) !important;
  }
}


@media (min-width: 1024px) {
.m-search-form__button{
  display:none
}
}

.m-header.transparent-on-top .m-header__bg,
.m-header.transparent-on-top .m-header__desktop,
.m-header.transparent-on-top .m-header__mobile {
  transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              background       0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Show logo inside mobile header when drawer is open */
@media (max-width: 1024px) {

  m-header.header-drawer-open.transparent-on-top .m-logo__image-default,
  m-header.header-drawer-open .m-logo__image-default {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  m-header.header-drawer-open.transparent-on-top .m-logo__image-transparent,
  m-header.header-drawer-open .m-logo__image-transparent {
    display: none !important;
  }

}

/* BLOCK 1 */
/* ============================================================
     LAYOUT: logo-center__2l (centered logo, icons right)
     ============================================================ */
  @media (min-width: 1025px){
    .m-header__inner--dg{
      display: grid !important;
      grid-template-columns: 1fr auto 1fr !important;
      align-items: center !important;
    }

    .m-header__left--empty{
      min-height: 1px;
    }

    .m-header__center--dg{
      justify-self: center !important;
    }

    .m-header__right--dg{
      justify-self: end !important;
      display: flex !important;
      align-items: center !important;
      gap: 14px !important;
      transform: translateY(-2px);
    }

  /* Menu row below logo — same spacing whether transparent or solid */
@media (min-width: 1025px) {
  .m-header[data-header-design="logo-center__2l"] .m-header__main,
  .m-header[data-header-design="logo-left__2l"] .m-header__main {
    margin-top: -10px;
  }

  /* Keep the transparent background only when actually transparent */
  .m-header.transparent-on-top .m-header__main {
    background: transparent !important;
  }
}
  }


  /* BLOCK 2 */
    /* Use Inter for ALL header text (desktop + mobile + menus) */
  .m-header,
  .m-header *:not(svg):not(path) {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  }

  .m-menu-mobile__link{
    font-size:12px
  }
  .m-svg-icon--medium{
    width: 24px!important;
    height: 18px!important;
  }

/* Thinner strokes for the header icons (account, wishlist, cart, search) */
.m-header .m-header__left svg,
.m-header .m-header__right svg,
.m-header .m-header__mobile-right svg,
.m-header .m-menu-button svg,
header.m-header__mobile svg {
  stroke-width: 0.5px !important;
  vector-effect: non-scaling-stroke;
}

/* Ensure paths/circles/lines inside inherit the thin stroke */
.m-header .m-header__left svg *,
.m-header .m-header__right svg *,
.m-header .m-header__mobile-right svg *,
.m-header .m-menu-button svg * {
  stroke-width: inherit !important;
}

/* Slim the hamburger lines */
.m-header .m-hamburger-box__inner,
.m-header .m-hamburger-box__inner::before,
.m-header .m-hamburger-box__inner::after {
  height: 1px !important;
}

/* Custom: Make header navigation bold on hover */
.m-menu__link--main:hover {
  font-weight: 800!important;
}

  /* Left: hamburger */
  .m-header__mobile > .m-menu-button{
    grid-column: 1 !important;
    justify-self: start !important;
    width: auto !important;
    flex: initial !important;
  }

  /* Center: logo */
  .m-header__mobile .m-logo--mobile{
    grid-column: 2 !important;
    justify-self: center !important;
    width: auto !important;
    flex: initial !important;
    margin: 0 !important;
  }

  /* Right: wishlist + cart (and search if shown) */
  .m-header__mobile > .m-header__mobile-right{
    grid-column: 3 !important;
    justify-self: end !important;
    width: auto !important;
    flex: initial !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;    /* space between icons */
  }

.m-header__wrapper {
  border-bottom: none !important;
}

/* FIX: keep the logo centered using the grid, not absolute positioning */
@media (max-width: 767px){
  header.m-header__mobile{
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto 1fr;  /* logo LEFT | icons+hamburger RIGHT */
    align-items: center !important;

  }
  /* LEFT: Logo */
  header.m-header__mobile .m-logo--mobile{
    grid-column: 1 !important;
    justify-self: start !important;
    position: static !important;
    left: auto !important;
    margin: 0 !important;
    flex: initial !important;
  }
header.m-header__mobile .m-logo--mobile .m-logo__image{
  width: var(--logo-width-mobile);
  display: block !important;
}
  /* RIGHT: Icons + Hamburger together */
  header.m-header__mobile > .m-header__mobile-right{
    grid-column: 2 !important;
    justify-self: end !important;
    width: auto !important;
    flex: initial !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

  }

  /* Hamburger inline styling (now inside .m-header__mobile-right) */
  .m-header__mobile-right .m-menu-button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
    order: 99;  /* ensure it's always last/rightmost */
  }

  /* Logo graphic */
  header.m-header__mobile .m-logo--mobile img,
  header.m-header__mobile .m-logo--mobile svg{
    height: auto !important;
    display: inline-block !important;
    margin-left: 0 !important;
  }
}

/* ---- Fluid mobile header tuning (works for all widths) ---- */

/* 1) Logo: responsive left shift (no more per-size overrides) */
header.m-header__mobile .m-logo--mobile img,
header.m-header__mobile .m-logo--mobile svg{
  height: auto !important;
  display: inline-block !important;
  margin-left: -8px !important;
}
/*for Collection (PLP) only */
body.template-collection header.m-header__mobile .m-logo--mobile img,
body.template-collection header.m-header__mobile .m-logo--mobile svg,
body.template-collection .m-header .m-logo--mobile img,
body.template-collection .m-header .m-logo--mobile svg{
  height: auto !important;
  margin-left: -12px !important;
}

body.template-collection .m-hamburger-box{margin-top:6px}

body.template-product .m-header__mobile-right{
  margin-top:0px
}
body.template-product .m-menu-button{margin-top:0px}


.m-header__mobile-right > a,
.m-header__mobile-right > button,
.m-header__mobile-right > * a{
  width: clamp(28px, 7.5vw, 36px) !important;
  height: clamp(28px, 7.5vw, 36px) !important;
}

/* 3) Keep the small badge positioned nicely as things scale */
.m-header .cart-count-bubble,
.m-header .header__icon .count-bubble,
.m-header .wishlist__badge,
.m-header .swym-nav__counter,
.m-header .swym-wishlist-badge{
  top: clamp(-6px, -1.2vw, -4px) !important;
  right: clamp(-6px, -1.2vw, -4px) !important;
  transform: scale(clamp(.68, .78, .9)) !important;
}

@media screen and (min-width: 345px) and (max-width: 767px){
  .m-header .m-logo--mobile img,
  .m-header .m-logo--mobile svg,
  .m-header .m-logo--mobile .m-logo__image-transparent img,
  .m-header .m-logo--mobile .m-logo__image-transparent svg{
    margin-left:-12px !important;
    height: auto !important;
  }
}

/* Optional: if you still see a 1–2px horizontal jiggle on scroll/fixed state */
html { overflow-y: auto; }
body { overflow-x: hidden; }

/* OVERRIDE: tighten mobile drawer text */
@media (max-width:1024px){
  .m-menu-mobile__link,
  .m-menu-mobile__item > a,
  .m-menu-mobile__child .m-menu-mobile__link{
    letter-spacing:0 !important;
    line-height:1.25 !important;
    text-transform:none !important;
  }
}


/* FIX: tight, sane mobile drawer typography */
@media (max-width:1024px){
  /* kill theme var if used */
  .m-menu-mobile,
  .m-menu-drawer,
  m-menu-mobile {
    --menu-letter-spacing: 0 !important;
  }

  /* hit anchors + spans + nested nodes */
  .m-menu-mobile__link,
  .m-menu-mobile__item > a,
  .m-menu-mobile__item > a > span,
  .m-menu-mobile__link > span,
  .m-menu-mobile a,
  .m-menu-mobile__child .m-menu-mobile__link,
  .m-menu-mobile__link * {
    letter-spacing: 0.5px !important;
    word-spacing: normal !important;
    text-transform: none !important;
    line-height: 1.25 !important;
    font-size: 12px !important;
    white-space: normal !important;
    text-transform:uppercase !important;
  }

  /* child items a hair smaller if you like */
  .m-menu-mobile__child .m-menu-mobile__link{
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}

/* Inline account link at the bottom section */
.m-account-inline{
  display:inline-flex;
  align-items:center;
  gap:20px;
  text-decoration:none;
  color:inherit;
  font-weight:700;
}
.m-account-inline svg{
  width:18px; height:18px;
  flex:0 0 18px;
}

@media (min-width: 1024px){
  .m-header__desktop .m-menu__list > li > a,
  .m-header__desktop .m-main-menu > li > a,
  .m-header__desktop .m-menu__link--main {
    font-size: 12.5px !important; /* tweak value as you like */
    /* line-height: 1.35 !important; */
  }
}

/* ===== Header icon alignment + sizing (desktop & mobile) ===== */
.m-header__right,
.m-header__mobile-right{
  display: flex !important;
  align-items: center !important;
}

/* Give every icon a consistent square hit area and center the SVG */
.m-header__right > a,
.m-header__right > button,
.m-header__right > * a,
.m-header__mobile-right > a,
.m-header__mobile-right > button,
.m-header__mobile-right > * a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px;                        /* desktop hit area */
  height: 36px;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
  position: relative;                 /* for badges if any */
}

/* Normalize the SVGs themselves */
.m-header__right svg,
.m-header__mobile-right svg{
  display: block !important;
  width: 15px;
  height: 15px;
}

/* Mobile tweak: slightly smaller tap area but still comfy */
@media (max-width: 767px){
  .m-header__mobile-right > a,
  .m-header__mobile-right > button,
  .m-header__mobile-right > * a{
    width: 32px;
    height: 32px;
  }
  .m-header__mobile-right svg{
    width: 15px;
    height: 15px;
  }
}

/* (Optional) If any icon label text sneaks in, hide it for alignment */
.m-header__right > a span,
.m-header__mobile-right > a span{
  line-height: 1 !important;
}
/* Desktop: move right-side icons slightly lower */
@media (min-width: 1024px){
  .m-header__desktop .m-header__right > a,
  .m-header__desktop .m-header__right > button,
  .m-header__desktop .m-header__right > * a{
    transform: translateY(3px);       /* try 2–4px to taste */
  }
}

/* Desktop: nudge primary menu links slightly downward */
@media (min-width: 1024px){
  .m-header__desktop .m-main-menu > li > a,
  .m-header__desktop .m-menu__list > li > a,
  .m-header__desktop .m-menu__link--main {
    display: inline-block;           /* makes the transform reliable */
    transform: translateY(3px);      /* tweak: 2–4px to taste */
  }

  /* If your theme draws an underline via ::after, keep it aligned too */
  .m-header__desktop .m-main-menu > li > a::after,
  .m-header__desktop .m-menu__list > li > a::after {
    transform: translateY(3px);
  }
}

/* Make icon wrappers positioning context */
.m-header__right > a,
.m-header__right > button,
.m-header__mobile-right > a,
.m-header__mobile-right > button { position: relative !important; }

/* === tiny, neat badge for ALL sources (Swym/Dawn/Minimog/etc.) === */
.m-header .cart-count-bubble,
.m-header .header__icon .count-bubble,
.m-header .header__icon .notification-badge,
.m-header .header__icon .icon-badge,
.m-header .wishlist__badge,
.m-header .swym-nav__counter,
.m-header .swym-header-counter,
.m-header .swym-wishlist-badge,
.m-header .swym-wishlist .swym-count,
.m-header a[class*="swym"] .swym-counter,
.m-header a[class*="swym"] .swym-nav__counter {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;

  /* small circle */
  min-width: 14px !important;
  height: 14px !important;
  padding: 0 3px !important;
  border-radius: 9999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 9px !important;
  line-height: 14px !important;
  font-weight: 700 !important;

  background: #e53935 !important;
  color: #fff !important;

  /* if the app sets a size inline, this scales it down anyway */
  transform-origin: 100% 0% !important;
  transform: scale(.78) !important;

  box-shadow: 0 0 0 2px rgba(0,0,0,.08) !important;
}

/* micro tweak on very small phones */
@media (max-width: 380px){
  .m-header .cart-count-bubble,
  .m-header .header__icon .count-bubble,
  .m-header .header__icon .notification-badge,
  .m-header .header__icon .icon-badge,
  .m-header .wishlist__badge,
  .m-header .swym-nav__counter,
  .m-header .swym-header-counter,
  .m-header .swym-wishlist-badge,
  .m-header .swym-wishlist .swym-count,
  .m-header a[class*="swym"] .swym-counter{
    transform: scale(.7) !important;
    top: -5px !important;
    right: -5px !important;
  }
}

/* Lower ALL header layers only while the QS drawer is open */
html.qs-open m-header,
html.qs-open m-header .m-header__desktop,
html.qs-open m-header .m-header__mobile,
html.qs-open m-header .m-header__bg,
html.qs-open m-header .m-header__dropdown-bg,
html.qs-open .m-header.stuck {
  z-index: 1 !important;
  pointer-events: none !important; /* stop clicks on the nav while QS is open */
}

/* QS drawer & its overlay/content must sit at the very top */
#quick-shop-drawer,
#quick-shop-drawer .quick-shop-overlay,
#quick-shop-drawer .quick-shop-content {
  position: fixed !important;
  z-index: 2147483647 !important;  /* higher than any header layer */
}

/* MOBILE drawer must fill screen + scroll */
@media (max-width: 1024px){
  .m-menu-drawer.open .m-menu-drawer__wrapper{
    height: 100dvh !important;      /* full device viewport */
    max-height: 100dvh !important;
    overflow-y: auto !important;    /* allow scrolling */
    -webkit-overflow-scrolling: touch;
  }

  /* in case theme sets overflow hidden somewhere */
  .m-menu-drawer.open,
  .m-menu-drawer.open .m-menu-drawer__content{
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
}

/* allow the logo to spill out of the aspect-ratio box */
.m-logo--mobile .m-image,
.m-logo--mobile .m-logo__image { 
  overflow: visible !important;
}

:root { --logo-manual-offset: 0px; }

/* tighten spacing between wishlist, cart, login and give space form top*/
.m-header__right,
.m-header__mobile-right{
  gap: 12px !important;                    /* was 14px */
  margin-top:12px

}

/* kill any leftover margins/padding from theme/app snippets */
.m-header__right > a,
.m-header__right > button,
.m-header__right > * a,
.m-header__mobile-right > a,
.m-header__mobile-right > button,
.m-header__mobile-right > * a{
  margin: 0 !important;
  padding: 0 !important;
  width: 32px;                             /* consistent hit area */
  height: 32px;
}

@media (min-width: 1024px){
  .m-header__right > a,
  .m-header__right > button,
  .m-header__right > * a{
    width: 34px;
    height: 34px;

  }
}

/* just in case any snippet adds extra margin before the account icon */
.m-header__right [href*="/account"],
.m-header__mobile-right [href*="/account"]{
  margin-left: 0 !important;
}

/* if a cart snippet injects a label next to the icon, hide it */
.m-header__right .cart__text,
.m-header__mobile-right .cart__text{
  display: none !important;
}




.m-header__right, .m-header__mobile-right{
  margin-top:0px
}
}
@media (max-width: 1024px){
  /* Hide the Search item inside the hamburger drawer menu */
  .m-menu-mobile a[href="{{ routes.search_url }}"],
  .m-menu-mobile a[href="{{ routes.search_url }}/"],
  .m-menu-mobile a[href^="{{ routes.search_url }}?"]{
    display:none !important;
  }
}

@media (max-width: 767px){
.m-search-form__button{padding:0px 0px}
}
@media (max-width: 767px){
.m-header__mobile m-search-popup{padding:0px}
}

/* BLOCK 3 */
@media (max-width:1024px){
  .m-menu-mobile__link,
  .m-menu-mobile__item > a{
    text-decoration: none !important;     /* default: no underline */
    font-weight: 600;                      /* normal weight */
  }

  /* clicked state: bold + underline just beneath text */
  .m-menu-mobile__link.is-clicked,
  .m-menu-mobile__item > a.is-clicked{
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px;        /* adjust thickness */
    text-underline-offset: 2px;            /* distance from text */
    text-decoration-color: currentColor;   /* matches text color */
    text-decoration-skip-ink: auto;
  }
}
/* FULL-SCREEN MOBILE MENU DRAWER */
@media (max-width: 1024px){
  .m-menu-drawer.open{
    position: fixed !important;
    inset: 0 !important;          /* top/right/bottom/left = 0 */
    width: 100vw !important;
    height: 100dvh !important;
    max-width: 100vw !important;
  }

  .m-menu-drawer.open .m-menu-drawer__wrapper{
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .m-menu-drawer.open .m-menu-drawer__content{
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
  }
}


/* BLOCK 4 */
/* Mobile/tablet: hide account icon (because you keep it in hamburger) */
@media (max-width: 1024px){
  .m-menu-customer__wrapper{ display: none !important; }
}

/* Desktop: show account icon beside cart */
@media (min-width: 1025px){
  .m-menu-customer__wrapper{ display: flex !important; }
}

.m-menu-mobile__link.m-link-with-icon{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}

.m-menu-mobile__link .menu-item-svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
}
.m-menu-mobile__list > li:nth-child(6) {
  border-bottom: none !important;
  box-shadow: none !important;
}

.m-menu-mobile__list > li:nth-child(6) a {
  border-bottom: none !important;
}

/* ====== Desktop logo width: ALL pages EXCEPT home, PDP, Signature ====== */
@media (min-width: 1025px){
  body:not(.template-index):not(.template-product):not(.template-signature-custom-header) .m-header__desktop .m-logo a,
  body:not(.template-index):not(.template-product):not(.template-signature-custom-header) .m-header__desktop .m-logo__image,
  body:not(.template-index):not(.template-product):not(.template-signature-custom-header) .m-header__desktop .m-logo img,
  body:not(.template-index):not(.template-product):not(.template-signature-custom-header) .m-header__desktop .m-logo svg{
    width: var(--logo-width-plp-desktop) !important;
    max-width: var(--logo-width-plp-desktop) !important;
  }
}

@media (max-width: 768px) {
  body.m-menu-open .m-topbar,
  body.m-menu-open [id*="annoucement"],
  body.m-menu-open [id*="announcement"] {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  header.m-header__mobile {
    display: flex !important;
    flex-direction: row !important;
    gap:44px;
    flex-wrap: nowrap !important;
    align-items: center !important;
    grid-template-columns: unset !important;
  
  }

  /* LEFT icons group */
  header.m-header__mobile > div:first-child {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  /* CENTER logo */
  header.m-header__mobile .m-logo.m-logo--mobile {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    width: auto !important;
  }

  /* RIGHT icons group */
  header.m-header__mobile .m-header__mobile-right {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .quickshop-button-wrapper,
  .m-product-card__hover-swatches,
  .m-product-card__swatch-on-hover {
    display: none;
  }
}