/* Events page styles – minimal, leveraging base.css */

.hero {
  background: radial-gradient(1200px 600px at 10% 20%, color-mix(in oklab, var(--color-primary) 24%, transparent), transparent),
              linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 8%, transparent), transparent);
}
.hero-inner {
  display: grid; gap: var(--space-8);
  grid-template-columns: 1.2fr 1fr; align-items: center;
}
.hero-content p { color: var(--color-muted); }
.hero-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4); }
.hero-media { aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }

@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; }
}

.packages-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
@media (max-width: 1024px) { .packages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .packages-grid { grid-template-columns: 1fr; } }

.section-tight { padding-block: var(--space-10); }

.promo-banner { display: grid; gap: var(--space-4); align-items: start; }
.promo-banner p { margin: 0; }

.themes-list { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.theme-badge { display: inline-flex; align-items: center; padding: 0.35em 0.65em; border-radius: var(--radius-full); background: var(--gray-100); font-weight: 700; margin-right: var(--space-2); }
.theme-desc { color: var(--color-muted); }

.booking-grid { gap: var(--space-6); }

.add-ons .addon { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 600; }

.testimonials blockquote footer { color: var(--color-muted); margin-top: var(--space-2); }

.setup-grid, .vr-grid { display: grid; gap: var(--space-8); grid-template-columns: 1fr 1fr; align-items: center; }
.setup-grid img, .vr-grid img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
@media (max-width: 900px) { .setup-grid, .vr-grid { grid-template-columns: 1fr; } }

.tips-list { display: grid; gap: var(--space-3); }

/* FAQ accordion */
.faq-accordion { display: grid; gap: var(--space-4); }
.faq-accordion details[open] { box-shadow: var(--shadow-lg); }
.faq-accordion summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); list-style: none; font-weight: 700; }
.faq-accordion summary::-webkit-details-marker { display: none; }
.faq-accordion summary span { flex: 1; }
.faq-accordion summary::after { content: '\f107'; font-family: 'Font Awesome 6 Free'; font-weight: 900; transition: transform var(--duration-normal) var(--ease-spring); }
.faq-accordion details[open] > summary::after { transform: rotate(180deg); }

/* Contact CTA */
.section-cta { padding-block: var(--space-12); }
.contact-cta { display: grid; gap: var(--space-6); grid-template-columns: 1.5fr auto; align-items: center; }
@media (max-width: 800px) { .contact-cta { grid-template-columns: 1fr; } }