/* V74 — keep rich neon, fix header spacing so active glow does not collide with logo/actions */
@media (min-width: 981px){
  .site-header{
    display:grid!important;
    grid-template-columns: 220px minmax(0, 1fr) 344px!important;
    column-gap: 24px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .site-header .brand{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 220px!important;
    overflow:visible!important;
  }

  .site-header .brand-logo{
    max-width:176px!important;
    width:176px!important;
    height:auto!important;
    display:block!important;
  }

  .site-header .desktop-nav{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    overflow:visible!important;
  }

  .site-header .desktop-nav a{
    white-space:nowrap!important;
    min-width:0!important;
    flex:0 0 auto!important;
    padding:8px 10px 12px!important;
  }

  .site-header .desktop-nav a.active,
  .site-header .desktop-nav a[aria-current="page"],
  .site-header .desktop-nav a.is-neon-active{
    background:
      radial-gradient(circle at 50% 45%,rgba(88,234,255,.20),rgba(168,92,255,.12) 50%,transparent 76%),
      linear-gradient(90deg,rgba(88,234,255,.12),rgba(168,92,255,.20),rgba(88,234,255,.10))!important;
    box-shadow:
      inset 0 0 0 1px rgba(88,234,255,.26),
      inset 0 0 18px rgba(88,234,255,.08),
      0 0 16px rgba(88,234,255,.22),
      0 0 34px rgba(168,92,255,.20)!important;
  }

  .site-header .desktop-nav a.active::after,
  .site-header .desktop-nav a[aria-current="page"]::after,
  .site-header .desktop-nav a.is-neon-active::after{
    inset:-5px -6px!important;
    filter:blur(5px)!important;
  }

  .site-header .header-actions{
    width:344px!important;
    min-width:344px!important;
    max-width:344px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:14px!important;
    overflow:visible!important;
  }

  .site-header .header-actions .btn,
  .site-header .header-actions a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

@media (min-width: 981px) and (max-width: 1240px){
  .site-header{
    grid-template-columns: 190px minmax(0, 1fr) 320px!important;
    column-gap: 16px!important;
  }
  .site-header .brand{width:190px!important;min-width:190px!important;max-width:190px!important;}
  .site-header .brand-logo{width:160px!important;max-width:160px!important;}
  .site-header .desktop-nav{gap:8px!important;}
  .site-header .desktop-nav a{font-size:13px!important;padding:8px 8px 12px!important;}
  .site-header .header-actions{width:320px!important;min-width:320px!important;max-width:320px!important;gap:10px!important;}
}