/* ─── RESPONSIVE ─── */

@media (max-width: 991px) {
  .pd-gallery-wrap { position: static; }
}

@media (max-width: 768px) {
  .hero-glass-card { padding: 32px 22px; }
  .hero-visual { margin-top: 40px; }
  .chem-tank-wrap { width: 200px; }
  .stat-float { display: none; }
  .chem-ring:nth-child(2),
  .chem-ring:nth-child(3) { display: none; }


  .about-section { padding: 60px 0 50px; }
  .about-glass-card { padding: 28px 22px; }
  .about-why-card { padding: 28px 20px; }
  .about-img-badge { bottom: -12px; left: -10px; padding: 10px 14px; }
  .capacity-strip { justify-content: center; }

  .footer-main { padding: 45px 0 30px; }
  .blog-section, .testi-section { padding: 55px 0 45px; }
  .testi-card { padding: 24px 20px; }
  .blog-body { padding: 18px 18px 22px; }

  
  .prod-detail-section { padding: 55px 0 45px; }
  .pd-main-title { font-size: 22px; }
  .pd-thumb { width: 60px; height: 52px; }

  
  .blog-detail-section { padding: 55px 0 45px; }
  .bd-featured-img img { height: 220px; }
  .bd-title { font-size: 22px; }

  
  .contact-section { padding: 55px 0 45px; }
  .ct-form-card,
  .ct-info-card { padding: 26px 20px; }
  .ct-map { height: 240px; }

  
  .sitemap-section { padding: 55px 0 45px; }
  .sm-card { padding: 28px 24px; }
}