/* Brand-led header. Scoped to preserve the carousel and store sections. */
.header{color-scheme:dark;position:relative;z-index:10;color:#edf4ff;background:#030911;border-bottom:1px solid #1b2a3e;box-shadow:0 4px 24px #0003}
.header:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#00c9ed,#007dff 55%,#173253);pointer-events:none}
.header-inner{max-width:1340px;margin:auto;padding:0 32px;display:grid;grid-template-columns:330px minmax(200px,1fr) auto;grid-template-rows:92px 40px;column-gap:32px;align-items:center}
.brand{grid-column:1;grid-row:1;display:block;width:100%;padding:6px 0}
.brand img{width:100%;height:auto;max-height:82px;object-fit:contain;object-position:left center}
.search{display:flex;align-items:center;min-width:0;height:44px;border:1px solid #23364e;border-radius:10px;background:#0c1728;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.search:focus-within{border-color:#68aef5;box-shadow:0 0 0 3px #007dff12}
.search input{width:100%;min-width:0;background:none;color:#edf4ff;border:0;padding:12px 14px;font-size:13px;outline-offset:-3px}
.search input::placeholder{color:#9aadc4}
.search button{flex-shrink:0;width:35px;height:35px;margin:4px;border-radius:7px;background:#172a40;color:#fff;display:grid;place-items:center;transition:background .2s}
.search button:hover{background:#0765ac}.search svg{width:19px;height:19px}
.header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;gap:26px;font-size:13px;font-weight:500}
.account,.cart-trigger{display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative;padding:10px 0;min-height:42px}
.header-actions svg{width:21px;height:21px;stroke-width:1.65}
.header-actions :is(a,button):hover{color:#29b7ff}
.cart-trigger b{position:absolute;right:-10px;top:1px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:#007dff;color:white;font-size:10px;line-height:16px;text-align:center}
.menu-toggle{display:none}
.nav{grid-column:2/4;grid-row:2;align-self:stretch;display:flex;align-items:stretch;justify-content:flex-start;gap:32px;font-size:13px;font-weight:600}
.nav a,.nav button{position:relative;display:flex;align-items:center;gap:6px;padding:0 2px;white-space:nowrap;transition:color .2s}
.nav svg{width:12px;height:12px}.nav .current{color:#29b7ff}
.nav .current:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0 0;background:#007dff}
.nav :is(a,button):hover{color:#29b7ff}
@media(max-width:1180px){
 .header-inner{grid-template-columns:275px minmax(180px,1fr) auto;grid-template-rows:88px 42px;column-gap:24px;padding-inline:28px}
 .header-actions{gap:20px;font-size:12px}.nav{gap:25px;font-size:12px}
}
@media(max-width:950px){
 .header-inner{grid-template-columns:245px minmax(170px,1fr) auto;column-gap:20px;padding-inline:24px}
 .account span{display:none}.header-actions{gap:17px}
 .nav{grid-column:1/4;justify-content:center;gap:32px}
}
@media(max-width:680px){
 .header-inner{padding:4px 20px 14px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:78px 43px;column-gap:20px}
 .brand{width:min(100%,240px);padding:0}.brand img{max-height:66px}
 .header-actions{grid-column:2;gap:15px}.header-actions svg{width:20px;height:20px}
 .account{display:flex}.cart-trigger span{display:none}.cart-trigger b{top:0;right:-8px}
 .menu-toggle{display:grid;place-items:center;width:34px;height:42px;padding:0}
 .search{grid-column:1/3;grid-row:2;height:43px}.search input{font-size:12px}
 .nav{display:none;grid-column:1/3;grid-row:3;justify-content:flex-start;flex-wrap:wrap;gap:4px 24px;font-size:13px;padding-top:12px}
 .nav.open{display:flex}.nav a,.nav button{min-height:43px;padding:8px 0}
}
@media(max-width:360px){.header-inner{padding-inline:16px;column-gap:12px}.brand{max-width:205px}.header-actions{gap:12px}.nav{gap:4px 18px}}