/* Keep native date/time controls inside their grid cells, including on iOS. */
.booking-card .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.booking-card .form-row>div{min-width:0;max-width:100%}
.booking-card input:not([type=checkbox]),.booking-card select,.booking-card textarea{min-width:0;max-width:100%;box-sizing:border-box}
.booking-card input[type=date],.booking-card input[type=time]{width:100%;min-width:0;max-width:100%;font-size:16px}
.booking-card input::-webkit-date-and-time-value{min-width:0;text-align:left}
@media(max-width:700px){
 .booking-card .form-row{grid-template-columns:minmax(0,1fr);gap:0}
}

#workshop-saved-details{overflow-wrap:anywhere}