/* assets/css/hotels.mobile.css */
:root{ --m-gutter:12px }
*{box-sizing:border-box}
html,body{overflow-x:hidden;width:100%;max-width:100%}
.container-dah{margin:12px auto;padding:12px;border-radius:16px}
.main-split{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
.search-hero,.map-wrap,#btnExpandMap,.list-header,#results,.hotel-card{width:100%;max-width:100%;min-width:0}
.search-hero{padding:12px;border-radius:14px}
.form-control,.form-select,.btn{height:34px !important;padding:4px 10px !important;font-size:.92rem}
.search-hero .d-flex.mb-1{display:grid !important;grid-template-columns:1fr auto;column-gap:8px}
.map-wrap{height:250px;margin-top:10px;border-radius:14px}
.list-header{display:flex;flex-wrap:wrap;gap:8px;border-radius:12px}
.list-header > *{min-width:0}
#searchStatus{flex:1 1 100%;order:3;text-align:left !important;margin-left:0 !important;font-size:.85rem;opacity:.9}
#results{display:grid;grid-template-columns:1fr !important;gap:12px}
.hotel-card{border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.hotel-photo{aspect-ratio:4/3;background-size:cover;background-position:center}
@media(max-width:420px){.form-control,.form-select,.btn{font-size:.88rem;height:32px !important}}
img,video{max-width:100%;height:auto;display:block}
header,footer{padding-left:var(--m-gutter);padding-right:var(--m-gutter)