:root{--header-bg:#0b0b0e;--header-edge:#38383e;--header-surface:#19191e;--header-control-edge:#51515a;--header-gold:#e5b52d;--header-focus-bg:#202025;--header-text:#f5f4ef;--header-muted:#b8b8c1;--header-hover:#2e2e35;--header-action-edge:#d3303c;--header-action:#b51625;--header-action-hover:#d01b2c;--header-action-hover-edge:#ef4a55;--header-highlight:#f0c65c;--header-on-gold:#17130b;--header-secondary:#d5d5dc;--header-panel:#141418;--header-panel-edge:#414149;--header-white:#fff}
/* Header utilities share a clear baseline, generous targets and the store palette. */
nav{background:var(--header-bg);border-bottom:1px solid var(--header-edge)}
nav .search-wrap{background:var(--header-surface);border:1px solid var(--header-control-edge);border-radius:6px;overflow:hidden;gap:0;box-shadow:none;transition:border-color .18s ease,background .18s ease}
nav .search-wrap:focus-within{border-color:var(--header-gold);background:var(--header-focus-bg)}
nav .search-wrap .search-bar{flex:1;width:100%;min-width:0;max-width:none;height:100%;padding:10px 14px;background:transparent;border:0;border-radius:0;color:var(--header-text);font:400 14px/1.4 var(--font-body);caret-color:var(--header-gold);box-shadow:none}
nav .search-wrap .search-bar::placeholder{color:var(--header-muted)}
nav .search-wrap .search-bar:focus-visible{outline-offset:-3px}
nav .search-submit{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:100%;min-height:44px;padding:0;background:transparent;border:0;border-left:1px solid var(--header-control-edge);color:var(--header-gold);cursor:pointer;transition:background .18s ease,color .18s ease}
nav .search-submit svg{width:19px;height:19px}
nav .search-submit:hover{background:var(--header-hover);color:var(--header-white)}
nav .search-submit:focus-visible{outline-offset:-4px}
nav .cart-btn{gap:9px;min-height:44px;padding:10px 16px;border:1px solid var(--header-action-edge);border-radius:6px;background:var(--header-action);color:var(--header-white);font:600 14px/1 var(--font-body);box-shadow:none;transition:background .18s ease,border-color .18s ease}
nav .cart-btn:hover{background:var(--header-action-hover);border-color:var(--header-action-hover-edge);box-shadow:none;transform:none}
nav .cart-icon{width:22px;height:22px;flex:none}
nav .cart-count{width:auto;min-width:21px;height:21px;padding:0 5px;background:var(--header-highlight);color:var(--header-on-gold);font:700 11px/1 var(--font-body);font-variant-numeric:tabular-nums}
nav .nav-links>a,nav .nav-dropdown-trigger{font:600 17px/1 var(--font-display);letter-spacing:0;color:var(--header-secondary);text-decoration:none}
nav .nav-links>a:hover,nav .nav-dropdown:hover .nav-dropdown-trigger{letter-spacing:0;color:var(--header-white)}
nav .nav-links>a.active-nav{color:var(--header-highlight)}
nav .nav-dropdown-menu{background:var(--header-panel);border-color:var(--header-panel-edge);border-radius:6px;padding:6px}
nav .nav-dropdown-menu a{font:500 14px/1.4 var(--font-body);color:var(--header-text);border-radius:3px}
nav .nav-dropdown-menu a:hover{background:var(--header-hover);color:var(--header-highlight);letter-spacing:0}
nav .hamburger-btn{background:var(--header-surface);border:1px solid var(--header-control-edge);border-radius:6px;color:var(--header-gold)}
@media(min-width:981px){
 nav .nav-inner{height:92px;min-height:92px}
 nav .nav-logo img{width:68px;height:68px}
 nav.is-condensed .nav-logo img{width:42px;height:42px}
 nav .nav-links>a,nav .nav-dropdown,nav .nav-dropdown-trigger{height:92px}
 nav .nav-inner,nav.is-condensed .nav-inner{grid-template-columns:74px max-content minmax(240px,1fr) auto;column-gap:32px}
 nav .nav-links{width:100%;gap:0;justify-content:center}
 nav .nav-links>a,nav .nav-dropdown-trigger{padding-left:13px;padding-right:13px}
 nav .search-wrap{width:100%;margin:0}
 nav .search-wrap,nav .cart-btn,nav.is-condensed .search-wrap,nav.is-condensed .cart-btn{height:46px;min-height:46px}
 nav.is-condensed .nav-inner{min-height:64px;height:64px}
 nav.is-condensed .nav-links>a,nav.is-condensed .nav-dropdown,nav.is-condensed .nav-dropdown-trigger{height:64px}
 nav .nav-logo{justify-self:center}
}
@media(min-width:981px) and (max-width:1150px){
 nav .nav-inner,nav.is-condensed .nav-inner{grid-template-columns:64px max-content minmax(180px,1fr) auto;column-gap:20px}
 nav .nav-links>a,nav .nav-dropdown-trigger{padding-left:10px;padding-right:10px;font-size:16px}
 nav .cart-btn{padding-left:12px;padding-right:12px}
}
@media(max-width:980px){
 nav .search-wrap{height:46px;min-height:46px}
 nav .search-wrap .search-bar{font-size:16px}
 nav .cart-btn{min-width:74px;height:44px;justify-content:center;padding:9px 10px}
 nav .cart-label{display:inline;font-size:12px}
 nav .cart-btn:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){nav .search-wrap,nav .search-submit,nav .cart-btn{transition:none}}

/* Resize once on scroll; avoid animating layout across dozens of frames. */
nav .nav-inner,nav .nav-logo img,nav .nav-links>a,nav .nav-dropdown,nav .nav-dropdown-trigger{transition:color .18s ease,opacity .18s ease}
nav .nav-dropdown:not(.is-open) .nav-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none}
nav .nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
nav .nav-dropdown:not(.is-open) .nav-caret{transform:none}
nav .nav-dropdown.is-open .nav-caret{transform:rotate(180deg);color:var(--header-gold)}
