/* ============================================================
   VPK PREM CROCKARS — RESPONSIVE
   ============================================================ */

@media (min-width: 1920px) {
  :root { --max-width: 1600px; }
}

@media (max-width: 1024px) {
  .services-grid, .cards-3, .why-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid.grid-4 { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .about-snippet .container { gap: var(--gap-md); }
  .map-strip { grid-template-columns: 1fr; }
  .contact-cards-row { grid-template-columns: repeat(3, 1fr); gap: var(--gap-sm); }
}

@media (max-width: 900px) {
  .nav-links, .nav-actions .btn-whatsapp { display: none; }
  .hamburger { display: flex; }
  .products-grid, .products-grid.grid-4 { grid-template-columns: repeat(2, 1fr); }
  .qv-body { grid-template-columns: 1fr; }
  .form-grid, .checkbox-grid { grid-template-columns: 1fr; }
  .two-col { grid-template-columns: 1fr; }
  .about-snippet .container { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid, .cards-3, .why-grid { grid-template-columns: 1fr; }
  .contact-cards-row { grid-template-columns: 1fr; }
  .trust-row { justify-content: center; }
  .cursor-dot, .cursor-trail { display: none; }
  .compare-table { font-size: 0.82rem; }
  .compare-table th, .compare-table td { padding: 0.7rem 0.5rem; }
}

@media (max-width: 768px) {
  section { padding: var(--gap-lg) 0; }
  .footer-grid { grid-template-columns: 1fr; gap: var(--gap-lg); }
  .hero { padding-top: 5rem; }
}

@media (max-width: 480px) {
  .products-grid, .products-grid.grid-4 { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: var(--gap-sm); }
  .btn { padding: 0.85rem 1.4rem; font-size: 0.88rem; }
  h1 { font-size: 2.1rem; }
  .popup-card { padding: 1.6rem; }
}

/* Touch targets */
@media (hover: none) {
  .btn, .chip, .filter-tab, .product-actions button { min-height: 48px; }
}