/* BLINKBUN v3.12.2 — mobile header/menu recovery
   Desktop geometry is untouched. <=900px gets a real menu button + overlay panel. */
.v3122-mobile-menu-toggle{display:none}
.v3122-mobile-auth{display:none!important} /* BLINKBUN_V3122_1_DESKTOP_AUTH_HIDE */

@media (max-width:900px){
  html body .v3100-header-axis,
  html body .v398-header-axis.v3100-header-axis,
  html body .v398-header-axis{
    position:relative!important;
    overflow:visible!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand actions"!important;
    column-gap:8px!important;
  }

  html body .v398-header-axis>.v230-brand,
  html body .v3100-header-axis>.v230-brand{
    min-width:0!important;
    overflow:hidden!important;
  }
  html body .v398-header-axis>.v230-brand span,
  html body .v3100-header-axis>.v230-brand span{min-width:0!important}
  html body .v398-header-axis>.v230-brand b,
  html body .v3100-header-axis>.v230-brand b{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body .v398-header-axis>.v260-actions,
  html body .v3100-header-axis>.v260-actions{
    gap:6px!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v3122-mobile-menu-toggle{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 40px!important;
    border:1px solid rgba(92,198,255,.30)!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,rgba(8,29,48,.96),rgba(16,27,61,.96))!important;
    color:#eef8ff!important;
    cursor:pointer!important;
    box-shadow:none!important;
  }
  .v3122-mobile-menu-toggle:hover,
  .v3122-mobile-menu-toggle:focus-visible{
    border-color:rgba(101,211,255,.58)!important;
    background:rgba(31,76,112,.88)!important;
    outline:none!important;
  }
  .v3122-mobile-menu-icon,
  .v3122-mobile-menu-icon::before,
  .v3122-mobile-menu-icon::after{
    width:18px!important;
    height:2px!important;
    display:block!important;
    border-radius:2px!important;
    background:currentColor!important;
    position:relative!important;
    transition:transform .16s ease,opacity .16s ease!important;
  }
  .v3122-mobile-menu-icon::before,
  .v3122-mobile-menu-icon::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
  }
  .v3122-mobile-menu-icon::before{top:-6px!important}
  .v3122-mobile-menu-icon::after{top:6px!important}
  .v3122-mobile-open .v3122-mobile-menu-icon{background:transparent!important}
  .v3122-mobile-open .v3122-mobile-menu-icon::before{top:0!important;transform:rotate(45deg)!important}
  .v3122-mobile-open .v3122-mobile-menu-icon::after{top:0!important;transform:rotate(-45deg)!important}

  /* The old final header stylesheet hides nav under 900px. Restore it only while menu is open. */
  html body .v3100-header-axis>.v260-nav,
  html body .v3100-header-axis>.v387-nav,
  html body .v398-header-axis>.v260-nav,
  html body .v398-header-axis>.v387-nav{
    display:none!important;
  }
  html body header.v3122-mobile-open .v3100-header-axis>.v260-nav,
  html body header.v3122-mobile-open .v3100-header-axis>.v387-nav,
  html body header.v3122-mobile-open .v398-header-axis>.v260-nav,
  html body header.v3122-mobile-open .v398-header-axis>.v387-nav{
    display:grid!important;
    position:absolute!important;
    z-index:9900!important;
    top:56px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - 82px)!important;
    margin:0!important;
    padding:10px!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:5px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    border:1px solid rgba(86,161,219,.28)!important;
    border-radius:14px!important;
    background:rgba(5,17,30,.985)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.52)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  header.v3122-mobile-open .v387-nav>.v387-direct,
  header.v3122-mobile-open .v387-nav>.v387-nav-group>summary{
    width:100%!important;
    min-height:43px!important;
    height:auto!important;
    padding:0 12px!important;
    justify-content:space-between!important;
    border-radius:10px!important;
    font-size:12px!important;
    text-align:left!important;
  }
  header.v3122-mobile-open .v387-nav>.v387-direct{
    display:flex!important;
  }
  header.v3122-mobile-open .v387-nav-group{
    width:100%!important;
    min-width:0!important;
  }
  header.v3122-mobile-open .v387-nav-menu{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:4px 0 2px!important;
    padding:5px!important;
    border-radius:10px!important;
    border-color:rgba(86,161,219,.18)!important;
    background:rgba(10,28,45,.72)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  header.v3122-mobile-open .v387-nav-menu a{
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:11px!important;
  }

  .v3122-mobile-auth{
    display:none!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:5px!important;
    padding-top:10px!important;
    border-top:1px solid rgba(105,171,219,.14)!important;
  }
  header.v3122-mobile-open .v3122-mobile-auth{display:grid!important}
  .v3122-mobile-auth>.v291-auth-link{
    min-height:40px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:11px!important;
    text-decoration:none!important;
  }
  .v3122-mobile-auth>.v291-account{
    grid-column:1 / -1!important;
    width:100%!important;
  }
  .v3122-mobile-auth>.v291-account>summary{width:100%!important;justify-content:flex-start!important}
  .v3122-mobile-auth .v291-account-menu{
    position:static!important;
    width:100%!important;
    margin-top:6px!important;
    box-shadow:none!important;
  }
}

@media (max-width:640px){
  /* Anonymous auth actions move into the full menu so the header never clips. */
  html body .v398-header-axis>.v260-actions>.v291-auth-link,
  html body .v3100-header-axis>.v260-actions>.v291-auth-link{display:none!important}
  html body .v398-header-axis .v260-language-select,
  html body .v3100-header-axis .v260-language-select{
    width:82px!important;
    min-width:82px!important;
    height:38px!important;
    min-height:38px!important;
    font-size:10px!important;
    padding:0 24px 0 9px!important;
  }
}

@media (max-width:430px){
  html body .v398-header-axis,
  html body .v3100-header-axis{
    width:calc(100% - 20px)!important;
    padding:8px 0!important;
  }
  html body .v398-header-axis>.v230-brand img,
  html body .v3100-header-axis>.v230-brand img{
    width:32px!important;height:32px!important;flex:0 0 32px!important;
  }
  html body .v398-header-axis>.v230-brand small,
  html body .v3100-header-axis>.v230-brand small{display:none!important}
  html body .v398-header-axis>.v230-brand b,
  html body .v3100-header-axis>.v230-brand b{font-size:12px!important}
  html body .v398-header-axis>.v260-actions>.v291-account,
  html body .v3100-header-axis>.v260-actions>.v291-account{display:none!important}
  html body header.v3122-mobile-open .v398-header-axis>.v387-nav,
  html body header.v3122-mobile-open .v3100-header-axis>.v387-nav{top:54px!important}
}