/* CLASSIC — रंगीन हीरो बैंड, साफ़ लिस्ट */
:root { --fh: 'Baloo 2', 'Hind', sans-serif; --fb: 'Hind', sans-serif; }
.hd { background: #fff; border-bottom: 1px solid var(--line); }
.hero { background: var(--p); color: #fff; padding: 52px 0 60px; position: relative; overflow: hidden; }
.hero::after { content: ''; position: absolute; right: -80px; bottom: -80px; width: 260px; height: 260px; border-radius: 50%; background: var(--a); opacity: .35; animation: blob 9s ease-in-out infinite alternate; }
.hero::before { content: ''; position: absolute; left: -60px; top: -60px; width: 160px; height: 160px; border-radius: 50%; background: #fff; opacity: .07; }
@keyframes blob { to { transform: translate(-30px, -20px) scale(1.15); } }
.hero .wrap { position: relative; z-index: 1; }
.hero p { opacity: .93; max-width: 56ch; font-size: 1.08rem; }
.place { font-weight: 600; margin-bottom: 6px; }
.ctas { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.chips li { background: rgba(255,255,255,.16); padding: 5px 14px; border-radius: 999px; font-size: .92rem; }
.items { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.item { display: flex; align-items: center; gap: 12px; padding: 14px; background: #fff; border-radius: var(--r); border: 1px solid var(--line); transition: transform .2s, box-shadow .2s; }
.item:hover { transform: translateY(-3px); box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--p) 60%, transparent); }
.ic { width: 48px; height: 48px; display: grid; place-items: center; background: var(--p-soft); border-radius: 12px; font-size: 1.5rem; flex: none; }
.nm { font-weight: 600; flex: 1; }
.s-book, .s-pay { background: #fff; }
@media (min-width: 900px) { .hero { padding: 84px 0 92px; } .hero h1 { max-width: 16ch; } }