/* ============================================================
   ESTETICA CRISTINA — Prodotti
   Testo + immagine, come Chi Sono ma invertito: qui il prodotto
   è protagonista a destra. Contenuto reale (linea SurgicTouch).
   ============================================================ */

.prodotti {
  background-color: var(--bg-ivory);
  padding-block: var(--sp-xxl);
}
.prodotti__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--sp-xl);
  align-items: center;
}
.prodotti__text { max-width: 46ch; margin-bottom: var(--sp-md); }

.check-list li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 0.6rem;
  color: var(--text-dark-muted);
}
.check-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
}

/* La foto reale del prodotto è orizzontale (non 4:5): un riquadro
   più contenuto con object-fit:contain mostra il flacone intero
   invece di tagliarlo per riempire un formato verticale. */
.prodotti__media {
  max-width: 380px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--bg-ivory-2);
  border: 1px solid var(--hairline-dark);
  border-radius: var(--radius);
  padding: var(--sp-sm);
}
.prodotti__media img { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 860px) {
  .prodotti__grid { grid-template-columns: 1fr; gap: var(--sp-md); }
  .prodotti__media { order: -1; margin-inline: auto; }
}