.srer-availability { box-sizing: border-box; width: 100%; max-width: 100%; flex: 0 0 100%; flex-basis: 100%; grid-column: 1 / -1; clear: both; margin: .75rem 0; padding: .75rem 1rem; border: 1px solid #dcdcde; background: #fff; }
.srer-availability h3 { margin: 0 0 .4rem; font-size: .95rem; font-weight: 600; }
.srer-size { display: grid; grid-template-columns: minmax(2rem, 4rem) minmax(0, 1fr) auto; align-items: center; gap: .6rem; padding: .35rem 0; border-top: 1px solid #eee; }
.srer-size strong { width: auto; }
.srer-size span { min-width: 0; color: #646970; }
.srer-size select { box-sizing: border-box; min-width: 4rem; max-width: 100%; padding: .35rem .5rem; font: inherit; line-height: 1.4; color: inherit; background: transparent; border: 1px solid #dcdcde; }
.srer-error { color: #b32d2e; }

form[name="E-bike Reservations"] .elementor-field-group-pickup_time,
form[name="E-bike Reservations"] .elementor-field-group-early_pickup { box-sizing: border-box; flex: 0 0 calc(50% - .5rem); width: calc(50% - .5rem); max-width: calc(50% - .5rem); }
form[name="E-bike Reservations"] .elementor-field-group-early_pickup .elementor-field-option label { display: flex; align-items: flex-start; gap: .4rem; line-height: 1.4; }
form[name="E-bike Reservations"] .elementor-field-group-early_pickup .elementor-field-option input { flex: 0 0 auto; margin-top: .2rem; }

@media (max-width: 767px) {
	.srer-availability { padding: .75rem; }
	.srer-size { grid-template-columns: 2.5rem minmax(0, 1fr) auto; gap: .5rem; }
	.srer-size select { min-height: 2.5rem; }
	form[name="E-bike Reservations"] .elementor-field-group-pickup_time,
	form[name="E-bike Reservations"] .elementor-field-group-early_pickup { flex-basis: 100%; width: 100%; max-width: 100%; }
}