/* IVOMAC V1032 — dimensions / cadrage des photos uniquement
   Base : V1030. Aucune logique produit, source d'image, validation ou statut n'est modifié.
   Objectif : afficher l'image entière sans recadrage, avec des cadres stables. */

/* Galerie de la boutique : gestion interne + aperçu public */
.storeGallery img,
.showcaseGallery img,
.galleryCard img {
  width: 100% !important;
  height: 230px !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f4f7f5 !important;
  padding: 6px !important;
  box-sizing: border-box !important;
}

/* Produits : cartes et vitrine publique */
.showcaseProductImage,
.productImage {
  height: 210px !important;
  background: #f4f7f5 !important;
}

.showcaseProductImage img,
.productImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  padding: 6px !important;
  box-sizing: border-box !important;
}

/* Produits : miniatures et aperçus d'édition */
.vitrineProductsPhoto img,
.vitrineProductsPreview img,
.gpProducts271Thumb img,
.gpProducts271ImagePreview img,
.gpCash266ProductImage img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.vitrineProductsPhoto img,
.gpProducts271Thumb img {
  padding: 2px !important;
}

.vitrineProductsPreview img,
.gpProducts271ImagePreview img,
.gpCash266ProductImage img {
  padding: 4px !important;
}

/* Façade publique — résultats de recherche.
   Le cadre suit mieux le format paysage des photos et l'image entière reste visible. */
#mci969SearchResults .mci969ResultCard {
  grid-template-columns: 270px minmax(0, 1fr) !important;
  min-height: 190px !important;
}

#mci969SearchResults .mci969Photo {
  width: 100% !important;
  height: 190px !important;
  min-height: 190px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #f4f7f5 !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}

#mci969SearchResults .mci969Photo img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  #mci969SearchResults .mci969ResultCard {
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }
}

/* Sur téléphone : image pleine largeur, proportion stable. */
@media (max-width: 650px) {
  .storeGallery img,
  .showcaseGallery img,
  .galleryCard img {
    height: 260px !important;
  }
  .showcaseProductImage,
  .productImage {
    height: 240px !important;
  }
  #mci969SearchResults .mci969ResultCard {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  #mci969SearchResults .mci969Photo {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }
}


/* V1056 — Façade / Produits disponibles : conserver les cadres validés,
   mais afficher chaque photo produit en entier, sans recadrage. */
#mci969SearchResults .mci220ProductCard .mci969Photo {
  width: 100% !important;
  height: 190px !important;
  min-height: 190px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #fff !important;
  padding: 6px !important;
  box-sizing: border-box !important;
}
#mci969SearchResults .mci220ProductCard .mci969Photo img,
#mci969SearchResults .mci220ProductCard .mci1056ProductSearchImage {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  display: block !important;
}
@media (max-width:650px){
  #mci969SearchResults .mci220ProductCard .mci969Photo {
    height: 190px !important;
    min-height: 190px !important;
    aspect-ratio: auto !important;
  }
}