/* =========================================================================
   Responsive
   ========================================================================= */

@media (max-width: 900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: block; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
}

@media (max-width: 700px) {
  :root { --pad-x: 1.25rem; }
  .site-nav { padding: 0.9rem 1.25rem; }
  .marquee-item { font-size: 17px; gap: 2rem; }
  .marquee-track { gap: 2rem; }
  .modal-content { padding: 1.75rem; }
  .modal-body h2 { font-size: 28px; }
  .cookie-box { padding: 1.5rem; }
  .cookie-box h3 { font-size: 22px; }
}

@media (max-width: 500px) {
  .btn-cookie-accept, .btn-cookie-reject { width: 100%; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}