/* Share the available dialog height between field rows, including the notes.
   Keep the compact layout for short screens and the stacked mobile form. */
@media(min-width:1024px) and (min-height:721px){
 .hero .booking-card.is-expanded>.booking-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto repeat(6,minmax(min-content,1fr)) minmax(min-content,1.15fr) auto;
  gap:clamp(9px,1.35dvh,16px);
  height:100%;min-height:0;align-content:stretch;
 }
 .hero .booking-card.is-expanded .booking-fields>.trip-switch,
 .hero .booking-card.is-expanded .booking-heading>p{display:none!important}
 .hero .booking-card.is-expanded .booking-fields>.booking-heading{grid-row:1}
 .hero .booking-card.is-expanded .booking-fields>.booking-service-field{grid-row:2}
 .hero .booking-card.is-expanded .booking-fields>.booking-price-selectors{grid-row:3}
 .hero .booking-card.is-expanded .booking-fields>.booking-route-fields{grid-row:4}
 .hero .booking-card.is-expanded .booking-fields>.field-grid:not(.booking-identity-row){grid-row:5}
 .hero .booking-card.is-expanded .booking-fields>.booking-identity-row{grid-row:6}
 .hero .booking-card.is-expanded .booking-fields>.booking-contact-row{grid-row:7}
 .hero .booking-card.is-expanded .booking-fields>.notes-field{grid-row:8}
 .hero .booking-card.is-expanded .booking-fields>.booking-submit{grid-row:9}
 .hero .booking-card.is-expanded .booking-heading>div{font-size:clamp(25px,3.25dvh,34px);line-height:1.22}
 .hero .booking-card.is-expanded .booking-fields label{height:100%;min-height:0;gap:5px;align-self:stretch}
 .hero .booking-card.is-expanded .booking-fields label>span{font-size:clamp(10px,1.3dvh,12px);line-height:1.4}
 .hero .booking-card.is-expanded .booking-fields>.booking-price-selectors,
 .hero .booking-card.is-expanded .booking-fields>.booking-route-fields,
 .hero .booking-card.is-expanded .booking-fields>.field-grid,
 .hero .booking-card.is-expanded .booking-fields>.booking-contact-row{height:100%;min-height:0;align-items:stretch}
 .hero .booking-card.is-expanded .booking-fields label>input:not(.sc-control-native),
 .hero .booking-card.is-expanded .booking-fields label>select:not(.sc-control-native),
 .hero .booking-card.is-expanded .booking-fields label>.sc-control,
 .hero .booking-card.is-expanded .booking-fields .booking-route-fields input:not(.sc-control-native){
  flex:1 1 auto;height:auto!important;min-height:38px!important;max-height:none;
  font-size:clamp(13px,1.7dvh,16px);line-height:1.4;padding:9px 12px;
 }
 .hero .booking-card.is-expanded .booking-fields .sc-control{font-size:clamp(13px,1.7dvh,16px)!important}
 .hero .booking-card.is-expanded .booking-fields>.notes-field{min-height:0;flex:none}
 .hero .booking-card.is-expanded .booking-fields textarea{
  flex:1 1 auto;height:auto!important;min-height:48px;max-height:none;
  font-size:clamp(13px,1.7dvh,16px);line-height:1.5;padding:10px 12px;resize:none;
 }
 .hero .booking-card.is-expanded .booking-fields .booking-submit{
  margin-top:0;height:clamp(44px,5.7dvh,58px);min-height:44px;
  font-size:clamp(13px,1.7dvh,16px);
 }
 .hero .booking-card.is-expanded .sc-field-error{flex-shrink:0}
}