/* ===== STATS ================================================= */
.stats{
  display:flex;
  justify-content:center;
  /* ↳ plus de padding ici : on hérite de --space-section        */
}

/* carte ---------------------- */
.stats-card{
	background:#f8f8f8;
	border-radius:var(--radius);
	padding:3rem 2rem;
	max-width:1100px;
	width:100%;
	text-align:center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    gap:2rem;
    flex-wrap: nowrap;
}
.stat-value{
  display:block;
  font-size:clamp(2.2rem,4vw,3.5rem);
  font-weight:700;
  color:var(--c-accent);
}

.stat-label{
  display:block;
  margin-top:.6rem;
  font-size:1rem;
  font-weight:500;
  color:var(--c-accent);
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:1.4;
}

/* responsive -------------------------------------------------- */
@media(max-width:640px){
  .stats-card{
    gap:1.5rem;
    padding:2.5rem 1.5rem;
  }
  .stat-value{font-size:2rem;}
  .stat-label{font-size:.9rem;}
}
@media(max-width:539px){
  .stats-card{
		flex-wrap: wrap;
		gap:0;
	}	
	.stat{
		width: 100%;
		margin-bottom:16px;
	}
}