/* ═══════════════════ RESPONSIVE ═══════════════════ */
@media (max-width: 1200px) {
  .advantages-grid { grid-template-columns: repeat(3, 1fr); }
  .certifications-grid { grid-template-columns: repeat(3, 1fr); }
  /* !important: alguns templates (ex. hub de produtos) definem
     grid-template-columns inline via PHP — precisa vencer no responsivo. */
  .numbers-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 1024px) {
  .overview-grid { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .advantages-grid { grid-template-columns: repeat(2, 1fr); }
  .related-grid { grid-template-columns: repeat(2, 1fr); }
  .archive-grid { grid-template-columns: repeat(2, 1fr); }
  .case-card { grid-template-columns: 320px 1fr; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-grid.reverse { direction: ltr; }
  .contact-grid { grid-template-columns: 1fr; }
  .segment-intro-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .certifications-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  /* Galeria de produto: scroll horizontal no mobile */
  .overview-grid > * { min-width: 0 !important; overflow: hidden; }
  .gallery-thumbs {
    display: flex !important;
    flex-direction: row;
    width: 100% !important;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .gallery-thumbs::-webkit-scrollbar { display: none; }
  .gallery-thumb {
    flex: 0 0 30vw !important;
    min-width: 90px;
    max-width: 130px;
    scroll-snap-align: start;
    transition: transform .18s ease, border-color .18s ease;
  }
  .gallery-thumb:active { transform: scale(1.1); border-color: var(--red); z-index: 1; }
  /* No mobile o swipe por toque basta — esconde setas; fade fica */
  .gallery-nav { display: none !important; }

  .product-grid { grid-template-columns: 1fr; }
  .quick-specs { grid-template-columns: 1fr; }
  .pas-grid { grid-template-columns: 1fr; }
  .method-grid { grid-template-columns: 1fr !important; }
  .advantages-grid { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: 1fr; }
  .case-related-grid { grid-template-columns: 1fr; }
  .archive-grid { grid-template-columns: 1fr; }
  .problems-grid { grid-template-columns: 1fr; }
  .downloads-grid { flex-direction: column; }
  .spec-table thead th, .spec-table tbody td { padding: 10px 12px; }
  .stats-grid { grid-template-columns: 1fr; gap: 24px; }
  .case-card { grid-template-columns: 1fr; }
  .case-card-img img { min-height: 200px; max-height: 240px; }
  .values-grid { grid-template-columns: 1fr; }
  .numbers-grid { grid-template-columns: 1fr !important; gap: 24px; }
  .contact-form .form-row { grid-template-columns: 1fr; }
  .timeline { padding-left: 24px; }
  .timeline::before { left: 8px; }
  .timeline-item { padding-left: 20px; }
  .timeline-dot { left: -24px; width: 16px; height: 16px; }

  /* Applications: 2-col + altura reduzida (sections-home.css carrega depois do responsive, precisa !important) */
  .applications-section .segments-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .applications-section .segment-card { height: 220px !important; }
  .applications-section .segment-card:nth-child(5) { display: block !important; }
}

@media (max-width: 480px) {
  .applications-section .segments-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .applications-section .segment-card { height: 180px !important; }
  .certifications-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  /* Produto single — overrides mobile específicos */
  .single-produto .pas-section { padding: 20px 0; }
  .single-produto .specs-section { padding: 20px 0; }
  .single-produto .overview-grid { gap: 0; }
  .single-produto .quick-specs { grid-template-columns: repeat(2, 1fr); }
  .single-produto .spec-value { font-size: 13px; }
  .single-produto .spec-item { align-items: flex-start; }
  .single-produto .advantages-section { padding: 20px 0; }
  /* Formato lista (page-product.css) substitui o grid de cartões — removida 01/08/2026
     a regra que escondia o 7º card em diante (.advantage-card:nth-child(n+7)): tinha
     especificidade maior que a nova .advantage-card { display:flex } e quebraria
     silenciosamente qualquer produto com mais de 6 itens na lista. */
}