/* Photos de la carte : cadre fixe, image entière, jamais écrasée ni recadrée. */

.card-img-wrap,
.featured-card__media {
  background: var(--color-surface-sunken, #f3ece4);
  overflow: hidden;
}

.card-img-wrap img,
.card-img-wrap > img,
.card-img,
.featured-card__media img,
.featured-card__img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center !important;
}

/* Ne plus étirer la photo signature sur toute la hauteur de la fiche. */
.featured-card__media {
  aspect-ratio: 4 / 3 !important;
  max-height: 220px;
  flex-shrink: 0;
}

@media (min-width: 720px) {
  .featured-card__media {
    flex: 0 0 280px !important;
    width: 280px;
    max-width: 42%;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    align-self: center;
  }
}

.kabanito-card__photo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 16rem;
  aspect-ratio: 4 / 3;
  margin: 0 0 var(--space-3);
  object-fit: contain !important;
  object-position: center !important;
  background: var(--color-surface-sunken, #f3ece4);
  border-radius: var(--radius-md);
}

.card-simple picture,
.card-simple img,
.card-simple .thumb {
  object-fit: contain !important;
  object-position: center !important;
}

.photo-preview,
.gallery-item {
  background: #fff9f0;
  overflow: hidden;
}

.photo-preview img,
.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center !important;
}