/* Modern Telehealth & Public Booking Styles */

/* Universal Scrollbar Elimination for Seamless Single-Screen Experience */
html {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.bk {
  max-width: 1100px;
  border-radius: 20px;
}

.bk__body {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
}

@media (min-width: 921px) {
  body {
    height: 100vh;
    height: 100dvh;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bk {
    max-height: calc(100vh - clamp(14px, 2.5vh, 32px));
    display: flex;
    flex-direction: column;
  }

  .bk__body {
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }

  .rail,
  .main {
    overflow-y: auto;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .rail::-webkit-scrollbar,
  .main::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 920px) {
  .bk__body {
    grid-template-columns: minmax(0, 1fr);
  }
}