/* Barre-Traction.com - illustration editoriale en fin de fiche V2.
   L'illustration conserve sa largeur d'origine : meme .container et image width:100%.
   Ces dimensions verticales reproduisent celles du CSS product-finitions V4.1. */
.bt-v2-page > .bt-v4-banner-wrap {
  margin-top: clamp(18px, 2.5vw, 28px);
  margin-bottom: clamp(18px, 2.3vw, 28px);
}
.bt-v2-page > .bt-v4-banner-wrap .bt-v4-banner img {
  height: clamp(345px, 40vw, 575px) !important;
  object-fit: cover;
  object-position: center 40%;
}
@media (max-width: 760px) {
  /* Sur mobile : titre et lien de comparaison toujours alignes a gauche. */
  .bt-v2-page .bt-v21-compare .section-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 9px;
  }
  .bt-v2-page .bt-v21-compare .section-heading > div,
  .bt-v2-page .bt-v21-compare .section-heading .kicker,
  .bt-v2-page .bt-v21-compare .section-heading h2 {
    text-align: left !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .bt-v2-page .bt-v21-compare .section-heading > .text-link {
    display: inline-flex;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
  }
}
@media (max-width: 560px) {
  .bt-v2-page > .bt-v4-banner-wrap .bt-v4-banner img {
    height: 338px !important;
  }
}