/* Keep the selected stay summary and map visible as one desktop composition. */
.hotel-map-layout{display:grid!important;grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important;align-items:stretch!important;gap:18px!important;margin-top:16px;min-height:clamp(620px,calc(100vh - 180px),700px)!important}
.selected-hotel-card,.nearby-map{min-width:0}.selected-hotel-card{height:auto;box-sizing:border-box;margin-top:0;position:relative;top:auto;overflow:visible}.nearby-map{height:100%!important;min-height:0!important}.nearby-map .visual-map{min-height:0!important}
@media(max-width:600px){.hotel-map-layout{grid-template-columns:1fr!important;align-items:start!important;gap:14px!important;margin-top:0;height:auto!important}.selected-hotel-card{height:auto;margin-top:0}.nearby-map{height:590px!important}}

/* Match the search-results price card's "View hotel" button, with a
   crisper icon than a bare arrow glyph and a touch more breathing room. */
.website-cta{align-items:center!important;gap:10px;padding:12px 8px 12px 16px!important;background:#0b2451!important;border:1px solid #183b73!important;box-shadow:0 5px 13px rgba(11,36,81,.18)!important;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.website-cta span{color:#fff!important;font-weight:800!important;font-size:13px!important;letter-spacing:.01em}
.website-cta b{display:grid;flex-shrink:0;place-items:center;width:32px;height:32px;border-radius:8px;background:#f4c542;color:#0b2451;box-shadow:none}
.website-cta b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.website-cta:hover{background:#123365!important;box-shadow:0 8px 18px rgba(11,36,81,.26)!important;transform:translateY(-1px)}
.website-cta:hover b{background:#ffd75e}

/* Trim the top search bar's height (top/bottom only — horizontal padding
   untouched) so it reads as a slim strip. */
.detail-search-wrap{padding-top:4px!important;padding-bottom:5px!important}

/* Move the Guest rating digit onto the star-rating row (right side) as a
   plain number badge instead of its own "Guest rating / Verified reviews" box. */
.detail-stars{display:flex!important;align-items:center!important;justify-content:space-between!important}
.guest-rating-inline{padding:7px 11px!important;border-radius:7px 7px 7px 0!important;color:#fff!important;background:#0b2451!important;font-size:15px!important;letter-spacing:0!important}

/* Reuse the /search page's full interactive search panel here too
   (destination + date-range picker + occupancy picker), sized to sit
   inline in this sticky bar instead of absolutely overlapping a hero.
   position:relative (not static) so the date-picker dropdown — an
   absolutely-positioned child — still anchors to this bar instead of
   the page. */
.detail-search-wrap .search-panel{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(1180px,100%)!important;margin:0 auto!important;min-height:auto!important}
.detail-search-wrap .search-panel .search-field{padding-top:2px!important;padding-bottom:2px!important}
