:root{--header-h: 56px}@media(min-width:768px){:root{--header-h: 64px}}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--bg);border-bottom:1px solid var(--line);transform:translateY(0);transition:background-color var(--duration-base, .25s) var(--ease-out, ease),border-color var(--duration-base, .25s) var(--ease-out, ease)}.site-header-spacer{height:var(--header-h)}.site-header__inner{box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"menu logo cart";align-items:center;gap:1rem;height:var(--header-h);padding-top:0;padding-bottom:0}.site-header__icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--header-fg, var(--fg));transition:color var(--duration-fast) var(--ease-out)}.site-header__icon-btn:hover{color:var(--accent)}.site-header__menu-btn{grid-area:menu;justify-self:start;margin-left:-10px}.site-header__logo{grid-area:logo;justify-self:center;display:inline-flex;align-items:center;min-height:44px}.site-header__logo img{display:block;width:calc(var(--logo-w, 128px) * .85);max-width:none;height:auto;transition:filter var(--duration-base, .25s) var(--ease-out, ease)}.site-header__wordmark{font-family:var(--font-heading);font-size:var(--text-lg);line-height:1;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.site-header__wordmark sup{color:inherit;font-size:.55em;margin-left:.05em;vertical-align:super}.site-header__nav{grid-area:nav;display:none}.site-header__nav ul{display:flex;gap:2rem}.site-header__nav a{position:relative;display:inline-block;padding:.6rem 0;color:var(--header-fg, var(--fg));transition:color var(--duration-fast) var(--ease-out)}.site-header__nav a:after{content:"";position:absolute;left:0;right:0;bottom:.3rem;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right center;transition:transform var(--duration-base) var(--ease-out)}.site-header__nav a:hover{color:var(--accent)}.site-header__nav a:hover:after{transform:scaleX(1);transform-origin:left center}.site-header__nav a[aria-expanded=true]{color:var(--accent)}.site-header__nav a[aria-expanded=true]:after{transform:scaleX(1);transform-origin:left center}.site-header__cart{grid-area:cart;justify-self:end;gap:.45rem;margin-right:-10px;padding:0 .6rem}.site-header__cart-count{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--accent);min-width:1ch;text-align:center}.site-header__menu,.site-header__backdrop{display:none}@media(min-width:768px){.site-header__inner{grid-template-areas:"nav logo cart"}.site-header__menu-btn{display:none}.site-header__logo{justify-self:center}.site-header__logo img{width:var(--logo-w, 128px)}.site-header__wordmark{font-size:var(--text-xl)}.site-header__nav{display:block;justify-self:start}.site-header__backdrop{display:block;position:absolute;top:100%;left:0;right:0;height:100vh;background:#0d0d0d47;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-base, .3s) var(--ease-out, ease),visibility 0s linear var(--duration-base, .3s)}.site-header__menu{display:block;position:absolute;top:100%;left:0;right:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line-strong);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--duration-fast, .2s) var(--ease-out, ease),transform var(--duration-base, .3s) var(--ease-out, ease),visibility 0s linear var(--duration-base, .3s)}.site-header.is-menu-open .site-header__backdrop,.site-header.is-menu-open .site-header__menu{opacity:1;visibility:visible;transition-delay:0s}.site-header.is-menu-open .site-header__menu{transform:none}.site-header__menu-inner{padding-block:.5rem;display:flex;justify-content:flex-start}.site-header__drops{list-style:none;margin:0;padding:0;width:min(20rem,90vw)}.site-header__drop{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem .25rem;color:var(--fg);border-bottom:1px solid var(--line)}.site-header__drops li:last-child .site-header__drop{border-bottom:0}.site-header__drop-text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.site-header__drop-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;line-height:1.2;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent)}.site-header__drop-name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;line-height:1;letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--fg)}.site-header__drop .icon{flex-shrink:0;transition:transform var(--duration-base, .3s) var(--ease-out, ease),color var(--duration-fast, .2s) var(--ease-out, ease)}.site-header__drop:hover .icon,.site-header__drop:focus-visible .icon{transform:translate(5px);color:var(--accent)}.site-header__drop:hover .site-header__drop-name,.site-header__drop:focus-visible .site-header__drop-name{color:var(--accent)}}.site-header.is-menu-open{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}.site-header--overlay:not(.is-solid):not(.is-menu-open){--header-fg: var(--color-white);background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header--overlay:before{content:"";position:absolute;top:0;right:0;bottom:-32px;left:0;z-index:-1;background:linear-gradient(to bottom,#00000080,#0000);pointer-events:none;transition:opacity var(--duration-base, .25s) var(--ease-out, ease)}.site-header--overlay.is-solid:before,.site-header--overlay.is-menu-open:before{opacity:0}.site-header--logo-white:not(.is-solid):not(.is-menu-open) .site-header__logo img{filter:brightness(0) invert(1)}.site-header--logo-white:not(.is-solid):not(.is-menu-open) .site-header__wordmark{color:var(--color-white)}@media(prefers-reduced-motion:reduce){.site-header,.site-header__logo img,.site-header--overlay:before,.site-header__menu,.site-header__backdrop,.site-header__drop .icon{transition:none}}.site-header__actions{grid-area:cart;justify-self:end;display:flex;align-items:center;gap:.75rem}.site-header__actions .site-header__cart{grid-area:auto}.site-header .lang-switch--header{display:none}@media(min-width:768px){.site-header .lang-switch--header{display:block}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-global-header.css.map */