/* Keep the phone and tablet menu above every section and make its open state explicit. */
@media (max-width: 1024px) {
  .nav-shell { z-index: 1000 !important; overflow: visible !important; }
  .nav { position: relative; }
  .menu-toggle { position: relative; z-index: 1002 !important; touch-action: manipulation; }
  .nav-links { z-index: 1001 !important; }
  .nav-links.open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 650px) {
  .nav-links.open {
    top: 68px !important;
    left: calc((100vw - 100%) / -2) !important;
    right: calc((100vw - 100%) / -2) !important;
    min-height: 0;
  }
}