@media (min-width: 640px) {
  .grid-2 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .gallery { columns: 2; }
  .newsletter { padding: 2rem; }
}

@media (min-width: 900px) {
  .section { padding: 96px 0; }
  .hero { padding: 72px 0 36px; }
  .hero-grid { grid-template-columns: .9fr 1.2fr; }
  .nav-links { display: flex; }
  .hamburger { display: none; }
  .mobile-panel { display: none !important; }
  .grid-3 { grid-template-columns: repeat(3, 1fr); }
  .grid-4 { grid-template-columns: repeat(4, 1fr); }
  .trust-row { grid-template-columns: repeat(4, 1fr); }
  .gallery { columns: 3; }
  .footer-grid { grid-template-columns: 1.2fr repeat(3, 1fr); }
}

@media (max-width: 520px) {
  .container { width: min(100% - 24px, 1120px); }
  .brand img { width: 118px; }
  .nav-actions .hide-mobile { display: none; }
  .hero-media img { aspect-ratio: 1 / 1; object-position: 62% center; }
  .product-actions { grid-template-columns: 1fr; }
  .floating-actions { right: 12px; bottom: 12px; }
  .float-btn { width: 48px; height: 48px; }
  .comparison { font-size: .9rem; }
  .comparison th, .comparison td { padding: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}