/* Room cards */
.rooms{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:18px;
}
@media (max-width: 900px){
  .rooms{grid-template-columns:1fr}
}



.room-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.room-title h4{
  margin:0;
  font-size:16px;
  letter-spacing:.2px;
}
.price{
  font-size:13px;
  color:#111827;
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 10px;
  white-space:nowrap;
}
.price b{color:var(--accent)}
.room-body p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:13px;
}
.meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.meta .chip{font-size:12px}













/* Room cards */
.rooms{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:18px;
  align-items: stretch;          /* important */
}

.room{
  background: var(--lux-bg);
  border: 1px solid var(--lux-line);
  border-radius: var(--lux-radius);
  box-shadow: var(--lux-shadow);
  overflow: hidden;

  display: flex;                 /* important */
  flex-direction: column;        /* important */
  height: 100%;                  /* important */
}

/* Mini carousel (fixed height, perfect fill) */
.carousel{
  position:relative;
  overflow:hidden;
  background:#111;
  height: 280px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  flex: 0 0 auto;                /* keep fixed height */
}

.track{
  display:flex;
  height: 100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}

/* IMPORTANT: slides must not shrink */
.slide{
  flex: 0 0 100%;                /* important (better than min-width) */
  height: 100%;
  scroll-snap-align:start;
  position:relative;
}

.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Elegant scrollbar (keep yours) */
.track::-webkit-scrollbar{ height: 8px; }
.track::-webkit-scrollbar-track{ background: rgba(255,255,255,.15); }
.track::-webkit-scrollbar-thumb{
  background: rgba(180,155,63,.65);
  border-radius: 999px;
}
.track::-webkit-scrollbar-thumb:hover{ background: rgba(180,155,63,.85); }

/* Buttons */
.car-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  width:40px;height:40px;
  border-radius:999px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;

  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(10px);
}
.car-btn:hover{
  background: rgba(180,155,63,.35);
  border-color: rgba(180,155,63,.6);
}
.car-btn.prev{left:12px}
.car-btn.next{right:12px}

/* White body MUST stretch to fill remaining height */
.room-body{
  background: #fff;
  padding:16px 16px 18px;

  flex: 1 1 auto;                /* important */
  display: flex;                 /* optional but helps */
  flex-direction: column;        /* optional but helps */
}

/* Push buttons to bottom consistently (optional luxury) */
.room-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;

  margin-top: auto;              /* important -> keeps actions at bottom */
}