@media (max-width: 760px) {
  body { font-size: 15px; }
  .shell, .layout { display: block !important; }
  nav, aside { position: static !important; width: auto !important; display: flex; flex-wrap: wrap; gap: 6px; overflow-x: auto; }
  main { padding: 10px !important; }
  .panel { padding: 12px !important; overflow-x: auto; }
  table { display: block; overflow-x: auto; white-space: nowrap; }
  .form, .grid, form .row { grid-template-columns: 1fr !important; }
  input, select, textarea, button { font-size: 16px !important; min-height: 42px; }
  .gate-card { width: auto !important; margin: 16px !important; }
}
@media (max-width: 760px) {
  .shell { height: auto !important; min-height: 100vh; display: block !important; }
  nav { flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; padding: 8px !important; border: 0 !important; position: sticky !important; top: 0; z-index: 5; }
  nav button { flex: 0 0 auto; width: auto !important; white-space: nowrap; padding: 8px 14px !important; }
  header { padding: 10px 12px !important; }
  .shop-meta { display: none; }
}