/* PlumaStudio_CategoryPromoCards
 * Replica il comportamento delle immagini prodotto del tema:
 * - container 240px con wrapper 4:5 (padding-bottom 125%)
 * - immagine NON stirata: massimo 240x300 (dimensione category_page_grid),
 *   centrata nel wrapper anche quando la colonna è più larga (es. viewport 1920px).
 */
.product-item--promo .product-image-container {
  display: inline-block;
  width: 240px;
  max-width: 100%;
}

.product-item--promo .product-image-wrapper {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 125%;
}

.product-item--promo .product-image-wrapper .product-image-photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: auto;
  max-width: 240px;
}

/* "da" prima del prezzo: stesso font/colore del prezzo, peso e dimensione ridotti */
.product-item--promo .promo-price-box .promo-price-prefix {
  display: inline;
  margin-right: 4px;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  color: rgb(39, 39, 39);
  vertical-align: baseline;
}