/* ===================================
   Home Page Styles – Yogalya
   =================================== */

/* Hero */
.hero {
  position: relative;
}
.hero__inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--space-8);
  align-items: center;
}
.hero__content {
  max-width: 48rem;
}
.hero__media img {
  border-radius: var(--radius-xl);
}

@media (max-width: 1024px) {
  .hero__inner {
    grid-template-columns: 1fr;
  }
  .hero__content {
    order: 2;
  }
  .hero__media {
    order: 1;
  }
}

/* Section tweaks */
.section p + .btn,
.section p + .flex { margin-top: var(--space-4); }

/* Card polish */
.card:hover { transform: translateY(-3px); }

/* Accessible details spacing */
details + details { margin-top: var(--space-4); }

/* Fine-tune figure spacing */
figure + .mt-6, figure + .mt-4 { margin-top: var(--space-6); }