/* ===========================================================
   Yoga Neram — Desktop / web view
   Activates ONLY at ≥1000px. Mobile (<1000px) is untouched.
   Loaded AFTER styles.css.
   =========================================================== */

/* desktop-only chrome — hidden on mobile */
.hdr-nav{ display:none; }
.hdr-reg{ display:none; }

@media (min-width: 1000px){

  /* ---------- container ---------- */
  .app{ max-width:1180px; box-shadow:none; }
  .wrap{ padding-left:56px; padding-right:56px; }
  .sec-pad{ padding-top:78px; padding-bottom:78px; }

  /* ---------- header: inline nav ---------- */
  .hdr-row{ height:84px; }
  .hdr-logo img{ height:40px; }
  .hamb{ display:none; }
  .hdr-menu{ display:none; }
  .hdr-nav{ display:flex; align-items:center; gap:32px; margin-left:48px; margin-right:auto; }
  .hdr-nav a{ font-family:var(--display); font-weight:700; font-size:17px; color:var(--navy); transition:color .15s ease; }
  .hdr-nav a:hover{ color:var(--blue); }
  .hdr-right{ gap:16px; }
  .hdr-reg{ display:inline-flex; min-height:48px; padding:0 24px; font-size:16px; }

  /* ---------- hero: two columns ---------- */
  .hero{ padding-top:56px; padding-bottom:24px; }
  .hero-inner{ display:grid; grid-template-columns:1.05fr .95fr; column-gap:64px; align-items:center; }
  .hero-eyebrow{ margin-bottom:18px; }
  .hero-title{ font-size:62px; margin-bottom:20px; }
  .hero-sub{ font-size:21px; max-width:44ch; margin-bottom:30px; }
  .hero-cta{ width:auto; padding:0 44px; font-size:21px; }
  .trust{ margin-top:34px; }
  .hero-photo-wrap{ margin-top:0; }
  .hero-stage{ max-width:540px; margin:0 0 0 auto; }
  .b1{ width:340px; height:340px; top:-80px; right:-90px; }
  .b2{ width:300px; height:300px; top:160px; left:-110px; }

  /* ---------- shared heading scale ---------- */
  .section-title{ font-size:40px; }
  .sec-pad > .center{ max-width:720px; margin-left:auto; margin-right:auto; }

  /* ---------- stats: 3 across ---------- */
  #stats{ display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:18px; align-items:stretch; }
  #stats > .section-title{ grid-column:1 / -1; margin-bottom:8px; }
  #stats > .stat-big{ grid-column:1; grid-row:2; margin-bottom:0; display:flex; flex-direction:column; justify-content:center; }
  #stats > .stat-row{ grid-column:2 / 4; grid-row:2; }

  /* ---------- benefits: 3 cards ---------- */
  .ben-stack{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:start; }

  /* ---------- videos: 3 cards ---------- */
  .vid-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
  .watch-more{ width:auto; margin:36px auto 0; padding:0 44px; }

  /* ---------- features: 2 columns ---------- */
  .feat-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; align-items:start; }

  /* ---------- trainer: photo left, info right (DOM order preserved) ---------- */
  #trainer{ display:grid; grid-template-columns:0.82fr 1.18fr; column-gap:60px; row-gap:14px; align-items:center; }
  #trainer > .center{ grid-column:2; grid-row:1; text-align:left; margin-bottom:2px; }
  #trainer > .trainer-photo-wrap{ grid-column:1; grid-row:1 / span 3; }
  #trainer > .cred-grid{ grid-column:2; grid-row:2; margin-top:0; }
  #trainer > .trainer-quote{ grid-column:2; grid-row:3; margin-top:6px; }
  .trainer-name{ font-size:42px; }
  .trainer-photo-wrap .b3{ width:320px; height:320px; }

  /* ---------- video testimonials: 3 across (no scroll) ---------- */
  .vt-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; overflow:visible; padding:4px; }
  .vt-card{ flex:none; max-width:none; }

  /* ---------- photo testimonials: 3 across ---------- */
  .pt-stack{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:start; }

  /* ---------- google reviews: 2 across ---------- */
  .rev-stack{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; align-items:start; }
  .g-summary{ max-width:560px; margin:0 auto 26px; }

  /* ---------- CTA ---------- */
  .cta-dark{ padding:84px 0; }
  .cta-inner{ max-width:780px; margin:0 auto; text-align:center; }
  .cta-eyebrow{ display:inline-block; }
  .cta-title{ font-size:46px; }
  .cta-inner .btn{ width:auto; min-width:340px; margin:0 auto; }

  /* ---------- footer: multi-column ---------- */
  .ftr{ padding-top:60px; }
  .ftr > .wrap{ display:grid; grid-template-columns:1.5fr 1.6fr 1.4fr; column-gap:52px; row-gap:6px; align-items:start; }
  .ftr-logo{ grid-column:1; grid-row:1; }
  .ftr-tag{ grid-column:1; grid-row:2; margin-bottom:0; }
  .ftr-social{ grid-column:1; grid-row:3; margin-top:22px; }
  .ftr-cols{ grid-column:2; grid-row:1 / 5; margin-bottom:0; }
  .ftr-cities{ grid-column:3; grid-row:1 / 3; margin-bottom:0; }
  .ftr-contact{ grid-column:3; grid-row:3 / 5; }
}