/* ============================================================
   MALSCH ITALIA — Schede prodotto (archivio di linea + scheda)
   Owner: schede arredi.

   main.css è tarato sulle foto ereditate dal vecchio sito: still
   life su fondo bianco, dove `object-fit: contain` + 5% di padding
   fanno respirare l'oggetto. I nuovi render della linea arredi sono
   invece ambientate a pieno formato, già tagliate in 4:5: dentro un
   box 4:5 il padding lascia una cornice bianca e le mette in una
   pagina che non ha cornici da nessun'altra parte.
   Qui il padding sparisce SOLO nelle pagine di catalogo — la
   homepage e i suoi still life restano quelli di main.css.
   Il box resta ad aspect-ratio: mai altezze fisse, la griglia si
   allinea da sola qualunque sia la proporzione del file.
   ============================================================ */

body.tax-linea .card__media img,
body.single-prodotto .card__media img {
  padding: 0;
  display: block;
  /* le copertine sono 4:5 come il box: `contain` le fa combaciare al
     pixel, e un file fuori formato viene mostrato intero invece che
     tagliato a metà */
  object-fit: contain;
}

/* --- Card dell'archivio di linea ----------------------------------- */

.card__text { min-width: 0; }
.card__sub {
  margin: 4px 0 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--color-text-soft);
}
/* il titolo e "Scopri" restano allineati sulla prima riga anche ora
   che sotto al titolo c'è una seconda riga */
.card__body { align-items: baseline; }
.card__body .discover { flex: none; }

/* --- Scheda singola ------------------------------------------------ */

body.single-prodotto .product__media img {
  padding: 0;
  display: block;
}
/* la gallery mescola verticali 4:5 e orizzontali 3:2: il box resta 4:5
   e le orizzontali ci stanno dentro intere (`contain` da main.css),
   così l'immagine non salta di altezza passando da una foto all'altra */

/* Le miniature sono quadrate: qui il ritaglio è preferibile alla
   cornice bianca, servono a riconoscere lo scatto, non a leggerlo. */
body.single-prodotto .product__thumbs img { object-fit: cover; }