@media (min-width: 700px) {
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-grid { grid-template-columns: 1.1fr 0.9fr; }
  .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .landing-grid { grid-template-columns: 1.1fr 0.9fr; }
}

@media (min-width: 960px) {
  .hero-grid { grid-template-columns: 1.05fr 0.95fr; }
  .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .menu-toggle { display: inline-flex; }
  .nav-links {
    position: absolute;
    top: 100%;
    right: 1rem;
    left: 1rem;
    flex-direction: column;
    align-items: flex-start;
    background: var(--color-surface);
    padding: 1rem;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
    display: none;
  }
  .nav-links.is-open { display: flex; }
  .site-nav { position: relative; top: 0; }
}

@media (max-width: 640px) {
  .hero { padding-top: 2rem; }
  .hero-actions,
  .newsletter-form {
    flex-direction: column;
  }
  .hero-highlights { flex-direction: column; }
  .site-header__inner,
  .site-nav__inner { padding-left: 1rem; padding-right: 1rem; }
}