/* 1) Fixe une hauteur identique pour la zone image (évite les cartes qui s'étirent) */
#products .product-miniature .thumbnail-top {
  height: 320px;              /* ajuste (280–360 selon ton design) */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 2) Image contenue dans la zone, sans déformer */
#products .product-miniature .product-thumbnail img {
  max-height: 300px;          /* un peu moins que thumbnail-top */
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* 3) Description avec un rythme normal */
#products .product-miniature .product-description {
  padding: 16px 18px 18px;
}

/* 4) Titre: 2 lignes max (pour que la hauteur soit stable) */
#products .product-miniature .product-title {
  margin: 0 0 10px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;          /* réserve 2 lignes */
}

/* 5) Prix: pas collé, juste centré avec un peu d’air */
#products .product-miniature .product-price-and-shipping {
  margin-top: 6px;
  padding-bottom: 6px;
}