.section-header-wrapper:has(.header-wrapper--sticky){position:sticky;inset-block-start:0;z-index:40;block-size:var(--header-full-height, auto);pointer-events:none}sticky-header{display:block;pointer-events:auto}.section-header-wrapper .overlay,.section-header-wrapper .bottom-nav{pointer-events:auto}.header{position:relative;z-index:2;background-color:var(--color-surface);box-shadow:0 1px 0 var(--color-border);transition:box-shadow var(--duration) var(--ease)}sticky-header[data-scrolled] .header{box-shadow:0 1px 0 var(--color-border),0 8px 24px -16px color-mix(in srgb,var(--color-primary-dark) 30%,transparent)}.header__main-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"menu logo icons";align-items:center;gap:var(--space-2);min-block-size:64px;transition:min-block-size var(--duration-slow) var(--ease)}.header__menu-toggle{grid-area:menu;justify-self:start;margin-inline-start:calc(var(--space-2) * -1)}.header__logo-wrap{grid-area:logo;margin:0;font-size:inherit;line-height:0}.header__logo{display:block;inline-size:var(--logo-width-mobile);transition:inline-size var(--duration-slow) var(--ease)}.header__logo .logo__image{inline-size:100%;block-size:auto}.header__search--desktop{display:none}.header__icons{grid-area:icons;justify-self:end;display:flex;align-items:center;gap:var(--space-1);margin-inline-end:calc(var(--space-2) * -1)}.header__icon-item--account,.header__icon-item--wishlist{display:none}.header__icon{display:inline-flex;align-items:center;gap:var(--space-2);min-inline-size:var(--touch-target);min-block-size:var(--touch-target);padding-inline:var(--space-2);border-radius:var(--radius-button);color:var(--color-text);text-decoration:none;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.header__icon:hover{background-color:var(--color-background-soft);color:var(--color-primary)}.header__icon-graphic{position:relative;display:inline-grid}.header__count{position:absolute;inset-block-start:-6px;inset-inline-end:-9px;display:grid;place-items:center;min-inline-size:1.125rem;block-size:1.125rem;padding-inline:4px;border-radius:var(--radius-pill);background-color:var(--color-sale-text);color:#fff;font-size:.6875rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--color-surface)}.header__count[hidden]{display:none}.header__icon-label{display:none;font-size:var(--fs-small);font-weight:600;line-height:1.25}.header__icon-label small{display:block;font-size:var(--fs-caption);font-weight:400;color:var(--color-text-muted)}.header__collapsible{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--duration-slow) var(--ease)}.header__collapsible-inner{min-block-size:0;min-inline-size:0}sticky-header[data-collapsed] .header__collapsible{grid-template-rows:0fr}sticky-header[data-collapsed] .header__collapsible-inner{overflow:hidden}.header__collapsible--desktop{display:none}.header__mobile-row{display:grid;gap:var(--space-3);padding-block:0 var(--space-3)}.header__chips{display:flex;gap:var(--space-2);overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.header__chip,.menu-drawer__chip{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;min-block-size:36px;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface);font-size:var(--fs-small);font-weight:500;white-space:nowrap;text-decoration:none}.header__chip .icon,.menu-drawer__chip .icon{color:var(--color-primary)}.header__chip.is-highlight,.menu-drawer__chip.is-highlight{border-color:color-mix(in srgb,var(--color-sale) 35%,transparent);background-color:color-mix(in srgb,var(--color-sale) 8%,var(--color-surface));color:var(--color-sale-text)}.header__chip.is-highlight .icon,.menu-drawer__chip.is-highlight .icon{color:currentColor}@media(min-width:1024px){.header__main-inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search icons";gap:var(--space-10);min-block-size:88px}sticky-header[data-scrolled] .header__main-inner{min-block-size:68px}.header__menu-toggle,.header__collapsible--mobile{display:none}.header__logo{inline-size:var(--logo-width)}sticky-header[data-scrolled] .header__logo{inline-size:calc(var(--logo-width) * .8)}.header__search--desktop{grid-area:search;display:block;inline-size:100%;max-inline-size:720px;justify-self:center}.header__search--desktop .search__input{min-block-size:52px}.header__icon-item--account,.header__icon-item--wishlist{display:block}.header__collapsible--desktop{display:grid}}@media(min-width:1280px){.header__icon-label{display:block}.header__icon{padding-inline:var(--space-3)}}.header__nav{border-block-start:1px solid var(--color-border)}.header__nav-inner{display:flex;align-items:center;gap:var(--space-6);min-block-size:52px}.header__mega{flex:1;min-inline-size:0}.mega-nav__list{display:flex;gap:0 var(--space-1);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mega-nav__list::-webkit-scrollbar{display:none}.mega-nav__item{flex-shrink:0}.mega-nav__link{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:52px;padding-inline:var(--space-3);font-size:var(--fs-small);font-weight:600;white-space:nowrap;text-decoration:none;color:var(--color-text);transition:color var(--duration-fast) var(--ease)}.mega-nav__link:after{content:"";position:absolute;inset-inline:var(--space-3);inset-block-end:0;block-size:2px;border-radius:2px 2px 0 0;background-color:var(--color-primary);transform:scaleX(0);transition:transform var(--duration) var(--ease)}.mega-nav__link:hover,.mega-nav__link[aria-expanded=true],.mega-nav__link.is-active{color:var(--color-primary)}.mega-nav__link:hover:after,.mega-nav__link[aria-expanded=true]:after{transform:scaleX(1)}.mega-nav__link .icon{transition:transform var(--duration) var(--ease)}.mega-nav__link[aria-expanded=true] .icon{transform:rotate(180deg)}.header__quick{display:flex;align-items:center;gap:var(--space-1);margin-inline-start:auto}.header__quick-link{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:36px;padding-inline:var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:500;white-space:nowrap;text-decoration:none;transition:background-color var(--duration-fast) var(--ease)}.header__quick-link .icon{color:var(--color-primary)}.header__quick-link:hover{background-color:var(--color-background-soft)}.header__quick-link.is-highlight{color:var(--color-sale-text);font-weight:600}.header__quick-link.is-highlight .icon{color:currentColor}.header__quick li:not(:has(.is-highlight)){display:none}.mega{position:absolute;inset-block-start:100%;inset-inline:0;max-block-size:calc(100vh - var(--header-height) - var(--space-4));overflow-y:auto;background-color:var(--color-surface);border-block-start:1px solid var(--color-border);box-shadow:var(--shadow-overlay);animation:mega-in var(--duration) var(--ease)}@keyframes mega-in{0%{opacity:0;transform:translateY(-8px)}}.mega__inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-10);padding-block:var(--space-8) var(--space-10)}.mega__inner--no-aside{grid-template-columns:minmax(0,1fr)}.mega__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-6);padding-block-end:var(--space-4);border-block-end:1px solid var(--color-border)}.mega__title{font-family:var(--font-heading);font-size:var(--fs-subtitle);font-weight:700}.mega__columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6) var(--space-8)}.mega__heading{display:block;margin-block-end:var(--space-2);font-weight:700;font-size:var(--fs-body);color:var(--color-primary-dark);text-decoration:none}.mega__heading:hover{color:var(--color-primary)}.mega__thumb{display:block;aspect-ratio:1;margin-block-end:var(--space-3);overflow:hidden;border-radius:var(--radius-card);background-color:var(--color-background-soft)}.mega__thumb img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.mega__heading:hover .mega__thumb img{transform:scale(1.04)}.mega__links{display:grid;gap:var(--space-1)}.mega__link{display:inline-block;padding-block:var(--space-1);font-size:var(--fs-small);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.mega__link:hover,.mega__link[aria-current=page]{color:var(--color-primary)}.mega__brands{margin-block-start:var(--space-8);padding-block-start:var(--space-6);border-block-start:1px solid var(--color-border)}.mega__brands-title{margin-block-end:var(--space-3);font-size:var(--fs-small);font-weight:700;color:var(--color-text-muted)}.mega__brand-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-3)}.mega__brand{display:grid;place-items:center;block-size:64px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:var(--fs-small);font-weight:600;text-align:center;text-decoration:none;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.mega__brand img{max-block-size:40px;inline-size:auto;object-fit:contain}.mega__brand:hover{border-color:var(--color-primary)}.mega__promo{position:relative;display:block;block-size:100%;min-block-size:320px;border-radius:var(--radius-card);overflow:hidden;color:var(--color-on-primary);text-decoration:none}.mega__promo-media{position:absolute;top:0;right:0;bottom:0;left:0}.mega__promo-media img{transition:transform .6s var(--ease)}.mega__promo:hover .mega__promo-media img{transform:scale(1.04)}.mega__promo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-primary-dark) 85%,transparent),transparent 60%)}.mega__promo-text{position:absolute;inset-inline:0;inset-block-end:0;z-index:1;display:grid;justify-items:start;gap:var(--space-2);padding:var(--space-6)}.mega__promo-title{font-family:var(--font-heading);font-size:var(--fs-subtitle);font-weight:700;line-height:1.35}.mega__promo-cta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-small);font-weight:600;text-decoration:underline;text-underline-offset:.3em}.header__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--color-overlay);animation:overlay-fade var(--duration) var(--ease)}@keyframes overlay-fade{0%{opacity:0}}.menu-drawer{--drawer-width: 380px}.menu-drawer__logo{display:block;inline-size:104px}.menu-drawer__logo img{inline-size:100%;block-size:auto}.menu-drawer__viewport{position:relative;display:block;flex:1;overflow:hidden}.menu-drawer__panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2) var(--space-5) calc(var(--space-8) + env(safe-area-inset-bottom));background-color:var(--color-surface)}.menu-drawer__panel.slide-forward{animation:panel-forward var(--duration-slow) var(--ease)}.menu-drawer__panel.slide-back{animation:panel-back var(--duration-slow) var(--ease)}@keyframes panel-forward{0%{transform:translate(100%)}}@keyframes panel-back{0%{transform:translate(-30%);opacity:0}}[dir=rtl] .menu-drawer__panel.slide-forward{animation-name:panel-forward-rtl}[dir=rtl] .menu-drawer__panel.slide-back{animation-name:panel-back-rtl}@keyframes panel-forward-rtl{0%{transform:translate(-100%)}}@keyframes panel-back-rtl{0%{transform:translate(30%);opacity:0}}.menu-drawer__item{display:flex;align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:56px;padding-block:var(--space-2);border-block-end:1px solid var(--color-border);font-weight:600;text-align:start;text-decoration:none}.menu-drawer__item:hover,.menu-drawer__item[aria-current=page]{color:var(--color-primary)}.menu-drawer__label{flex:1}.menu-drawer__item>.icon{color:var(--color-text-muted)}.menu-drawer__thumb{display:grid;place-items:center;flex-shrink:0;inline-size:44px;block-size:44px;border-radius:50%;overflow:hidden;background-color:var(--color-background-soft);color:var(--color-primary)}.menu-drawer__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.menu-drawer__back{display:flex;align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:52px;font-family:var(--font-heading);font-size:var(--fs-subtitle);font-weight:700;text-align:start}.menu-drawer__all{display:inline-flex;align-items:center;min-block-size:var(--touch-target);margin-block-end:var(--space-1);font-size:var(--fs-small);font-weight:600;color:var(--color-primary)}.menu-drawer__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-6)}.menu-drawer__utility{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-card);background-color:var(--color-background-soft)}.menu-drawer__utility-link{display:flex;align-items:center;gap:var(--space-3);min-block-size:var(--touch-target);padding-inline:var(--space-2);font-weight:500;text-decoration:none}.menu-drawer__utility-link .icon{color:var(--color-primary)}.menu-drawer__localization{display:grid;gap:var(--space-2);margin-block-start:var(--space-6)}.menu-drawer__localization .field__label{display:flex;align-items:center;gap:var(--space-2)}.bottom-nav{display:none}@media(max-width:1023px){:root{--bottom-nav-height: calc(64px + env(safe-area-inset-bottom)) }body:has(.bottom-nav){padding-block-end:var(--bottom-nav-height)}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:45;display:block;padding-block-end:env(safe-area-inset-bottom);background-color:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-block-start:1px solid var(--color-border)}.bottom-nav__list{display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav__item{display:grid;justify-items:center;align-content:center;gap:2px;inline-size:100%;block-size:64px;font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease)}.bottom-nav__item .icon{--icon-size: 1.375rem}.bottom-nav__item:hover,.bottom-nav__item[aria-current=page]{color:var(--color-primary)}.bottom-nav__item[aria-current=page] .icon{stroke-width:2}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-header.css.map */