/* Shared top-nav fixes for delivery.html, locations.html and qa.html (5 links incl. Delivery Menu),
   matching the landing page: one-line labels on tablets, 3 + 2 button grid on phones. */
@media (min-width: 901px) and (max-width: 1200px) { .topbar nav { gap: 18px; white-space: nowrap; } }
@media (max-width: 900px) {
  .topbar nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; width: 100%; margin: 0; overflow: visible; }
  .topbar nav a { grid-column: span 2; display: flex; justify-content: center; align-items: center; text-align: center; min-height: 36px; padding: 5px 4px;
    background: #1b1b1b; color: #f4f0e8; border-radius: 9px; font-size: .68rem; line-height: 1.05; }
  .topbar nav a:nth-child(n+4) { grid-column: span 3; }
  .topbar nav a.active { background: var(--lime, #dfff58); color: #111; }
}