.cards-grid {
  display: flex;
  gap: 32px;
  padding: 48px;
  height: 100%;
}

.cards-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.card {
  width: 200px;
  height: 260px;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heart {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  z-index: 2;          /* au-dessus de l’illustration */
  pointer-events: none;
}


.illu {
  width: 60%;
}

/*ajouton*/
.cards-wrapper .card {
  width: 220px;   /* largeur plus grande */
  height: 260px;  /* hauteur plus grande */
  border-radius: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cards-wrapper .card .illu {
  width: 140px;   /* image SVG plus grande */
  height: 140px;
}

.cards-wrapper .card .heart {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 28px;
  height: 28px;
}

/*fin ajouton*/

/* Couleurs proches du design officiel */
.bg-yellow { background: #fff6d8; }
.bg-purple { background: #d3c4eb; }
.bg-blue   { background: #d9f0ff; }
.bg-cyan   { background: #99d0d1; }
.bg-peach  { background: #fbc2a0; }
.bg-lilac  { background: #efe4ff; }


/* Couleurs colonne DROITE (différentes) */
.bg-mint { background: #e6f7f1; }
.bg-rose { background: #f4c2d3; }
.bg-sky  { background: #e8f2ff; }

/* ajoutok*/

.bg-yellow { background:#FFF4D6; }
/*.bg-purple { background:#EEE9FF; }*/
/*.bg-blue   { background:#E9F3FF; }*/

/*.bg-cyan   { background:#E6FAFA; }*/
.bg-lilac2  { background:#d1bdfa; }

.bg-mint   { background:#EAF7F2; }
.bg-rose   { background:#f4c2d3; }
.bg-sky    { background:#EEF4FF; }