.header{--header-background-opacity: 1;--animation-nav-delay: .1s;--header-logo-opacity: 1;--header-icon-size: 2.8rem;--header-easing: cubic-bezier(.33, 0, 0, 1);--header-duration: .25s;--header-duration-long: .5s;background:transparent;position:relative;z-index:20}.header__top{--header-grid-template: "icons-left logo icons" "search search search" / auto minmax(0, 1fr) auto;display:grid;column-gap:1.2rem;grid-template:var(--header-grid-template);background:rgb(var(--color-background));z-index:2;pointer-events:all}.is-hide-nav .header__top{box-shadow:0 4px 18px rgba(var(--color-foreground),.1)}.header__logo--text,.header__navigation,.header__icons{transition:color var(--animation-nav) var(--animation-nav-delay)}.header__logo{grid-area:logo;max-width:max-content}.header__logo--image{max-width:var(--logo-width-mobile)}@media(min-width:768px){.header__logo--image{max-width:var(--logo-width)}}.header__logo--transparent{opacity:calc(1 - var(--header-logo-opacity))}.header__logo .logo{transition:opacity var(--animation-nav) var(--animation-nav-delay)}.header__logo .logo:not(.header__logo--transparent){opacity:var(--header-logo-opacity)}.header__navigation .header__menu{margin-inline:-1.6rem}.header__icons{grid-area:icons}.header__search{grid-area:search;padding-block-start:1.6rem}@media(min-width:1024px){.header__search .search__form{min-width:var(--search-form-width, 60rem);max-width:var(--search-form-width, 60rem)}}@media(min-width:1024px){.header__search{padding-block-start:0}}.header__search-close{opacity:0;visibility:hidden;transition-property:opacity,transform,width,padding-inline-start;transition:.5s cubic-bezier(.3,1,.3,1);width:0;padding-inline-start:0;cursor:pointer}.search-open .header__search-close{opacity:1;visibility:visible;width:auto;padding-inline-start:1.2rem}.header__icons--left{grid-area:icons-left}.header__icons--left .search-drawer-button{width:auto;padding-inline-start:1.2rem}.header--center-left .header__navigation{margin-inline-start:-1.6rem}.header__buttons{column-gap:2.4rem}@media(max-width:639.98px){.header__buttons{column-gap:1.6rem}}.header[is=sticky-header]{transition:var(--animation-nav);transition-property:opacity,transform}.header__bottom{z-index:1;pointer-events:all}.search-open .header__bottom{z-index:1}.header__bottom:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-background));z-index:1;pointer-events:none}.header[data-collapse-on-scroll=true] .header__bottom{transition:var(--header-duration) var(--header-easing),visibility 0s var(--header-easing) 0s,background-color var(--header-duration-long) var(--header-easing) 0s,color var(--header-duration-long) var(--header-easing)}.header[data-collapse-on-scroll=true] .header__bottom.is-hide:not(.is-show){box-shadow:none;border-color:transparent;transform:translate3d(0,calc(var(--header-navigation-height) * -1),0);transition:transform var(--header-duration) var(--header-easing),visibility 0s var(--header-easing) var(--header-duration),background-color var(--header-duration-long) var(--header-duration) var(--header-easing),box-shadow var(--header-duration) var(--header-easing) 0s,border-color 0s var(--header-easing) 0s}.header .toggle-navigation-button{opacity:0;visibility:hidden;margin-inline-end:0;width:0;transition:visibility .3s,opacity .3s,width .3s,margin-inline-end .3s}.header .toggle-navigation-button.is-show{opacity:1;visibility:visible;margin-inline-end:1.2rem;width:2.4rem}.header .dropdown{padding-block-start:var(--header-navigation-height, 0px)}.header .dropdown[open]{pointer-events:auto}.header .dropdown[open] .dropdown__nav>li{--translate-x: 0}.header__overlay{z-index:-1}.header--show-sperator-line .header__bottom{border-block-end:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.header.w-full{padding-inline:1.5rem}@media(min-width:1024px){.header{column-gap:3.4rem}}@media(min-width:1280px){.header.w-full{padding-inline:5rem}}.header .section--padding{padding-block-start:var(--section-padding-top, 0px)!important;padding-block-end:var(--section-padding-bottom, 0px)!important}.cart-has-items .cart-icon{margin-inline-end:.6rem}.header-section .fixed-overlay{top:0;height:100%}.header-section+.topbar-section{z-index:0}.search-open .header-section .fixed-overlay{opacity:1;visibility:visible;pointer-events:auto;transition-duration:.5s;cursor:zoom-out}.header-sticky{z-index:30;position:sticky;inset-block-start:0;pointer-events:none}.header-sticky.header-scrolled .header__bottom{box-shadow:0 4px 18px rgba(var(--color-foreground),.1)}body:not(.header-pinned) .header-scrolled{pointer-events:none}body:not(.header-pinned) .header-scrolled .header{transform:translateY(-100%)}.menu__item{line-height:1.6;padding:.4rem 1.6rem;column-gap:.4rem}.menu__item .menu__item-text{column-gap:.8rem}@media(min-width:1024px){.header__top--logo-left{--header-grid-template: "logo search icons" / auto auto 1fr}.header__top--logo-left .header__search{padding-inline:4.2rem}.header__top--logo-center{--header-grid-template: "search logo icons" / 1fr auto 1fr;--search-form-width: 43rem}.header__top--logo-center .header__search{padding-inline-end:4.2rem}}.dropdown,.mega-menu{position:absolute;inset-block-start:0;pointer-events:none;max-width:100%}.dropdown{min-width:25rem;max-width:50rem;width:max-content;opacity:0;visibility:hidden;transition:padding var(--animation-nav)}.dropdown__container{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-block:2.4rem;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1))}.dropdown .dropdown{padding-block-start:0;margin-block-start:-2.4rem;inset-inline-start:100%;transform:translate(var(--translate-x))}.dropdown .dropdown:before{content:"";position:absolute;top:0;left:-.2rem;width:.2rem;height:100%;background:transparent}.dropdown.needs-reverse .dropdown{inset-inline-start:auto;inset-inline-end:100%;margin-inline-start:0;margin-inline-end:.2rem}.mega-menu{width:100%;inset-inline-start:0;max-height:75vh;overflow-x:hidden;overflow-y:auto}.mega-menu__container{padding-block-start:var(--header-navigation-height);transition:padding var(--animation-nav);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));visibility:hidden}.no-js .mega-menu__container{visibility:visible}.mega-menu__wrapper{border-top:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));display:flex;flex-wrap:wrap;gap:3rem}.mega-menu[open]{pointer-events:auto}.mega-menu[open] .mega-menu__item,.mega-menu[open] .promotion-item,.mega-menu[open] .mega-menu__promotions--carousel,.mega-menu[open] .mega-menu__column{--translate-x: 0;opacity:1}.mega-menu__list{display:grid;grid-template-columns:repeat(var(--menu-columns, 3),1fr);flex:1}.mega-menu__list .mega-menu__column{border-inline-end:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.mega-menu__list .mega-menu__column:first-child{padding-inline-start:0}.mega-menu__list .mega-menu__column:last-child{border-inline-end:none}.mega-menu__item-child li>a{padding-block:.4rem}.mega-menu__item-child li:last-child>a{padding-bottom:0}.mega-menu__link--top{display:block;margin-bottom:.8rem}.mega-menu__promotions{--swiper-navigation-size: 3.8rem;flex:0 0 var(--promotions-width);min-width:0}.mega-menu__promotions.mega-menu__column{padding-inline-end:0;border-inline-start:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.mega-menu__promotions.mega-menu__column.no-links{border-inline-start:none;padding-inline:0}.mega-menu__promotions-grid{display:grid;grid-template-columns:repeat(var(--promotion-columns),1fr)}@media(min-width:1024px){.mega-menu__promotions-grid{gap:3rem}}.mega-menu__product-list--header{margin-block-end:1.2rem}@media(max-width:1023.98px){.mega-menu__product-list--header h2{font-size:var(--font-h4-size)}}@media(max-width:1023.98px){.mega-menu__product-list--header{margin-inline-end:2rem}}.mega-menu__column{padding-block-start:2rem;padding-block-end:4rem;padding-inline:3rem}.mega-menu--reverse-column .mega-menu__promotions{padding-inline-end:3rem;padding-inline-start:0;border-inline-start:0;border-inline-end:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.mega-menu .mega-menu__item,.mega-menu .promotion-item,.mega-menu .mega-menu__promotions--carousel,.mega-menu .mega-menu__column{--translate-y: 0;--translate-x: 0;opacity:0;transform:translate(var(--translate-x),var(--translate-y));transition:opacity var(--animation-nav),min-height var(--animation-nav)}.no-js .mega-menu .mega-menu__item,.no-js .mega-menu .promotion-item,.no-js .mega-menu .mega-menu__promotions--carousel,.no-js .mega-menu .mega-menu__column{opacity:1}.mega-menu .promotion-item{transition-delay:calc(.25s + .1s * var(--index, 1))}.mega-menu .promotion-item--product{--translate-x: 15%}.mega-menu .card-media--content-below{--content-spacing: 2.4rem}.mega-menu .card-media--content-below .card-media__text{--text-margin-top: .4rem}.dropdown__nav li>:is(a),.dropdown__nav li>:is(details)>summary>a,.dropdown__nav li>:is(details)>summary .link-no-script{margin:0;padding-inline:2rem;padding-block:.4rem}.has-dropdown-menu header~.fixed-overlay{opacity:1;pointer-events:auto;visibility:visible}.menu-sidebar{--toggle-width: 24rem;transition-property:min-height;transition:var(--animation-nav);min-height:var(--sidebar-height);overflow:hidden}.menu-sidebar__item:first-child{padding-block-start:2rem}.menu-sidebar__item:last-child{padding-block-end:4rem}.menu-sidebar__toggle{width:var(--toggle-width);padding:1.2rem;transition:background-color var(--animation-fast)}.menu-sidebar__toggle.is-visible{background-color:rgb(var(--color-secondary-background))}.menu-sidebar__toggle.is-visible+.menu-sidebar__content{opacity:1;visibility:visible}.menu-sidebar__toggle.is-visible+.menu-sidebar__content>ul{transform:translate(0);opacity:1;visibility:visible}.menu-sidebar__content{position:absolute;top:0;inset-inline-end:0;inset-inline-start:var(--toggle-width);padding-inline-start:3rem;padding-block-start:2rem;padding-block-end:4rem;margin-inline-start:3rem;min-height:var(--menu-sidebar-height);opacity:0;visibility:hidden;border-inline-start:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));transition-property:visibility,opacity,transform;transition:var(--animation-nav)}.menu-sidebar__content>ul{opacity:0;visibility:hidden;transform:translate(10%);transition-property:transform;transition:var(--animation-nav)}.no-js .menu-sidebar__content{position:static;opacity:1;visibility:visible}.no-js .menu-sidebar__content>ul{opacity:1;visibility:visible;transform:none}.menu-drawer-button{width:2.4rem;height:2.4rem;gap:.4rem;position:relative}.menu-drawer-button .hamburger-line{position:absolute;top:50%;left:.2rem;margin-top:-.1rem;width:2rem;height:.2rem;background:rgb(var(--color-foreground));transition:transform .2s ease;border-radius:1rem}.menu-drawer-button .hamburger-line:after,.menu-drawer-button .hamburger-line:before{content:"";display:block;position:absolute;width:100%;height:.2rem;background:rgb(var(--color-foreground));border-radius:1rem}.menu-drawer-button .hamburger-line:before{top:-.7rem;transition:top .2s ease .22s,opacity .2s ease,width .2s ease}.menu-drawer-button .hamburger-line:after{bottom:-.7rem;transition:bottom .2s ease .22s,transform .2s ease,width .2s ease}.menu-drawer-button[aria-expanded=true] .hamburger-line{transform:rotate(45deg);transition-delay:.22s}.menu-drawer-button[aria-expanded=true] .hamburger-line:before{top:0;opacity:0;width:100%;transition:top .2s ease,opacity .2s ease .22s,width .1s ease}.menu-drawer-button[aria-expanded=true] .hamburger-line:after{bottom:0;transform:rotate(-90deg);width:100%;transition:bottom .2s ease,transform .2s ease .22s,width .1s ease}.menu-drawer{position:absolute;top:100%;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}.header--show-sperator-line .menu-drawer{top:calc(100% + .1rem)}.menu-drawer__item{padding-block:1.2rem}.menu-drawer__item:last-child{padding-block-end:0}.menu-drawer__item+.menu-drawer__promotions{padding-block-start:1.2rem}.menu-drawer__content{overflow-x:hidden;overflow-y:auto;flex-shrink:1}.menu-drawer nav .v-scrollable{padding-inline:1.6rem;padding-block-end:2.4rem}.menu-drawer__item-link{transition:transform .5s cubic-bezier(.3,1,.3,1)}.menu-drawer__item-link-heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);text-transform:var(--font-heading-transform);font-size:var(--font-h6-size)}.menu-drawer__item-back-link{line-height:1.5}.menu-drawer__item-back-link{color:rgba(var(--color-foreground),.6);border:none;justify-content:flex-start;margin-inline:1.6rem;padding-block:1.2rem;padding-inline:0;font-weight:var(--font-body-weight)!important;letter-spacing:0;border-radius:0}.menu-drawer__header{border-bottom:0;padding-inline:1.6rem;min-height:auto;padding-block:2.4rem}.menu-drawer__footer{padding-inline:0;padding-block-end:0;transition:transform .5s cubic-bezier(.3,1,.3,1)}.menu-drawer__submenu{inset-inline-start:0;inset-block-start:0;background-color:rgb(var(--color-background));transform:translate(100%);transition:transform .5s cubic-bezier(.3,1,.3,1)}.menu-drawer details.active>.menu-drawer__submenu{transform:translate(0)}.menu-drawer details.open>.menu-drawer__submenu{z-index:3}.menu-drawer .v-scrollable.active{overflow:unset}.menu-drawer .card-media--content-below{--content-spacing: 1.6rem}.menu-drawer .card-media--content-below .card-media__text{--text-margin-top: 0}.menu-drawer .accordion-details__summary{border:0;padding:0}.menu-drawer .accordion-details .menu-drawer__item{padding-block:.6rem}.menu-drawer .accordion-details .menu-drawer__item>a{line-height:1.5}.menu-drawer .accordion-details .v-scrollable{padding-inline:0;padding-block-end:0;padding-block-start:.6rem}.menu-drawer .fixed-overlay{position:absolute}.menu-drawer .social__link{width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:50%}:is(.menu-drawer__submenu,.menu-drawer__menus).active>ul>li>a,:is(.menu-drawer__submenu,.menu-drawer__menus).active>ul>li>details>summary,:is(.menu-drawer__submenu,.menu-drawer__menus).active>.menu-drawer__footer{transform:translate(-30%)}
/*# sourceMappingURL=/cdn/shop/t/339/assets/header.css.map */