/* Booking-only presentation; existing form steps and submission remain unchanged. */
.booking-page .page-hero{min-height:0;padding:48px 8vw 32px;gap:32px}
.booking-page .page-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;margin:0 0 24px}
.booking-page .page-hero .eyebrow{margin-bottom:12px;font-size:12px}
.booking-entry-actions{display:flex;gap:12px;flex-wrap:wrap}
.booking-entry-actions .btn{font-size:14px;letter-spacing:.01em;text-transform:none;min-height:48px;padding:12px 20px}
.booking-page .booking-intro{font-size:16px;line-height:1.5;margin:0}
.booking-address{display:block;margin-top:8px;font-size:14px}
.booking-page .booking-panel{padding-top:28px;padding-bottom:40px}
.booking-page #booking-flow{scroll-margin-top:24px}
.booking-page .step-indicator{margin-top:0;margin-bottom:20px}
.booking-page .booking-step>.eyebrow{margin-bottom:8px;font-size:12px}
.booking-page .booking-step>h2{margin-top:0;margin-bottom:12px}
.booking-page .time-note{font-size:14px;line-height:1.5;padding:12px 16px;margin:0 0 20px}
.booking-page .business-notice{margin:32px 0 0}
.booking-page .whatsapp-float{z-index:30}
.booking-page a:focus-visible,.booking-page button:focus-visible{outline:2px solid var(--deep);outline-offset:4px}
@media(max-width:640px){
  .booking-page .site-header{height:68px}
  .booking-page .page-hero{display:block;padding:24px 20px 20px}
  .booking-page .page-hero h1{font-size:36px;line-height:1.08;margin-bottom:18px}
  .booking-entry-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}
  .booking-entry-actions .btn{width:100%;padding:12px 8px;line-height:1.4}
  .booking-page .booking-intro{margin-top:14px;font-size:14px}
  .booking-page .booking-address{margin-top:4px}
  .booking-page .booking-panel{padding:22px 20px 32px}
  .booking-page .step-indicator{margin-bottom:18px}
  .booking-page .booking-step>h2{font-size:30px;line-height:1.15}
  .booking-page .facial-catalogue{gap:16px}
  .booking-page .facial-card{padding:20px}
  .booking-page .facial-card h3{font-size:27px;margin-bottom:12px}
  .booking-page .facial-card h3 span{font-size:16px;line-height:1.5;margin-top:6px}
  .booking-page .facial-card p{margin-bottom:12px}
  .booking-page .facial-select{margin:4px 0 14px}
  .booking-page .facial-card .btn{width:calc(100% - 40px);align-self:flex-start}
  .booking-page .booking-actions{padding-right:52px}
  .booking-page .booking-actions .btn{font-size:14px;letter-spacing:0;padding:12px;flex:1}
  .booking-page .whatsapp-float{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){html:has(.booking-page){scroll-behavior:auto}}
