.section-header:has(.header[data-sticky]){position:sticky;top:0;z-index:20;pointer-events:none}.section-header:has(.header[data-sticky])>*{pointer-events:auto}.header{position:relative;display:grid;grid-template-columns:var(--content-grid);background-color:var(--color-background);border-bottom:1px solid var(--color-border);transition:transform .25s ease}.header--hidden{transform:translateY(-102%)}.header--hidden:focus-within{transform:none}@media(prefers-reduced-motion:reduce){.header{transition:none}}.section-header:has(.header--overlay[data-sticky]){position:fixed}.header--overlay{background-color:transparent;border-bottom-color:transparent;transition:background-color .2s ease,border-color .2s ease,transform .25s ease}.header--overlay.is-scrolled{background-color:var(--color-background);border-bottom-color:var(--color-border)}.header--overlay:not(.is-scrolled):before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:320%;background:linear-gradient(to bottom,#0000009e,#0000001f 55%,#0000);pointer-events:none;z-index:-1}.header--overlay:not(.is-scrolled) .header__icon-link,.header--overlay:not(.is-scrolled) .header__icon-btn,.header--overlay:not(.is-scrolled) .header-drawer__toggle,.header--overlay:not(.is-scrolled) .header__menu-link,.header--overlay:not(.is-scrolled) .header__logo-text,.header--overlay:not(.is-scrolled) .header__localization,.header--overlay:not(.is-scrolled) .header__localization button,.header--overlay:not(.is-scrolled) .header__localization select{color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .4)}.header--overlay:not(.is-scrolled) .header-drawer__toggle .header-drawer__icon,.header--overlay:not(.is-scrolled) .header__icon-link svg,.header--overlay:not(.is-scrolled) .header-drawer__toggle svg{color:#fff}.header--overlay-home:not(.is-scrolled) .header__logo-image{filter:brightness(0) invert(1)}@media(min-width:1300px){.header--overlay-home{display:flex;align-items:center;column-gap:var(--space-4);min-height:4.5rem;padding-inline:var(--page-margin)}.header--overlay-home .header__top{display:contents}.header--overlay-home .header__side--left{display:none}.header--overlay-home .header__logo{order:1;flex:0 0 auto}.header--overlay-home .header__nav-row{order:2;display:block;flex:1 1 auto;min-width:0;grid-column:auto}.header--overlay-home .header__side--right{order:3;flex:0 0 auto}.header--overlay-home .header__menu-list{flex-wrap:nowrap;justify-content:flex-start;gap:var(--space-3);padding-block-end:0}.header--overlay-home .header__menu-link{white-space:nowrap}.header--overlay-home .header__logo-link{width:min(280px,55vw)!important;max-width:min(280px,55vw)!important}}.header--flat-product{background-color:var(--color-primary);border-bottom-color:transparent}.header--flat-product .header__menu-link,.header--flat-product .header__icon-link,.header--flat-product .header__icon-btn,.header--flat-product .header-drawer__toggle,.header--flat-product .header__localization,.header--flat-product .header__localization button,.header--flat-product .header__localization select,.header--flat-product .header__search-label{color:var(--color-on-primary)}.header--flat-product .header__icon-link svg,.header--flat-product .header__icon-btn svg,.header--flat-product .header-drawer__toggle svg,.header--flat-product .header-drawer__toggle .header-drawer__icon{color:var(--color-on-primary)}.header--flat-product .header__icon-link:hover,.header--flat-product .header__icon-btn:hover{color:var(--color-accent)}.header--flat-product .header__menu-link:hover,.header--flat-product .header__menu-link[aria-current=page]{color:var(--color-on-primary);border-bottom-color:var(--color-accent)}.header--flat-product .header__cart-count{background-color:var(--color-on-primary);color:var(--color-primary)}.header--flat-product .header__logo-image{filter:brightness(0) invert(1)}.header__search-label{display:none}@media(min-width:1440px){.header--flat-product{display:flex;align-items:center;column-gap:var(--space-4);min-height:4.5rem;padding-inline:var(--page-margin)}.header--flat-product .header__top{display:contents}.header--flat-product .header__side--left{display:none}.header--flat-product .header__logo{order:1;flex:0 0 auto}.header--flat-product .header__nav-row{order:2;display:block;flex:1 1 auto;min-width:0;grid-column:auto}.header--flat-product .header__side--right{order:3;flex:0 0 auto}.header--flat-product .header__menu-list{flex-wrap:nowrap;justify-content:flex-start;gap:var(--space-3);padding-block-end:0}.header--flat-product .header__menu-link{white-space:nowrap}.header--flat-product .header__logo-link{width:min(280px,55vw)!important;max-width:min(280px,55vw)!important}.header--flat-product .header__search{width:auto;height:auto;min-width:180px;justify-content:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb,var(--color-on-primary) 50%,transparent);border-radius:var(--radius-button, 999px)}.header--flat-product .header__search-label{display:inline;font-size:var(--text-small)}}.header__top{grid-column:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--space-2);min-height:4rem;padding-block:var(--space-1)}.header__side{display:flex;align-items:center;gap:var(--space-1)}.header__side--left{justify-self:start}.header__side--right{justify-self:end}@media(max-width:989px){.header__logo-link{max-width:150px!important}.header__top{column-gap:0}.header__side{gap:0}.header__icon-link svg,.header__icon-btn svg,.header-drawer__toggle svg{width:1.25rem;height:1.25rem}}.header__icon-link,.header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);color:var(--color-foreground);text-decoration:none;cursor:pointer}.header__icon-link:hover,.header__icon-btn:hover{color:var(--color-primary)}.header__icon-link svg,.header__icon-btn svg{width:1.375rem;height:1.375rem}.header__logo{text-align:center}.header__logo-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-foreground)}.header__logo-image{width:100%;height:auto}.header__logo-text{font-size:var(--text-h4);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:var(--heading-letter-spacing);white-space:nowrap}.header__cart{position:relative}.header__cart-count{position:absolute;top:4px;right:0;display:grid;place-items:center;min-width:1rem;height:1rem;padding-inline:3px;border-radius:999px;background-color:var(--color-primary);color:var(--color-on-primary);font-size:.6875rem;line-height:1}.header__cart-count[hidden],.header__localization{display:none}.header__nav-row{display:none;grid-column:2}@media(min-width:990px){.header__nav-row,.header__localization{display:block}.header-drawer-wrap{display:none}.header__top{min-height:3.25rem}.header__menu-list{padding-block-end:var(--space-1)}}.header__menu-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5);margin:0;padding:0 0 var(--space-2);list-style:none}.header__menu-item{display:flex;align-items:center;gap:2px}.header__menu-link{padding-block:var(--space-1);border-bottom:2px solid transparent;color:var(--color-foreground);font-size:var(--text-small);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:var(--heading-letter-spacing);text-decoration:none}.header__menu-link:hover,.header__menu-link[aria-current=page]{color:var(--color-foreground);border-bottom-color:var(--color-primary)}.header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;background:transparent;color:var(--color-foreground);cursor:pointer}.header__menu-toggle svg{width:1rem;height:1rem;transition:rotate .15s ease}.header__menu-toggle[aria-expanded=true] svg{rotate:180deg}.mega-menu{position:absolute;top:100%;left:0;right:0;z-index:5;background-color:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:0 16px 32px #00000014;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.header__menu-item[data-open]>.mega-menu{opacity:1;visibility:visible}@media(scripting:none){.header__menu-item:hover>.mega-menu,.header__menu-item:focus-within>.mega-menu{opacity:1;visibility:visible}.header__menu-toggle{display:none}}@media(prefers-reduced-motion:reduce){.mega-menu,.header__menu-toggle svg{transition:none}}.mega-menu__inner{max-width:var(--page-width);margin-inline:auto;padding:var(--space-5) var(--page-margin) var(--space-5)}.mega-menu__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.mega-menu__card{display:block;color:var(--color-foreground);text-decoration:none}.mega-menu__media{display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-card);background-color:var(--color-border)}.mega-menu__image{width:100%;height:100%;object-fit:cover;transition:scale .3s ease}.mega-menu__card:hover .mega-menu__image{scale:1.04}@media(prefers-reduced-motion:reduce){.mega-menu__image{transition:none}}.mega-menu__card-title{display:block;margin-top:var(--space-2);text-align:center;font-size:var(--text-small);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:var(--heading-letter-spacing)}.mega-menu__item--featured{grid-column:span 2}.mega-menu__item--featured .mega-menu__media{aspect-ratio:2 / 1}.mega-menu__item--featured .mega-menu__card-title{font-size:var(--text-base, 1rem)}.mega-menu__card:hover .mega-menu__card-title{text-decoration:underline;text-underline-offset:.2em}.mega-menu__link{color:var(--color-foreground);font-size:var(--text-small);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:var(--heading-letter-spacing);text-decoration:none}.mega-menu__link:hover{color:var(--color-primary);text-decoration:underline}.mega-menu__sublist{display:grid;gap:var(--space-1);margin:var(--space-2) 0 0;padding:0;list-style:none}.mega-menu__sublink{color:var(--color-foreground);font-size:var(--text-small);text-decoration:none}.mega-menu__sublink:hover{color:var(--color-primary);text-decoration:underline}.mega-menu__view-all{display:inline-block;margin-top:var(--space-4);color:var(--color-primary);font-size:var(--text-small);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:var(--heading-letter-spacing)}.header-drawer__toggle{position:relative;z-index:26;list-style:none}.header-drawer__toggle::-webkit-details-marker{display:none}.header-drawer__icon{display:inline-flex}.header-drawer__icon--close,.header-drawer[open] .header-drawer__icon--open{display:none}.header-drawer[open] .header-drawer__icon--close{display:inline-flex}.header-drawer[open]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;background-color:#0006}.header-drawer__panel{position:absolute;top:100%;left:0;right:0;z-index:25;display:flex;flex-direction:column;max-height:calc(100dvh - var(--header-height, 4.5rem) - 3rem);overflow-y:auto;background-color:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:0 16px 32px #0000001f}.header-drawer__nav{padding:var(--space-2) var(--page-margin)}.header-drawer__list{margin:0;padding:0;list-style:none}.header-drawer__item+.header-drawer__item{border-top:1px solid var(--color-border)}.header-drawer__link,.header-drawer__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--touch-target-min);padding-block:var(--space-2);color:var(--color-foreground);font-size:var(--text-small);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:var(--heading-letter-spacing);text-decoration:none}.header-drawer__summary{list-style:none;cursor:pointer}.header-drawer__summary::-webkit-details-marker{display:none}.header-drawer__summary svg{width:1rem;height:1rem;flex-shrink:0;transition:rotate .15s ease}.header-drawer__group[open]>.header-drawer__summary svg{rotate:180deg}@media(prefers-reduced-motion:reduce){.header-drawer__summary svg{transition:none}}.header-drawer__sublist{margin:0;padding:0 0 var(--space-2);list-style:none}.header-drawer__sublist--nested{padding:0 0 0 var(--space-3)}.header-drawer__sublink{display:flex;align-items:center;min-height:var(--touch-target-min);padding-block:var(--space-1);color:var(--color-foreground);font-size:var(--text-small);text-decoration:none}.header-drawer__sublink--all{font-weight:var(--font-weight-heading)}.header-drawer__sublink:hover,.header-drawer__link:hover{color:var(--color-primary)}.header-drawer__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding:var(--space-3) var(--page-margin) var(--space-4);border-top:1px solid var(--color-border)}.header-drawer__account{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);color:var(--color-foreground);font-size:var(--text-small);text-decoration:none}.header-drawer__account svg{width:1.25rem;height:1.25rem}.localization__form{display:flex;align-items:center;gap:var(--space-2)}.localization__select{padding:var(--space-1);border:1px solid transparent;background-color:transparent;color:var(--color-foreground);font-size:var(--text-small);cursor:pointer}.localization__select:hover{border-color:var(--color-border)}.localization__submit{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-button);background:transparent;color:var(--color-primary);font-size:var(--text-small);cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-header.css.map */