.rooms{padding:5rem 0}
.sec-head{max-width:620px;margin-bottom:2.5rem}
.sec-head h2,.book h2{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.2;margin-bottom:.6rem}
.sec-head p{color:#4d6361}
.rooms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}
.room{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.room-img{position:relative;display:block;aspect-ratio:16/10;background:var(--deep);overflow:hidden}
.room-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.room-img:hover img{transform:scale(1.04)}
.tag{position:absolute;top:.9rem;left:.9rem;padding:.25rem .8rem;border-radius:99px;font-size:.78rem;font-weight:600}
.tag-on{background:#e3f4e8;color:#17653a}.tag-off{background:#fbe4e1;color:#9a2a1c}
.room-body{padding:1.3rem 1.4rem 1.5rem}
.room-body h3{font-size:1.25rem}
.room-type{color:#4d6361;font-size:.92rem;margin-bottom:1rem}
.room-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.room-price strong{font-size:1.2rem}
.room-price{font-size:.88rem;color:#4d6361}
.btn-sm{padding:.55rem 1.2rem;font-size:.88rem}
@media (max-width:700px){.rooms-grid{grid-template-columns:1fr}.rooms{padding:3.5rem 0}}