/* ==========================================================================
   Responsive layout — tablet and mobile breakpoints
   ========================================================================== */

/* Tablet */
@media (max-width: 1024px){
  section{padding:80px 0}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .features,.programs-grid,.pricing-grid,.mvv-grid{grid-template-columns:repeat(2,1fr)}
  .trainers-grid{grid-template-columns:repeat(2,1fr)}
  .price-card.popular{transform:none}
  .contact-grid{grid-template-columns:1fr}
  .bmi{grid-template-columns:1fr;gap:30px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .gallery-grid{columns:2}
}

/* Mobile */
@media (max-width: 720px){
  :root{--nav-h:64px}
  section{padding:64px 0}
  .container{padding:0 18px}
  .section-head{margin-bottom:44px}

  /* Nav */
  .nav-links{
    position:fixed;inset:64px 0 0 0;background:rgba(10,10,10,.98);
    backdrop-filter:blur(20px);
    flex-direction:column;justify-content:flex-start;align-items:stretch;
    gap:0;padding:30px 24px;
    transform:translateX(100%);transition:transform .35s ease;
  }
  .nav-links.open{transform:translateX(0)}
  .nav-links a{padding:16px 4px;border-bottom:1px solid var(--border);border-radius:0;font-size:1rem}
  .nav-links a.active::before{display:none}
  .hamburger{display:flex}
  .nav-cta .btn:not(.hamburger){display:none}

  /* Hero */
  .hero{min-height:88vh}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .hero-scroll{display:none}

  /* Stats */
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .stat{padding:12px}

  /* Grids collapse */
  .features,.programs-grid,.pricing-grid,.mvv-grid,.trainers-grid{grid-template-columns:1fr}
  .gallery-grid{columns:1}

  /* Forms */
  .form-grid{grid-template-columns:1fr}
  .bmi-form,.bmi-result,.contact-form{padding:28px 22px}

  /* Testimonials */
  .slide{padding:36px 22px}
  .slide-quote{font-size:1.02rem}

  /* CTA */
  .cta{padding:56px 24px}
  .newsletter-form{flex-direction:column}
  .newsletter-form .btn,.newsletter-form input{width:100%}

  /* Compare table becomes scrollable */
  .compare-table{display:block;overflow-x:auto;white-space:nowrap;font-size:.85rem}

  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer{padding:56px 0 24px}
  .footer-bottom{flex-direction:column;text-align:center}

  /* Floating buttons */
  .float-btn{width:52px;height:52px}
}

/* Small mobile */
@media (max-width: 380px){
  h1{font-size:2rem}
  .container{padding:0 14px}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}