/* Keep the booking calendar above the hero and the following section.
   The original hero clipping could hide the open panel on some viewports. */
.hero {
  overflow: visible;
}

.booking-wrap {
  z-index: 40;
}

.date-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  width: min(810px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  transform: translate(-50%, -50%);
  z-index: 100;
}