.site-header{position:relative;z-index:40;background:var(--color-background);border-bottom:1px solid var(--color-border);transition:background-color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.site-header--sticky{position:sticky;top:0}.site-header--transparent{background:transparent;border-bottom-color:transparent;position:absolute;inset-inline:0}.site-header--transparent.is-scrolled{position:sticky;background:#030b18e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--color-border)}.site-header__inner{display:flex;align-items:center;gap:var(--space-md);min-height:4.5rem}.site-header__logo{display:flex;align-items:center;margin-right:auto}.site-header__logo-image{height:2.75rem;width:auto;max-width:11rem;object-fit:contain}.site-header__wordmark{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--color-text)}.site-header__menu-toggle{display:inline-flex;color:var(--color-text);padding:.5rem;margin-left:auto}.site-header__actions{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.site-header__action-button{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.5rem;border-radius:var(--radius-small);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.site-header__action-button:hover{color:var(--color-text);background:#ffffff0d}.site-header__action-label{font-size:.8125rem;font-weight:600}.site-header__cart-count{position:absolute;top:.125rem;right:.125rem;min-width:1rem;height:1rem;padding-inline:.1875rem;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);font-size:.625rem;font-weight:700;line-height:1rem;text-align:center}@media(max-width:989px){.header-nav,.site-header__action-label{display:none}}@media(min-width:990px){.site-header__menu-toggle{display:none}}.header-nav__list{display:flex;align-items:center;gap:var(--space-xs)}.header-nav__link{display:flex;align-items:center;gap:.25rem;padding:.75rem var(--space-sm);font-size:.875rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;list-style:none;transition:color var(--duration-fast) var(--ease-standard)}.header-nav__link:hover{color:var(--color-text)}.header-nav__link::-webkit-details-marker{display:none}.header-nav__caret{transition:transform var(--duration-fast) var(--ease-standard)}.header-nav__dropdown[open] .header-nav__caret{transform:rotate(180deg)}.header-nav__panel{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-panel);animation:header-nav-panel-in var(--duration-normal) var(--ease-emphasized) both}@keyframes header-nav-panel-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.header-nav__panel-columns{max-width:1280px;margin-inline:auto;padding:var(--space-lg) var(--container-padding);display:flex;gap:var(--space-xl)}.header-nav__sublist{display:flex;flex-direction:column;gap:.25rem;min-width:200px}.header-nav__sublink{display:block;padding:.5rem 0;font-size:.9375rem;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard)}.header-nav__sublink:hover{color:var(--color-primary)}.header-nav__feature{width:260px;flex-shrink:0}.header-nav__feature-media{display:block;border-radius:var(--radius-medium);overflow:hidden;aspect-ratio:4 / 3;margin-bottom:var(--space-xs)}.header-nav__feature-media img{width:100%;height:100%;object-fit:cover}.header-nav__feature-heading{font-weight:600;margin-bottom:.25rem}.header-nav__feature-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--color-primary);font-weight:600}.header-drawer[hidden]{display:none}.header-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.header-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02060f99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:header-drawer-fade var(--duration-normal) var(--ease-standard) both}@keyframes header-drawer-fade{0%{opacity:0}to{opacity:1}}.header-drawer__panel-wrap{position:absolute;inset-block:0;left:0;width:min(360px,88vw);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-panel);animation:header-drawer-slide-in var(--duration-normal) var(--ease-emphasized) both}@keyframes header-drawer-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.header-drawer__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--color-surface);transition:transform var(--duration-normal) var(--ease-emphasized)}.header-drawer__panel[data-level="0"]{transform:translate(0)}.header-drawer__panel[data-level="1"]{transform:translate(100%)}.header-drawer.is-drilled .header-drawer__panel[data-level="0"]{transform:translate(-100%)}.header-drawer.is-drilled .header-drawer__panel[data-level="1"].is-active{transform:translate(0)}.header-drawer__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border);min-height:4rem}.header-drawer__close{padding:.5rem;color:var(--color-text-muted)}.header-drawer__back{display:inline-flex;align-items:center;gap:.375rem;font-weight:600;color:var(--color-text)}.header-drawer__list{flex:1;overflow-y:auto;padding:var(--space-xs) 0}.header-drawer__item+.header-drawer__item{border-top:1px solid var(--color-border)}.header-drawer__link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3rem;padding:0 var(--space-md);font-size:1rem;font-weight:500;color:var(--color-text);text-align:left}.header-drawer__footer{border-top:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:.25rem}.header-drawer__footer-link{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;color:var(--color-text-muted);font-size:.9375rem}.header-drawer__footer-link:hover{color:var(--color-text)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/header.css.map */