.hotels-section { background: linear-gradient(rgba(10, 10, 25, 0.85), rgba(10, 10, 25, 0.85)),url('https://wallpapers.com/images/featured/hotel-background-sdr508awonqxixqe.jpg') center/cover no-repeat fixed;color: #fff;padding: 80px 20px;}
.hotels-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;}
.hotel-card { background: var(--color-surface); padding: 2rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(250,5,5,0.1); transition: all 0.3s ease; animation: fadeInUp 0.8s ease; position: relative; overflow: hidden;}
.hotel-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,107,53,0.1), transparent); transition: left 0.5s ease;}
.hotel-card:hover::before { left: 100%;}
.hotel-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(180,3,3,0.76);}
.hotel-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;}
.hotel-header h4 { font-size: 1.4rem; color: #24dd0cbe; flex: 1;}
.hotel-rating { text-align: right;}
.stars { color: #ffb700; font-size: 1.2rem; animation: sparkle 3s ease-in-out infinite;}
.rating-number { display: block; font-weight: 600; color: #16478b;}
.hotel-type { display: inline-block; padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem;}
.luxury-hotel .hotel-type { background: linear-gradient(45deg, #DAA520, #FF6B35); color: white;}
.business-hotel .hotel-type { background: linear-gradient(45deg, #1B365D, #374151); color: white;}
.heritage-hotel .hotel-type { background: linear-gradient(45deg, #92400e, #d97706); color: white;}
.budget-hotel .hotel-type { background: linear-gradient(45deg, #059669, #10b981); color: white;}
.hotel-features { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem;}
.feature { background: var(--color-bg-1); padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 0.85rem; animation: float 4s ease-in-out infinite;}
.hotel-price { font-size: 1.3rem; font-weight: bold; color: #FF6B35; text-align: right;}