/* V75 — keep the rich neon active state, but reserve a protected logo zone */
@media (min-width: 981px){
  .site-header{
    grid-template-columns: 268px minmax(560px, 1fr) 350px!important;
    column-gap: 18px!important;
    overflow:hidden!important;
    padding-left:42px!important;
    padding-right:42px!important;
  }

  .site-header .brand{
    position:relative!important;
    z-index:20!important;
    width:268px!important;
    min-width:268px!important;
    max-width:268px!important;
    padding-right:28px!important;
  }

  .site-header .brand-logo{
    width:184px!important;
    max-width:184px!important;
    position:relative!important;
    z-index:22!important;
  }

  .site-header .desktop-nav{
    position:relative!important;
    z-index:10!important;
    justify-content:flex-start!important;
    gap:22px!important;
    padding-left:0!important;
    overflow:visible!important;
  }

  .site-header .desktop-nav a{
    position:relative!important;
    z-index:11!important;
    padding:8px 10px 13px!important;
    border-radius:16px!important;
  }

  .site-header .desktop-nav a:first-child{
    margin-left:0!important;
  }

  /* Rich neon pill stays, but cannot grow left into the logo zone */
  .site-header .desktop-nav a.active,
  .site-header .desktop-nav a[aria-current="page"],
  .site-header .desktop-nav a.is-neon-active{
    color:#ffffff!important;
    text-shadow:0 0 10px rgba(120,232,255,.95),0 0 18px rgba(168,92,255,.65)!important;
    background:
      radial-gradient(circle at 50% 42%,rgba(88,234,255,.24),rgba(168,92,255,.15) 52%,transparent 78%),
      linear-gradient(90deg,rgba(88,234,255,.13),rgba(168,92,255,.24),rgba(88,234,255,.11))!important;
    box-shadow:
      inset 0 0 0 1px rgba(88,234,255,.32),
      inset 0 0 22px rgba(88,234,255,.10),
      0 0 16px rgba(88,234,255,.30),
      0 0 38px rgba(168,92,255,.26)!important;
  }

  .site-header .desktop-nav a.active::before,
  .site-header .desktop-nav a[aria-current="page"]::before,
  .site-header .desktop-nav a.is-neon-active::before{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:0!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#36e9ff,#b264ff)!important;
    box-shadow:0 0 12px rgba(73,232,255,.85),0 0 20px rgba(178,100,255,.55)!important;
    pointer-events:none!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{
    content:""!important;
    position:absolute!important;
    inset:-3px -4px!important;
    border-radius:18px!important;
    background:radial-gradient(circle at 50% 50%,rgba(91,231,255,.18),rgba(167,92,255,.12) 48%,transparent 72%)!important;
    filter:blur(4px)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  .site-header .header-actions{
    width:350px!important;
    min-width:350px!important;
    max-width:350px!important;
    z-index:18!important;
  }
}

@media (min-width: 981px) and (max-width: 1320px){
  .site-header{
    grid-template-columns: 236px minmax(500px, 1fr) 326px!important;
    column-gap:14px!important;
    padding-left:34px!important;
    padding-right:34px!important;
  }
  .site-header .brand{width:236px!important;min-width:236px!important;max-width:236px!important;padding-right:22px!important;}
  .site-header .brand-logo{width:168px!important;max-width:168px!important;}
  .site-header .desktop-nav{gap:13px!important;}
  .site-header .desktop-nav a{font-size:13px!important;padding:8px 8px 13px!important;}
  .site-header .header-actions{width:326px!important;min-width:326px!important;max-width:326px!important;gap:10px!important;}
}

@media (min-width: 981px) and (max-width: 1120px){
  .site-header{
    grid-template-columns: 202px minmax(430px, 1fr) 302px!important;
    column-gap:10px!important;
    padding-left:26px!important;
    padding-right:26px!important;
  }
  .site-header .brand{width:202px!important;min-width:202px!important;max-width:202px!important;padding-right:18px!important;}
  .site-header .brand-logo{width:150px!important;max-width:150px!important;}
  .site-header .desktop-nav{gap:8px!important;}
  .site-header .desktop-nav a{font-size:12px!important;padding:7px 6px 12px!important;}
  .site-header .header-actions{width:302px!important;min-width:302px!important;max-width:302px!important;}
}