.photo-viewer,.reserve-box{min-width:0}
.viewer-main{display:block;width:100%;height:clamp(220px,42vw,540px);object-fit:cover;border-radius:18px;background:#e6eeeb}
.viewer-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 5px}
.viewer-strip button{flex:none;background:transparent;border:2px solid transparent;border-radius:9px;padding:2px;cursor:pointer}
.viewer-strip button[aria-pressed=true]{border-color:#bf653e}
.viewer-strip img{display:block;width:66px;height:55px;object-fit:cover;border-radius:5px}
.reserve-box{box-sizing:border-box;position:sticky;top:96px;align-self:start;scroll-margin-top:100px;border:1px solid #dce4df;border-radius:19px;background:#fff;padding:clamp(16px,2vw,26px);box-shadow:0 8px 30px #153d400d;color:#163d40}
.reserve-rate{font-size:1.4rem;font-weight:750;margin-bottom:20px}
.reserve-box form,.reserve-box label{display:grid;gap:7px}
.reserve-box form{gap:15px}.reserve-box label{font-size:.78rem;font-weight:700;min-width:0}
.reserve-dates.two-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.reserve-box input:not([type=hidden]){box-sizing:border-box;min-width:0;width:100%;height:44px;background:white;color:#203c40;border:1px solid #cdd9d4;border-radius:9px;padding:6px 8px;font:inherit;font-size:.89rem}
.reserve-summary{border-block-start:1px solid #e1e8e4;padding-block-start:14px}.reserve-summary div{display:flex;justify-content:space-between;gap:8px}.reserve-summary small{color:#546b6c;display:block;margin-bottom:5px}
.reserve-box .button{width:100%;justify-content:center;cursor:pointer}.reserve-wa{background:#e8f1ec;color:#184d40}.reserve-provider{display:block;text-align:center;margin-top:12px;font-weight:650}
@media(max-width:760px){.reserve-box{position:static}.viewer-main{height:auto;aspect-ratio:1.15}.viewer-strip img{width:56px;height:48px}.stay-detail .detail-body{grid-template-columns:minmax(0,1fr);margin-top:26px}}
