/* ============================================================
   Il Marengo — site.css definitivo
   Contiene SOLO ciò che cambia rispetto a common.css
   (hero + griglia 3+2)
============================================================ */


/* ------------------------------------------------------------
   1) HERO — stile personalizzato IlMarengo
------------------------------------------------------------ */

.mn-it .hero-section {
    background: linear-gradient(to right, #3a4d6a, #d7b980);
}


/* ------------------------------------------------------------
   2) GRIGLIA DELLE CARD (3 sopra + 2 sotto)
------------------------------------------------------------ */

/* Base comune alle due righe (solo per IlMarengo) */
.mn-it .site-card-grid {
  display: grid;
  gap: 2.5rem;
  justify-content: center;
  margin: 0 auto 3rem auto;
}

/* Prima riga: 3 colonne */
.mn-it .site-card-grid-top {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  max-width: 1200px;
}

/* Seconda riga: 2 colonne centrate */
.mn-it .site-card-grid-bottom {
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  max-width: 900px;
}


/* ------------------------------------------------------------
   3) RESPONSIVE — Mobile: tutto a 1 colonna
------------------------------------------------------------ */
@media (max-width: 900px) {

  .mn-it .site-card-grid-top,
  .mn-it .site-card-grid-bottom {
    grid-template-columns: 1fr !important;
    max-width: 480px;
  }
}