/* -----------------------------------------------------------
   SITE.CSS — MOEDA NUMISMÁTICA
   Personalizzazioni specifiche del sito
------------------------------------------------------------*/

/* -----------------------------------------------------------
   HERO — Gradiente distintivo (Nordic Gold)
------------------------------------------------------------*/
.mn-pt .hero-section {
    background: linear-gradient(to right, #3a4d6a, #c9971a);
}

/* -----------------------------------------------------------
   CARD GRID — Layout specifico 2×380px
------------------------------------------------------------*/
.mn-pt .site-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 380px);
  gap: 2rem;

  width: fit-content;
  margin: 0 auto 3rem auto;
}

/* -----------------------------------------------------------
   MOBILE — Una card per riga, mantenendo la larghezza desktop
------------------------------------------------------------*/
@media (max-width: 900px) {
  .mn-pt .site-card-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;

    width: 100%;
    margin: 0 auto 3rem auto;
  }

  /* Mantiene la larghezza 380px anche su mobile */
  .mn-pt .site-card-grid > * {
    width: 380px;
    max-width: 380px;
  }
}