/* Keep the booking details in three complete, evenly spaced rows. */
.blurry-enquire .pi-schedule .pi-booking {
  max-width: 1160px;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  column-gap: clamp(24px, 3vw, 44px);
  padding: 30px;
}

.blurry-enquire .pi-booking > .pi-form {
  gap: 16px;
}

.blurry-enquire .pi-form label {
  margin: 0;
  min-width: 0;
}

.blurry-enquire .pi-contact-row,
.blurry-enquire .pi-timezone-row,
.blurry-enquire .pi-location-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
}

.blurry-enquire .pi-location-row {
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
}

.blurry-enquire .pi-call-summary {
  display: grid;
  gap: 4px;
  padding: 13px 16px;
  border: 1px solid #e1d9f7;
  border-radius: 4px;
  background: #f8f6ff;
}

.blurry-enquire .pi-call-summary span {
  color: #6a56cf;
  font: 800 15px/1.2 var(--patch-display, Arial, sans-serif);
  text-transform: uppercase;
}

.blurry-enquire .pi-call-summary strong {
  color: #30264c;
  font: 16px/1.4 Arial, sans-serif;
  overflow-wrap: anywhere;
}

@media (max-width: 800px) {
  .blurry-enquire .pi-schedule .pi-booking {
    grid-template-columns: minmax(0, 1fr);
    padding: 22px;
  }

  .blurry-enquire .pi-contact-row,
  .blurry-enquire .pi-timezone-row,
  .blurry-enquire .pi-location-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 420px) {
  .blurry-enquire .pi-schedule .pi-booking {
    padding: 16px;
  }
}