/* Shared ChromVale header and navigation. */
.nav-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.category-header { z-index:100; border-bottom:0; }
.category-header-top { display:grid; grid-template-columns:auto minmax(280px, 1fr) auto; align-items:center; gap:28px; min-height:78px; padding-block:12px; }
.category-header .brand { gap:14px; }.category-header .brand-mark { width:38px; height:38px; }.category-header .brand-name { font-size:1.16rem; }.category-header .brand-sub { font-size:.58rem; letter-spacing:.1em; }.category-header .brand-text { gap:5px; }
.category-header .brand-logo { display:block; width:190px; height:auto; }
.category-search { display:flex; min-width:0; max-width:620px; justify-self:center; width:100%; border:1px solid var(--gray-300); border-radius:4px; background:var(--gray-50); }.category-search input { width:100%; min-width:0; height:40px; padding:8px 14px; border:0; background:transparent; font-size:.9rem; }.category-search button { display:grid; place-items:center; flex:0 0 40px; margin:0; padding:0; border:0; border-left:1px solid var(--gray-200); border-radius:0 3px 3px 0; color:var(--teal-600); background:transparent; cursor:pointer; font-size:0; }.category-search button::after { content:"⌕"; font:700 1.5rem/1 var(--font-sans); }.category-search svg { display:none; }.category-search:focus-within { outline:2px solid var(--teal-500); outline-offset:2px; }
.header-quote-actions { display:flex; align-items:center; }.header-quote-cart { display:none; }.header-quote { padding:10px 16px; font-size:.86rem; }.header-quote [data-quote-count] { display:inline-block; margin-left:5px; padding:1px 5px; border-radius:2px; background:rgba(255,255,255,.18); color:#fff; font-size:.72rem; }
.header-account,.header-direct-cart { display:inline-flex; align-items:center; gap:.45rem; min-height:40px; margin-right:.65rem; padding:8px 11px; color:var(--navy-900); background:#fff; border:1px solid var(--gray-300); border-radius:3px; font-size:.8rem; font-weight:700; white-space:nowrap; }.header-account:hover,.header-direct-cart:hover { color:var(--teal-600); border-color:var(--teal-500); }.header-account svg,.header-direct-cart svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.category-nav { width:100%; max-width:none; margin:0; padding-inline:24px; background:var(--navy-900); color:#fff; }.category-nav-list { display:flex; justify-content:center; gap:clamp(28px, 5vw, 72px); padding:0; margin:0 auto; list-style:none; }.category-nav-label { display:flex; align-items:stretch; }.category-nav-label > a { display:flex; align-items:center; min-height:42px; padding:11px 2px 9px; border-bottom:2px solid transparent; color:#fff; font-size:.84rem; font-weight:600; letter-spacing:.02em; }.category-nav a:hover,.category-nav a[aria-current="page"] { color:#7ce1d8; border-bottom-color:var(--teal-500); }.category-nav a:focus-visible,.category-nav-toggle:focus-visible { outline:2px solid #7ce1d8; outline-offset:-2px; }
.category-nav-toggle { display:none; }
@media (max-width:1279px) { .category-header-top { grid-template-columns:auto minmax(0,1fr) auto auto; gap:14px; }.category-nav-toggle { display:flex; gap:8px; align-items:center; padding:8px 10px; border:1px solid var(--gray-300); border-radius:3px; background:#fff; color:var(--navy-900); min-height:40px; }.category-nav { display:none; padding-inline:0; }.category-nav.open { display:block; }.category-nav-list { display:block; padding:6px 24px 12px; }.category-nav-label { border-bottom:1px solid rgba(255,255,255,.15); }.category-nav-label > a { min-height:42px; padding:12px 4px; } }
@media (min-width:768px) and (max-width:1023px) { .category-header-top { grid-template-columns:1fr auto auto; }.category-search { grid-column:1 / -1; grid-row:2; max-width:none; } }
@media (max-width:767px) { .category-header-top { grid-template-columns:minmax(0,1fr) auto; gap:10px; padding-block:10px; }.category-header .brand-logo { width:156px; }.category-header .brand-name { font-size:1rem; }.category-header .brand-sub { font-size:.48rem; letter-spacing:.03em; }.category-header .brand-mark { width:32px; height:32px; }.category-nav-toggle { grid-column:2; grid-row:1; font-size:.82rem; }.category-search { grid-row:2; grid-column:1 / -1; max-width:none; }.category-search input { height:38px; }.header-quote-actions { grid-column:1 / -1; justify-content:flex-end; }.header-account,.header-direct-cart { min-height:38px; margin-right:.4rem; padding:7px 10px; font-size:.78rem; }.header-account-signin { display:none; }.header-quote { padding:8px 13px; font-size:.82rem; }.category-nav-list { padding-inline:16px; } }
@media (max-width:380px) { .header-account,.header-direct-cart { gap:0; margin-right:.25rem; padding-inline:7px; font-size:.72rem; }.header-account svg,.header-direct-cart svg { display:none; }.header-quote { padding-inline:8px; font-size:.75rem; }.header-quote-actions { justify-content:space-between; } }

/* Compact, left-aligned primary navigation */
.category-nav-list { justify-content:flex-start; gap:clamp(22px, 3vw, 44px); margin:0; }
@media (min-width:1280px) { .category-nav { padding-left:clamp(110px, 8.33vw, 140px); } }