/* 07-cards.css - room, deal and feature cards */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s}
.card:hover{transform:translateY(-4px)}
.card-img{height:170px;background:linear-gradient(135deg,var(--red),var(--red-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.6rem}
.card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.card-body .btn{margin-top:auto;align-self:flex-start}
.price{font-size:1.5rem;font-weight:800;color:var(--red);margin-bottom:12px}
.price small{font-size:.85rem;color:var(--muted);font-weight:400}
.feature{text-align:center;padding:28px 20px}
.feature .icon{font-size:2rem;width:72px;height:72px;margin:0 auto 14px;border-radius:50%;background:#fde8eb;display:flex;align-items:center;justify-content:center}
.stat{text-align:center}
.stat strong{display:block;font-size:2.4rem;color:var(--red)}
.deal-timer{font-weight:700;color:var(--red-dark);font-size:.9rem;margin-bottom:10px}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}
.filter-bar button{padding:8px 16px;border-radius:20px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:600}
.filter-bar button.active{background:var(--red);color:#fff;border-color:var(--red)}
.tier{border-top:6px solid var(--red)}
.tier.gold{border-top-color:var(--gold)}
.tier.dark{border-top-color:var(--ink)}
.hidden{display:none!important}