/* Rooms */
.rooms{display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:22px}
.room{background:var(--white); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column}
.room .plan{background:#F6F8F7; height:220px; display:flex; align-items:center; justify-content:center; padding:14px; border-bottom:1px solid var(--line)}
.room .plan img{max-height:100%; width:auto; object-fit:contain; mix-blend-mode:multiply}
.room .body{padding:20px 22px 22px; display:flex; flex-direction:column; gap:12px; flex:1}
.room .tags{display:flex; flex-wrap:wrap; gap:6px}
.room .tags span{font-size:12.5px; background:var(--mist); color:var(--teal); border-radius:999px; padding:4px 10px; font-weight:500}
.room ul{margin:0; padding-left:18px; color:var(--muted); font-size:14.5px; display:flex; flex-direction:column; gap:2px}
.room .foot{margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding-top:14px; border-top:1px dashed var(--line)}
.price small{display:block; font-size:12px; color:var(--muted)}
.price b{font-family:var(--display); font-size:24px; color:var(--ink); font-variant-numeric:tabular-nums}
.price b em{font-style:normal; font-size:14px; font-family:var(--body); color:var(--muted); font-weight:400}
.room .btn{padding:11px 18px; font-size:14px}