/* =============================================
   ON YOUR TERMS COACHING — Mobile Responsive
   Breakpoint: 768px and below
   ============================================= */

@media (max-width: 768px) {
  nav { padding: 0 20px; flex-wrap: wrap; position: relative; }
  .nav-logo svg { width: 200px !important; }
  .nav-burger { display: flex !important; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 10px 4px; }
  .nav-burger span { display: block; width: 24px; height: 2px; background: #fff; border-radius: 2px; transition: all 0.3s; }
  .nav-links { display: none !important; flex-direction: column !important; gap: 0 !important; width: 100%; padding: 12px 0 20px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 4px; }
  nav.nav-open .nav-links { display: flex !important; }
  .nav-links a { padding: 12px 4px; font-size: 15px !important; border-bottom: 1px solid rgba(255,255,255,0.06); }
  .nav-cta { margin-top: 10px; display: inline-block !important; width: fit-content; }
  .hero { padding: 56px 20px 48px; }
  .hero h1 { font-size: 30px !important; }
  .hero p { font-size: 15px !important; }
  .hero-stats { gap: 28px; margin-top: 36px; }
  .stat-num { font-size: 26px !important; }
  .page-hero { padding: 48px 20px 40px !important; }
  .page-hero h1 { font-size: 28px !important; }
  .page-hero p { font-size: 14px !important; }
  section { padding: 48px 20px !important; }
  .container { padding: 0 !important; }
  .section-title { font-size: 24px !important; }
  .pain-grid { grid-template-columns: 1fr !important; }
  .programs-grid { grid-template-columns: 1fr !important; }
  .about-snap-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  .about-snap-inner .about-photo { height: 260px; }
  .training-grid { grid-template-columns: 1fr !important; }
  .testi-grid { grid-template-columns: 1fr !important; }
  .footer-top { grid-template-columns: 1fr 1fr !important; gap: 28px !important; }
  .footer-bottom { flex-direction: column !important; gap: 8px !important; text-align: center; }
  .intro-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .photo-block { height: 280px !important; }
  .values-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .prog-card { grid-template-columns: 1fr !important; gap: 24px !important; padding: 28px 24px !important; }
  .intensive-inner { grid-template-columns: 1fr !important; gap: 28px !important; }
  .steps { grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
  .faq-grid { grid-template-columns: 1fr !important; }
  .prog-header { grid-template-columns: 1fr !important; gap: 16px !important; }
  .modules-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .included-grid { grid-template-columns: 1fr !important; }
  .contact-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .form-row { grid-template-columns: 1fr !important; }
  .contact-methods { grid-template-columns: 1fr !important; }
  .cta-banner { padding: 48px 20px !important; }
  .cta-banner h2 { font-size: 22px !important; }
  .footer-inner { flex-direction: column !important; gap: 16px !important; text-align: center; }
  .footer-links { flex-wrap: wrap !important; justify-content: center !important; gap: 12px !important; }
  .hero-btns { flex-direction: column !important; align-items: center !important; }
  .btn-primary, .btn-outline { width: 100%; text-align: center; max-width: 300px; }
}
.nav-burger { display: none; }