/* TapFor5 — correction isolée de la comparaison des deux formats. */
.format-comparison .comparison-card {
  grid-template-columns: minmax(200px, .82fr) minmax(0, 1fr);
  grid-template-rows: auto auto auto 1fr auto;
  gap: 8px 24px;
  min-height: 360px;
  padding: 22px;
}

.format-comparison .comparison-card > img.comparison-product-image[data-product-media] {
  display: block;
  width: 100%;
  height: 270px;
  min-height: 0;
  max-height: 270px;
  align-self: center;
  justify-self: stretch;
  padding: 0 !important;
  border-radius: 20px;
  object-fit: contain !important;
  object-position: center center !important;
  background: #eee7dd;
  transform: none !important;
}

/* Une seule carte par ligne sur tablette : le visuel garde une vraie présence. */
@media (max-width: 1080px) {
  .format-comparison {
    grid-template-columns: 1fr;
    max-width: 820px;
  }

  .format-comparison .comparison-card {
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: 340px;
  }
}

@media (max-width: 680px) {
  .format-comparison {
    max-width: 620px;
  }

  .format-comparison .comparison-card {
    grid-template-columns: 180px minmax(0, 1fr);
    min-height: 330px;
    padding: 18px;
    gap: 7px 18px;
  }

  .format-comparison .comparison-card > img.comparison-product-image[data-product-media] {
    height: 235px;
    max-height: 235px;
    border-radius: 17px;
  }
}

/* Sur petit mobile, le produit passe au-dessus du contenu au lieu d'être comprimé. */
@media (max-width: 520px) {
  .format-comparison .comparison-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto 1fr auto;
    grid-template-areas:
      "image"
      "kicker"
      "title"
      "copy"
      "list"
      "action";
    min-height: 0;
    gap: 8px;
  }

  .format-comparison .comparison-card > img.comparison-product-image[data-product-media] {
    width: min(100%, 200px);
    height: 245px;
    max-height: 245px;
    justify-self: center;
    margin-bottom: 8px;
  }

  .format-comparison .comparison-card > div {
    margin-top: 6px;
  }
}