/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* Correction miniature image sans balise picture */

/* =============================================
   FIX ALIGNEMENT MINIATURES - jansen-france.fr
   ============================================= */

/* Grille flex */
.products.row {
  align-items: stretch;
}

.js-product-miniature-wrapper {
  display: flex;
  flex-direction: column;
}

.js-product-miniature-wrapper article.product-miniature {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.js-product-miniature-wrapper .product-description {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.js-product-miniature-wrapper .product-description .row.extra-small-gutters {
  flex: 1 1 auto;
}

.js-product-miniature-wrapper .product-add-cart {
  margin-top: auto;
}

/* Fix lazy loading swiper */
.thumbnail-container {
  position: relative;
  width: 100%;
}

.product-thumbnail {
  display: block;
  width: 100%;
  aspect-ratio: 236 / 305;
  overflow: hidden;
  position: relative;
}

.product-thumbnail picture {
  display: block;
  width: 100%;
  height: 100%;
}

.product-thumbnail picture img,
.product-thumbnail > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Empêche les images lazy non encore chargées de réduire la hauteur à 0 */
img.lazy-product-image:not(.loaded) {
  min-height: 305px;
  width: 100%;
}

.badge {font-size: 110%;}