/* Yogalya – Classes page specific styles */
.hero-classes {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(165, 199, 195, 0.25), transparent 70%),
              radial-gradient(1000px 500px at 90% 0%, rgba(212, 197, 216, 0.22), transparent 70%),
              linear-gradient(180deg, var(--color-sand-light), var(--color-off-white));
}
.hero-classes .kicker {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Schedule table */
.schedule-table {
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.schedule-table thead th {
  text-align: left;
  padding: var(--space-3) var(--space-4);
  background-color: var(--color-sage-light);
  color: var(--color-text);
  font-weight: var(--font-medium);
  position: sticky;
  top: 0;
}
.schedule-table tbody td {
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-gray-200);
}
.schedule-table tbody tr:nth-child(2n) td {
  background: var(--color-gray-50);
}
.schedule-card {
  padding: 0;
}

/* FAQ controls spacing */
.faq-actions { display: inline-flex; gap: var(--space-2); }

/* Final CTA */
.bg-teal-light { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); }

@media (max-width: 768px) {
  .hero-classes { padding-top: var(--space-16); padding-bottom: var(--space-12); }
}
