/* FORMEL visual replacements: limited to the six explicitly approved surfaces. */
.formel-realistic-figure {
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(31, 138, 107, .22);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(16, 44, 61, .10);
}

.formel-realistic-figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.formel-realistic-figure figcaption {
  padding: 9px 13px 11px;
  color: #647582;
  background: #fff;
  font-size: 12px;
  line-height: 1.35;
}

/* Accueil */
.fmx-home .fmx-hero-media > img {
  display: block;
  width: 100%;
  aspect-ratio: 768 / 439;
  object-fit: cover;
  border-radius: 18px;
}

.fmx-home .formel-realistic-accompagnement {
  width: min(100%, 760px);
  margin: 0 auto 30px;
}

.fmx-home .formel-realistic-accompagnement img,
.fmx-home .formel-realistic-diagnostic img {
  aspect-ratio: 4 / 3;
}

.fmx-home .formel-realistic-diagnostic {
  width: 250px;
  flex: 0 0 250px;
  margin: 0 0 0 24px;
}

/* Création : les anciennes cartes abstraites sont remplacées dans leurs conteneurs existants. */
.formel-creation-page__hero-visual {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.formel-creation-page__hero-visual .formel-realistic-figure {
  width: 100%;
  height: 100%;
}

.formel-creation-page__hero-visual .formel-realistic-photo {
  min-height: 390px;
}

.formel-creation-page__network {
  background: transparent !important;
}

.formel-creation-page__network .formel-realistic-figure {
  width: 100%;
  height: 100%;
  min-height: 410px;
}

.formel-creation-page__network .formel-realistic-photo {
  min-height: 365px;
}

/* Packs : l’image reste sous le cadrage éditorial sans déplacer les contrôles. */
.fmx-packs .formel-realistic-packs {
  width: min(100%, 900px);
  margin: 26px auto 8px;
}

.fmx-packs .formel-realistic-packs img {
  aspect-ratio: 3 / 2;
}

/* Comptabilité et site web : la carte visuelle conserve sa place dans la grille. */
.formel-realistic-hero-card {
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
  background: transparent !important;
  box-shadow: none !important;
}

.formel-realistic-hero-card .formel-realistic-figure {
  width: 100%;
  height: 100%;
}

.formel-realistic-hero-card .formel-realistic-photo {
  min-height: 350px;
}

/* Documents Express conserve la figure existante et son ratio éditorial. */
.fsn-hero-visual .formel-realistic-photo {
  height: 100%;
  min-height: 300px;
  border-radius: 18px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .fmx-home .fmx-hero-media > img {
    display: block !important;
  }

  .fmx-home .formel-realistic-diagnostic {
    width: 100%;
    margin: 16px 0 0;
  }

  .formel-creation-page__hero-visual .formel-realistic-photo,
  .formel-creation-page__network .formel-realistic-figure,
  .formel-creation-page__network .formel-realistic-photo,
  .formel-realistic-hero-card .formel-realistic-photo {
    min-height: 250px;
  }

  .fmx-packs .formel-realistic-packs {
    margin-top: 18px;
  }
}