/* ═══════════════════════════════════════════════
   HANDS SECRETS — responsive.css
   Mobile-first breakpoints
   ═══════════════════════════════════════════════ */

/* ─── Mobile (< 600px) ─── */
@media (max-width: 599px) {
  /* Nav */
  .nav-links { display: none; }
  .nav-toggle { display: flex; }

  /* Hero */
  .hero-title { font-size: clamp(2.2rem, 10vw, 3.4rem); }
  .hero-logo-img { height: 42px; }
  .hero-content { gap: 1.2rem; }

  /* Manifesto */
  .manifesto-inner {
    grid-template-columns: 1fr;
  }
  .manifesto-image { aspect-ratio: 4/3; }

  /* Services */
  .services-grid { grid-template-columns: 1fr; }

  /* Therapists */
  .therapists-panels { grid-template-columns: 1fr; }
  .therapist-panel { min-height: 70vh; }
  .therapist-name { font-size: clamp(2.4rem, 10vw, 3.2rem); }

  /* Gallery */
  .gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    min-height: auto;
  }
  .gallery-item--large { grid-row: auto; }
  .gallery-item { aspect-ratio: 4/3; }

  /* Location */
  .location-inner { grid-template-columns: 1fr; }
  .location-map { aspect-ratio: 4/3; }

  /* Contact */
  .contact-cards { grid-template-columns: 1fr; max-width: 360px; }

  /* Lightbox navigation */
  .lightbox-prev { left: 0.4rem; }
  .lightbox-next { right: 0.4rem; }
}

/* ─── Tablet (600px–1023px) ─── */
@media (min-width: 600px) and (max-width: 1023px) {
  /* Nav */
  .nav-links { display: none; }
  .nav-toggle { display: flex; }

  /* Hero */
  .hero-title { font-size: clamp(3rem, 8vw, 4.8rem); }

  /* Manifesto */
  .manifesto-inner {
    grid-template-columns: 1fr;
    max-width: 700px;
    margin-inline: auto;
  }
  .manifesto-image { aspect-ratio: 16/9; }

  /* Services */
  .services-grid { grid-template-columns: 1fr 1fr; }

  /* Therapists */
  .therapists-panels { grid-template-columns: 1fr; min-height: auto; }
  .therapist-panel { min-height: 65vh; }

  /* Gallery */
  .gallery-grid { min-height: 460px; }

  /* Location */
  .location-inner { grid-template-columns: 1fr; }
  .location-map { aspect-ratio: 16/9; }

  /* Contact */
  .contact-cards { max-width: 580px; }
}

/* ─── Desktop (≥ 1024px) ─── */
@media (min-width: 1024px) {
  /* Nav */
  .nav-links { display: flex; }
  .nav-toggle { display: none; }

  /* Footer */
  .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}

/* ─── Large desktop (≥ 1400px) ─── */
@media (min-width: 1400px) {
  .hero-title { font-size: 6.5rem; }
  .section-title { font-size: 4rem; }
  .therapist-name { font-size: 5rem; }
}

/* ─── Nav mobile menu open — hide desktop nav toggle ─── */
@media (min-width: 1024px) {
  .nav-mobile { display: none !important; }
}