.pe-booking,
.pe-contact {
  --peb-ink: #17212b;
  --peb-green: #16708a;
  --peb-paper: #fff;
  --peb-ivory: #f3f9fc;
  --peb-coral: #c7a35a;
  --peb-line: rgba(23, 33, 43, .12);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.pe-booking :where(h2, h3, legend),
.pe-contact :where(h2, h3) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
  font-weight: 750 !important;
  letter-spacing: -.045em;
}

.pe-booking__intro h2 { font-size: clamp(2rem, 3.4vw, 2.9rem); line-height: 1.05; }
.pe-booking__step legend { font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.15; }
.pe-booking__card, .pe-contact__form { background: #fff; }
.pe-calendar, .pe-booking__note, .pe-contact { background: #f3f9fc; }
.pe-contact__form select { width: 100%; min-height: 3rem; padding: .75rem 2.5rem .75rem 1rem; color: #17212b; background: #fff; border: 1px solid #c8d0cc; border-radius: .6rem; font: inherit; }
.pe-contact__form select:focus { outline: 3px solid rgba(22,112,138,.2); border-color: #16708a; }
.pe-contact__form .pe-checkbox { display: flex !important; width: 100%; align-items: flex-start; gap: .75rem; line-height: 1.55; }
.pe-contact__form .pe-checkbox input[type="checkbox"] { flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem; min-height: 1.25rem; margin: .15rem 0 0; padding: 0; }
.pe-contact__form .pe-checkbox span { flex: 1 1 auto; min-width: 0; }
.pe-booking__progress .is-active span, .pe-booking__success-icon { background: #16708a; border-color: #16708a; }
.pe-booking__next, .pe-booking__submit, .pe-contact__submit { color: #17140e; background: #c7a35a; }