/* ═══════════════════════════════════════════════
   RESPONSIVE
   Breakpoints: 900px (tablet), 640px (mobile)
   ═══════════════════════════════════════════════ */

@media (max-width: 900px) {
  .about-grid,
  .contact-grid,
  .product-card {
    grid-template-columns: 1fr;
  }

  .product-visual {
    padding: 3rem 2rem;
    min-height: 320px;
  }

  .product-info {
    padding: 2.5rem;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
  }
  .stat-item:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :root {
    --section-padding: 5rem;
  }

  .section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav-links { display: none; }
  .nav-mobile-toggle { display: flex; }

  .hero-logo { width: min(300px, 75vw); }

  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-inner {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  .footer-legal {
    flex-wrap: wrap;
    justify-content: center;
  }

  .contact-grid {
    gap: 3rem;
  }

  .product-info {
    padding: 2rem 1.5rem;
  }
}