/* Keep the complete enquiry form visible at common desktop and phone sizes. */
#booking{width:calc(100% - 24px);max-width:680px;max-height:calc(100dvh - 24px);padding:26px 30px;margin:auto;overflow:auto}
#booking .eyebrow{font-size:11px;line-height:1.5;margin:0 42px 0 0}
#booking h2{font-size:40px;line-height:1.1;margin:8px 0 10px}
#booking .modal-intro{font-size:14px;line-height:1.55;margin:0}
#booking .booking-phone{font-size:28px;line-height:1.2;margin:12px 0 16px}
#booking-form{display:grid;gap:12px}
#booking-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#booking-form label{min-width:0;font-size:13px;line-height:1.4;margin:0}
#booking-form input,#booking-form select,#booking-form textarea{width:100%;min-width:0;min-height:44px;height:44px;padding:10px 12px;margin-top:5px;font-size:16px;line-height:1.4}
#booking-form textarea{height:66px;resize:vertical}
#booking-form>.button{min-height:46px;padding:11px 20px;margin:0;justify-content:space-between}
#booking-form .form-note,#booking-form #email-status{font-size:12px;line-height:1.5;margin:0}
#booking-form #email-status:empty{display:none}
@media(max-width:600px){
 #booking{padding:20px;border-radius:24px}
 #booking h2{font-size:32px;margin:9px 0}
 #booking .modal-intro{font-size:13px}
 #booking .booking-phone{font-size:26px;margin:10px 0 14px}
 #booking-form{gap:10px}
 #booking-form .form-row{gap:10px}
 #booking-form label{font-size:12px}
 #booking-form input,#booking-form select,#booking-form textarea{padding:9px 10px}
}
@media(max-height:700px){
 #booking{padding:16px 20px;max-height:calc(100dvh - 16px)}
 #booking h2{font-size:30px;margin:7px 0}
 #booking .modal-intro{font-size:12px;line-height:1.45}
 #booking .booking-phone{font-size:25px;margin:8px 0 10px}
 #booking-form{gap:8px}
 #booking-form textarea{height:56px}
 #booking-form .form-note{font-size:11px;line-height:1.4}
}