/* =========================================================
   COACHING INDIVIDUEL DÉTAILLÉ — section vert profond
   ========================================================= */

.individual-coaching {
  position: relative;
  background-image: url("../../assets/images/backgrounds/background-final-cta.webp");
  background-size: cover;
  background-position: center;
  isolation: isolate;
}

.individual-coaching::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgba(51, 63, 43, 0.78);
}

.individual-coaching__inner {
  display: grid;
  gap: var(--space-xl);
}

.individual-coaching__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.individual-coaching__benefits {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin-block: var(--space-2xs);
}

.individual-coaching__benefits li {
  padding: 0.5rem 0.875rem;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-pill);
  font-size: var(--text-small);
  color: var(--color-sand);
}

.individual-coaching__content .btn { align-self: flex-start; }

.individual-coaching__figure {
  margin: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.06);
}

.individual-coaching__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.individual-coaching__specs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-sm);
  margin-top: var(--space-md);
}

.individual-coaching__spec dd {
  margin: 0;
  margin-top: var(--space-3xs);
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-white);
}

@media (min-width: 900px) {
  .individual-coaching__inner {
    grid-template-columns: 6fr 5fr;
    gap: var(--space-2xl);
    align-items: center;
  }
  .individual-coaching__content { gap: var(--space-md); }
}