/* APD 340 — premium mobile finish */
@media (max-width: 767px) {
  html body.apd340-mobile-premium.apd186-search-modal-open {
    --apd340-ink:#222222;
    --apd340-muted:#6f6f6f;
    --apd340-line:#dddddd;
    --apd340-soft:#f2f2f2;
    --apd340-range:#efefef;
    --apd340-pink:#df2f61;
  }

  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search > .apd5-search-field > button:first-child {
    box-shadow:0 8px 24px rgba(0,0,0,.035) !important;
    transition:box-shadow .18s ease, transform .18s ease !important;
  }

  html body.apd340-mobile-premium.apd186-search-modal-open #apd5-search[data-apd340-location-filled="1"] > [data-search-field="location"] > button:first-child > #apd5-location-summary {
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:71% !important;
    margin-left:auto !important;
    color:var(--apd340-ink) !important;
    font-size:15px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
    letter-spacing:-.02em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open #apd5-search[data-apd340-location-filled="0"] > [data-search-field="location"] > button:first-child > #apd5-location-summary {
    display:none !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open #apd5-search > [data-search-field="location"] > button:first-child > .apd26-compact-summary,
  html body.apd340-mobile-premium.apd186-search-modal-open #apd5-search > [data-search-field="location"] > button:first-child > .apd223-location-value,
  html body.apd340-mobile-premium.apd186-search-modal-open #apd5-search > [data-search-field="location"] > button:first-child > .apd339-location-summary {
    display:none !important;
  }

  html body.apd340-mobile-premium.apd186-search-modal-open #apd5-search > [data-search-field="dates"] > button:first-child > #apd5-date-summary,
  html body.apd340-mobile-premium.apd186-search-modal-open #apd5-search > [data-search-field="guests"] > button:first-child > #apd5-guest-summary {
    font-weight:700 !important;
    letter-spacing:-.02em !important;
  }

  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    overflow-x:auto !important;
    padding:10px 0 4px !important;
    margin-top:12px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility::-webkit-scrollbar {display:none !important;}
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility > button {
    flex:0 0 auto !important;
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    border:1px solid #d7d7d7 !important;
    background:#fff !important;
    color:var(--apd340-ink) !important;
    font-size:15px !important;
    font-weight:620 !important;
    line-height:1 !important;
    box-shadow:0 1px 2px rgba(0,0,0,.02) !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility > button.is-active {
    background:#222 !important;
    border-color:#222 !important;
    color:#fff !important;
    box-shadow:0 6px 16px rgba(34,34,34,.18) !important;
  }

  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-months {
    margin-bottom:2px !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button {
    position:relative !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#222 !important;
    box-shadow:none !important;
    z-index:1 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button:hover:not(:disabled) {
    box-shadow:inset 0 0 0 1px #222 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button:disabled {
    color:#cdcdcd !important;
    opacity:1 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-in-range {
    background:var(--apd340-range) !important;
    border-radius:0 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start,
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end,
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-selected:not(.is-in-range) {
    background:#222 !important;
    color:#fff !important;
    border-radius:50% !important;
    box-shadow:0 4px 12px rgba(34,34,34,.16) !important;
    z-index:2 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start::before,
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end::before {
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    background:var(--apd340-range) !important;
    z-index:-1 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start::before {left:50% !important; right:-1px !important;}
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end::before {left:-1px !important; right:50% !important;}
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start.is-end::before {display:none !important;}

  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration {
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    padding-bottom:2px !important;
    scrollbar-width:none !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration::-webkit-scrollbar {display:none !important;}
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration > button {
    flex:0 0 auto !important;
    min-height:54px !important;
    padding:0 28px !important;
    border-radius:999px !important;
    border:1.5px solid #d6d6d6 !important;
    background:#fff !important;
    font-size:17px !important;
    font-weight:630 !important;
    letter-spacing:-.02em !important;
    color:#2a2a2a !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration > button.is-active {
    border-color:#222 !important;
    box-shadow:inset 0 0 0 1px #222, 0 6px 16px rgba(34,34,34,.08) !important;
    color:#111 !important;
  }

  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months {
    gap:16px !important;
    padding-right:18px !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month] {
    min-width:138px !important;
    min-height:188px !important;
    padding:22px 16px 18px !important;
    border-radius:28px !important;
    border:1.5px solid #d9d9d9 !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(0,0,0,.035) !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month] strong {
    font-size:18px !important;
    line-height:1.15 !important;
    letter-spacing:-.02em !important;
    color:#222 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month] small {
    font-size:16px !important;
    color:#505050 !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month].is-active,
  html body.apd340-mobile-premium.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month][aria-pressed="true"] {
    border-color:#222 !important;
    box-shadow:inset 0 0 0 1px #222, 0 8px 20px rgba(34,34,34,.08) !important;
    transform:translateY(-1px);
  }

  html body.apd340-mobile-premium.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd339-final-step,
  html body.apd340-mobile-premium.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd339-next-step {
    box-shadow:0 10px 24px rgba(0,0,0,.13) !important;
  }
  html body.apd340-mobile-premium.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd339-final-step {
    background:linear-gradient(135deg, #e13b69 0%, #d63863 52%, #c92f5a 100%) !important;
  }
}