.mobile-booking-app:not([open]) { display: none; }
.mobile-booking-app {
  position: fixed;
  inset: var(--booking-viewport-top, 0px) 0 auto;
  width: 100%;
  max-width: none;
  height: 100vh;
  height: var(--booking-viewport-height, 100dvh);
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #f3f6f9;
  color: #10283c;
  overflow: hidden;
}
.mobile-booking-app[open] { display: flex; flex-direction: column; }
.mobile-booking-app::backdrop { background: #f3f6f9; }
html.booking-app-open, body.booking-app-open { overflow: hidden; overscroll-behavior: none; }
.mobile-booking-app__header {
  flex-shrink: 0;
  padding: calc(8px + env(safe-area-inset-top)) 20px 8px;
  background: #0b2438;
  color: #fff;
}
.mobile-booking-app__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 8px 0 0;
  margin-bottom: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 15px;
}
.mobile-booking-app__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 20px calc(20px + env(safe-area-inset-bottom)); }
.mobile-booking-app .search-item {
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 20px 16px;
  border: 1px solid #d8e2eb;
  border-radius: 16px;
  background: #fff;
  align-items: flex-start;
}
.mobile-booking-app .search-item:focus-within { border-color: #137393; box-shadow: 0 0 0 3px #13739320; }
.mobile-booking-app .search-icon { display: none; }
.mobile-booking-app .search-inputs { width: 100%; min-width: 0; }
.mobile-booking-app .search-inputs label { display: block; margin-bottom: 8px; font-size: 14px; color: #52687b; }
.mobile-booking-app .search-input {
  display: block;
  width: 100%;
  min-height: 28px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  outline: none;
  color: #10283c;
  background: transparent;
}
.mobile-booking-app input[type="date"] { text-align: left; }
.mobile-booking-app input[type="date"]::-webkit-date-and-time-value { text-align: left; }
.mobile-booking-app .pac-container { position: fixed !important; z-index: 10; max-height: min(300px, 40dvh); overflow-y: auto; border-radius: 12px; box-shadow: 0 10px 28px #10283c26; }
.mobile-booking-app .pac-item { padding: 12px 14px; font-size: 13px; line-height: 1.4; white-space: normal; }
.mobile-booking-app .pac-item-query { font-size: 16px; line-height: 1.5; }
@media (max-width: 359px) { .mobile-booking-app__body { padding-left: 14px; padding-right: 14px; } .mobile-booking-app .search-item { padding: 16px 12px; } }