.hero-banner { padding: 80px 0; color: white; text-align: center; }
.attraction-detail { background: white; border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.timing-info { padding: 15px; border-radius: 8px; margin: 15px 0; }
.distance-badge { color: white; padding: 5px 15px; border-radius: 20px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.distance-badge:hover { text-decoration: none; transform: translateY(-1px); }
.ad-container { margin: 30px 0; text-align: center; }
.price-info { padding: 15px; border-radius: 8px; margin: 15px 0; }

.theme-adventure { --theme-primary: #ff5722; --theme-secondary: #ff9800; }
.theme-backwaters { --theme-primary: #0277bd; --theme-secondary: #03a9f4; }
.theme-food { --theme-primary: #e91e63; --theme-secondary: #ff5722; }
.theme-historical { --theme-primary: #1a1a1a; --theme-secondary: #2c2c2c; --theme-text: #d4af37; }
.theme-nature { --theme-primary: #2e7d32; --theme-secondary: #4caf50; }
.theme-wellness { --theme-primary: #4caf50; --theme-secondary: #8bc34a; }

.theme-adventure .hero-banner { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%); }
.theme-backwaters .hero-banner { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%); }
.theme-food .hero-banner { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%); }
.theme-historical .hero-banner { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%); color: var(--theme-text); }
.theme-nature .hero-banner { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%); }
.theme-wellness .hero-banner { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%); }

.theme-adventure .attraction-detail { border-left: 4px solid var(--theme-primary); }
.theme-backwaters .attraction-detail { border-left: 4px solid var(--theme-secondary); }
.theme-food .attraction-detail { border-left: 4px solid var(--theme-primary); }
.theme-historical .attraction-detail { border-left: 4px solid #d4af37; }
.theme-nature .attraction-detail { border-left: 4px solid var(--theme-secondary); }
.theme-wellness .attraction-detail { border-left: 4px solid var(--theme-secondary); }

.main-content { padding-top: 120px; }
.hero-title { font-size: 3rem; margin-bottom: 20px; }
.hero-subtitle { font-size: 1.2rem; }
.content-container { max-width: 900px; margin: 0 auto; padding: 40px 20px; }
.contact-footer { padding: 30px; border-radius: 15px; text-align: center; margin-top: 40px; color: white; }
.contact-links { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.contact-link { background: rgba(255,255,255,0.2); color: white; text-decoration: none; padding: 12px 20px; border-radius: 25px; }

@media (max-width: 768px) {
    .hero-banner { padding: 40px 15px; }
    .hero-banner h1 { font-size: 2.2rem !important; }
    .hero-banner p { font-size: 1rem !important; }
    .container { padding: 20px 15px; }
    .attraction-detail { padding: 20px 15px; margin: 15px 0; }
    .timing-info, .price-info { padding: 12px; margin: 12px 0; }
    .ad-container { margin: 20px 0; padding: 15px; }
}