/* booking-phone.css - tidy layout for Book a Session and the free intro page on phones */
@media (max-width: 640px) {
  .booking-hero { padding: 92px 18px 54px !important; }
  .booking-hero h1 { font-size: 1.9rem !important; line-height: 1.2 !important; margin-bottom: 8px !important; }
  .booking-hero p { font-size: .95rem !important; line-height: 1.6 !important; }
  .booking-hero .free-badge, .booking-hero .badge, .booking-hero [class*="pill"] { font-size: .78rem !important; padding: 7px 14px !important; }
  .booking-container { padding: 0 12px !important; margin-top: -34px !important; }
  .booking-card { border-radius: 20px !important; min-height: 0 !important; }
  .form-step, .booking-form-section, .therapist-selector { padding: 22px 16px !important; }
  .therapist-selector p { font-size: .92rem !important; }
  .form-step h2, .booking-card h2 { font-size: 1.5rem !important; }
  .booking-card .sub, .form-step .sub { font-size: .92rem !important; margin-bottom: 16px !important; }
  .therapist-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .therapist-grid .t-select-card { padding: 14px 8px !important; border-radius: 16px !important; min-width: 0; }
  .therapist-grid .t-select-card img { width: 78px !important; height: 78px !important; }
  .therapist-grid .t-sel-name { font-size: .92rem !important; min-height: 2.6em; }
  .therapist-grid .r4-tops { min-height: 0 !important; }
  .therapist-grid .r4-tops span { white-space: normal !important; font-size: .64rem !important; padding: 3px 7px !important; text-align: center; }
  .therapist-grid .r4-price { font-size: .72rem !important; }
  .therapist-grid .r4-next { font-size: .68rem !important; }
  .slots-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
  .cal-grid { gap: 4px !important; }
  .step-nav { gap: 10px !important; }
  .step-nav .nav-btn { padding: 14px 16px !important; }
}