/* El panel vive fuera del header para conservar el viewport al abrirlo después de hacer scroll. */
@media (width <= 1100px) {
  .mobile-menu {
    z-index: 90;
    height: 100dvh;
    min-height: 100svh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-top: max(7rem, calc(env(safe-area-inset-top) + 6rem));
    padding-bottom: max(3rem, env(safe-area-inset-bottom));
  }

  .menu-button {
    position: relative;
    z-index: 101;
  }
}