/* Keep the existing mobile form inside the screen area above the keyboard. */
@media (max-width: 820px), (max-width: 1100px) and (pointer: coarse) {
  #ov.main-booking-overlay,
  #ov-ecole.school-enhanced {
    top: var(--go-form-visible-top, 0px) !important;
    bottom: auto !important;
    height: 100vh;
    height: var(--go-form-visible-height, 100dvh) !important;
  }
  #ov.main-booking-overlay .sh,
  #ov-ecole.school-enhanced .sh {
    box-sizing: border-box;
    min-height: 0;
    max-height: 94vh;
    max-height: min(calc(var(--go-form-visible-height, 100vh) * .94), 920px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-padding-top: 90px;
    scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
  #ov.main-booking-overlay .sb,
  #ov-ecole.school-enhanced .sb {
    padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #ov.main-booking-overlay .sbtn,
  #ov-ecole.school-enhanced .sbtn {
    box-sizing: border-box;
    min-height: 58px;
    height: auto;
    max-width: 100%;
    flex-shrink: 0;
    padding: 16px 14px;
    font-size: 16px !important;
    line-height: 1.4;
    white-space: normal;
    text-align: center;
    scroll-margin-block: 90px;
  }
}
/* The existing desktop-style sheet on touch tablets has a 24px outer inset. */
@media (min-width: 821px) and (max-width: 1100px) and (pointer: coarse) {
  #ov.main-booking-overlay .sh,
  #ov-ecole.school-enhanced .sh {
    max-height: calc(var(--go-form-visible-height, 100dvh) - 48px) !important;
  }
}