/* =========================================================
   SECTION — Promo (акция / спецпредложение)
   Большая карточка-баннер: бейдж со скидкой + заголовок + CTA.
   Скрывается полностью если выключена в админке.
   ========================================================= */
.promo {
	padding: var(--space-12) 0;
	background: var(--bg);
}
@media (min-width: 900px) {
	.promo { padding: var(--space-16) 0; }
}

.promo__card {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
	padding: var(--space-8) var(--space-6);
	background:
		radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.10) 0%, transparent 50%),
		radial-gradient(circle at 10% 90%, rgba(255, 255, 255, 0.06) 0%, transparent 50%),
		var(--action);
	color: var(--text-on-brand);
	border: 0;
	border-radius: var(--radius-xl);
	box-shadow: 0 16px 40px rgba(27, 94, 44, 0.25);
}
@media (min-width: 800px) {
	.promo__card {
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: var(--space-10);
		padding: var(--space-10) var(--space-12);
	}
}

/* --- Бейдж со скидкой (инвертированный — белый на тёмно-зелёном) --- */
.promo__badge {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	padding: var(--space-5) var(--space-6);
	background: var(--bg);
	color: var(--action);
	border-radius: var(--radius-lg);
	letter-spacing: var(--tracking-tight);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.promo__badge-value {
	font-size: clamp(2rem, 4vw + 1rem, 3rem);
	font-weight: 800;
	line-height: 1;
}
.promo__badge-label {
	margin-top: var(--space-1);
	font-size: var(--text-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: var(--tracking-wide);
	opacity: 0.85;
}

/* --- Текст --- */
.promo__text { min-width: 0; }

.promo__title {
	font-size: clamp(1.5rem, 2vw + 1rem, var(--text-3xl));
	font-weight: 800;
	color: var(--text-on-brand);
	line-height: var(--leading-snug);
	letter-spacing: var(--tracking-snug);
	margin-bottom: var(--space-2);
}

.promo__subtitle {
	font-size: var(--text-base);
	color: rgba(255, 255, 255, 0.82);
	line-height: var(--leading-relaxed);
	margin-bottom: var(--space-2);
}

.promo__deadline {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--text-sm);
	font-weight: 600;
	color: rgba(255, 255, 255, 0.95);
}
.promo__deadline::before {
	content: '';
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 50%;
	animation: promo-pulse 2s ease-in-out infinite;
}

@keyframes promo-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%      { opacity: 0.5; transform: scale(1.3); }
}

/* --- Кнопка (инвертированная: белая с зелёным текстом) --- */
.promo__cta {
	white-space: nowrap;
	background: var(--bg);
	color: var(--action);
}
.promo__cta:hover {
	background: var(--bg-subtle);
	color: var(--action);
}
@media (max-width: 799px) {
	.promo__cta { width: 100%; }
}