/* Booking vehicle selector — seven ordered options, 4 desktop columns */
#booking-form .booking-vehicle-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  align-items: stretch !important;
}

@media (min-width: 768px) {
  #booking-form .booking-vehicle-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

#booking-form .booking-vehicle-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 9.6rem !important;
  padding: 1rem !important;
  gap: 0.25rem !important;
  box-sizing: border-box !important;
  border: 2px solid var(--border, #e2e8f0) !important;
  border-radius: 0.75rem !important;
  background: #ffffff !important;
  color: var(--foreground, #111827) !important;
  cursor: pointer !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
}

#booking-form .booking-vehicle-card:hover,
#booking-form .booking-vehicle-card:focus-within {
  border-color: #0ab5b5 !important;
  background: #f0fafa !important;
  box-shadow: 0 0 0 3px rgba(10, 181, 181, 0.12) !important;
}

#booking-form .booking-vehicle-card__icon {
  display: block !important;
  font-size: 1.5rem !important;
  line-height: 1.25 !important;
}

#booking-form .booking-vehicle-card__title {
  display: block !important;
  color: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

#booking-form .booking-vehicle-card__subtitle {
  display: block !important;
  min-height: 2.25rem !important;
  color: rgba(17, 24, 39, 0.62) !important;
  font-size: 0.75rem !important;
  line-height: 1.45 !important;
}

#booking-form .booking-vehicle-card select {
  width: 100% !important;
  margin-top: auto !important;
  padding: 0.375rem 0.75rem !important;
  border: 1px solid var(--border, #e2e8f0) !important;
  border-radius: 0.5rem !important;
  background: var(--background, #ffffff) !important;
  color: var(--foreground, #111827) !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  outline: none !important;
  box-sizing: border-box !important;
}

#booking-form .booking-vehicle-card select:focus {
  border-color: #0ab5b5 !important;
  box-shadow: 0 0 0 2px rgba(10, 181, 181, 0.28) !important;
}

@media (max-width: 430px) {
  #booking-form .booking-vehicle-grid {
    grid-template-columns: 1fr !important;
  }
}