/* ===== Retinol Features – LEFT COLUMN only (scoped) ===== */
.retinol-feat {
	--brand: #960048;
	--ink: #101828;
	--muted: #475467;
	--badge-bg: #fdf2fa;
	--badge-br: #fcceee;
	--pad-x: clamp(12px, 3vw, 16px);
	font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Контейнер колонки */
.retinol-feat .retinol-feat__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: clamp(14px, 2.5vw, 20px);
	max-width: 360px; /* как в макете */
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* Бейдж */
.retinol-feat .retinol-feat__badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	background: var(--badge-bg);
	border: 1px solid var(--badge-br);
	border-radius: 9999px;
}
.retinol-feat .retinol-feat__badge-text {
	color: var(--brand);
	font-weight: 500;
	font-size: clamp(13px, 1.4vw, 14px);
	line-height: 1.43;
	white-space: nowrap;
	text-align: center;
}

/* Заголовок */
.retinol-feat .retinol-feat__title {
	margin: 0;
	color: var(--ink);
	font-weight: 600;
	font-size: clamp(28px, 3.4vw, 36px);
	line-height: clamp(34px, 4vw, 44px); /* ~122% */
	letter-spacing: -0.02em;
}

/* Описание */
.retinol-feat .retinol-feat__desc {
	color: var(--muted);
	font-weight: 400;
	font-size: clamp(16px, 1.9vw, 18px);
	line-height: clamp(24px, 2.2vw, 28px);
}
.retinol-feat .retinol-feat__desc p {
	margin: 0 0 12px;
}
.retinol-feat .retinol-feat__desc p:last-child {
	margin-bottom: 0;
}

/* Небольшая адаптивность */
@media (max-width: 480px) {
	.retinol-feat .retinol-feat__intro {
		max-width: 100%;
		padding-right: var(--pad-x);
		padding-left: var(--pad-x);
	}
}