.unified-header.site-header { position:sticky; top:0; z-index:200; height:80px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.98); backdrop-filter:blur(12px); }
.unified-header-inner { min-height:80px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:24px; }
.unified-logo img { width:132px; max-height:58px; object-fit:contain; }
.unified-primary-nav { min-width:0; display:flex; align-items:center; justify-content:center; gap:clamp(13px,1.55vw,26px); padding:0; font-size:.76rem; font-weight:700; white-space:nowrap; }
.unified-primary-nav a { position:relative; padding:29px 0 27px; }
.unified-primary-nav a::after { content:""; position:absolute; right:50%; bottom:18px; left:50%; height:2px; border-radius:999px; background:var(--red); transition:left .18s ease,right .18s ease; }
.unified-primary-nav a:hover,.unified-primary-nav a.active { color:var(--red); }
.unified-primary-nav a:hover::after,.unified-primary-nav a.active::after { right:0; left:0; }
.unified-actions { display:flex; align-items:center; gap:2px; }
.header-action { position:relative; min-width:54px; min-height:54px; padding:7px 9px; border:0; border-radius:12px; background:transparent; color:var(--navy); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; font:inherit; font-size:.58rem; font-weight:700; cursor:pointer; }
.header-action:hover { background:var(--pink); color:var(--red); }
.header-action svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; }
.header-action.cart-action b { top:0; right:2px; }
.account-menu-shell { position:relative; }
.account-dropdown { position:absolute; z-index:240; top:calc(100% + 10px); right:0; width:210px; padding:8px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 16px 38px rgba(8,29,65,.15); }
.account-dropdown[hidden] { display:none!important; }
.account-menu-label { display:grid; gap:1px; margin:0 4px 6px; padding:8px 8px 11px; border-bottom:1px solid var(--line); overflow:hidden; }
.account-menu-label small { color:var(--muted); font-size:.62rem; }
.account-menu-label b { overflow:hidden; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.account-dropdown>a,.account-dropdown form button { width:100%; min-height:42px; display:flex; align-items:center; gap:10px; padding:9px 11px; border:0; border-radius:9px; background:#fff; color:var(--navy); text-align:left; font:inherit; font-size:.75rem; font-weight:700; cursor:pointer; }
.account-dropdown>a:hover,.account-dropdown form button:hover,.account-dropdown>a:focus-visible,.account-dropdown form button:focus-visible { outline:0; background:var(--pink); }
.account-dropdown svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.account-dropdown form { margin-top:5px; padding-top:5px; border-top:1px solid var(--line); }
.account-dropdown form .account-sign-out { color:var(--red); }
.sign-in-action { color:var(--red); }
.scrolled .unified-header { box-shadow:0 8px 22px rgba(30,30,47,.08); }

.search-overlay { position:fixed; inset:0; z-index:1000; opacity:1; visibility:visible; transition:opacity .22s ease,visibility 0s; }
.search-overlay[aria-hidden="true"] { opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease,visibility 0s linear .2s; }
.search-overlay-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(8,29,65,.42); backdrop-filter:blur(3px); cursor:default; }
.search-overlay-panel { position:relative; z-index:1; width:100%; min-height:240px; padding:20px 0 28px; background:#fff; border-bottom:1px solid rgba(8,29,65,.12); box-shadow:0 18px 50px rgba(8,29,65,.15); transform:translateY(0); transition:transform .22s ease,opacity .22s ease; }
.search-overlay[aria-hidden="true"] .search-overlay-panel { transform:translateY(-24px); opacity:.4; }
.search-overlay-content { max-width:1040px; }
.search-overlay-heading { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; margin-bottom:22px; }
.search-overlay-heading .brand { justify-self:start; }
.search-overlay-heading .brand img { width:132px; max-height:56px; object-fit:contain; }
.search-overlay-heading h2 { margin:0; font-size:1rem; text-transform:uppercase; letter-spacing:.06em; }
.search-overlay-close { justify-self:end; width:46px; height:46px; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--navy); font-size:1.8rem; line-height:1; cursor:pointer; }
.search-overlay-close:hover { border-color:var(--red); background:var(--pink); color:var(--red); }
.search-overlay-form { position:relative; max-width:900px; margin-inline:auto; }
.search-overlay-field { min-height:64px; display:flex; align-items:center; gap:10px; padding:6px 7px 6px 20px; border:1px solid var(--line); border-radius:18px; background:var(--gray); transition:border-color .18s,box-shadow .18s,background .18s; }
.search-overlay-field:focus-within { border-color:var(--red); background:#fff; box-shadow:0 0 0 4px rgba(229,57,53,.1); }
.search-overlay-field>svg { width:24px; height:24px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.7; }
.search-overlay-field input { width:100%; min-width:0; padding:12px 4px; border:0; outline:0; background:transparent; color:var(--navy); font:inherit; font-size:1rem; }
.search-overlay-field .button { min-width:105px; }
.search-clear { width:36px; height:36px; flex:0 0 auto; border:0; border-radius:50%; background:transparent; color:var(--muted); font-size:1.35rem; cursor:pointer; }
.search-clear:hover { background:var(--pink); color:var(--red); }
.overlay-search-suggestions { position:relative; top:auto; right:auto; left:auto; z-index:2; display:grid; max-height:360px; margin-top:10px; padding:12px; overflow:auto; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 12px 30px rgba(8,29,65,.1); }
.overlay-search-suggestions[hidden] { display:none!important; }
.overlay-search-suggestions>div { display:grid; }
.overlay-search-suggestions strong { padding:8px 10px 4px; color:var(--muted); font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; }
.overlay-search-suggestions a { padding:10px; border-radius:9px; font-size:.82rem; }
.overlay-search-suggestions a:hover,.overlay-search-suggestions a:focus,.overlay-search-suggestions a.active { background:var(--pink); outline:0; }
body.search-overlay-open { overflow:hidden; padding-right:var(--scrollbar-width,0); }
.search-trigger:focus-visible,.search-overlay-close:focus-visible,.search-clear:focus-visible,.search-overlay-field .button:focus-visible { outline:3px solid rgba(229,57,53,.28); outline-offset:2px; }

@media(max-width:1100px) {
    .unified-header-inner { gap:17px; }
    .unified-logo img { width:116px; }
    .unified-primary-nav { gap:12px; font-size:.68rem; }
    .header-action { min-width:44px; padding-inline:6px; }
    .header-action span { display:none; }
    .sign-in-action,.account-trigger { min-width:58px; }
    .sign-in-action span,.account-trigger span { display:block; }
}
@media(max-width:820px) {
    .unified-header.site-header { height:72px; }
    .unified-header-inner { min-height:72px; grid-template-columns:1fr auto; }
    .unified-logo img { width:118px; max-height:52px; }
    .unified-primary-nav { display:none; }
    .unified-actions .header-action { display:none; }
    .unified-actions .search-trigger,.unified-actions .cart-action { display:flex; min-width:48px; min-height:48px; }
    .search-overlay-panel { min-height:280px; padding-top:14px; }
    .search-overlay-heading { grid-template-columns:1fr auto; margin-bottom:18px; }
    .search-overlay-heading h2 { display:none; }
    .search-overlay-heading .brand img { width:116px; }
    .account-dropdown { position:fixed; z-index:450; top:auto; right:14px; bottom:80px; left:14px; width:auto; padding:10px; border-radius:16px; box-shadow:0 -10px 36px rgba(8,29,65,.18); }
    .account-menu-label { padding-block:10px 13px; }
    .account-dropdown>a,.account-dropdown form button { min-height:48px; }
    .mobile-tabs button { border:0; background:#fff; color:var(--navy); font:inherit; }
    .mobile-tabs button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; font-size:.6rem; }
    .mobile-tabs button svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; }
}
@media(max-width:560px) {
    .unified-header-inner { gap:8px; }
    .unified-actions { gap:0; }
    .search-overlay-content { width:min(calc(100% - 28px),var(--container)); }
    .search-overlay-panel { min-height:260px; padding-bottom:22px; }
    .search-overlay-field { min-height:58px; padding-left:14px; gap:6px; border-radius:15px; }
    .search-overlay-field input { font-size:.82rem; }
    .search-overlay-field .button { min-width:auto; padding-inline:16px; }
}
@media(prefers-reduced-motion:reduce) { .search-overlay,.search-overlay-panel,.unified-primary-nav a::after { transition:none!important; } }
