/* ============================================================
   STV ELECTROPATHY CLINIC — responsive.css
   Mobile-first responsive breakpoints
   ============================================================ */

/* ── TABLET (max 1040px) ── */
@media (max-width: 1040px) {
  .site-nav { display: none; }
  .hamburger { display: flex; }
  .header__cta .btn { display: none; }
  .header__cta .call-pill { display: flex; }

  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }

  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid::before { display: none; }

  .page-layout { grid-template-columns: 1fr; }

  :root { --sec-pad: 80px 0; }
}

/* ── LARGE MOBILE (max 768px) ── */
@media (max-width: 768px) {
  :root { --sec-pad: 60px 0; }

  .container { padding: 0 20px; }

  .grid-2, .grid-3, .grid-4,
  .grid-2-1, .grid-1-2 { grid-template-columns: 1fr; }

  .bento-about { grid-template-columns: 1fr; }
  .bento-about__img { min-height: 220px; grid-row: auto; }

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

  .inner-banner { padding: 60px 0 80px; }
  .inner-banner__title { font-size: clamp(26px, 6vw, 40px); }

  .form-wrap { padding: 28px 22px; }
  .form-row { grid-template-columns: 1fr; }

  .trust-bar__inner { gap: 20px; }
  .trust-sep { display: none; }

  .footer__inner { padding: 56px 0 36px; }
  .footer__bottom { flex-direction: column; text-align: center; }
  .footer__bottom-links { justify-content: center; }

  .whatsapp-fab { bottom: 20px; right: 20px; width: 50px; height: 50px; border-radius: 14px; font-size: 22px; }
  .scroll-top { bottom: 80px; right: 20px; }

  .topbar { display: none; }

  .btn-group { flex-direction: column; align-items: flex-start; }
  .cta-banner .btn-group { align-items: center; }

  .section-head { margin-bottom: 40px; }

  .compare-table { font-size: 12px; }
  .compare-table th, .compare-table td { padding: 10px 12px; }

  .stats-section .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 32px; }
}

/* ── SMALL MOBILE (max 480px) ── */
@media (max-width: 480px) {
  .grid-4 { grid-template-columns: 1fr; }
  .stats-section .grid-4 { grid-template-columns: 1fr 1fr; }
  .filter-tabs { gap: 6px; }
  .filter-tab { padding: 7px 14px; font-size: 12px; }
  .process-grid { grid-template-columns: 1fr; }
  .btn-lg { padding: 15px 28px; font-size: 15px; }
  .hero-content { padding: 0 20px; }
  .breadcrumb { font-size: 11px; padding: 6px 12px; }
}

/* ── TOUCH HOVER REMOVAL ── */
@media (hover: none) {
  .card:hover, .blog-card:hover, .testimonial:hover,
  .contact-card:hover, .med-card:hover, .gallery-item:hover,
  .download-card:hover, .portal-card:hover, .condition-card:hover {
    transform: none;
    box-shadow: var(--shadow-sm);
  }
  .btn-primary:hover, .btn-gold:hover, .btn-jade:hover {
    transform: none;
  }
  .footer__social a:hover { transform: none; }
  .whatsapp-fab:hover { transform: none; }
  .scroll-top:hover { transform: none; }
}

/* ── PRINT ── */
@media print {
  .topbar, .site-header, .whatsapp-fab, .scroll-top,
  .mobile-nav, .cta-banner, .site-footer { display: none !important; }
  body { font-size: 12pt; color: #000; }
  .container { max-width: 100%; padding: 0; }
  a { color: #000; }
  .inner-banner { background: #f0f7f3; color: #000; padding: 20px 0; }
  .inner-banner__title { color: #0d2b1a; }
  .inner-banner::after { display: none; }
}

/* ── HIGH CONTRAST ── */
@media (prefers-contrast: high) {
  :root {
    --clr-border: #aaaaaa;
    --clr-muted: #333333;
    --clr-light: #555555;
  }
  .card { border-color: #888; }
}