/* ==========================================================================
   🤝 PRODOTTI-CORRELATI.CSS — Stili per prodotti correlati
   Usato nella scheda prodotto singolo
========================================================================== */

.prodotti-correlati.contenitore {
  max-width: 1340px;
  margin: 4rem auto 2rem;
  padding: 0 1rem;
}

@media (max-width: 480px) {
  .prodotti-correlati .prodotti-vetrina-wrapper .card-prodotto:nth-child(n+3) {
    display: none;
  }
}

/* ==========================================
   🧩 Ritmo verticale sezione correlati
   ========================================== */

.prodotti-correlati{
  margin-top: 3.5rem;          /* aria sopra la sezione */
}

.prodotti-correlati .titolo-sezione{
  margin: 0 0 2rem 0;     /* aria tra titolo e griglia */
}