/* --- PATCH LAYOUT SCHEDA: larghezza come elenco + gallery secondarie sotto prezzo --- */

/* 1) Larghezza: usa la stessa width della lista (niente "stretta") */
.sirio-scheda-wrapper .container,
.sirio-elenco-wrapper .container{
  max-width: 1400px;   /* se nel tuo elenco è diverso, cambia questo valore con quello dell'elenco */
  width: 100%;
}

/* 2) Gallery secondarie: più compatta */
.sirio-scheda-gallery9{
  margin-top: 10px;
  gap: 8px;
}

.sirio-scheda-thumb{
  border-radius: 12px;
}

/* 3) Desktop largo: gallery piccola (così ci sta sotto al prezzo) */
@media (min-width: 1200px){
  .sirio-scheda-gallery9{
    grid-template-columns: repeat(3, 1fr);
    max-width: 520px;
  }
}

/* 4) TV / schermi molto larghi: un filo più larga ma sempre contenuta */
@media (min-width: 1600px){
  .sirio-scheda-gallery9{
    max-width: 600px;
  }
}

/* Sfondo scheda prodotto come elenco */
.sirio-scheda-wrapper {
    background: #f2f2f2; /* stesso grigio elenco */
    padding: 30px 0;
}

/* Mantiene le card bianche sopra lo sfondo grigio */
.sirio-scheda-wrapper .sirio-elenco-card,
.sirio-scheda-wrapper .sirio-scheda-box,
.sirio-scheda-wrapper .sirio-scheda-testo1 {
    background: #ffffff;
}