.mobile-menu,
.mobile-menu-overlay {
  display: none;
}
body.menu-open { overflow: hidden; }
@media (max-width: 760px) {
  .desktop-links,
  .desktop-actions { display: none !important; }
  .mobile-menu-overlay.open {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 95;
    background: rgba(15,23,42,.42);
    backdrop-filter: blur(2px);
  }
  .mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: min(320px, calc(100vw - 42px));
    z-index: 100;
    background: var(--surface);
    border-inline-end: 1px solid var(--border);
    box-shadow: var(--shadow);
    padding: 20px;
    transition: transform .24s ease;
    overflow-y: auto;
  }
  [dir="ltr"] .mobile-menu { left: 0; transform: translateX(-105%); }
  [dir="rtl"] .mobile-menu { right: 0; transform: translateX(105%); border-inline-end: 0; border-inline-start: 1px solid var(--border); }
  .mobile-menu.open { transform: translateX(0); }
  .mobile-menu nav { display: grid; gap: 8px; margin: 28px 0; }
  .mobile-menu nav a {
    padding: 13px 14px;
    border-radius: var(--radius);
    color: var(--muted);
    font-weight: 800;
    background: var(--surface-2);
  }
  .mobile-menu nav a:hover { color: var(--primary); }
  .public-nav { min-height: 68px; flex-wrap: nowrap; }
  .nav-actions { display: none; }
}