.announcement{background:var(--color-ink);color:#fff;text-align:center;padding:.5rem var(--page-margin)}.announcement__text{font-size:var(--text-sm);font-weight:500;max-width:none;letter-spacing:.01em}.announcement__text a{color:inherit}.header{position:sticky;top:0;z-index:40;transition:box-shadow var(--duration-fast) var(--ease-out)}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:color-mix(in srgb,var(--color-surface) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header.is-scrolled{box-shadow:0 1px 0 var(--color-ink-10),var(--shadow-lift)}.header__inner{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-8);height:84px}.header__logo{display:inline-flex;align-items:center}.header__logo-img{width:auto;height:auto;max-height:52px}.header__nav{display:none;justify-self:center}.header__list{display:flex;align-items:center;gap:clamp(1rem,2vw,2.25rem);list-style:none;padding:0;margin:0}.header__item{position:static}.header__link{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;padding-block:.5rem;position:relative;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.header__link:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--color-accent);transition:right var(--duration-base) var(--ease-out)}.header__item:hover .header__link:after,.header__link:focus-visible:after,.header__link.is-active:after{right:0}.header__link-caret{display:inline-flex;color:var(--color-ink-60);transition:transform var(--duration-fast) var(--ease-out)}.header__item--mega:hover .header__link-caret{transform:rotate(180deg)}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.header__action{display:inline-flex;padding:var(--space-2);border-radius:var(--radius-pill);position:relative;transition:background-color var(--duration-fast) var(--ease-out)}.header__action:hover{background:var(--color-ink-05)}.header__cart-count{position:absolute;top:0;right:-2px;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:700;min-width:17px;height:17px;border-radius:var(--radius-pill);display:grid;place-items:center;padding-inline:3px}.header__cart-count.is-empty{display:none}.header__menu-btn{background:none;border:0;display:inline-flex;padding:var(--space-2);cursor:pointer;margin-left:calc(var(--space-2) * -1)}.header__menu-icon--close,.menu-open .header__menu-icon{display:none}.menu-open .header__menu-icon--close{display:inline-flex}.header__mega{position:absolute;left:0;right:0;top:100%;background:var(--color-surface);box-shadow:0 1px 0 var(--color-ink-10),var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}.header__item--mega:hover .header__mega,.header__item--mega:focus-within .header__mega{opacity:1;visibility:visible;transform:none}.header__mega-inner{max-width:var(--page-max);margin-inline:auto;padding:var(--space-8) var(--page-margin);display:grid;gap:var(--space-8);align-items:start}.header__mega-inner.has-feature{grid-template-columns:1fr 280px}.header__mega-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-2) var(--space-6)}.header__mega-links.is-grouped{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-8);align-items:start}.header__mega-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-decoration:none;font-weight:600;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.header__mega-link:hover{background:var(--color-accent-tint);color:var(--color-accent)}.header__mega-arrow{display:inline-flex;color:var(--color-ink-10);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}.header__mega-link:hover .header__mega-arrow{color:var(--color-accent);transform:translate(2px,-2px)}.header__mega-head{display:block;font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;margin-bottom:var(--space-3);color:var(--color-ink-60)}.header__mega-sub{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.header__mega-sub a{text-decoration:none;font-size:var(--text-base);font-weight:500;transition:color var(--duration-fast) var(--ease-out)}.header__mega-sub a:hover{color:var(--color-accent)}.header__mega-feature{display:grid;gap:var(--space-3);text-decoration:none;border-radius:var(--radius-card);overflow:hidden;background:var(--color-ink-05);padding:var(--space-2);box-shadow:var(--ring-hairline)}.header__mega-feature-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-card-inner)}.header__mega-feature-body{padding:0 var(--space-3) var(--space-3);display:grid;gap:var(--space-1)}.header__mega-feature-h{font-family:var(--font-display);font-size:var(--text-lg)}.header__mega-feature-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-accent)}.header__drawer{position:fixed;top:84px;right:0;bottom:0;left:0;background:var(--color-surface);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);overflow-y:auto}.menu-open .header__drawer{opacity:1;transform:none;pointer-events:auto}.header__drawer-list{list-style:none;padding:var(--space-4) var(--page-margin) var(--space-16);display:grid;gap:0;margin:0}.header__drawer-list>li{border-top:1px solid var(--color-ink-10)}.header__drawer-list>li:last-child{border-bottom:1px solid var(--color-ink-10)}.header__drawer-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-4) 0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,6vw,1.9rem);letter-spacing:-.02em;line-height:1.1;text-decoration:none;color:var(--color-ink);cursor:pointer;list-style:none}.header__drawer-top::-webkit-details-marker{display:none}summary.header__drawer-top svg{color:var(--color-ink-60);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.header__drawer-acc[open] summary.header__drawer-top svg{transform:rotate(180deg);color:var(--color-accent)}.header__drawer-sub{list-style:none;padding:0 0 var(--space-4);margin:0;display:grid;gap:0}.header__drawer-sub a{display:block;padding:var(--space-3) 0;text-decoration:none;color:var(--color-ink-60);font-size:var(--text-lg);font-weight:500}.header__drawer-sub a[aria-current=page]{color:var(--color-accent)}.header__drawer-account{display:inline-flex;align-items:center;gap:var(--space-2);margin:var(--space-8) var(--page-margin) 0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-ink-05);font-weight:700;font-size:var(--text-base);text-decoration:none;color:var(--color-ink)}.header__drawer-account svg{color:var(--color-accent)}@media(prefers-reduced-motion:no-preference){.header__drawer-list>li{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);transition-delay:calc(var(--reveal-i) * 60ms)}.menu-open .header__drawer-list>li{opacity:1;transform:none}}html.no-scroll{overflow:hidden}@media(min-width:990px){.header__nav{display:block}.header__menu-btn,.header__drawer{display:none}}@media(max-width:989px){.header__inner{height:72px;grid-template-columns:1fr auto 1fr;gap:var(--space-4)}.header__cart{display:none}.header__menu-btn{justify-self:start}.header__logo{justify-self:center}.header__actions{justify-self:end}.header__logo-img{max-height:42px}.header__drawer{top:72px;right:0;bottom:0;left:0;z-index:39}.header__action,.header__menu-btn{min-width:44px;min-height:44px;align-items:center;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-header.css.map */