.room-grid{grid-template-columns:1fr;align-items:stretch;gap:2rem;display:grid}.room-link{border-radius:var(--radius-lg);min-height:320px;color:inherit;background:var(--background);border:1px solid var(--border-color);grid-template-columns:minmax(280px,38%) 1fr;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.6s both scaleInFade;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 10px 25px #00000014}.room-link:first-child{animation-delay:.1s}.room-link:nth-child(2){animation-delay:.2s}.room-link:nth-child(3){animation-delay:.3s}.room-link:hover{border-color:var(--primary-color);transform:translateY(-12px);box-shadow:0 20px 60px #06c3}.room-image-wrapper{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef7 100%);min-height:0;position:relative;overflow:hidden}.room-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:block}.room-link:hover .room-image{transform:scale(1.08)}.room-card-content{background:var(--background);flex-direction:column;flex:1;padding:1.8rem;display:flex}.room-card h3{color:var(--text-primary);margin-bottom:.8rem;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700}.room-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.room-meta{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-top:2rem;margin-bottom:.25rem;font-size:.9rem;font-weight:700}.facility-list{flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.facility-list li{color:var(--primary-color);border-radius:var(--radius-full);white-space:nowrap;background:linear-gradient(135deg,#0066cc1a 0%,#ff6b351a 100%);border:1px solid #06c3;padding:.45rem .85rem;font-size:.75rem;font-weight:600;transition:all .3s}.facility-list li:hover{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}@media (max-width:1000px){.room-image-wrapper{min-height:250px}.room-link{grid-template-columns:minmax(240px,40%) 1fr}}@media (max-width:640px){.room-link{flex-direction:column;display:flex}.room-image-wrapper{min-height:220px}.room-card-content{padding:1.25rem}}