/* =========================================================
   COMPONENT — Promo countdown timer
   Переиспользуемый таймер акции: попап, баннер, hero.
   ========================================================= */
.promo-timer-row {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-2);
	margin: var(--space-2) 0 var(--space-3);
}
.promo-timer-row__label {
	font-size: var(--text-xs);
	font-weight: 600;
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: var(--tracking-wide);
}

.promo-timer {
	display: inline-flex;
	gap: var(--space-2);
	align-items: stretch;
}
.promo-timer__seg {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	padding: var(--space-2) var(--space-2);
	background: var(--color-brand-50);
	border-radius: var(--radius-md);
}
.promo-timer__num {
	font-size: var(--text-lg);
	font-weight: 800;
	line-height: 1;
	color: var(--action);
	font-variant-numeric: tabular-nums;
}
.promo-timer__label {
	margin-top: 3px;
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.promo-timer__ended {
	font-weight: 600;
	color: var(--text-muted);
}