/*
 * Siluette Triggers — этап 1.
 * Паритет вычисленных стилей с продом (эталон XL + правила дочерней темы,
 * перенесённые с селекторов wcst_*; см. spec.md §10 и ЖУРНАЛ Сессия C).
 */
.siltr {
	color: var(--siltr-c, inherit);
	font-size: var(--siltr-fs, inherit);
	line-height: 1.4;
	margin: 0;
}

/* Таймер: стабильная ширина цифр (строка не «дышит» на тике). */
.siltr-timer {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* Узкие экраны: длинная строка отсчёта переносится между единицами,
 * иначе блок вылезает за 375px. */
@media (max-width: 480px) {
	.siltr .siltr-timer {
		white-space: normal;
	}
	.siltr-plq {
		max-width: 100%;
	}
}

/* Иконка часов — встроенный SVG, наследует цвет строки/плашки (JPG XL больше не используется). */
.siltr-clock {
	vertical-align: -2px;
	margin-right: 5px;
	flex: none;
}

/* Копилка «Вы экономите» — тот же принцип: SVG в цвет текста. */
.siltr-pig {
	vertical-align: -5px;
	margin-right: 5px;
	flex: none;
}

/* Стиль таймера «чипы»: ДН ЧЧ ММ СС в тёмных плашках, подписи под цифрами.
 * Фон — var(--siltr-bg) из настройки «Фон чипов/плашки». */
.siltr-timer-chips {
	white-space: normal;
	display: inline-flex;
	gap: 4px;
	vertical-align: middle;
	flex-wrap: wrap;
}
.siltr-chip {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	background: var(--siltr-bg, #222);
	color: #fff;
	border-radius: 6px;
	padding: 3px 7px;
	line-height: 1.15;
	min-width: 36px;
}
.siltr-chip b {
	font-size: 1.15em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.siltr-chip i {
	font-style: normal;
	font-size: 10px;
	opacity: .75;
	letter-spacing: .04em;
	text-transform: uppercase;
}

/* Стиль таймера «плашка»: вся строка на акцентном фоне, цифры крупнее. */
.siltr-plq {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--siltr-bg, #222);
	color: #fff;
	padding: 7px 12px;
	border-radius: 6px;
	flex-wrap: wrap;
}
.siltr-plq .siltr-timer {
	font-weight: 700;
	font-size: 1.1em;
}

/* Стиль таймера «цифры колонками» (big): спокойный информативный вид —
 * колонки ДН/ЧЧ/ММ/СС на светлом фоне, цифры лишь чуть крупнее текста,
 * подписи серые мелкие. Цвет цифр — настройка «Цвет текста». Плашки единиц
 * исчезают по мере обнуления (дни → часы). */
/* Ряд стиля big: иконка, подпись и цифры — в ОДНУ строку, выравнивание по
 * базовой линии текста (не по центру строки). */
.siltr-big-row {
	display: inline-flex;
	align-items: baseline;
	gap: 4px; /* расстояние подпись↔цифры — как пробел в тексте («Вы экономите: 600») */
	flex-wrap: wrap;
}
.siltr-big-row .siltr-clock {
	position: relative;
	top: 4px; /* оптическая посадка иконки в центр текстовой строки */
}
.siltr-big-cap {
	margin-right: 0;
}

.siltr-timer-big {
	white-space: normal;
	display: inline-flex;
	align-items: baseline; /* цифры на базовой линии ряда, подписи единиц — под цифрами */
	gap: 12px;
	flex-wrap: wrap;
}
.siltr-big {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.1;
	min-width: 30px;
}
.siltr-big b {
	font-size: 1.2em;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.siltr-big i {
	font-style: normal;
	font-size: 10px;
	/* подписи единиц — ТОТ ЖЕ цвет, что и цифры (решение владельца 19.08.2026) */
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-top: 2px;
}
.siltr-clock-big {
	width: 20px;
	height: 20px;
	opacity: .8;
}

@media (max-width: 480px) {
	.siltr-big-row {
		gap: 6px;
	}
	.siltr-timer-big {
		gap: 8px;
	}
	.siltr-big {
		min-width: 26px;
	}
	.siltr-big b {
		font-size: 1.1em;
	}
}

/* ЕДИНЫЙ ВЕРТИКАЛЬНЫЙ РИТМ КАРТОЧКИ (владелец, 19.08.2026: «равномерно и
 * красиво»): каждый блок триггеров в сводке товара даёт 12px снизу и не
 * имеет верхнего отступа. Частные отступы таймера/экономии удалены —
 * значение живёт в одном месте. Пары внутри карточки: заголовок→бейдж
 * ~6px (тема), звёзды→строка отзывов 6px (дочерняя тема). */
body.single-product .product-details-wrapper .entry-summary .siltr {
	margin: 0 0 12px;
}

/* «Вы экономите» (было .wcst_savings_top): только кегль, отступ — общий. */
.product-details-wrapper .entry-summary .siltr-savings {
	font-size: 16px;
}

/* Ссылка «% отзывов» наследует цвет блока, а не браузерный синий. */
.siltr-smarter-reviews a {
	color: inherit;
}

/* Бейдж: 5 стилей XL (1 — лента с хвостом справа, 2/3 — хвосты с двух сторон,
 * 4 — плоская полоска, 5 — скошенный хвост). Цвета — CSS-переменные с обёртки.
 * Обёртка — inline-block авто-ширины: бейдж и текст рядом («в Категория»)
 * идут ОДНОЙ строкой (владелец, 19.08.2026); прежде лента была блоком на
 * всю ширину, и текст перескакивал вниз. Хвосты — :before/:after у
 * .siltr-badge-one. Запас под хвост — PADDING обёртки (участвует в
 * расчёте auto-ширины); прежний calc(100% - N) на ленте в сжимающемся
 * inline-block ПОДРЕЗАЛ текст на 8-15px (владелец: «троеточие», №25). */
.siltr-badge {
	display: inline-block;
	max-width: 100%;
	padding-right: 14px; /* правый хвост s1: подожмём текст к ленте (E-19), тонкий кончик хвоста допустим под текстом */
	font-size: 14px;
	line-height: 20px;
}
.siltr-badge .siltr-badge-one {
	max-width: 100%;
	background: var(--siltr-bbg, #a46497);
	color: var(--siltr-btc, #fff);
	border-radius: 4px 0 0 4px;
	position: relative;
	padding: 4px 4px 4px 8px;
	z-index: 2;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	min-height: 28px;
	box-sizing: border-box;
}
.siltr-badge .siltr-badge-one:after {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	border: 14px solid var(--siltr-bbg, #a46497);
	z-index: -1;
	height: 0;
	width: 0;
	right: -20px;
	border-left-width: 10px;
	border-right-color: transparent;
}
/* Текст бейджа НИКОГДА не обрезается (владелец, 19.08.2026: «любой бейдж
 * растягивается, лишь бы весь текст поместился»): длинная подпись
 * переносится строками внутри ленты, лента растёт вниз. */
.siltr-badge .siltr-badge-one > span {
	display: block;
}

/* Стиль 2: прямые края, хвосты с двух сторон. */
.siltr-badge-s2 {
	padding-left: 20px;
	padding-right: 14px; /* E-19: текст ближе к ленте */
}
.siltr-badge-s2 .siltr-badge-one {
	border-radius: 0;
	padding: 4px;
}
.siltr-badge-s2 .siltr-badge-one:before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	border: 14px solid var(--siltr-bbg, #a46497);
	z-index: -1;
	height: 0;
	width: 0;
	left: -20px;
	border-left-width: 10px;
	border-left-color: transparent;
}

/* Стиль 3: как 2, с отступами и приподнятыми хвостами. */
.siltr-badge-s3 {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 14px; /* E-19: текст ближе к ленте */
}
.siltr-badge-s3 .siltr-badge-one {
	border-radius: 0;
	padding: 4px 12px;
}
.siltr-badge-s3 .siltr-badge-one:before,
.siltr-badge-s3 .siltr-badge-one:after {
	bottom: 5px;
}
.siltr-badge-s3 .siltr-badge-one:before {
	content: "";
	position: absolute;
	display: block;
	border: 14px solid var(--siltr-bbg, #a46497);
	z-index: -1;
	height: 0;
	width: 0;
	left: -20px;
	border-left-width: 10px;
	border-left-color: transparent;
}

/* Стиль 4: плоская полоска без хвостов. */
.siltr-badge-s4 {
	padding-right: 3px; /* E-19: текст ближе к ленте */
}
.siltr-badge-s4 .siltr-badge-one {
	border-radius: 0;
	padding: 4px 8px;
	height: auto;
}
.siltr-badge-s4 .siltr-badge-one:after {
	display: none;
}

/* Стиль 5: скошенный хвост справа (12px цвет + 13px прозрачных = 25px);
 * padding 18: цветная часть хвоста 12px + 6px воздуха (E-19: текст ближе). */
.siltr-badge-s5 {
	padding-right: 18px;
}
.siltr-badge-s5 .siltr-badge-one {
	padding: 4px 6px 4px 8px;
}
.siltr-badge-s5 .siltr-badge-one:after {
	right: -25px;
	border: 0;
	border-left: 12px solid var(--siltr-bbg, #a46497);
	border-right: 13px solid transparent;
	border-bottom: 28px solid transparent;
}

/*
 * Этап 2: счётчик, сниппет, гаранти-бокс, low_stock, список бестселлеров,
 * динамическое число, cutoff-таймер. Цвета/размеры — CSS-переменные с обёртки.
 */

/* Коробки с фоном/рамкой (XL рисовал inline-стилями на каждый товар). */
.siltr-sales-count,
.siltr-sales-snippet,
.siltr-guarantee,
.siltr-dynamic-number {
	background: var(--siltr-bg, none);
	border: 1px solid var(--siltr-bc, transparent);
	padding: 10px 15px;
	margin: 15px 0;
}

/* Гаранти-бокс: строка «иконка + заголовок/текст». */
.siltr-guarantee-row {
	display: flex;
	align-items: center;
	margin: 8px 0;
}
.siltr-guarantee-icon {
	flex: 0 0 auto;
	margin-right: 12px;
}
.siltr-guarantee-icon img {
	display: block;
	max-width: 36px;
	height: auto;
}
.siltr-guarantee-text h5 {
	margin: 0;
	color: var(--siltr-hc, inherit);
	font-size: 1em;
}
.siltr-guarantee-text p {
	margin: 0;
	line-height: 1.4;
}
.siltr-guarantee-text.siltr-no-padding {
	margin: 0;
}

/* Дефицит/наличие: свой цвет на каждое состояние. */
.siltr-low-assurance {
	color: var(--siltr-asc, #77a464);
}
.siltr-low-scarcity {
	color: var(--siltr-scc, #dd3333);
}
.siltr-low-oos {
	color: var(--siltr-osc, #dd3333);
}
.siltr-low-backorder {
	color: var(--siltr-bkc, #77a464);
}

/* Список бестселлеров. */
.siltr-bsl-heading {
	margin-bottom: 4px;
}
.siltr-bsl-list {
	margin: 0;
	padding-left: 20px;
}
.siltr-bsl-list li {
	margin: 2px 0;
}
.siltr-bsl-list a {
	color: inherit;
}

/* Динамическое число: акцентный цвет числа. */
.siltr-dyn .siltr-dyn-n {
	color: var(--siltr-ac, inherit);
	font-weight: 600;
}

/* cutoff_time_left с timer=on: тикает JS, ширина не «дышит». */
.siltr-cutoff-timer {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}