/* APD 336 — canonical mobile search visuals from user reference screens 6–10. */
@media (max-width: 767px) {
  html body.apd336-mobile-reference-screens.apd186-search-modal-open,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open button,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open input,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open output {
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,Arial,sans-serif !important;
    -webkit-font-smoothing:antialiased !important;
  }

  /* Header: reference has text-only tabs; legacy pictograms/emoji stay out. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-topbar {
    height:92px !important;
    min-height:92px !important;
    padding:9px 66px 0 !important;
    align-items:flex-end !important;
    background:#f7f7f7 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tabs {
    height:72px !important;
    min-height:72px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    gap:15px !important;
    overflow:visible !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tab {
    height:48px !important;
    min-height:48px !important;
    padding:0 0 9px !important;
    display:flex !important;
    align-items:flex-end !important;
    gap:0 !important;
    border-bottom-width:3px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tab > span {
    display:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tab strong {
    color:#666 !important;
    font-size:15px !important;
    line-height:1.05 !important;
    font-weight:520 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tab.is-active strong,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tab[aria-current="page"] strong {
    color:#222 !important;
    font-weight:680 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-close {
    top:13px !important;
    right:18px !important;
    width:44px !important;
    height:44px !important;
    border:2px solid #222 !important;
    border-radius:999px !important;
    background:#fff !important;
    box-shadow:0 4px 13px rgba(0,0,0,.10) !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-close span {
    font-size:28px !important;
    line-height:1 !important;
    font-weight:300 !important;
  }

  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal {
    padding-top:92px !important;
    background:#f7f7f7 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search.apd176-ready {
    height:calc(var(--apd186-shell-height,100dvh) - 92px) !important;
    padding:0 12px calc(100px + env(safe-area-inset-bottom,0px)) !important;
    gap:11px !important;
    background:#f7f7f7 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search::-webkit-scrollbar {display:none !important;}

  /* Collapsed rows. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search > .apd5-search-field {
    border:0 !important;
    border-radius:21px !important;
    background:#fff !important;
    box-shadow:0 3px 12px rgba(0,0,0,.065) !important;
    overflow:hidden !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search > .apd5-search-field > button:first-child {
    height:56px !important;
    min-height:56px !important;
    padding:0 24px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search > .apd5-search-field > button:first-child > span:first-child {
    color:#6b6b6b !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:530 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd335-location-summary,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > #apd5-location-summary,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd223-location-value,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd26-compact-summary {
    display:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd336-location-summary {
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:73% !important;
    margin-left:auto !important;
    color:#222 !important;
    font-size:15.5px !important;
    line-height:1.18 !important;
    font-weight:650 !important;
    letter-spacing:-.025em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* WHERE card. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search > [data-search-panel] {
    border:1px solid rgba(0,0,0,.10) !important;
    border-radius:25px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(0,0,0,.075) !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="location"] > [data-search-field="location"] {
    display:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel {
    position:relative !important;
    padding:26px 23px 32px !important;
    min-height:0 !important;
    max-height:min(66dvh,620px) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel::-webkit-scrollbar {display:none !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel > .apd5-panel-title {
    margin:0 0 18px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel > .apd5-panel-title > strong {
    color:#222 !important;
    font-size:25px !important;
    line-height:1.04 !important;
    font-weight:720 !important;
    letter-spacing:-.045em !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-panel-filter {
    height:57px !important;
    min-height:57px !important;
    margin:0 0 18px !important;
    padding:0 46px 0 52px !important;
    border:1.25px solid #7b7b7b !important;
    border-radius:12px !important;
    background:#fff !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open:not(.apd328-location-focus) .apd186-search-portal #apd5-search .apd5-panel-filter::before {
    left:21px !important;
    width:16px !important;
    height:16px !important;
    border-width:2px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open:not(.apd328-location-focus) .apd186-search-portal #apd5-search .apd5-panel-filter::after {
    left:34px !important;
    top:calc(50% + 6px) !important;
    width:8px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search #apd5-destination-filter {
    font-size:16.5px !important;
    line-height:1.2 !important;
    font-weight:450 !important;
  }

  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd26-destination-section-title,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd26-recent-destinations > strong {
    margin:0 0 8px !important;
    color:#222 !important;
    font-size:14.5px !important;
    line-height:1.2 !important;
    font-weight:570 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search #apd26-recent-destinations {
    margin:0 0 20px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search #apd26-recent-destination-list {
    gap:7px !important;
  }

  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-option,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd5-destination-option,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd26-recent-destination {
    min-height:66px !important;
    padding:5px 0 !important;
    gap:13px !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-option.is-first {
    padding:8px 10px !important;
    border-radius:14px !important;
    background:#f7f7f7 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd26-recent-destination.apd328-recent-search,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd26-recent-destination {
    padding:7px 9px !important;
    border-radius:14px !important;
    background:#f7f7f7 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-icon,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd5-destination-option > span,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd26-recent-destination > span {
    flex:0 0 56px !important;
    width:56px !important;
    height:56px !important;
    border-radius:14px !important;
    background:#f6f6f6 !important;
    color:#222 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd336-popular-blue > span {background:#f1f5fb !important;color:#548ac0 !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd336-popular-orange > span {background:#fff8f1 !important;color:#e69a49 !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd336-popular-navy > span {background:#f4f5f8 !important;color:#24467a !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd336-popular-green > span {background:#f5f9ef !important;color:#72ad3c !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-icon svg,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd5-destination-option > span svg,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd26-recent-destination > span svg {
    width:28px !important;
    height:28px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-copy,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd5-destination-option > div,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd26-recent-destination > div {
    font-size:15px !important;
    line-height:1.22 !important;
    letter-spacing:-.022em !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd5-destination-option strong,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results strong {
    display:inline !important;
    color:#222 !important;
    font-size:15px !important;
    line-height:1.22 !important;
    font-weight:680 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open #apd5-destination-list .apd5-destination-option small {
    display:block !important;
    margin:3px 0 0 !important;
    color:#6a6a6a !important;
    font-size:14.4px !important;
    line-height:1.22 !important;
    font-weight:430 !important;
  }
  /* Typed results are one sentence: bold match + normal geographic suffix. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-copy strong,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-copy small {
    display:inline !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.28 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-copy small::before {content:", " !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd226-smart-results .apd219-smart-copy small {color:#222 !important;}

  /* Focus/keyboard view = single full-screen white sheet with back + X. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open.apd328-location-focus .apd186-search-topbar {display:none !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open.apd328-location-focus .apd186-search-portal {
    padding-top:14px !important;
    background:#f7f7f7 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search {
    height:calc(var(--apd186-shell-height,100dvh) - 14px) !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search .apd5-location-panel {
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    padding:16px 24px 28px !important;
    border:0 !important;
    border-radius:26px 26px 0 0 !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search .apd5-panel-filter {
    height:58px !important;
    min-height:58px !important;
    margin:0 0 17px !important;
    padding:0 48px 0 54px !important;
    border:1.5px solid #222 !important;
    border-radius:12px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open.apd328-location-focus .apd328-location-back {
    left:14px !important;
    width:30px !important;
    height:30px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open.apd328-location-focus .apd328-location-clear {
    right:10px !important;
    width:34px !important;
    height:34px !important;
    background:#f0f0f0 !important;
    font-size:22px !important;
  }

  /* DATES — exact reference. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"],
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"],
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] {
    display:block !important;
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    flex:0 0 56px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"] > button:first-child,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] > button:first-child,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] > button:first-child {
    height:56px !important;
    min-height:56px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel {
    padding:25px 24px 15px !important;
    max-height:min(66dvh,600px) !important;
    overflow:hidden !important;
    border-radius:26px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel .apd5-panel-title {
    margin:0 0 18px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel .apd5-panel-title strong {
    font-size:25px !important;
    line-height:1.04 !important;
    font-weight:720 !important;
    letter-spacing:-.045em !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-mode {
    height:54px !important;
    min-height:54px !important;
    margin:0 0 16px !important;
    padding:4px !important;
    border-radius:999px !important;
    background:#ececec !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-mode button {
    height:46px !important;
    min-height:46px !important;
    border-radius:999px !important;
    color:#333 !important;
    font-size:15.5px !important;
    font-weight:620 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-mode button.is-active {
    background:#fff !important;
    color:#222 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.09) !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search #apd5-calendar-months {
    display:block !important;
    max-height:340px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search #apd5-calendar-months::-webkit-scrollbar {display:none !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month {
    display:flex !important;
    flex-direction:column !important;
    padding-bottom:10px !important;
  }
  /* Reference 9: weekdays first, month title second, dates third. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month .apd5-calendar-weekdays {
    order:1 !important;
    margin:0 0 22px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month h3 {
    order:2 !important;
    margin:0 0 16px !important;
    color:#222 !important;
    font-size:18px !important;
    line-height:1.15 !important;
    font-weight:650 !important;
    letter-spacing:-.02em !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month .apd5-calendar-days {
    order:3 !important;
    row-gap:4px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-weekdays > * {
    color:#666 !important;
    font-size:13px !important;
    font-weight:560 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button {
    height:42px !important;
    min-height:42px !important;
    line-height:42px !important;
    border-radius:999px !important;
    font-size:15.5px !important;
    font-weight:560 !important;
    overflow:visible !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-in-range:not(.is-start):not(.is-end) {
    background:#f1f1f1 !important;
    color:#222 !important;
    border-radius:0 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end {
    position:relative !important;
    z-index:2 !important;
    background:#222 !important;
    color:#fff !important;
    border-radius:999px !important;
    box-shadow:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start::before,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end::before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    top:0 !important;
    bottom:0 !important;
    background:#f1f1f1 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start::before {left:50% !important;right:-1px !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end::before {left:-1px !important;right:50% !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility {
    min-height:54px !important;
    margin:7px -24px 0 !important;
    padding:9px 24px 0 !important;
    gap:10px !important;
    border-top:1px solid #e5e5e5 !important;
    background:#fff !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility::-webkit-scrollbar {display:none !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility button {
    min-width:max-content !important;
    height:43px !important;
    padding:0 15px !important;
    border:1px solid #d7d7d7 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#222 !important;
    font-size:14px !important;
    font-weight:520 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility button.is-active {
    border:1.5px solid #222 !important;
  }

  /* FLEXIBLE reference 10. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-view[data-apd-date-view="flexible"] {
    padding:0 0 2px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-section {
    padding:16px 0 !important;
    border-top:1px solid #e5e5e5 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-section h3 {
    margin:0 0 14px !important;
    color:#222 !important;
    font-size:17px !important;
    line-height:1.16 !important;
    font-weight:680 !important;
    letter-spacing:-.025em !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration {
    display:grid !important;
    grid-template-columns:minmax(0,1.38fr) minmax(0,.95fr) minmax(0,.66fr) !important;
    gap:8px !important;
    width:100% !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration > button {
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 8px !important;
    border:1px solid #d6d6d6 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#222 !important;
    font-size:14px !important;
    line-height:42px !important;
    font-weight:520 !important;
    white-space:nowrap !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration > button.is-active,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration > button[aria-pressed="true"] {
    border:1.5px solid #222 !important;
    box-shadow:inset 0 0 0 .5px #222 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months {
    display:flex !important;
    align-items:stretch !important;
    gap:9px !important;
    width:100% !important;
    min-height:132px !important;
    height:132px !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months::-webkit-scrollbar {display:none !important;}
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month] {
    flex:0 0 calc(33.333% - 6px) !important;
    width:calc(33.333% - 6px) !important;
    min-width:calc(33.333% - 6px) !important;
    height:132px !important;
    min-height:132px !important;
    padding:12px 6px 10px !important;
    border:1px solid #d8d8d8 !important;
    border-radius:19px !important;
    background:#fff !important;
    color:#222 !important;
    overflow:hidden !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month].is-active,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month][aria-pressed="true"] {
    border:1.5px solid #222 !important;
    box-shadow:inset 0 0 0 .5px #222 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month] strong {
    font-size:15px !important;
    line-height:1.08 !important;
    font-weight:650 !important;
    white-space:nowrap !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month] small {
    margin-top:5px !important;
    font-size:13.5px !important;
    line-height:1.08 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months .apd15-month-calendar {
    width:28px !important;
    height:27px !important;
    margin:0 auto 10px !important;
  }

  /* Guests stay coherent with the same reference geometry. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guests-panel {
    padding:20px 22px 12px !important;
    max-height:min(58dvh,520px) !important;
    border-radius:26px !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guests-panel .apd5-panel-title strong {
    font-size:25px !important;
    line-height:1.04 !important;
    font-weight:720 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row {
    min-height:72px !important;
    height:72px !important;
    padding:10px 0 !important;
  }

  /* Footer from the reference: no underline; black next, pink final search. */
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer:not([hidden]) {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:82px !important;
    padding:10px 24px calc(12px + env(safe-area-inset-bottom,0px)) !important;
    background:linear-gradient(180deg,rgba(247,247,247,0) 0%,#f7f7f7 20%) !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-reset {
    padding:10px 0 !important;
    color:#222 !important;
    font-size:16.5px !important;
    font-weight:650 !important;
    text-decoration:none !important;
    border:0 !important;
    background:transparent !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary {
    flex:0 0 123px !important;
    width:123px !important;
    min-width:123px !important;
    max-width:123px !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:15px !important;
    background:#222 !important;
    color:#fff !important;
    box-shadow:none !important;
    opacity:1 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd328-final,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd336-final {
    background:#df2f61 !important;
    box-shadow:0 8px 20px rgba(223,47,97,.16) !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd336-location-action,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd336-location-action:disabled {
    background:radial-gradient(circle at 49% 55%,#626262 0%,#2c2c2c 58%,#171717 100%) !important;
    color:#fff !important;
    opacity:1 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd328-footer-label {
    font-size:16px !important;
    font-weight:650 !important;
  }
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd328-footer-icon,
  html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd176-mobile-footer .apd328-footer-icon svg {
    width:18px !important;
    height:18px !important;
  }

  /* Small phones: preserve all controls without horizontal clipping. */
  @media (max-width: 374px) {
    html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-topbar {padding-left:48px !important;padding-right:54px !important;}
    html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tabs {gap:10px !important;}
    html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-tab strong {font-size:13.5px !important;}
    html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel {padding-left:18px !important;padding-right:18px !important;}
    html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel {padding-left:18px !important;padding-right:18px !important;}
    html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration {grid-template-columns:minmax(0,1.45fr) minmax(0,.86fr) minmax(0,.62fr) !important;gap:6px !important;}
    html body.apd336-mobile-reference-screens.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration > button {font-size:12.7px !important;padding:0 4px !important;}
  }
}