/* ============================================================
   Responsive — Top Notch Polyplast India Pvt. Ltd.
   Breakpoints: 1080px (small desktop) · 940px (tablet / mobile nav)
                720px (large mobile) · 480px (small mobile)
   ============================================================ */

/* ---------- ≤ 1080px ---------- */
@media (max-width: 1080px) {
  .section { padding: 78px 0; }
  .about-grid, .detail-grid, .contact-grid { gap: 40px; }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}

/* ---------- ≤ 940px (tablet) ---------- */
@media (max-width: 940px) {
  body { font-size: 16px; }
  .hero { min-height: 88svh; }
  .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 12px; }
  .trust-item:nth-child(2) { border-right: 0; }

  .about-grid, .detail-grid, .contact-grid { grid-template-columns: 1fr; }
  .about-media { max-width: 560px; margin-bottom: 40px; }
  .detail-grid.reverse .detail-media { order: 0; }
  .verticals-grid { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; margin-top: 40px; }
  .contact-form { padding: 28px; }
}

/* ---------- ≤ 720px (large mobile) ---------- */
@media (max-width: 720px) {
  .section { padding: 64px 0; }
  .hero-content { padding-top: calc(var(--nav-h) + 20px); }
  .hero-ctas .btn { width: 100%; }
  .service-list { grid-template-columns: 1fr; }
  .highlights { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .why-card { padding: 26px 18px; }
  .cert-row { gap: 14px; }
  .cert-badge { min-width: 140px; flex: 1 1 140px; }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; padding: 54px 0 40px; }
  .marquee-track { gap: 36px; }
  .whatsapp-float { width: 52px; height: 52px; right: 16px; bottom: 16px; }
}

/* ---------- ≤ 480px (small mobile) ---------- */
@media (max-width: 480px) {
  .trust-grid { grid-template-columns: 1fr 1fr; }
  .trust-item { border-right: 0; }
  .why-grid { grid-template-columns: 1fr; }
  .process-flow li { width: 100%; }
  .detail-media-row { grid-template-columns: 1fr; }
  .brand-text strong { font-size: 14px; }
  .btn { padding: 14px 22px; }
}

/* ---------- Large screens ---------- */
@media (min-width: 1600px) {
  .container { width: min(1320px, 90%); }
  body { font-size: 18px; }
}

/* ---------- Touch: disable hover-lift jank ---------- */
@media (hover: none) {
  .vertical-card:hover, .highlight-card:hover, .why-card:hover,
  .cert-badge:hover { transform: none; }
  .gallery-item img { transition: none; }
}