.banymay-header .mobile-nav-icon,
.banymay-header .mobile-nav-chevron,
.banymay-header .nav-menu .mobile-nav-group { display: none; }

@media (max-width: 760px) {
  html body .banymay-header #primary-navigation {
    left: auto !important;
    right: 12px !important;
    top: calc(100% - 8px) !important;
    width: min(212px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 90px) !important;
    box-sizing: border-box !important;
    padding: 10px 6px !important;
    gap: 0 !important;
    border: 1px solid #245063 !important;
    border-radius: 12px !important;
    background: linear-gradient(115deg, #0e1d27, #0b1720) !important;
    box-shadow: 0 12px 28px rgba(0, 6, 12, .4) !important;
    overscroll-behavior: contain;
  }
  html body .banymay-header #primary-navigation li[hidden] { display: none !important; }
  html body .banymay-header #primary-navigation .mobile-nav-group {
    display: block !important;
    width: auto !important;
    margin: 9px 10px 0 !important;
    padding: 14px 0 7px !important;
    border-top: 1px solid #2a3e4b !important;
    color: #8195a8 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
  }
  html body .banymay-header #primary-navigation .mobile-nav-group:first-child {
    border-top: 0 !important; margin-top: 0 !important; padding-top: 5px !important;
  }
  html body .banymay-header #primary-navigation li a.nav-link {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 39px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 6px !important;
    color: #edf3f8 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  html body .banymay-header #primary-navigation .mobile-nav-icon {
    display: block !important;
    flex: 0 0 22px !important;
    width: 22px !important; height: 22px !important;
    fill: none; stroke: #afc0d1; stroke-width: 1.7;
    stroke-linecap: round; stroke-linejoin: round;
  }
  html body .banymay-header #primary-navigation .mobile-nav-chevron {
    display: block !important;
    margin-left: auto !important;
    flex: 0 0 12px !important;
    width: 12px !important; height: 12px !important;
    fill: none; stroke: #889eb1; stroke-width: 1.7;
    stroke-linecap: round; stroke-linejoin: round;
  }
  html body .banymay-header #primary-navigation li a.nav-link:is(.active, [aria-current="page"]) {
    color: #00e2ef !important;
    background: linear-gradient(90deg, #113742, #102c36) !important;
  }
  html body .banymay-header #primary-navigation li a.nav-link.active::before {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 3px; border-radius: 6px 0 0 6px; background: #00e2ef;
  }
  html body .banymay-header #primary-navigation .nav-link.active .mobile-nav-icon { stroke: #00e2ef; }
  html body .banymay-header #primary-navigation .nav-link.active .mobile-nav-chevron { stroke: #087788; }
  html body .banymay-header #banymay-nav-toggle[aria-expanded="true"] {
    border: 1px solid #176272 !important;
    border-radius: 9px !important;
    background: #0d2a33 !important;
    box-shadow: 0 0 10px rgba(0, 221, 235, .12) !important;
  }
  html body .banymay-header #banymay-nav-toggle[aria-expanded="true"] span { background: #00dfed !important; }
}