/* Homepage mobile: fullscreen module search sheet (all tabs) */
@import url('module-search-autocomplete.css');

/* Mobile-only flight markup — hidden on all viewports unless sheet is open (mobile) */
.flight-msheet-ui {
  display: none !important;
}

@media (min-width: 768px) {
  .home-mobile-search-sheet {
    display: none !important;
  }

  .flight-msheet-ui,
  .flight-msheet-cabin-col,
  .flight-msheet-pax-inline,
  .add-return-date-hint {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    pointer-events: none !important;
  }
}

@media (max-width: 767px) {
  .hero-slider-wrapper .searcharea .tab-content .tab-pane {
    display: none !important;
  }

  .hero-slider-wrapper .searcharea,
  .hero-slider-wrapper .secndblak {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .hero-slider-wrapper .secndblak::before,
  .hero-slider-wrapper .secndblak::after {
    display: none !important;
  }

  .home-mobile-search-sheet {
    display: none;
  }

  body.home-mobile-sheet-open .home-mobile-search-sheet {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: 0;
    z-index: 10050;
    background: var(--color-bg-secondary, #f3f4f6);
  }

  body.home-mobile-sheet-open .home-mobile-search-sheet.is-open {
    animation: homeMobileSheetIn 0.36s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  body.home-mobile-sheet-open .home-mobile-search-sheet__scroll > .home-mobile-sheet-pane {
    animation: homeMobileFadeUp 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
  }

  body.home-mobile-sheet-open .home-mobile-search-sheet__header {
    animation: homeMobileFadeUp 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  body.home-mobile-sheet-open .home-mobile-search-sheet__footer {
    animation: homeMobileFadeUp 0.34s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
  }

  @media (prefers-reduced-motion: reduce) {
    body.home-mobile-sheet-open .home-mobile-search-sheet.is-open,
    body.home-mobile-sheet-open .home-mobile-search-sheet__header,
    body.home-mobile-sheet-open .home-mobile-search-sheet__footer,
    body.home-mobile-sheet-open .home-mobile-search-sheet__scroll > .home-mobile-sheet-pane {
      animation: none !important;
    }

    .home-mobile-search-sheet__back,
    .home-mobile-search-sheet__submit {
      transition: none;
    }
  }

  .home-mobile-search-sheet__header {
    display: flex;
    align-items: center;
    gap: var(--spacing-3, 12px);
    padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
    background: var(--color-bg-primary, #fff);
    border-bottom: 1px solid var(--border-color-light, #e5e7eb);
    flex-shrink: 0;
  }

  .home-mobile-search-sheet__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--color-text-primary, #111);
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
  }

  .home-mobile-search-sheet__back:active {
    transform: scale(0.92);
    background: rgba(0, 0, 0, 0.06);
  }

  .home-mobile-search-sheet__title {
    margin: 0;
    font-size: var(--font-size-lg, 18px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-primary, #111);
  }

  .home-mobile-search-sheet__scroll {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 12px 16px 16px;
    background: var(--color-bg-secondary, #f3f4f6);
  }

  .home-mobile-search-sheet__footer {
    flex-shrink: 0;
    padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
    padding-bottom: calc(var(--spacing-3, 12px) + env(safe-area-inset-bottom, 0px));
    background: var(--color-bg-primary, #fff);
    border-top: 1px solid var(--border-color-light, #e5e7eb);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
  }

  .home-mobile-search-sheet__submit {
    display: block;
    width: 100%;
    padding: var(--spacing-4, 16px);
    border: none;
    border-radius: var(--border-radius-lg, 12px);
    background: linear-gradient(135deg, var(--color-primary-primary, #008cff) 0%, #3b82f6 100%);
    color: #fff;
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .home-mobile-search-sheet__submit:active:not(.is-disabled) {
    transform: scale(0.98);
  }

  .home-mobile-search-sheet__submit.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  /* Shared card layout inside sheet */
  body.home-mobile-sheet-open .home-mobile-sheet-pane {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open .home-mobile-sheet-pane .lablform,
  body.home-mobile-sheet-open .home-mobile-sheet-pane .lablform2 {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    font-size: 10px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280);
    margin-bottom: 0 !important;
    padding-left: 0;
  }

  body.home-mobile-sheet-open .home-mobile-sheet-pane .padfive {
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    padding: 14px 48px 14px 16px !important;
    margin-bottom: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    position: relative;
    box-sizing: border-box;
  }

  /* Flight sheet — clean canvas, no nested grey blocks */
  body.home-mobile-sheet-open #flight,
  body.home-mobile-sheet-open #flight #flight_form,
  body.home-mobile-sheet-open #flight .tabspl,
  body.home-mobile-sheet-open #flight .tabrow,
  body.home-mobile-sheet-open #flight .trvlhdr-optn,
  body.home-mobile-sheet-open #flight .flightSearchNavigation-f,
  body.home-mobile-sheet-open #flight #onw_rndw_fieldset,
  body.home-mobile-sheet-open #flight .thrdtraveller {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Flight module — MMT-style layout */
  body.home-mobile-sheet-open #flight #flight_form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.home-mobile-sheet-open #flight .trvlhdr-optn {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #flight .trvlhdr,
  body.home-mobile-sheet-open #flight .flightSearchNavigation-f .trvlhdr {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway .wament.active,
  body.home-mobile-sheet-open #flight #flight_form .smalway .wament:has(input[type="radio"]:checked) {
    background: var(--color-bg-primary, #fff) !important;
    color: var(--color-primary-primary, #008cff) !important;
    border: 2px solid var(--color-primary-primary, #008cff) !important;
    font-weight: var(--font-weight-semibold, 600) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.home-mobile-sheet-open #flight .flightSearchNavigation-f {
    width: 100%;
    margin: 0 !important;
    gap: 0 !important;
  }

  body.home-mobile-sheet-open #flight .tabspl,
  body.home-mobile-sheet-open #flight .tabrow {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open .home-mobile-sheet-pane .flight-search-submit-col,
  body.home-mobile-sheet-open .home-mobile-sheet-pane .searchsbmtfot,
  body.home-mobile-sheet-open .home-mobile-sheet-pane .sightSeeningBtn,
  body.home-mobile-sheet-open .home-mobile-sheet-pane input[type="submit"],
  body.home-mobile-sheet-open .home-mobile-sheet-pane button[type="submit"] {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight .flight-mobile-special-fares {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway {
    display: flex !important;
    flex-direction: row !important;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-full, 999px) !important;
    padding: 2px !important;
    gap: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: visible !important;
    float: none !important;
    position: relative !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway .wament {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 6px 4px !important;
    margin: 0 !important;
    border-radius: var(--border-radius-full, 999px) !important;
    font-size: var(--font-size-xs, 12px) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    animation: none !important;
    color: var(--color-text-secondary, #4b5563) !important;
    letter-spacing: normal !important;
    z-index: auto !important;
    position: relative !important;
    box-sizing: border-box !important;
    border: 2px solid transparent !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway .wament::before,
  body.home-mobile-sheet-open #flight #flight_form .smalway .wament::after {
    display: none !important;
    content: none !important;
    animation: none !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway .wament .trip-icon {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway .wament span {
    font-size: var(--font-size-xs, 12px) !important;
    font-weight: var(--font-weight-medium, 500) !important;
    color: inherit !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway .wament:not(.active):not(:has(input[type="radio"]:checked)):hover {
    background: transparent !important;
    color: var(--color-text-secondary, #4b5563) !important;
    transform: none !important;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .smalway .direct-flight-nav-item {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight #flight_form .flightSearchNavigation-f {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset > .placerows,
  body.home-mobile-sheet-open #flight #onw_rndw_fieldset > .secndates {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .placerows {
    flex-wrap: nowrap;
    gap: 10px;
    position: relative;
    min-height: 0;
    align-items: stretch;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .placerows .col-6,
  body.home-mobile-sheet-open #flight .secndates .col-6 {
    width: calc(100% - 5px) !important;
    flex: 1 1 calc(100% - 5px) !important;
    max-width: calc(100% - 5px) !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .placerows .col-6 > .padfive,
  body.home-mobile-sheet-open #flight .secndates .col-6 > .padfive,
  body.home-mobile-sheet-open #flight .secndates .col-6 > .return-date-field {
    flex: 1 1 auto;
    width: 100%;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .placerows > .col-6:first-child .padfive,
  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .placerows > .col-6:nth-child(2) .padfive {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body.home-mobile-sheet-open #flight .plcetogo.deprtures .field-icon,
  body.home-mobile-sheet-open #flight .plcetogo.destinatios .field-icon {
    display: none;
  }

  body.home-mobile-sheet-open #flight .secndates {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0 !important;
    align-items: stretch;
  }

  body.home-mobile-sheet-open #flight .padfive {
    height: auto !important;
    min-height: 76px;
    border-right: none !important;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
    box-sizing: border-box;
  }

  body.home-mobile-sheet-open #flight .lablform {
    position: static !important;
    top: auto !important;
    left: auto !important;
    padding-left: 0 !important;
    margin-bottom: 4px !important;
    line-height: 1.2;
    flex-shrink: 0;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller.padfive {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.home-mobile-sheet-open #flight .sidebord {
    border: none !important;
  }

  body.home-mobile-sheet-open #flight .plcetogo.deprtures,
  body.home-mobile-sheet-open #flight .plcetogo.destinatios {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    gap: 2px;
    padding-left: 0 !important;
    overflow: hidden;
    min-height: 0;
  }

  body.home-mobile-sheet-open #flight .plcetogo.deprtures input,
  body.home-mobile-sheet-open #flight .plcetogo.destinatios input {
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-bold, 700);
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    min-height: 0;
    height: auto !important;
    float: none !important;
    position: relative !important;
    order: 1;
  }

  body.home-mobile-sheet-open #flight .airport_value {
    display: block !important;
    float: none !important;
    position: relative !important;
    order: 2;
    font-size: var(--font-size-xs, 12px);
    color: var(--color-text-muted, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto !important;
    padding-left: 0 !important;
    line-height: 1.3;
  }

  body.home-mobile-sheet-open #flight .secndates .col-6 > .padfive,
  body.home-mobile-sheet-open #flight .secndates .col-6 > .return-date-field {
    padding: 14px 14px 14px 16px !important;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box;
    gap: 6px;
    justify-content: center;
  }

  body.home-mobile-sheet-open #flight .return-date-field .return-date-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
  }

  body.home-mobile-sheet-open #flight .hotel-date-display-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100%;
    padding: 0 !important;
    position: relative;
    cursor: pointer;
  }

  body.home-mobile-sheet-open #flight .hotel-date-display-field .hotel-date-display {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1.35;
    text-align: left;
    color: var(--color-text-primary, #111);
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  body.home-mobile-sheet-open #flight .hotel-date-display-field .field-icon,
  body.home-mobile-sheet-open #flight .hotel-date-display-field .field-icons {
    display: inline-flex !important;
    visibility: visible !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 20px !important;
    color: var(--color-text-muted, #6b7280);
    pointer-events: none;
  }

  body.home-mobile-sheet-open #flight .plcetogo.datepicker_new2 .field-icons {
    display: inline-flex !important;
    visibility: visible !important;
  }

  body.home-mobile-sheet-open #flight .return-date-field {
    position: relative;
    min-height: 76px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  body.home-mobile-sheet-open #flight .return-date-field .padfive {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 76px;
    height: 100%;
  }

  body.home-mobile-sheet-open #flight .return-date-field .return-date-wrapper {
    min-height: 0;
    flex: 1 1 auto;
  }

  body.home-mobile-sheet-open #flight .flight-swap-btn {
    position: absolute;
    left: 50%;
    top: calc(50% + 10px);
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
    background: var(--color-bg-primary, #fff);
    border: 1px solid var(--border-color-light, #e5e7eb);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }

  body.home-mobile-sheet-open #flight .flight-swap-btn i {
    font-size: 18px;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .placerows > .col-6:first-child,
  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .placerows > .col-6:nth-child(2) {
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body.home-mobile-sheet-open #flight .return-date-field:has(#flight_datepicker2:not([disabled])) .return-date-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.home-mobile-sheet-open #flight .return-date-field:has(#flight_datepicker2[disabled]) .return-date-wrapper {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home-mobile-sheet-open #flight .return-date-field:has(#flight_datepicker2:not([disabled])) .add-return-date-overlay {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight .add-return-date-overlay {
    position: absolute;
    inset: 0;
    z-index: 4;
    min-height: 100%;
    height: 100%;
    border: 1px dashed var(--color-primary-primary, #008cff) !important;
    border-radius: var(--border-radius-lg, 12px);
    background: var(--color-bg-primary, #fff) !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body.home-mobile-sheet-open #flight .add-return-date-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    padding: 8px;
  }

  body.home-mobile-sheet-open #flight .add-return-date-text {
    color: var(--color-primary-primary, #008cff) !important;
    font-size: var(--font-size-xs, 12px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  body.home-mobile-sheet-open #flight .add-return-date-overlay .material-icons {
    display: none;
  }

  body.home-mobile-sheet-open #flight .add-return-date-text::before {
    content: '+ ';
  }

  body.home-mobile-sheet-open #flight .tabrow > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin-top: 10px !important;
  }

  body.home-mobile-sheet-open #flight .mobile_label {
    text-transform: uppercase;
  }

  body.home-mobile-sheet-open #flight #onw_rndw_fieldset .padfive,
  body.home-mobile-sheet-open #flight .thrdtraveller .totlall {
    min-height: 76px;
  }

  body.home-mobile-sheet-open #flight .flight-msheet-ui.add-return-date-hint {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
    font-size: 11px;
    color: var(--color-text-muted, #6b7280);
    font-weight: var(--font-weight-normal, 400);
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.3;
  }

  body.home-mobile-sheet-open #flight .special-fares-container.special-fares-nav-side {
    width: 100%;
    margin: 0 !important;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 0;
    background: transparent !important;
    border: none;
    box-shadow: none;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fares-label {
    font-size: 11px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280);
    margin: 0;
    padding: 0;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fares-label .material-icons {
    display: none;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fares-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, auto));
    gap: 10px;
    width: 100%;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-item:nth-child(3):last-child {
    grid-column: auto;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-item {
    flex: none;
    min-width: 0;
    width: 100%;
    padding: 12px;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 48px;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-item.is-checked,
  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-item:has(.special-fare-native-checkbox:checked) {
    border-color: var(--color-primary-primary, #008cff) !important;
    background: rgba(0, 140, 255, 0.04) !important;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-box {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-text {
    color: var(--color-text-primary, #111) !important;
    font-size: var(--font-size-sm, 14px) !important;
    font-weight: var(--font-weight-medium, 500) !important;
  }

  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-item.is-checked .special-fare-text,
  body.home-mobile-sheet-open #flight .special-fares-nav-side .special-fare-native-checkbox:checked ~ .special-fare-text {
    color: var(--color-primary-primary, #008cff) !important;
    font-weight: var(--font-weight-semibold, 600) !important;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller > .mobile_width {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    display: block !important;
  }

  body.home-mobile-sheet-open #flight .flight-msheet-ui.flight-msheet-cabin-col {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller .totlall {
    position: relative;
    background: var(--color-bg-primary, #fff);
    border: 1px solid var(--border-color-light, #e5e7eb);
    border-radius: var(--border-radius-lg, 12px);
    padding: 12px 36px 12px 12px;
    min-height: 76px;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller .traveler-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    flex: 1;
    min-width: 0;
    padding: 0;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller .totlall .field-icon-left {
    position: absolute;
    right: 12px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-muted, #6b7280);
    font-size: 22px;
    margin: 0;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller .total_pax_count {
    display: block;
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-primary, #111);
    line-height: 1.3;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller .traveler-subline {
    display: block;
    font-size: var(--font-size-xs, 12px);
    color: var(--color-text-muted, #6b7280);
    margin-top: 2px;
    line-height: 1.3;
  }

  body.home-mobile-sheet-open #flight .flight-msheet-pax-inline {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller > .mobile_width .lablform {
    margin-bottom: 4px !important;
    min-height: 0;
    line-height: 1.2;
  }

  body.home-mobile-sheet-open #flight .tabrow {
    display: flex;
    flex-direction: column;
  }

  /* ============================================================
     Non-flight modules — MMT-style mobile sheet field system
     ============================================================ */

  body.home-mobile-sheet-open #hotel,
  body.home-mobile-sheet-open #hotel #hotel_search,
  body.home-mobile-sheet-open #hotel .tabspl,
  body.home-mobile-sheet-open #bus,
  body.home-mobile-sheet-open #bus #bus_form,
  body.home-mobile-sheet-open #bus .tabspl,
  body.home-mobile-sheet-open #transfer,
  body.home-mobile-sheet-open #transfer #trasfer,
  body.home-mobile-sheet-open #transfer .tabspl,
  body.home-mobile-sheet-open #transfer .intabs,
  body.home-mobile-sheet-open #car,
  body.home-mobile-sheet-open #car #car_form,
  body.home-mobile-sheet-open #car .tabspl,
  body.home-mobile-sheet-open #holiday,
  body.home-mobile-sheet-open #holiday #holiday_search,
  body.home-mobile-sheet-open #holiday #holiday_modify_search,
  body.home-mobile-sheet-open #holiday .tabspl,
  body.home-mobile-sheet-open #sightseeing,
  body.home-mobile-sheet-open #sightseeing #activity_search,
  body.home-mobile-sheet-open #sightseeing .tabspl {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  body.home-mobile-sheet-open #hotel #hotel_search,
  body.home-mobile-sheet-open #bus #bus_form,
  body.home-mobile-sheet-open #transfer #trasfer,
  body.home-mobile-sheet-open #car #car_form,
  body.home-mobile-sheet-open #holiday #holiday_search,
  body.home-mobile-sheet-open #holiday #holiday_modify_search,
  body.home-mobile-sheet-open #sightseeing #activity_search {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Override homepage inline .padfive / .hotel_total borders */
  body.home-mobile-sheet-open #hotel .padfive,
  body.home-mobile-sheet-open #hotel .hotel_total,
  body.home-mobile-sheet-open #bus .bus_field_inner,
  body.home-mobile-sheet-open #transfer .padfive,
  body.home-mobile-sheet-open #transfer .totlall,
  body.home-mobile-sheet-open #car .padfive,
  body.home-mobile-sheet-open #holiday .padfive,
  body.home-mobile-sheet-open #sightseeing .padfive {
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  }

  /* Strip legacy inner borders only — never on card containers */
  body.home-mobile-sheet-open #hotel .sidebord,
  body.home-mobile-sheet-open #hotel .plcetogo.bordrt,
  body.home-mobile-sheet-open #hotel .full_clear:not(.padfive),
  body.home-mobile-sheet-open #bus .plcetogo.bordrt,
  body.home-mobile-sheet-open #transfer .sidebord,
  body.home-mobile-sheet-open #transfer .borderinp,
  body.home-mobile-sheet-open #transfer .relativemask.bordrt,
  body.home-mobile-sheet-open #car .relativemask.bordrt,
  body.home-mobile-sheet-open #holiday .sidebord,
  body.home-mobile-sheet-open #sightseeing .sidebord {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Shared field card */
  body.home-mobile-sheet-open #hotel .padfive,
  body.home-mobile-sheet-open #bus .bus_field_inner,
  body.home-mobile-sheet-open #transfer .padfive,
  body.home-mobile-sheet-open #car .padfive,
  body.home-mobile-sheet-open #holiday .padfive,
  body.home-mobile-sheet-open #sightseeing .padfive {
    min-height: 76px;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    margin: 0 !important;
    border-right: none !important;
    float: none !important;
  }

  /* Kill homepage / media.css padfive padding + holiday icon offsets inside sheet */
  body.home-mobile-sheet-open .tabspl.forhotelonly {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open .tabspl.forhotelonly .field-icon,
  body.home-mobile-sheet-open .tabspl.forhotelonly .field-icon-right {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
  }

  body.home-mobile-sheet-open #hotel .lablform,
  body.home-mobile-sheet-open #bus .lablform,
  body.home-mobile-sheet-open #transfer .lablform,
  body.home-mobile-sheet-open #car .lablform,
  body.home-mobile-sheet-open #holiday .lablform,
  body.home-mobile-sheet-open #sightseeing .lablform {
    position: static !important;
    top: auto !important;
    left: auto !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2;
    flex-shrink: 0;
    font-size: 10px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280) !important;
    -webkit-text-fill-color: var(--color-text-muted, #6b7280) !important;
    pointer-events: none;
  }

  /* Location / text field internals */
  body.home-mobile-sheet-open #hotel .hotel-destination-input-wrap,
  body.home-mobile-sheet-open #hotel .plcetogo:not(.hotel-date-display-field),
  body.home-mobile-sheet-open #bus .plcetogo:not(.hotel-date-display-field),
  body.home-mobile-sheet-open #transfer .relativemask:not(.hotel-date-display-field),
  body.home-mobile-sheet-open #transfer .plcemark,
  body.home-mobile-sheet-open #car .relativemask:not(.hotel-date-display-field),
  body.home-mobile-sheet-open #sightseeing .plcetogo:not(.hotel-date-display-field) {
    display: block !important;
    flex: 0 0 auto;
    min-height: 0 !important;
    padding: 0 !important;
    position: static !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer;
  }

  body.home-mobile-sheet-open #hotel .hotel-destination-input-wrap {
    padding-top: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-date-display-field,
  body.home-mobile-sheet-open #bus .hotel-date-display-field,
  body.home-mobile-sheet-open #transfer .hotel-date-display-field,
  body.home-mobile-sheet-open #car .hotel-date-display-field,
  body.home-mobile-sheet-open #sightseeing .hotel-date-display-field {
    display: block !important;
    flex: 0 0 auto;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    position: static !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer;
  }

  body.home-mobile-sheet-open #hotel .hotel-date-display-field .hotel-date-display,
  body.home-mobile-sheet-open #bus .hotel-date-display-field .hotel-date-display,
  body.home-mobile-sheet-open #transfer .hotel-date-display-field .hotel-date-display,
  body.home-mobile-sheet-open #car .hotel-date-display-field .hotel-date-display,
  body.home-mobile-sheet-open #sightseeing .hotel-date-display-field .hotel-date-display {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    font-weight: var(--font-weight-bold, 700) !important;
    line-height: 1.35;
    text-align: left;
    color: var(--color-text-primary, #111) !important;
    -webkit-text-fill-color: var(--color-text-primary, #111) !important;
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  body.home-mobile-sheet-open #flight .secndates .lablform {
    font-size: 10px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280);
    margin-bottom: 0 !important;
    line-height: 1.2;
    flex-shrink: 0;
  }

  /* Final override — show full formatted dates in mobile sheet (all modules) */
  body.home-mobile-sheet-open .home-mobile-sheet-pane .hotel-date-display-field .hotel-date-display {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap;
    color: var(--color-text-primary, #111) !important;
    -webkit-text-fill-color: var(--color-text-primary, #111) !important;
  }

  /* Icons anchored to the card, not inner wrappers */
  body.home-mobile-sheet-open #hotel .padfive .field-icon,
  body.home-mobile-sheet-open #hotel .padfive .field-icon-right,
  body.home-mobile-sheet-open #hotel .padfive .hotel-destination-icon,
  body.home-mobile-sheet-open #hotel .hotel-destination-cell .field-icon,
  body.home-mobile-sheet-open #hotel .hotel-destination-cell .field-icon-right,
  body.home-mobile-sheet-open #hotel .hotel-destination-cell .hotel-destination-icon,
  body.home-mobile-sheet-open #hotel .hotel_total .field-icon-left-hotel,
  body.home-mobile-sheet-open #bus .bus_field_inner .field-icon,
  body.home-mobile-sheet-open #transfer .padfive .field-icon,
  body.home-mobile-sheet-open #car .padfive .field-icon,
  body.home-mobile-sheet-open #holiday .padfive .field-icon,
  body.home-mobile-sheet-open #sightseeing .padfive .field-icon {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 20px !important;
    color: var(--color-text-muted, #6b7280);
    z-index: 2 !important;
  }

  body.home-mobile-sheet-open #hotel #hotel_destination_search_name,
  body.home-mobile-sheet-open #bus #bus-station-from,
  body.home-mobile-sheet-open #bus #bus-station-to,
  body.home-mobile-sheet-open #transfer #transfer_from,
  body.home-mobile-sheet-open #transfer #transfer_to,
  body.home-mobile-sheet-open #car #car_from,
  body.home-mobile-sheet-open #car #car_to,
  body.home-mobile-sheet-open #sightseeing #activity_destination_search_name {
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    text-transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    min-height: 0;
    height: auto !important;
    line-height: 1.35;
    color: var(--color-text-primary, #111) !important;
    -webkit-text-fill-color: var(--color-text-primary, #111) !important;
    caret-color: var(--color-text-primary, #111) !important;
  }

  body.home-mobile-sheet-open #hotel .ui-autocomplete,
  body.home-mobile-sheet-open #bus .ui-autocomplete,
  body.home-mobile-sheet-open #transfer .ui-autocomplete,
  body.home-mobile-sheet-open #car .ui-autocomplete,
  body.home-mobile-sheet-open #sightseeing .ui-autocomplete {
    display: none !important;
  }

  /* ---- Hotel ---- */
  body.home-mobile-sheet-open #hotel .tabspl,
  body.home-mobile-sheet-open #hotel .hotel-form {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .tabrow {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .tabrow > [class*="col-"],
  body.home-mobile-sheet-open #hotel .tabrow > .nopad {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-col-dates {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-col-dates > [class*="col-"] {
    flex: 1 1 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-col-dates > [class*="col-"] > .padfive {
    width: 100%;
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 14px 48px 14px 16px !important;
    height: auto !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-col-dates > [class*="col-"] > .padfive .lablform {
    flex-shrink: 0;
    margin-bottom: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-col-dates > [class*="col-"] > .padfive .hotel-date-display-field {
    flex: 0 0 auto;
  }

  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .hotel-col-dates > .col-md-6.padfive,
  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .hotel-col-dates > .col-6.padfive {
    padding: 14px 48px 14px 16px !important;
    height: auto !important;
    min-height: 76px !important;
    justify-content: center !important;
  }

  /* Destination — outer padfive is a shell; inner cell is the padded card (same as guest) */
  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .hotel-col-destination.padfive {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .hotel-col-destination .hotel-destination-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
    width: 100%;
    min-height: 76px;
    height: auto !important;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  }

  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .lablform,
  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .lablform.mobile_label {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .hotel-destination-row,
  body.home-mobile-sheet-open #hotel .tabspl.forhotelonly.modifySearchHotel .hotel-destination-input-wrap {
    height: auto !important;
    min-height: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-col-destination.padfive {
    width: 100%;
    min-height: 0;
    display: block;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-destination-row {
    flex: 1;
    min-width: 0;
  }

  body.home-mobile-sheet-open #hotel #hotel_destination_search_name {
    pointer-events: none;
    cursor: pointer;
  }

  body.home-mobile-sheet-open #hotel .hotel-destination-input-wrap,
  body.home-mobile-sheet-open #hotel .hotel-destination-row {
    cursor: pointer;
  }

  body.home-mobile-sheet-open #hotel .hotel_total {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    cursor: pointer;
    min-height: 76px;
    padding: 14px 48px 14px 16px !important;
    gap: 6px;
  }

  body.home-mobile-sheet-open #hotel .hotel_total::after,
  body.home-mobile-sheet-open #hotel .hotel_total::before {
    display: none !important;
    content: none !important;
  }

  body.home-mobile-sheet-open #hotel .hotel_total .lablform {
    order: 0;
    text-align: left !important;
    width: 100%;
    margin-bottom: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel_total .field-icon-left-hotel {
    position: absolute !important;
    right: 16px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 22px !important;
    order: 2;
  }

  body.home-mobile-sheet-open #hotel .hotel_total #hotel-pax-summary {
    display: block;
    order: 1;
    text-align: left !important;
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-primary, #111) !important;
    -webkit-text-fill-color: var(--color-text-primary, #111) !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel_total .roomcount.htl-guest-dropdown {
    display: none !important;
  }

  body.home-mobile-sheet-open #hotel .mobile_width {
    width: 100% !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .padfive.mobile_width:has(.hotel_total),
  body.home-mobile-sheet-open #hotel .nopad > .padfive:has(.hotel_total) {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotel-form {
    margin-top: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .normalinput,
  body.home-mobile-sheet-open #hotel .form-control {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home-mobile-sheet-open #hotel .hotelToAppendPicker {
    display: none !important;
  }

  /* ---- Bus ---- */
  body.home-mobile-sheet-open #bus .tabspl.forbusonly,
  body.home-mobile-sheet-open #bus .bus_form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.home-mobile-sheet-open #bus .bus_search_row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100%;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    grid-template-columns: unset !important;
  }

  body.home-mobile-sheet-open #bus .bus_field_col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
  }

  body.home-mobile-sheet-open #bus .bus_field_col:not(:last-child) {
    border-right: none !important;
    border-bottom: none !important;
  }

  body.home-mobile-sheet-open #bus .bus_field_col--date {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.home-mobile-sheet-open #bus .bus_field_col--submit {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #bus .bus_form .lablform {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: var(--font-weight-semibold, 600) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280) !important;
    line-height: 1.2 !important;
    pointer-events: none;
  }

  body.home-mobile-sheet-open #bus .bus_field_inner {
    width: 100%;
    min-height: 76px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  }

  body.home-mobile-sheet-open #bus .bus_field_inner .plcetogo {
    display: block !important;
    position: static !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }

  body.home-mobile-sheet-open #bus .bus_field_inner .hotel-date-display-field .hotel-date-display {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    line-height: 1.3;
    text-align: left;
    color: var(--color-text-primary, #111);
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  body.home-mobile-sheet-open #bus .bus_form .normalinput,
  body.home-mobile-sheet-open #bus .bus_form .plcetogo input.normalinput,
  body.home-mobile-sheet-open #bus .bus_form .plcetogo .form-control {
    padding: 0 !important;
    margin: 0 !important;
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.home-mobile-sheet-open #bus .bus_field_inner .field-icon,
  body.home-mobile-sheet-open #bus .bus_field_inner .field-icon-right {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 20px !important;
    color: var(--color-text-muted, #6b7280);
    z-index: 2 !important;
  }

  body.home-mobile-sheet-open #bus #bus-station-from,
  body.home-mobile-sheet-open #bus #bus-station-to {
    pointer-events: none;
    cursor: pointer;
  }

  /* ---- Transfer ---- */
  body.home-mobile-sheet-open #transfer .intabs {
    float: none !important;
    margin-top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.home-mobile-sheet-open #transfer .waywy {
    margin: 0 0 10px !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-trip-toggle {
    display: flex !important;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-full, 999px) !important;
    padding: 2px !important;
    margin: 0 !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-trip-toggle .wament {
    flex: 1 1 0 !important;
    min-height: 34px !important;
    border-radius: var(--border-radius-full, 999px) !important;
    border: 2px solid transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--color-text-secondary, #6b7280) !important;
    background: transparent !important;
    font-size: var(--font-size-sm, 14px) !important;
    font-weight: var(--font-weight-medium, 500) !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-trip-toggle .wament:hover {
    color: var(--color-text-primary, #111) !important;
    background: var(--color-bg-secondary, #f3f4f6) !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-trip-toggle .wament.active,
  body.home-mobile-sheet-open #transfer .transfer-trip-toggle .wament:has(input[type="radio"]:checked) {
    background: var(--color-bg-primary, #fff) !important;
    color: var(--color-primary-primary, #008cff) !important;
    border-color: var(--color-primary-primary, #008cff) !important;
    font-weight: var(--font-weight-semibold, 600) !important;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-trip-toggle .trip-icon {
    display: none !important;
  }

  /* Break desktop grid — stacked individual cards */
  body.home-mobile-sheet-open #transfer .outsideserach,
  body.home-mobile-sheet-open #transfer .outsideserach.transfer-search-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100%;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    grid-template-columns: unset !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-search-row > div {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    min-width: 0;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-from-to-col {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-dates-col {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-from-to-col > .fiveh:not(:last-child),
  body.home-mobile-sheet-open #transfer .transfer-dates-col > .fiveh:not(:last-child) {
    border-right: none !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-from-to-col > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-dates-col > [class*="col-"] {
    flex: 1 1 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-travellers-col {
    width: 100% !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-travellers-col > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-mobile-sheet-open #transfer .intabs .fiveh {
    height: auto !important;
    min-height: 0 !important;
  }

  body.home-mobile-sheet-open #transfer .intabs .outsideserach .padfive.border_btms,
  body.home-mobile-sheet-open #transfer .intabs .outsideserach .transfer-travellers-field.border_btms {
    border-bottom: none !important;
  }

  /* Outer field shells — transparent wrappers */
  body.home-mobile-sheet-open #transfer .transfer-from-to-col > .padfive.fiveh,
  body.home-mobile-sheet-open #transfer .transfer-dates-col > .padfive.fiveh,
  body.home-mobile-sheet-open #transfer .transfer-travellers-field.padfive {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-from-to-col .borderinp {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* From / To inner cards */
  body.home-mobile-sheet-open #transfer .transfer-from-to-col .marginbotom10 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 76px;
    height: auto !important;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
  }

  /* Departure / Return inner cards */
  body.home-mobile-sheet-open #transfer .transfer-dates-col > .padfive .borderinp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 76px;
    height: auto !important;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  }

  /* Travellers inner card */
  body.home-mobile-sheet-open #transfer .transfer-travellers-field .borderinp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 76px;
    height: auto !important;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  }

  body.home-mobile-sheet-open #transfer .intabs .lablform,
  body.home-mobile-sheet-open #transfer .intabs .mobile_label {
    position: static !important;
    float: none !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280);
    line-height: 1.2;
    pointer-events: none;
  }

  body.home-mobile-sheet-open #transfer .transfer-from-to-col .relativemask,
  body.home-mobile-sheet-open #transfer .transfer-dates-col .relativemask,
  body.home-mobile-sheet-open #transfer .transfer-from-to-col .plcemark,
  body.home-mobile-sheet-open #transfer .transfer-dates-col .datemark {
    display: block !important;
    position: static !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.home-mobile-sheet-open #transfer .intabs .normalinput,
  body.home-mobile-sheet-open #transfer .intabs .fromtransfer,
  body.home-mobile-sheet-open #transfer .intabs .departtransfer,
  body.home-mobile-sheet-open #transfer .intabs .forminput {
    padding: 0 !important;
    margin: 0 !important;
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.home-mobile-sheet-open #transfer .transfer-dates-col .hotel-date-display-field .hotel-date-display {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    line-height: 1.3;
    text-align: left;
    color: var(--color-text-primary, #111);
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  body.home-mobile-sheet-open #transfer .transfer-from-to-col .marginbotom10 .field-icon,
  body.home-mobile-sheet-open #transfer .transfer-from-to-col .marginbotom10 .field-icon-right,
  body.home-mobile-sheet-open #transfer .transfer-dates-col .borderinp .field-icon,
  body.home-mobile-sheet-open #transfer .transfer-dates-col .borderinp .field-icon-right,
  body.home-mobile-sheet-open #transfer .transfer-travellers-field .borderinp .field-icon,
  body.home-mobile-sheet-open #transfer .transfer-travellers-field .borderinp .field-icon-left {
    position: absolute !important;
    right: 16px !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 20px !important;
    color: var(--color-text-muted, #6b7280);
    z-index: 2 !important;
  }

  body.home-mobile-sheet-open #transfer .marginbotom10 {
    margin-bottom: 0 !important;
  }

  body.home-mobile-sheet-open #transfer #transfer_from,
  body.home-mobile-sheet-open #transfer #transfer_to {
    pointer-events: none;
    cursor: pointer;
  }

  body.home-mobile-sheet-open #transfer .transfer-traveller-totlall,
  body.home-mobile-sheet-open #transfer .thrdtraveller .totlall {
    position: static !important;
    display: block !important;
    cursor: pointer;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: 0;
  }

  body.home-mobile-sheet-open #transfer .transfer-travellers-field.padfive {
    min-height: 0 !important;
    display: block !important;
    gap: 0;
  }

  body.home-mobile-sheet-open #transfer .transfer-travellers-field .lablform {
    margin-bottom: 0 !important;
    flex-shrink: 0;
  }

  body.home-mobile-sheet-open #transfer .transfer-traveller-totlall .field-icon-left,
  body.home-mobile-sheet-open #transfer .thrdtraveller .totlall .field-icon-left {
    position: absolute !important;
    right: 16px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 22px !important;
  }

  body.home-mobile-sheet-open #transfer .total_pax_count {
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-primary, #111);
    line-height: 1.3;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.home-mobile-sheet-open #transfer .traveler-box-content {
    padding: 0 !important;
    min-width: 0;
  }

  body.home-mobile-sheet-open #transfer .roomcount.pax_count_div {
    display: none !important;
  }

  body.home-mobile-sheet-open #transfer .transfer_srch_btn,
  body.home-mobile-sheet-open #transfer .transfer_search_submit,
  body.home-mobile-sheet-open #transfer .flight-search-submit-col {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* ---- Car ---- */
  body.home-mobile-sheet-open #car .car_form_options_bar {
    margin-bottom: 4px;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_form_options_bar_inner {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  body.home-mobile-sheet-open #car .car_form_search_card .tabrow {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  body.home-mobile-sheet-open #car .outsideserach.custom_divclass {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
  }

  body.home-mobile-sheet-open #car .cr_plce > [class*="col-"] {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.home-mobile-sheet-open #car .date_time_picker {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #car .date_time_picker_item {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #car .date_time_picker_item > [class*="col-"] {
    flex: 1 1 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
  }

  /* Car search card shell — fields are individual white cards */
  body.home-mobile-sheet-open #car .car_form_search_card.tabspl.forbusonly {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_form .bordrt.padfive {
    height: auto !important;
    min-height: 76px !important;
    justify-content: center !important;
  }

  body.home-mobile-sheet-open #car .car_form .lablform {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Pick-up / drop-off — outer padfive is shell; inner block is padded card */
  body.home-mobile-sheet-open #car .car_form #pick_up.padfive,
  body.home-mobile-sheet-open #car .car_form #Drop-of.padfive {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.home-mobile-sheet-open #car .car_form #pick_up .marginbotom10,
  body.home-mobile-sheet-open #car .car_form #Drop-of .marginbotom10 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 76px;
    height: auto !important;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_form #pick_up .relativemask,
  body.home-mobile-sheet-open #car .car_form #Drop-of .relativemask {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_form #pick_up .marginbotom10 .field-icon,
  body.home-mobile-sheet-open #car .car_form #Drop-of .marginbotom10 .field-icon,
  body.home-mobile-sheet-open #car .car_form #pick_up .marginbotom10 .field-icon-right,
  body.home-mobile-sheet-open #car .car_form #Drop-of .marginbotom10 .field-icon-right {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 20px !important;
    color: var(--color-text-muted, #6b7280);
    z-index: 2 !important;
  }

  /* Date / time grid cards */
  body.home-mobile-sheet-open #car .car_form .date_time_picker_item > .padfive.bordrt,
  body.home-mobile-sheet-open #car .car_form .date_time_picker_item > [class*="col-"].padfive {
    padding: 14px 48px 14px 16px !important;
    height: auto !important;
    min-height: 76px !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_form .date_time_picker_item .me-2 {
    margin-right: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_form .relativemask.plcemark,
  body.home-mobile-sheet-open #car .car_form .relativemask.datemark,
  body.home-mobile-sheet-open #car .car_form .relativemask.selctmark,
  body.home-mobile-sheet-open #car .car_form .relativemask.time_mark {
    display: block !important;
    position: static !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_form .hotel-date-display-field .hotel-date-display {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    line-height: 1.3;
    text-align: left;
    color: var(--color-text-primary, #111);
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  body.home-mobile-sheet-open #car #depature_time,
  body.home-mobile-sheet-open #car #return_time {
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    height: auto !important;
    line-height: 1.35;
    color: var(--color-text-primary, #111) !important;
    -webkit-appearance: none;
    appearance: none;
  }

  body.home-mobile-sheet-open #car .car_form .relativemask input,
  body.home-mobile-sheet-open #car .car_form .relativemask select {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home-mobile-sheet-open #car .car_search_btn_wrap,
  body.home-mobile-sheet-open #car input[type="submit"] {
    display: none !important;
  }

  /* ---- Holiday ---- */
  body.home-mobile-sheet-open #holiday .tabspl.forhotelonly {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.home-mobile-sheet-open #holiday .tabrow {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100%;
    background: transparent !important;
    border: none !important;
    align-items: stretch !important;
  }

  body.home-mobile-sheet-open #holiday .tabrow > [class*="col-"].padfive:not(.hldy_srch) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 76px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 14px 48px 14px 16px !important;
    position: relative;
    box-sizing: border-box;
    background: var(--color-bg-primary, #fff) !important;
    border: 1px solid var(--border-color-light, #e5e7eb) !important;
    border-radius: var(--border-radius-lg, 12px) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.home-mobile-sheet-open #holiday .tabrow > .hldy_srch {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open #holiday .tabspl.forhotelonly .lablform {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: var(--font-weight-semibold, 600) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280) !important;
    line-height: 1.2 !important;
    pointer-events: none;
    z-index: auto !important;
  }

  body.home-mobile-sheet-open #holiday .selectedwrap,
  body.home-mobile-sheet-open #holiday .selectedwrap.sidebord {
    position: static !important;
    display: block !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  body.home-mobile-sheet-open #holiday .holyday_selct,
  body.home-mobile-sheet-open #holiday .normalsel.holyday_selct {
    display: block !important;
    width: 100% !important;
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    height: auto !important;
    line-height: 1.35;
    color: var(--color-text-primary, #111) !important;
    -webkit-appearance: none;
    appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
  }

  body.home-mobile-sheet-open #holiday .padfive .field-icon,
  body.home-mobile-sheet-open #holiday .padfive .field-icon-right {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 20px !important;
    color: var(--color-text-muted, #6b7280);
    z-index: 2 !important;
  }

  body.home-mobile-sheet-open #holiday .padfive.last_border {
    border-right: 1px solid var(--border-color-light, #e5e7eb) !important;
  }

  /* ---- Sightseeing ---- */
  body.home-mobile-sheet-open #sightseeing .tabrow {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  body.home-mobile-sheet-open #sightseeing .tabrow > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body.home-mobile-sheet-open #sightseeing .srch_sight {
    display: none !important;
  }

  body.home-mobile-sheet-open #sightseeing #activity_destination_search_name {
    pointer-events: none;
    cursor: pointer;
  }

  /* Hotel guest bottom sheet */
  body.hotel-guest-sheet-open .hotel-guest-sheet-portal {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  body.hotel-guest-sheet-open {
    overflow: hidden;
  }

  body.hotel-guest-sheet-open .hotel-guest-sheet-panel.roomcount {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
  }

  body.hotel-guest-sheet-open .hotel-guest-sheet-panel .htl-apply-btn,
  body.hotel-guest-sheet-open .hotel-guest-sheet-panel .apply-travelers-btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: none;
    border-radius: var(--border-radius-lg, 12px);
    background: linear-gradient(135deg, var(--color-primary-primary, #008cff) 0%, #3b82f6 100%);
    color: #fff;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
  }

  .for_module_modi .home-mobile-search-sheet:not(.is-open) {
    display: none !important;
  }

  .for_module_modi .searcharea .tab-content .tab-pane {
    display: block !important;
  }

  /* Flight travellers — bottom sheet (mobile homepage search sheet only) */
  .flight-traveller-sheet-portal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10100;
  }

  body.flight-traveller-sheet-open .flight-traveller-sheet-portal {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  body.flight-traveller-sheet-open {
    overflow: hidden;
  }

  .flight-traveller-sheet-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
  }

  .flight-traveller-sheet {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: min(88vh, 720px);
    background: var(--color-bg-primary, #fff);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .flight-traveller-sheet__header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color-light, #e5e7eb);
    flex-shrink: 0;
  }

  .flight-traveller-sheet__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--color-text-primary, #111);
    cursor: pointer;
  }

  .flight-traveller-sheet__title {
    flex: 1;
    margin: 0;
    padding-right: 36px;
    text-align: center;
    font-size: var(--font-size-lg, 18px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-primary, #111);
  }

  .flight-traveller-sheet__body {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
  }

  body.flight-traveller-sheet-open .flight-traveller-sheet-panel.roomcount {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    backface-visibility: visible !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: auto !important;
    transition: none !important;
    animation: none !important;
  }

  body.flight-traveller-sheet-open .flight-traveller-sheet-panel .inallsn {
    display: block;
    width: 100%;
  }

  body.flight-traveller-sheet-open .flight-traveller-sheet-panel .oneroom.fltravlr {
    display: block;
    min-width: 0;
    width: 100%;
    padding: 16px;
    vertical-align: top;
  }

  body.flight-traveller-sheet-open .flight-traveller-sheet-panel .advance_opt {
    padding: 0 16px 12px;
  }

  body.flight-traveller-sheet-open .flight-traveller-sheet-panel .apply-btn-wrapper {
    position: sticky;
    bottom: 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    background: var(--color-bg-primary, #fff);
    border-top: 1px solid var(--border-color-light, #e5e7eb);
    margin: 0;
  }

  body.flight-traveller-sheet-open .flight-traveller-sheet-panel .apply-travelers-btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: none;
    border-radius: var(--border-radius-lg, 12px);
    background: linear-gradient(135deg, var(--color-primary-primary, #008cff) 0%, #3b82f6 100%);
    color: #fff;
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller .totlall {
    cursor: pointer;
  }

  body.home-mobile-sheet-open #flight .thrdtraveller .roomcount.pax_count_div {
    display: none !important;
  }

  body.home-mobile-sheet-open #flight .plcetogo.deprtures,
  body.home-mobile-sheet-open #flight .plcetogo.destinatios {
    cursor: pointer;
  }

  body.home-mobile-sheet-open #flight .ui-autocomplete {
    display: none !important;
  }

  body.home-mobile-sheet-open div#ui-datepicker-div.ui-datepicker {
    z-index: 10200 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 16px 16px 0 0 !important;
    background: var(--color-bg-primary, #fff) !important;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.15) !important;
    max-height: min(88vh, 720px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  /* Backdrop only after the mobile datepicker sheet is actually rendered */
  body.home-mobile-sheet-open.datepicker-open:not(:has(#ui-datepicker-div.flight-dp-mobile-sheet))::before,
  body.home-mobile-sheet-open.datepicker-open:not(:has(#ui-datepicker-div.msheet-dp-fullcalendar))::before,
  body.home-mobile-sheet-open.mobile-dp-opening::before {
    display: none !important;
    content: none !important;
  }

  body.home-mobile-sheet-open.datepicker-open div#ui-datepicker-div.ui-datepicker {
    animation: none !important;
  }

  body.home-mobile-sheet-open div#ui-datepicker-div.ui-datepicker.msheet-dp-fullcalendar,
  body.home-mobile-fullcalendar-open div#ui-datepicker-div.ui-datepicker {
    max-height: 100dvh !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div.flight-dp-mobile-sheet::before {
    display: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary--msheet {
    display: block;
    padding: 8px 16px 16px;
    background: var(--color-bg-primary, #fff);
    color: var(--color-text-primary, #111);
    border-bottom: 1px solid var(--border-color-light, #e5e7eb);
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__handle {
    width: 40px;
    height: 4px;
    margin: 0 auto 12px;
    border-radius: 999px;
    background: var(--border-color-light, #d1d5db);
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary--msheet .flight-dp-summary__title {
    margin: 0 0 12px;
    font-size: var(--font-size-lg, 18px);
    font-weight: var(--font-weight-bold, 700);
    line-height: 1.3;
    color: var(--color-text-primary, #111);
    text-align: center;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__meta {
    display: flex;
    gap: 10px;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__chip {
    flex: 1;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--border-color-light, #e5e7eb);
    border-radius: var(--border-radius-lg, 12px);
    background: var(--color-bg-secondary, #f9fafb);
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__chip.is-filled {
    border-color: var(--color-primary-primary, #008cff);
    background: rgba(0, 140, 255, 0.06);
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__chip.is-active {
    border-color: var(--color-primary-primary, #008cff);
    background: rgba(0, 140, 255, 0.12);
    box-shadow: 0 0 0 2px rgba(0, 140, 255, 0.18);
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__chip-label {
    display: block;
    font-size: 10px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280);
    margin-bottom: 4px;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__chip-value {
    display: block;
    font-size: var(--font-size-sm, 14px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-primary, #111);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary:not(.flight-dp-summary--msheet) {
    display: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-group {
    float: none !important;
    width: 100% !important;
    clear: both;
    padding: 0 16px 12px !important;
    border: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div.ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group {
    border-top: 1px solid var(--border-color-light, #f3f4f6) !important;
    padding-top: 12px !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-header {
    padding: 0 0 12px !important;
    margin: 0 0 8px !important;
    border-bottom: none !important;
    background: transparent !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-title {
    font-size: var(--font-size-base, 16px) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    color: var(--color-text-primary, #111) !important;
    line-height: 36px !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-prev,
  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-next {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-prev::after,
  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-next::after {
    display: none !important;
  }

  body.home-mobile-sheet-open.datepicker-open .home-mobile-search-sheet__footer,
  body.home-mobile-sheet-open.datepicker-open:has(#ui-datepicker-div:not([style*="display: none"])) .home-mobile-search-sheet__footer {
    display: none !important;
  }

  /* If picker is hidden but stale body classes remain, restore the sheet UI */
  body.home-mobile-sheet-open.home-mobile-fullcalendar-open:has(#ui-datepicker-div[style*="display: none"])::before,
  body.home-mobile-sheet-open.datepicker-open:has(#ui-datepicker-div[style*="display: none"])::before {
    display: none !important;
    content: none !important;
  }

  body.home-mobile-sheet-open.home-mobile-fullcalendar-open:has(#ui-datepicker-div[style*="display: none"]) .home-mobile-search-sheet__footer,
  body.home-mobile-sheet-open.datepicker-open:has(#ui-datepicker-div[style*="display: none"]) .home-mobile-search-sheet__footer {
    display: block !important;
  }

  body.home-mobile-fullcalendar-open {
    overflow: hidden !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
  }

  body.home-mobile-fullcalendar-open .home-mobile-search-sheet__footer {
    display: none !important;
  }

  body.home-mobile-fullcalendar-open div#ui-datepicker-div.ui-datepicker.msheet-dp-fullcalendar {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    z-index: 10350 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: calc(12px + env(safe-area-inset-top, 0px)) 0 calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    animation: none !important;
    transform: none !important;
    will-change: scroll-position;
  }

  body.home-mobile-fullcalendar-open #ui-datepicker-div.msheet-dp-fullcalendar .ui-datepicker-group {
    content-visibility: auto;
    contain-intrinsic-size: 320px;
  }

  body.home-mobile-fullcalendar-open div#ui-datepicker-div.ui-datepicker.msheet-dp-fullcalendar::before {
    display: none !important;
  }

  body.home-mobile-fullcalendar-open .ui-datepicker.ui-widget.ui-datepicker-multi.msheet-dp-fullcalendar {
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    max-height: 100dvh !important;
    height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body.home-mobile-fullcalendar-open #ui-datepicker-div.msheet-dp-fullcalendar .flight-dp-summary,
  body.home-mobile-fullcalendar-open #ui-datepicker-div.msheet-dp-fullcalendar .hotel-dp-summary {
    display: none !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div .hotel-dp-summary:not(.flight-dp-summary--msheet) {
    display: none !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.flight-dp-mobile-sheet,
  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.hotel-stay-datepicker.flight-dp-mobile-sheet,
  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.home-mobile-scroll-datepicker {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: min(92vh, 820px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    z-index: 10350 !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.hotel-stay-datepicker.flight-dp-mobile-sheet .ui-datepicker-group {
    padding-bottom: 16px !important;
  }

  /* Hotel mobile — full-height calendar only (no title/chips) */
  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar {
    top: 0 !important;
    bottom: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 10350 !important;
    padding: calc(12px + env(safe-area-inset-top, 0px)) 0 calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar::before {
    display: none !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar .flight-dp-summary,
  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar .hotel-dp-summary {
    display: none !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar .ui-datepicker-group {
    padding-bottom: 16px !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar .ui-datepicker-calendar td {
    height: 48px !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar .ui-datepicker-calendar td a,
  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.msheet-dp-fullcalendar .ui-datepicker-calendar td span {
    min-height: 44px !important;
    line-height: 44px !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div .flight-dp-summary--msheet {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--color-bg-primary, #fff);
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.home-mobile-scroll-datepicker .ui-datepicker-group {
    float: none !important;
    width: 100% !important;
    clear: both !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.home-mobile-scroll-datepicker.ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group {
    margin-top: 4px;
    padding-top: 16px !important;
    border-top: 1px solid var(--border-color-light, #f3f4f6) !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.home-mobile-scroll-datepicker .ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.home-mobile-scroll-datepicker .ui-datepicker-title {
    float: none !important;
    width: 100%;
    text-align: center;
    margin: 0 !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-calendar {
    width: 100% !important;
    margin: 0 !important;
    border-spacing: 0 !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-calendar th {
    height: 32px !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: var(--font-weight-semibold, 600) !important;
    color: var(--color-text-muted, #6b7280) !important;
    text-transform: uppercase;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-calendar td {
    width: 14.28% !important;
    height: 44px !important;
    padding: 2px !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-calendar td a,
  body.home-mobile-sheet-open #ui-datepicker-div .ui-datepicker-calendar td span {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    line-height: 40px !important;
    font-size: var(--font-size-sm, 14px) !important;
    font-weight: var(--font-weight-medium, 500) !important;
    border-radius: 10px !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-state-default,
  body.home-mobile-sheet-open #ui-datepicker-div .ui-widget-content .ui-state-default {
    background: transparent !important;
    color: var(--color-text-primary, #111) !important;
    border: none !important;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-state-disabled .ui-state-default {
    color: var(--color-text-muted, #d1d5db) !important;
    opacity: 1 !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-state-highlight::after {
    display: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-state-highlight .ui-state-default {
    background: rgba(0, 140, 255, 0.08) !important;
    color: var(--color-primary-primary, #008cff) !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .ui-state-active,
  body.home-mobile-sheet-open #ui-datepicker-div td.ui-datepicker-current-day a.ui-state-active,
  body.home-mobile-sheet-open #ui-datepicker-div td.ui-datepicker-range-start a,
  body.home-mobile-sheet-open #ui-datepicker-div td.ui-datepicker-range-end a {
    background: var(--color-primary-primary, #008cff) !important;
    color: #fff !important;
    font-weight: var(--font-weight-bold, 700) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div td.ui-datepicker-range a {
    background: rgba(0, 140, 255, 0.12) !important;
    color: var(--color-text-primary, #111) !important;
    border-radius: 0 !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div td.ui-datepicker-range-start a {
    border-radius: 10px 0 0 10px !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div td.ui-datepicker-range-end a {
    border-radius: 0 10px 10px 0 !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div td.ui-datepicker-range {
    background: rgba(0, 140, 255, 0.08) !important;
  }

  body.home-mobile-sheet-open.datepicker-open::before {
    z-index: 10180 !important;
    background: rgba(0, 0, 0, 0.45) !important;
    animation: none !important;
    transition: none !important;
  }

  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.flight-dp-mobile-sheet,
  body.home-mobile-sheet-open.datepicker-open #ui-datepicker-div.hotel-stay-datepicker.flight-dp-mobile-sheet {
    animation: none !important;
    transition: opacity 0.15s ease;
  }

  body.home-mobile-sheet-open #ui-datepicker-div.flight-dp-mobile-sheet.is-range-step-transition,
  body.home-mobile-sheet-open #ui-datepicker-div.hotel-stay-datepicker.flight-dp-mobile-sheet.is-range-step-transition {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
  }

  body.home-mobile-sheet-open #ui-datepicker-div .flight-dp-summary__chip {
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }

  body.home-mobile-sheet-open.datepicker-open {
    overflow: hidden !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
  }

  body.home-mobile-sheet-open.datepicker-open .home-mobile-search-sheet.is-open {
    overflow: hidden;
  }

  /* Flight city search — fullscreen sheet (mobile homepage only) */
  .flight-city-sheet-portal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10150;
    background: var(--color-bg-primary, #fff);
  }

  body.flight-city-sheet-open .flight-city-sheet-portal {
    display: flex;
    flex-direction: column;
  }

  body.flight-city-sheet-open {
    overflow: hidden;
  }

  .flight-city-sheet {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: var(--color-bg-primary, #fff);
  }

  .flight-city-sheet__top {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 12px 0;
    flex-shrink: 0;
  }

  .flight-city-sheet__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-top: 8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--color-text-primary, #111);
    cursor: pointer;
    flex-shrink: 0;
  }

  .flight-city-sheet__fields {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 8px;
  }

  .flight-city-sheet__field {
    border: 1px solid var(--border-color-light, #e5e7eb);
    border-radius: var(--border-radius-lg, 12px);
    padding: 10px 12px;
    background: var(--color-bg-primary, #fff);
    cursor: pointer;
  }

  .flight-city-sheet__field.is-active {
    border-color: var(--color-primary-primary, #008cff);
    background: rgba(0, 140, 255, 0.04);
    box-shadow: 0 0 0 1px rgba(0, 140, 255, 0.12);
  }

  .flight-city-sheet__label {
    display: block;
    font-size: 11px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280);
    margin-bottom: 4px;
  }

  .flight-city-sheet__input {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-text-primary, #111);
  }

  .flight-city-sheet__input::placeholder {
    color: var(--color-text-muted, #9ca3af);
    font-weight: var(--font-weight-normal, 400);
  }

  .flight-city-sheet__summary {
    font-size: var(--font-size-base, 16px);
    line-height: 1.35;
    color: var(--color-text-primary, #111);
  }

  .flight-city-sheet__summary-city {
    font-weight: var(--font-weight-bold, 700);
  }

  .flight-city-sheet__summary-code {
    font-weight: var(--font-weight-bold, 700);
    margin: 0 4px;
  }

  .flight-city-sheet__summary-airport {
    display: block;
    margin-top: 2px;
    font-size: var(--font-size-xs, 12px);
    color: var(--color-text-muted, #6b7280);
    font-weight: var(--font-weight-normal, 400);
  }

  .flight-city-sheet__summary-placeholder {
    color: var(--color-text-muted, #9ca3af);
    font-weight: var(--font-weight-normal, 400);
  }

  .flight-city-sheet__body {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 0 calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .flight-city-sheet__section {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px 12px;
    font-size: 11px;
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b7280);
  }

  .flight-city-sheet__section .material-icons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }

  .flight-city-sheet__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .flight-city-sheet__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-color-light, #f3f4f6);
    cursor: pointer;
  }

  .flight-city-sheet__item:active {
    background: rgba(0, 140, 255, 0.04);
  }

  .flight-city-sheet__item-icon {
    color: var(--color-text-muted, #9ca3af);
    font-size: 18px !important;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
  }

  .flight-city-sheet__item-copy {
    flex: 1;
    min-width: 0;
  }

  .flight-city-sheet__item-title {
    display: block;
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-text-primary, #111);
    line-height: 1.3;
  }

  .flight-city-sheet__item-meta {
    display: block;
    margin-top: 2px;
    font-size: var(--font-size-xs, 12px);
    color: var(--color-text-muted, #6b7280);
    line-height: 1.3;
  }

  .flight-city-sheet__item-code {
    flex-shrink: 0;
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-secondary, #374151);
    line-height: 1.3;
  }

  .flight-city-sheet__empty,
  .flight-city-sheet__loading {
    padding: 24px 16px;
    text-align: center;
    color: var(--color-text-muted, #6b7280);
    font-size: var(--font-size-sm, 14px);
  }

  /* Hotel destination sheet — reuse desktop hotel-city autocomplete UI */
  .flight-city-sheet--hotel .flight-city-sheet__body {
    padding-top: 8px;
  }

  .flight-city-sheet--hotel .home-location-sheet__hotel-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    max-height: none;
    background: transparent;
  }

  .flight-city-sheet--hotel .home-location-sheet__hotel-list .custom-auto-complete.ui-menu-item,
  .flight-city-sheet--hotel .home-location-sheet__hotel-list .hotel-city-ac-item {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
  }

  .flight-city-sheet--hotel .home-location-sheet__hotel-list .home-location-sheet__item--selectable:active .hotel-city-dropdown-item,
  .flight-city-sheet--hotel .home-location-sheet__hotel-list .home-location-sheet__item--selectable:focus-within .hotel-city-dropdown-item {
    background: color-mix(in srgb, var(--color-info) 7%, var(--color-bg-primary)) !important;
  }

  .flight-city-sheet--hotel .home-location-sheet__hotel-list .hotel-city-dropdown-item {
    padding: 12px 16px !important;
  }

  .flight-city-sheet--hotel .home-location-sheet__hotel-list .hotel-city-dropdown-header .hotel-city-dropdown-item--query {
    padding: 12px 16px !important;
  }

  .flight-city-sheet--hotel .home-location-sheet__hotel-list .hotel-city-ac-item--section-header .hotel-city-dropdown-item--section {
    padding: 10px 16px !important;
  }
}