/* Shared desktop header: approved Home navy, red-orange CTA and original logo. */
@media (min-width:1001px) {
  .hero-art #site-header.brand-header {
    --header-paper:#e7f0fa;
    --header-ink:#1d3953;
    --header-muted:#506a82;
    --header-nav-text:#f0f6fc;
    --header-nav-icon:#bcd5e9;
    --header-nav-hover:#eef7ff17;
    --header-nav-current:#eef7ff21;
    --header-nav-open:#eef7ff2b;
    --header-nav-accent:#a5d6f4;
    --header-menu-hover:#e7eff6;
    --header-menu-current:#deebf6;
    --header-motion:180ms ease-out;
  }
  .hero-art #site-header.brand-header,
  .hero-art #site-header.brand-header.is-sticky {
    color:#edf4fc;
    border-color:#426688;
    background:linear-gradient(108deg,#152f4c 0%,#1b3c5f 52%,#234d76 100%);
    box-shadow:0 8px 26px #16365324,inset 0 1px 0 #b7d5ed26;
  }
  .hero-art #site-header.brand-header::before {
    background:radial-gradient(ellipse at 90% 0%,#aad4f51a,transparent 55%);
  }
  .hero-art #site-header.brand-header .brand { background:#f8fbff; border-color:#e5eff7; box-shadow:0 2px 9px #0b23381a; }

  /* One surface per menu item keeps the label and arrow visually joined.
     Text stays light through the transition, so it never flashes on white. */
  .hero-art #site-header.brand-header .desktop-nav { gap:8px; min-width:0; flex-wrap:nowrap; }
  .hero-art #site-header.brand-header .desktop-nav > :is(.nav-direct,.nav-group) { flex-shrink:0; margin:0; }
  .hero-art #site-header.brand-header :is(.nav-direct,.nav-toggle,.nav-section-link) { transform:none; white-space:nowrap; }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct,
  .hero-art #site-header.brand-header .nav-group:not(.nav-split) > .nav-toggle { padding-inline:10px; }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct,
  .hero-art #site-header.brand-header .nav-split,
  .hero-art #site-header.brand-header .nav-group:not(.nav-split) > .nav-toggle {
    min-height:44px; border-radius:10px; color:var(--header-nav-text);
    background:transparent; box-shadow:none;
    transition:background-color var(--header-motion);
  }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct { display:flex; align-items:center; }
  .hero-art #site-header.brand-header .nav-split { gap:0; }
  .hero-art #site-header.brand-header .nav-split > :is(.nav-section-link,.nav-section-toggle) {
    color:var(--header-nav-text); background:transparent; box-shadow:none; transition:none;
  }
  .hero-art #site-header.brand-header .nav-section-link { border-radius:10px 0 0 10px; }
  .hero-art #site-header.brand-header .nav-section-toggle { border-radius:0 10px 10px 0; }
  .hero-art #site-header.brand-header .nav-toggle > .icon { color:var(--header-nav-icon); transition:transform var(--header-motion); }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct:is(:hover,:focus-visible),
  .hero-art #site-header.brand-header .nav-split:is(:hover,:has(> :focus-visible)),
  .hero-art #site-header.brand-header .nav-group:not(.nav-split) > .nav-toggle:is(:hover,:focus-visible) {
    color:var(--header-nav-text); background:var(--header-nav-hover);
  }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct[aria-current],
  .hero-art #site-header.brand-header .nav-split:has(> .nav-section-link[aria-current]) {
    color:var(--header-nav-text); background:var(--header-nav-current);
  }
  .hero-art #site-header.brand-header .nav-split:has(> .nav-toggle[aria-expanded='true']),
  .hero-art #site-header.brand-header .nav-group:not(.nav-split) > .nav-toggle[aria-expanded='true'],
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct:active {
    color:var(--header-nav-text); background:var(--header-nav-open);
  }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct[aria-current]::after,
  .hero-art #site-header.brand-header .nav-section-link[aria-current]::after { bottom:5px; height:2px; background:var(--header-nav-accent); }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct[aria-current]::after { content:''; position:absolute; left:14px; right:14px; border-radius:2px; }
  .hero-art #site-header.brand-header .desktop-nav :focus-visible { outline-offset:2px; }

  .hero-art #site-header.brand-header .icon-button { color:#e3effa; }
  .hero-art #site-header.brand-header .header-search { color:#234e76; background:#e4eff9; border-color:#afc8df; }
  .hero-art #site-header.brand-header .header-search:hover,
  .hero-art #site-header.brand-header .header-search[aria-expanded='true'] { color:#193d5e; background:#f4f8fb; }
  .hero-art #site-header.brand-header :is(.header-advisor,.bag-button):is(:hover,:focus-visible) { color:var(--header-nav-text); background:var(--header-nav-hover); }
  .hero-art #site-header.brand-header .header-phone,
  .hero-art #site-header.brand-header .header-phone strong { color:#edf4fc; }
  .hero-art #site-header.brand-header .header-phone > .icon { color:#bed9ed; }
  .hero-art #site-header.brand-header .header-phone small { color:#cbdfee; }
  .hero-art #site-header.brand-header .header-phone:hover strong { color:#a5d6f4; }
  .hero-art #site-header.brand-header #basket-count { border-color:#21486e; background:#c9e6fc; color:#173e60; }

  .hero-art #site-header.brand-header .header-quote { color:#fff; background:#cf432b; border-color:#e66a50; box-shadow:0 3px 12px #0a25351a; }
  .hero-art #site-header.brand-header .header-quote > .icon { color:#cf432b; background:#fff; }
  .hero-art #site-header.brand-header .header-quote:hover { color:#fff; background:#b53622; border-color:#d25b42; box-shadow:0 4px 16px #0a253526; }

  .hero-art #site-header.brand-header .nav-dropdown,
  .hero-art #site-header.brand-header .search-panel { background:#f6f9fc; border-color:#cadbe8; box-shadow:0 16px 40px #18385026; }
  .hero-art #site-header.brand-header .nav-dropdown { border-top:1px solid #cadbe8; }
  .hero-art #site-header.brand-header .nav-dropdown:not([hidden]) { animation:header-menu-reveal 160ms ease-out; }
  .hero-art #site-header.brand-header .nav-dropdown a {
    transition:background-color var(--header-motion); transform:none;
  }
  .hero-art #site-header.brand-header .nav-dropdown a:is(:hover,:focus-visible) { color:#244c70; background:var(--header-menu-hover); }
  .hero-art #site-header.brand-header .nav-dropdown a[aria-current='page'] { color:#244c70; background:var(--header-menu-current); }
  .hero-art #site-header.brand-header .dropdown-all { color:#315f87; border-color:#cfdeeb; }
  .hero-art #site-header.brand-header .search-panel input { background:#fcfdfd; border-color:#bccfdf; }

  .hero-art #site-header.brand-header :focus-visible,
  .hero-art #site-header.brand-header .brand:focus-visible { outline-color:#a5d6f4; }
  .hero-art #site-header.brand-header .header-quote:focus-visible { outline-color:#a5d6f4; }
  .hero-art #site-header.brand-header .nav-dropdown :focus-visible,
  .hero-art #site-header.brand-header .search-panel :focus-visible { outline-color:#2876aa; }
}

@keyframes header-menu-reveal { from { opacity:0; } to { opacity:1; } }

@media (min-width:1001px) and (prefers-reduced-motion:reduce) {
  .hero-art #site-header.brand-header .nav-dropdown:not([hidden]) { animation:none; }
  .hero-art #site-header.brand-header :is(.desktop-nav > .nav-direct,.nav-split,.nav-toggle > .icon,.nav-dropdown a) { transition:none; }
}

@media (min-width:1001px) and (max-width:1280px) {
  .hero-art #site-header.brand-header .desktop-nav { gap:6px; }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct,
  .hero-art #site-header.brand-header .nav-group:not(.nav-split) > .nav-toggle { padding-inline:8px; }
}