.room-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);line-height:1.6;overflow:hidden}.room-card:hover{box-shadow:var(--shadow-lg)}.room-image-container{height:220px;position:relative;overflow:hidden}.room-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.room-card:hover .room-image{transform:scale(1.05)}.room-price{top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);font-weight:200;position:absolute}.price-amount{line-height:1;display:block}.price-period{opacity:.9;color:#000;font-size:5px}.room-content{padding:var(--spacing-lg)}.room-title{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--color-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.room-description{color:var(--color-gray);margin-bottom:var(--spacing-md);line-height:1.6;font-size:var(--font-size-sm)}.room-features{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.room-feature{align-items:center;gap:var(--spacing-sm);color:var(--color-gray);font-size:var(--font-size-sm);display:flex}.feature-icon{color:var(--color-primary);font-size:var(--font-size-base)}.room-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-light);justify-content:space-between;align-items:center;display:flex}.room-rating{align-items:center;gap:var(--spacing-xs);display:flex}.star-icon{color:gold;font-size:var(--font-size-sm)}.rating-text{color:var(--color-gray);font-size:var(--font-size-sm);margin-left:var(--spacing-xs)}.room-link{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-base);text-decoration:none;display:flex}.room-link:hover{color:var(--color-primary-dark);gap:var(--spacing-sm)}@media (max-width:768px){.room-features{gap:var(--spacing-sm)}.room-footer{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}.room-link{align-self:flex-end}}