/* RankList — обёртка «Товар». */

.rlist-pd {
	--rl-pd-accent: #f59e0b;
	--rl-pd-bg: rgba(245,158,11,.08);
	margin: 1.6em 0;
	position: relative;
}

.rlist-pd *,
.rlist-pd *::before,
.rlist-pd *::after { box-sizing: border-box; }

.rlist-pd__badge {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #fff;
	background: var(--rl-pd-accent);
	padding: 3px 11px;
	border-radius: 999px;
	margin-bottom: 12px;
}

/* Анимация бейджа (партнёрские товары) — недолго при появлении */
.rlist-pd__badge--anim { animation-iteration-count: 4; animation-duration: 1s; animation-timing-function: ease-in-out; }
@media (prefers-reduced-motion: reduce) { .rlist-pd__badge--anim { animation: none; } }
.rlist-pd__badge--pulse { animation-name: rlistPdPulse; }
@keyframes rlistPdPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.rlist-pd__badge--blink { animation-name: rlistPdBlink; }
@keyframes rlistPdBlink { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.rlist-pd__badge--glow { animation-name: rlistPdGlow; }
@keyframes rlistPdGlow { 0%,100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } 50% { box-shadow: 0 0 0 5px var(--rl-pd-bg); } }

/* ── Заголовок: базовое ── */
.rlist-pd__hd { margin: 0 0 14px; }
.rlist-pd__name { margin: 0; line-height: 1.25; }

/* Обычный */
.rlist-pd__hd--plain .rlist-pd__name { font-size: 21px; font-weight: 700; }

/* Номер + линия (как в примере) */
.rlist-pd__hd--numbered { display: flex; align-items: center; gap: 18px; }
.rlist-pd__hd--numbered .rlist-pd__num {
	flex: 0 0 auto;
	font-size: 46px;
	line-height: 1;
	font-weight: 800;
	color: #374151;
	font-variant-numeric: tabular-nums;
}
.rlist-pd__hdmain { flex: 1 1 auto; min-width: 0; }
.rlist-pd__hd--numbered .rlist-pd__name {
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin: 0 0 8px;
}
.rlist-pd__hd--numbered .rlist-pd__rule {
	display: block;
	height: 2px;
	width: 100%;
	background: var(--rl-pd-accent);
}

/* Номер в плашке */
.rlist-pd__hd--boxed { display: flex; align-items: center; gap: 16px; }
.rlist-pd__hd--boxed .rlist-pd__num {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 10px;
	background: var(--rl-pd-accent);
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}
.rlist-pd__hd--boxed .rlist-pd__name { font-size: 20px; font-weight: 700; }

/* Подчёркивание */
.rlist-pd__hd--underline .rlist-pd__name { font-size: 21px; font-weight: 700; display: inline-block; }
.rlist-pd__hd--underline .rlist-pd__rule {
	display: block;
	height: 3px;
	width: 64px;
	margin-top: 8px;
	background: var(--rl-pd-accent);
}

/* ── Темы обёртки ── */
.rlist-pd--card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 22px 24px; }
.rlist-pd--plain { padding: 4px 0; }
.rlist-pd--bordered { border-left: 4px solid var(--rl-pd-accent); padding: 6px 0 6px 18px; }

/* Рекомендуемый — подложка */
.rlist-pd--rec { background: var(--rl-pd-bg); }
.rlist-pd--rec.rlist-pd--card { border-color: var(--rl-pd-accent); box-shadow: 0 0 0 1px var(--rl-pd-accent); }
.rlist-pd--rec.rlist-pd--plain { border-radius: 12px; padding: 22px 24px; }
.rlist-pd--rec.rlist-pd--bordered { border-left-color: var(--rl-pd-accent); }

.rlist-pd__body > *:first-child { margin-top: 0; }
.rlist-pd__body > *:last-child { margin-bottom: 0; }