/* Add grid responsiveness (outside the nav block) */
@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .grid-3 { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}