/* Compte à rebours (CPA) – carte translucide pour bandeau mauve */
.cpa-cd {
	--cpa-cd-rose: #d4537e;
	--cpa-cd-rose-clair: #f2a9c3;
	--cpa-cd-lav: #d9cde3;
	background-color: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 20px;
	padding: 24px 26px;
	color: #fff;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.cpa-cd__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 8px 12px;
	margin-bottom: 10px;
}

.cpa-cd__label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--cpa-cd-rose-clair);
}

.cpa-cd__date {
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background-color: rgba(212, 83, 126, .25);
	border-radius: 999px;
	padding: 5px 12px;
	white-space: nowrap;
}

.cpa-cd__count {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 12px;
}

.cpa-cd__num {
	font-family: 'Outfit', sans-serif;
	font-weight: 800;
	font-size: clamp(64px, 8vw, 104px);
	line-height: .95;
	color: var(--cpa-cd-rose-clair);
	font-variant-numeric: tabular-nums;
	letter-spacing: -.01em;
}

.cpa-cd__num--done {
	font-size: clamp(36px, 5vw, 56px);
}

.cpa-cd__unit {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
}

.cpa-cd__progress {
	margin-top: 18px;
}

.cpa-cd__bar {
	height: 6px;
	border-radius: 99px;
	background: rgba(255, 255, 255, .12);
	overflow: hidden;
}

.cpa-cd__bar i {
	display: block;
	height: 100%;
	min-width: 6px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--cpa-cd-rose), var(--cpa-cd-rose-clair));
}

.cpa-cd__legend {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
	font-size: 12px;
	color: var(--cpa-cd-lav);
}

@media (max-width: 767px) {
	.cpa-cd {
		padding: 20px;
	}
}