/* Keep booking actions centered regardless of the CTA or the clinic design. */
#booking-dialog:modal {
  position: fixed;
  inset: 0;
  margin: auto;
  max-height: calc(100dvh - 1rem);
  overscroll-behavior: contain;
}

@media (max-width: 1100px) {
  #appointment-modal.appointment-overlay {
    align-items: center;
    justify-content: center;
    padding: .5rem;
  }

  #appointment-modal > .appointment-sheet {
    max-height: calc(100dvh - 1rem);
  }
}