/* =====================================================================
   v902 — phone listing page: SRP-style search pill on the photo.
   Linked with media="(max-width: 900px)", so the computer page cannot
   change. Tapping the pill opens the page's own search form (city,
   dates, guests -> /search) as a bottom sheet. Same form, same action.
   ===================================================================== */

/* pill between Back and Share / Save */
html body.pdp16 .ys902-pill{pointer-events:auto;display:flex;align-items:center;gap:9px;min-width:0;height:44px;padding:0 14px 0 12px;border:0;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 3px 12px rgba(0,0,0,.2);text-align:left;font-family:Inter,system-ui,sans-serif;color:#1D2635;cursor:pointer}
html body.pdp16 .ys902-pill svg{flex:none}
html body.pdp16 .ys902-pt{min-width:0;line-height:1.2}
html body.pdp16 .ys902-pt b{display:block;font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.pdp16 .ys902-pt small{display:block;font-size:11px;color:#6B7A8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* the existing search form as a bottom sheet */
html body.pdp16 .gh-detail-search-bar{display:block !important;position:fixed;left:0;right:0;bottom:0;top:56px;z-index:1200;margin:0;padding:12px 16px 0;border-radius:24px 24px 0 0;background:#F7F7F7;transform:translateY(105%);transition:transform .25s ease;overflow:auto;visibility:hidden}
html body.pdp16.ys902-open .gh-detail-search-bar{transform:none;visibility:visible}
html body.pdp16 .ys902-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.pdp16.ys902-open .ys902-dim{opacity:1;visibility:visible}
html body.pdp16.ys902-open{overflow:hidden}
html body.pdp16 .ys902-sh{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
html body.pdp16 .ys902-sh button{width:34px;height:34px;padding:0;border:1px solid #D9E1EB;border-radius:50%;background:#fff;font-size:20px;line-height:1;color:#1D2635;cursor:pointer}
html body.pdp16 .ys902-sh b{font-size:16px;color:#1D2635}
html body.pdp16 .ys902-sh span{width:34px}
html body.pdp16 .gh-detail-search-bar .mini-search-bar{position:static;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none}
html body.pdp16 .gh-detail-search-bar .mini-search-bar > .container{width:auto;max-width:none;margin:0;padding:0 0 110px}
html body.pdp16 .gh-detail-search-bar .mini-search-form{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:10px;margin:0;padding:0;border:0;background:none;box-shadow:none}
html body.pdp16 .gh-detail-search-bar .msb-field{display:block;min-width:0;margin:0;padding:10px 16px;border:0;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
html body.pdp16 .gh-detail-search-bar .msb-field{grid-row:auto !important;width:auto !important;max-width:none !important;flex:none !important}
html body.pdp16 .gh-detail-search-bar .msb-city{grid-column:1 / -1 !important;grid-row:1 !important}
html body.pdp16 .gh-detail-search-bar .msb-checkin{grid-column:1 !important;grid-row:2 !important}
html body.pdp16 .gh-detail-search-bar .msb-checkout{grid-column:2 !important;grid-row:2 !important}
html body.pdp16 .gh-detail-search-bar .msb-guests{grid-column:1 / -1 !important;grid-row:3 !important}
html body.pdp16 .gh-detail-search-bar .msb-field label{display:block;margin:0 0 3px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6B7A8C}
html body.pdp16 .gh-detail-search-bar .msb-field select,html body.pdp16 .gh-detail-search-bar .msb-field input{display:block;width:100%;min-width:0;height:30px;margin:0;padding:0;border:0;background:transparent;font:700 15px Inter,system-ui,sans-serif;color:#1D2635;outline:none}
html body.pdp16 .gh-detail-search-bar .msb-btn{position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:2;width:auto;height:52px;margin:0;border:0;border-radius:14px;background:#F56A00;color:#fff;font-size:16px;font-weight:800;box-shadow:0 6px 16px rgba(245,106,0,.3)}