/* Beta mobile navigation v2 — cache-busted and intentionally obvious. */
@media(max-width:980px){
  .site-header .menu-button{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
  }
  #mainNav{
    top:130px !important;
    left:0 !important;
    right:0 !important;
    padding:18px !important;
    gap:5px !important;
    background:#07192c !important;
    border-bottom:4px solid #d9a93b !important;
  }
  #mainNav button{
    display:block !important;
    width:100% !important;
    min-height:50px !important;
    padding:12px 16px !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.7px !important;
    text-align:left !important;
    color:#f3f7fb !important;
    background:#0b2744 !important;
    border:1px solid #285b85 !important;
    border-radius:6px !important;
  }
  #mainNav button+button{margin-top:4px !important}
  #mainNav button.active{background:#d9a93b !important;color:#061323 !important;border-color:#d9a93b !important}
}
@media(max-width:560px){
  #mainNav{top:110px !important;padding:16px !important;gap:5px !important}
  #mainNav button{min-height:50px !important;padding:12px 16px !important;font-size:16px !important}
  #mainNav button+button{margin-top:4px !important}
}