/* ══════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════ */
@media (max-width: 960px) {
  nav { padding-inline: 20px; }
  section { padding: 64px 20px; }

  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-content { padding: 60px 24px 52px; order: 2; }
  .hero-visual { order: 1; height: 60vw; min-height: 280px; }
  .hero-visual::before { display: none; }
  .metrics-strip { padding: 28px 24px; }
  .metrics-strip-cards { gap: 12px; }

  .features-grid { grid-template-columns: 1fr; }
  .features-extra { grid-template-columns: 1fr; }

  .hiw-layout { grid-template-columns: 1fr; gap: 44px; }
  .products-grid { grid-template-columns: 1fr 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; gap: 44px; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .nav-links { display: none; }
}

@media (max-width: 600px) {
  .products-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr; }
  .hero-stats { gap: 20px; flex-wrap: wrap; }
  .cart-drawer { width: 100vw; }
  .device-card { display: none; }
  .contact-form { padding: 24px; }
}