/* Yoga landing composition. */

.divenire-yoga-intro .components-split-row {
  row-gap: var(--divenire-content-gap);
}

.divenire-yoga-intro .section-img-text__image {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.divenire-yoga-intro .section-img-text__content {
  max-width: 38rem;
}

.wp-block-samasti-base-cards.divenire-yoga-paths > .container > .d-flex {
  justify-content: center;
  text-align: center;
}

.wp-block-samasti-base-cards.divenire-yoga-paths > .container > .d-flex > h2 {
  width: 100%;
  text-align: center;
}

.wp-block-samasti-base-cards.divenire-yoga-paths .row {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 28rem));
  justify-content: center;
}

.wp-block-samasti-base-cards.divenire-yoga-paths .components-base-card {
  text-align: left;
}

.wp-block-samasti-base-cards.divenire-yoga-paths .components-card-img {
  aspect-ratio: 4 / 3;
}

.divenire-yoga-practice {
  background: var(--divenire-color-surface-alt);
}

.divenire-yoga-practice .container--narrow {
  max-width: var(--divenire-layout-narrow);
}

.divenire-yoga-practice :where(p, ul) {
  max-width: 46rem;
}

.divenire-yoga-practice :where(h3, ul) {
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

.divenire-yoga-schedule > :where(.container, .px-4) {
  max-width: var(--divenire-layout-narrow);
  text-align: center;
}

.divenire-yoga-schedule .d-flex {
  justify-content: center;
}

.divenire-yoga-contact {
  text-align: center;
}

@media (max-width: 991px) {
  .divenire-yoga-intro .section-img-text__content,
  .divenire-yoga-intro.section-img-text--image-right .section-img-text__content {
    max-width: none;
    padding-inline: 0;
  }
}