/* Mobile checkout: keep the current step first and the full summary within reach. */
@media (max-width:800px){
 #booking-dialog #booking.booking-shell{grid-template-areas:"form" "summary"!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 #booking-dialog .booking-form{min-width:0}
 #booking-dialog .summary-card{display:grid!important;grid-template-columns:64px minmax(0,1fr);gap:8px 14px;padding:18px!important;align-items:start;min-width:0}
 #booking-dialog .summary-card .booking-cover{grid-column:1;grid-row:1 / span 2;width:64px;height:64px;min-height:0;margin:0;border-radius:14px;overflow:hidden}
 #booking-dialog .summary-card .booking-cover img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
 #booking-dialog .summary-card .booking-cover span{display:none}
 #booking-dialog .booking-summary-content{display:contents}
 #booking-dialog .summary-card #summary-title{grid-column:2;grid-row:1;font-size:18px;line-height:1.25;margin:0}
 #booking-dialog .summary-card .summary-meta{grid-column:2;grid-row:2;margin:0;font-size:11px;gap:8px;flex-wrap:wrap}
 #booking-dialog .summary-card .booking-travel-summary{grid-column:1 / -1;grid-row:3;margin:6px 0 0;font-size:12px;line-height:1.6}
 #booking-dialog .summary-card .booking-price-highlight{grid-column:1 / -1;grid-row:4;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 0}
 #booking-dialog .summary-card .booking-price-highlight>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-width:0;padding:14px!important;margin:0;border:1px solid var(--studio-line);border-radius:14px}
 #booking-dialog .summary-card .booking-price-highlight dt{font:500 11px/1.4 var(--sans,system-ui)}
 #booking-dialog .summary-card .booking-price-highlight dd{font:600 17px/1.3 var(--sans,system-ui);margin:0;overflow-wrap:anywhere}
 #booking-dialog .summary-card .booking-price-details{grid-column:1 / -1;grid-row:5;margin:4px 0 0}
 #booking-dialog .field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
 #booking-dialog .field :is(input:not([type=checkbox]):not([type=radio]),select){min-height:50px}
 #booking-dialog .field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:14px!important;padding:13px 14px}
 #booking-dialog .field input[type=date]{-webkit-appearance:none;appearance:none;width:100%}
 #booking-dialog .field input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
 #booking-dialog .form-actions{gap:14px}
 #booking-dialog .form-actions .back-link{min-height:44px;padding:10px 0}
 #booking-dialog .form-actions .button{min-height:50px}
}