/* =====================================================================
   v900 — Airbnb-style search results on phones.
   Linked with media="(max-width: 900px)", so the computer page cannot
   change. Layout and looks only: same forms, filters, sort and links.
   ===================================================================== */

html body{background:#fff}
html body .sr-breadcrumb{display:none}

/* ---- search pill (always visible at the top) ---- */
html body .ys900-top{display:block;position:sticky;top:0;z-index:60;padding:12px 16px 4px;background:#fff}
html body .ys900-pill{display:flex;align-items:center;gap:12px;width:100%;padding:9px 9px 9px 16px;border:1px solid #EEF1F5;border-radius:32px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.13);text-align:left;cursor:pointer;font-family:inherit;color:#1D2635}
html body .ys900-pt{flex:1;min-width:0}
html body .ys900-pt b{display:block;font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .ys900-pt small{display:block;font-size:12px;color:#6B7A8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .ys900-pf{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #D9E1EB;border-radius:50%}

/* ---- the existing mobile search form becomes a bottom sheet ---- */
html body .sr-hero{display:block !important;position:fixed !important;left:0;right:0;bottom:0;top:56px;z-index:1200;min-height:0 !important;margin:0;padding:12px 0 0 !important;border-radius:24px 24px 0 0;background:#F7F7F7 !important;transform:translateY(105%);transition:transform .25s ease;overflow:auto}
html body.ys900-search-open .sr-hero{transform:none}
html body .ys900-dim{display:block;position:fixed;inset:0;z-index:1150;background:rgba(10,20,35,.45);opacity:0;visibility:hidden;transition:opacity .2s}
html body.ys900-search-open .ys900-dim{opacity:1;visibility:visible}
html body.ys900-search-open{overflow:hidden}
html body .sr-hero .container{padding:0 16px 120px !important}
html body .ys900-sh{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
html body .ys900-sh button{width:34px;height:34px;border:1px solid #D9E1EB;border-radius:50%;background:#fff;font-size:20px;line-height:1;cursor:pointer}
html body .ys900-sh b{font-size:16px;color:#1D2635}
html body .ys900-sh span{width:34px}
html body .sr-hero .sr-mobile-searchbox{display:flex !important;flex-direction:column;gap:10px;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
html body .sr-hero .sr-mobile-searchbox > *:not(.sr-msb-search-btn):not(.ys900-foot){grid-column:auto !important;grid-row:auto !important;margin:0 !important;position:static !important}
html body #srmForm > div:nth-of-type(2){position:relative !important}
html body .sr-hero .sr-msb-row{min-height:56px;padding:12px 16px !important;border:0 !important;border-radius:16px !important;background:#fff !important;box-shadow:0 2px 10px rgba(0,0,0,.06)}
html body .sr-hero .sr-mobile-searchbox > div:nth-of-type(1){display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important}
html body .sr-hero .sr-mobile-searchbox > div:nth-of-type(2){margin-right:0 !important;min-width:0}
html body .sr-hero .sr-mobile-searchbox input{font-size:15px !important}
html body .ys900-cities{display:flex;gap:8px;overflow-x:auto;margin:-2px 0 2px;padding:2px 0;scrollbar-width:none}
html body .ys900-cities::-webkit-scrollbar{display:none}
html body .ys900-cities button{flex:none;padding:8px 13px;border:0;border-radius:18px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);font:700 13px Inter,system-ui,sans-serif;color:#1D2635;cursor:pointer}
html body .ys900-more{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:12px 16px;border:0;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);font:600 14px Inter,system-ui,sans-serif;color:#6B7A8C;cursor:pointer}
html body .ys900-more b{color:#1D2635;font-weight:800}
/* footer: Clear all + Search, fixed at the bottom of the sheet */
html body .ys900-foot{display:block;position:fixed !important;left:0;right:0;top:auto !important;bottom:0;margin:0 !important;z-index:1;height:78px;padding:14px 18px;background:#fff;border-top:1px solid #E6EAF0}
html body .ys900-clear{border:0;background:none;padding:12px 0;font:700 15px Inter,system-ui,sans-serif;color:#1D2635;text-decoration:underline;cursor:pointer}
html body .sr-hero .sr-mobile-searchbox > .sr-msb-search-btn{position:fixed !important;left:auto !important;top:auto !important;right:18px;bottom:14px;z-index:2;width:auto !important;max-width:60%;min-width:130px;height:50px;padding:0 24px;border-radius:12px !important;font-size:15.5px;font-weight:800}

/* ---- filters / sort + property type chips ---- */
html body section.container > .sr-quick-controls{display:flex;gap:8px;margin:0;padding:10px 0 0;border:0;background:#fff}
html body .sr-quick-controls .sr-quick-pill-btn{min-height:36px;border-radius:20px !important;border:1px solid #D9E1EB !important;background:#fff !important;font-size:12.5px !important;font-weight:700;color:#1D2635}
html body .ys900-types{display:flex;gap:8px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none}
html body .ys900-types::-webkit-scrollbar{display:none}
html body .ys900-types a{flex:none;padding:7px 13px;border:1px solid #D9E1EB;border-radius:20px;font-size:12.5px;font-weight:700;color:#1D2635;text-decoration:none;white-space:nowrap}
html body .ys900-types a.on{background:#0B2A55;border-color:#0B2A55;color:#fff}

/* ---- results heading ---- */
html body .sr-results-head{margin:12px 0 4px;padding:0}
html body .sr-results-head h2{font-size:16px !important;line-height:1.3;color:#1D2635}
html body .sr-results-sub{font-size:12.5px}
html body .sr-results-head-right,html body .sr-desktop-sort{display:none !important}

/* ---- result cards: big photo, then a few short lines ---- */
html body .srx-list{gap:22px}
html body .srx{display:block !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;transform:none !important}
html body .srx-photo{height:240px;min-height:0;border-radius:16px;overflow:hidden}
html body .srx-count{right:12px;bottom:12px}
html body .srx-body{display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;padding:10px 2px 0 !important}
html body .srx-body > *{grid-column:1 / -1}
html body .srx-name{grid-column:1;font-size:15px !important;line-height:1.3;color:#1D2635 !important}
html body .ys900-rate{display:block;grid-column:2;grid-row:1;align-self:start;font-size:13.5px;font-weight:600;color:#1D2635;white-space:nowrap}
html body .ys900-meta{display:block;margin:0;font-size:13.5px;line-height:1.4;color:#6B7A8C}
html body .srx-over,html body .srx-body > .srx-loc,html body .srx-rating,html body .srx-am,html body .srx-new{display:none !important}
html body .srx-trust{display:flex;flex-wrap:wrap;gap:0 6px;margin:0;font-size:12.5px}
html body .srx-trust span{padding:0;background:none;border:0;color:#0A7A47;font-weight:600}
html body .srx-trust span + span::before{content:"· ";color:#0A7A47}
html body .srx-trust span:nth-child(n+3){display:none}
html body .srx-price{display:flex !important;align-items:baseline;flex-wrap:wrap;gap:4px;padding:4px 2px 0 !important;border:0 !important;background:transparent !important;text-align:left !important}
html body .srx-meal,html body .srx-cta,html body .srx-note{display:none !important}
html body .srx-price-wrap{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
html body .srx-price .srx-from{display:none !important}
html body .srx-price-wrap > div{display:inline}
html body .srx-strike{font-size:13px;margin-right:4px}
html body .srx-amt{font-size:16px !important;color:#1D2635 !important}
html body .srx-unit{display:inline;font-size:13.5px;color:#1D2635;text-decoration:underline}

/* ---- floating Map button + map sheet ---- */
html body .ys900-mapbtn{display:flex;align-items:center;gap:8px;position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:70;transform:translateX(-50%);padding:12px 20px;border:0;border-radius:24px;background:#1D2635;color:#fff;font:800 14px Inter,system-ui,sans-serif;box-shadow:0 6px 16px rgba(0,0,0,.25);cursor:pointer}
html body.ys900-search-open .ys900-mapbtn,html body.ys900-map-open .ys900-mapbtn{display:none}
html body .ys900-mapsheet{display:block;position:fixed;inset:0;z-index:1300;visibility:hidden}
html body .ys900-mapsheet.is-open{visibility:visible}
html body .ys900-mapbg{position:absolute;inset:0;background:rgba(10,20,35,.45)}
html body .ys900-mapin{position:absolute;left:0;right:0;bottom:0;top:56px;padding:12px 16px 16px;border-radius:24px 24px 0 0;background:#fff;transform:translateY(105%);transition:transform .25s}
html body .ys900-mapsheet.is-open .ys900-mapin{transform:none}
html body .ys900-mapbody{position:absolute;left:16px;right:16px;top:60px;bottom:16px;border-radius:14px;overflow:hidden;background:#EEF2F7}
html body .ys900-mapbody iframe{width:100%;height:100%;border:0}
html body.ys900-map-open{overflow:hidden}

/* ---- v902: filter sheet header - close on the left, title centred, Reset all on the right
   (the close X used to sit on top of "Reset all"). Same button, same link. ---- */
html body .sr-filters-head{display:grid !important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 16px !important}
html body .sr-filters-head .sr-filters-close{position:static !important;grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #D9E1EB !important;border-radius:50%;background:#fff !important;font-size:14px;color:#1D2635}
html body .sr-filters-head h3{grid-column:2;grid-row:1;margin:0;text-align:center;font-size:16px}
html body .sr-filters-head a{grid-column:3;grid-row:1;margin:0 !important;text-decoration:underline}