.room-card{border:1px solid var(--border);background:#fff;border-radius:18px;width:100%;transition:box-shadow .2s;overflow:hidden;box-shadow:0 4px 16px #17203314}.room-card:hover{box-shadow:0 8px 24px #17203324}.room-image-viewport{overflow:hidden}.room-image{aspect-ratio:4/3;object-fit:cover;z-index:0;width:100%;height:auto;position:relative}.room-image-slide-next{animation:.3s room-image-slide-in-next}.room-image-slide-prev{animation:.3s room-image-slide-in-prev}@keyframes room-image-slide-in-next{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes room-image-slide-in-prev{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.room-image-nav{opacity:0;cursor:pointer;z-index:2;width:28px;height:28px;color:var(--text-primary);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #17203333}.room-card:hover .room-image-nav{opacity:1}.room-image-nav:hover{background:#fff}.room-image-nav-prev{left:10px}.room-image-nav-next{right:10px}.room-image-dots{z-index:2;gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.room-image-dot{background:#fff9;border-radius:50%;width:6px;height:6px;transition:background-color .2s,transform .2s;box-shadow:0 0 2px #17203366}.room-image-dot.active{background:#fff;transform:scale(1.2)}.room-logo{z-index:3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding:4px;display:flex;position:absolute;bottom:-28px;left:18px;overflow:hidden;box-shadow:0 5px 15px #1720331f}.room-logo img{object-fit:cover;border-radius:50%;width:100%!important;height:100%!important}.card-body h4{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4rem;font-size:1rem;display:-webkit-box;overflow:hidden}.room-price{color:var(--blue-500);font-size:.95rem;font-weight:600}.room-meta{gap:4px 14px}.room-meta-item{white-space:nowrap;align-items:center;display:inline-flex}.text-secondary{color:var(--text-secondary)!important}.btn-primary{background-color:var(--blue-500);border-color:var(--blue-500);border-radius:10px;width:100%;padding:10px 0;font-weight:500;transition:background-color .15s}.btn-primary:hover{background-color:var(--blue-600);border-color:var(--blue-600)}.btn-primary:active{background-color:var(--blue-700);border-color:var(--blue-700)}.room-btn{display:block}