/* Alleen de publieke reserveringsformulieren; de desktopweergave blijft intact. */
@media (max-width: 767px) {
  .jdv-booking-form .jdv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 10px !important;
  }

  .jdv-booking-form .jdv-grid > * {
    min-width: 0;
  }

  .jdv-booking-form .jdv-grid > .jdv-f-product,
  .jdv-booking-form .jdv-grid > .jdv-selected-product {
    grid-area: 1 / 1 / 2 / -1 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-start {
    grid-area: 2 / 1 / 3 / 2 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-end {
    grid-area: 2 / 2 / 3 / 3 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-name {
    grid-area: 3 / 1 / 4 / 2 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-pair-surname {
    grid-area: 3 / 2 / 4 / 3 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-postal {
    grid-area: 4 / 1 / 5 / 2 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-house {
    grid-area: 4 / 2 / 5 / 3 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-quantity {
    grid-area: 5 / 1 / 6 / -1 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-availability {
    grid-area: 6 / 1 / 7 / -1 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-phone {
    grid-area: 7 / 1 / 8 / -1 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-email {
    grid-area: 8 / 1 / 9 / -1 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-address-status {
    grid-area: 9 / 1 / 10 / -1 !important;
  }
  .jdv-booking-form .jdv-grid > .jdv-f-message {
    grid-area: 10 / 1 / 11 / -1 !important;
  }

  .jdv-booking-form .jdv-grid > label > input:not([type="checkbox"]),
  .jdv-booking-form .jdv-grid > label > select,
  .jdv-booking-form .jdv-grid > label > textarea {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
  }
}