@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .about-section { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .main-nav { position: absolute; top: 100%; inset-inline-start: 0; inset-inline-end: 0; background: var(--navy-dark); flex-direction: column; padding: 10px 20px; gap: 4px; display: none; }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 10px 0; }
  .burger { display: inline-flex; }
  .footer-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: 24px; }
  .search-box { flex-direction: column; }
  .banner-slider { aspect-ratio: 16 / 9; }
  .banner-nav { width: 28px; height: 28px; }
  .product-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }

  /* admin-panel: force single column instead of the old fixed 2-col grid */
  .row { grid-template-columns: 1fr !important; }
  table { display: block; overflow-x: auto; white-space: nowrap; }
}

@media (max-width: 480px) {
  .container { padding: 0 14px; }
  .modal { padding: 18px; }
}