/* Site-wide mobile responsive overrides (applies to /site-html raw pages) */
html, body { max-width: 100%; overflow-x: hidden; }
img, video, iframe { max-width: 100%; height: auto; }

@media (max-width: 820px) {
  /* Force ANY multi-column inline grid to single column on mobile */
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Tighter section padding */
  header, section, footer { padding-left: 20px !important; padding-right: 20px !important; }
  h1 { font-size: clamp(32px, 8vw, 44px) !important; }

  /* Hide desktop nav links on mobile; keep logo + CTA */
  nav[aria-label="Primary"] .nav-links { display: none !important; }
  nav[aria-label="Primary"] { gap: 10px !important; }
}

@media (max-width: 560px) {
  /* Hide phone number in nav on small phones */
  nav[aria-label="Primary"] a[href^="tel:"] { display: none !important; }
  nav[aria-label="Primary"] a[href*="#jv"] {
    padding: 9px 12px !important;
    font-size: 11.5px !important;
  }
}