/* «Плитки» — карточка товара (lifebook_pdp, корень #pdp) и то, что живёт рядом с ней:
   блок статей .lb-ba под карточкой, окно подписки на снижение цены #lb-pw, плашка .lb-yad.
   Файл грузится на всех страницах — каждый селектор ограничен #pdp, #lb-pw или body.lb-pdp-page.
   Специфичность: html body.lbt #pdp … бьёт «#pdp .x» компонента и правила шаблона по id.
   Значения — только токены --lb-* из ../tokens.css. Раскладку карточки не меняем. */

/* ---------- 1. Токены компонента → токены «Плиток» ---------- */
html body.lbt #pdp {
	--pdp-text: var(--lb-ink);
	--pdp-muted: var(--lb-ink-3);
	--pdp-line: var(--lb-line);
	--pdp-line-strong: var(--lb-line);
	--pdp-surface: var(--lb-page);
	--pdp-surface-2: var(--lb-mist);
	--pdp-accent: var(--lb-ink);
	--pdp-accent-dark: var(--lb-ink-hover);
	--pdp-accent-soft: var(--lb-mist);
	--pdp-link: var(--lb-ink);
	--pdp-ok: var(--lb-ok);
	--pdp-warn: var(--lb-ink-3);
	--pdp-off: var(--lb-ink-3);
	--pdp-danger: var(--lb-ink);
	--pdp-radius: var(--lb-r);
	--pdp-radius-sm: var(--lb-ri);
	--pdp-shadow: none;
	--pdp-shadow-tint: transparent;
	--pdp-font: var(--lb-text);
	--pdp-display: var(--lb-display);
	--pdp-gap: var(--lb-grid-gap);
	--pdp-thumb: 76px;
	color: var(--lb-ink);
	font-family: var(--lb-text);
	font-size: var(--lb-fs-ui);
}
html body.lbt #pdp :where(a):hover { color: var(--lb-ink); }

/* ---------- 2. Шапка карточки ---------- */
html body.lbt #mainContentRight #pdp h1.pdp-title {
	margin: 0 0 14px;
	padding: 0;
	max-width: 56ch;
	font: 700 var(--lb-fs-h3)/var(--lb-lh-head) var(--lb-display);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
}
html body.lbt #pdp .pdp-tags { gap: 8px; margin: 4px 0 20px; }
html body.lbt #pdp .pdp-tags__link {
	min-height: var(--lb-ctl-s);
	padding: 0 18px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font-size: var(--lb-fs-ui);
	font-weight: 500;
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-tags__link:hover,
html body.lbt #pdp .pdp-tags__item--dd:hover .pdp-tags__link { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-tags__arrow { color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-tags__menu {
	padding: 8px;
	border: 1px solid var(--lb-line);
	border-radius: var(--lb-rc);
	box-shadow: none;
}
html body.lbt #pdp .pdp-tags__menu a { padding: 10px 14px; border-radius: var(--lb-r-pill); font-size: var(--lb-fs-ui); color: var(--lb-ink); }
html body.lbt #pdp .pdp-tags__menu a:hover { background: var(--lb-mist); }

html body.lbt #pdp .pdp-meta { gap: 8px 20px; font-size: var(--lb-fs-small); color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-meta__value { color: var(--lb-ink); }
html body.lbt #pdp .pdp-copy { border-bottom: 1px dashed var(--lb-rule); }
html body.lbt #pdp .pdp-copy:hover { border-bottom-color: var(--lb-ink); }

/* плашки: пилюли 13/600 без рамок, оттенки вместо красного/оранжевого */
html body.lbt #pdp .pdp-badge,
html body.lbt #pdp .pdp-badge--sale,
html body.lbt #pdp .pdp-badge--new,
html body.lbt #pdp .pdp-badge--popular,
html body.lbt #pdp .pdp-badge--kit {
	padding: 4px 12px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-blue);
	color: var(--lb-ink);
	font-size: var(--lb-fs-micro);
	font-weight: 600;
}
html body.lbt #pdp .pdp-badge--japan,
html body.lbt #pdp .pdp-badge--germany { background: var(--lb-sage); color: var(--lb-ink); }
html body.lbt #pdp .pdp-badge--milstd { background: var(--lb-lav); color: var(--lb-ink); }
html body.lbt #pdp .pdp-badge--popular,
html body.lbt #pdp .pdp-badge--kit { background: var(--lb-mist); }

/* ключевые характеристики — маленькие плитки на mist */
html body.lbt #pdp .pdp-keys { gap: 8px; margin-top: 18px; }
html body.lbt #pdp .pdp-keys__item {
	padding: 10px 16px;
	border: 0;
	border-radius: var(--lb-ri);
	background: var(--lb-mist);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-keys__item:hover { transform: none; background: var(--lb-blue); }
html body.lbt #pdp .pdp-keys__label { font-size: var(--lb-fs-micro); letter-spacing: 0; text-transform: none; color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-keys__value { font: 600 var(--lb-fs-ui)/1.3 var(--lb-display); color: var(--lb-ink); }

/* другие конфигурации */
html body.lbt #pdp .pdp-variants__title { font-size: var(--lb-fs-micro); letter-spacing: 0; text-transform: none; color: var(--lb-ink-3); }
html body.lbt #pdp a.pdp-variants__item,
html body.lbt #pdp a.pdp-variants__item:visited {
	padding: 10px 16px;
	border: 0;
	border-radius: var(--lb-ri);
	background: var(--lb-mist);
	color: var(--lb-ink);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp a.pdp-variants__item:hover { transform: none; background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-variants__spec { font-size: var(--lb-fs-small); }
html body.lbt #pdp .pdp-variants__price { font: 700 var(--lb-fs-ui)/1.3 var(--lb-display); color: var(--lb-ink); font-variant-numeric: tabular-nums; }

html body.lbt #pdp .pdp-notice {
	padding: 16px 20px;
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-mist);
	color: var(--lb-ink-2);
}

/* ---------- 3. Галерея ---------- */
html body.lbt #pdp .pdp-stage {
	border: 0;
	border-radius: var(--lb-r);
	background: var(--lb-tray);
}
html body.lbt #pdp .pdp-stage__img { mix-blend-mode: multiply; }
html body.lbt #pdp .pdp-stage__nav {
	width: var(--lb-ctl);
	height: var(--lb-ctl);
	margin-top: calc(var(--lb-ctl) / -2);
	border: 0;
	background: var(--lb-page);
	box-shadow: none;
	transition: opacity var(--lb-t-fast) var(--lb-ease), background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-stage__nav::before { top: 19px; left: 18px; border-color: var(--lb-ink); }
html body.lbt #pdp .pdp-stage__nav--prev::before { left: 21px; }
html body.lbt #pdp .pdp-stage__nav:hover { transform: none; background: var(--lb-ink); }
html body.lbt #pdp .pdp-stage__nav:hover::before { border-color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-stage__counter {
	top: 16px;
	right: 16px;
	padding: 4px 12px;
	border: 0;
	background: var(--lb-veil);
	font-size: var(--lb-fs-micro);
	color: var(--lb-ink-3);
}
html body.lbt #pdp .pdp-stage__counter b { color: var(--lb-ink); }
html body.lbt #pdp .pdp-stage__caption { font-size: var(--lb-fs-micro); color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-stage__brand { top: 18px; left: 22px; }

html body.lbt #pdp .pdp-thumbs__btn {
	padding: 6px;
	border: 0;
	border-radius: var(--lb-ri);
	background: var(--lb-tray);
	box-shadow: none;
	transition: background-color var(--lb-t-fast) var(--lb-ease), box-shadow var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-thumbs__btn img { mix-blend-mode: multiply; }
html body.lbt #pdp .pdp-thumbs__item:hover .pdp-thumbs__btn { background: var(--lb-blue); }
html body.lbt #pdp .pdp-thumbs__item.is-active .pdp-thumbs__btn { box-shadow: inset 0 0 0 2px var(--lb-ink); }
html body.lbt #pdp .pdp-thumbs__btn--video { background: var(--lb-ink); }
/* стрелки ленты миниатюр: сплошной фон страницы вместо градиента */
html body.lbt #pdp .pdp-thumbs__arrow,
html body.lbt #pdp .pdp-thumbs__arrow--down { height: 32px; background: var(--lb-page); }
html body.lbt #pdp .pdp-thumbs__arrow:hover::before { border-color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-thumbs__btn:focus-visible { outline: 3px solid var(--lb-focus); outline-offset: -3px; }

/* ---------- 4. Панель покупки: три плитки mist → blue → sage ---------- */
html body.lbt #pdp .pdp-buy__sticky { gap: 12px; }
html body.lbt #pdp .pdp-buy__card {
	padding: var(--lb-pad-tray);
	border: 0;
	border-radius: var(--lb-r);
	background: var(--lb-mist);
	box-shadow: none;
}
html body.lbt #pdp .pdp-buy__card.pdp-delivery { background: var(--lb-blue); }
html body.lbt #pdp .pdp-buy__card.pdp-trust { background: var(--lb-sage); padding: 18px var(--lb-pad-tray); }
html body.lbt #mainContentRight #pdp .pdp-buy__title { margin: 0 0 12px; font: 600 var(--lb-fs-h4)/1.3 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }

/* цена */
html body.lbt #pdp .pdp-price__value {
	font: 700 var(--lb-fs-tile)/1.1 var(--lb-display);
	letter-spacing: -.03em;
	color: var(--lb-ink);
	font-variant-numeric: tabular-nums;
}
html body.lbt #pdp .pdp-price--none .pdp-price__value { font-size: var(--lb-fs-h3); }
html body.lbt #pdp .pdp-price__old { font-size: var(--lb-fs-body); color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-price__pill { padding: 3px 10px; background: var(--lb-page); color: var(--lb-ink); font-size: var(--lb-fs-micro); }
html body.lbt #pdp .pdp-price__row { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--lb-rule); }
html body.lbt #pdp .pdp-price__row-value { font: 700 var(--lb-fs-h4)/1.25 var(--lb-display); font-variant-numeric: tabular-nums; }
html body.lbt #pdp .pdp-price__row--cash .pdp-price__row-value { color: var(--lb-ok); }
html body.lbt #pdp .pdp-price__row-label,
html body.lbt #pdp .pdp-price__row--b2b .pdp-price__row-label { font-size: var(--lb-fs-micro); color: var(--lb-ink-2); }
html body.lbt #pdp .pdp-price__row-label a { color: var(--lb-ink); text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }
html body.lbt #pdp .pdp-price__row-label a:hover { text-decoration-color: currentColor; }
html body.lbt #pdp .pdp-price__row--b2b b { color: var(--lb-ink); }

/* «Сообщить о снижении цены» (lb-price-watch.css) */
html body.lbt #pdp .lb-pw-btn { margin-top: 12px; color: var(--lb-ink); font-size: var(--lb-fs-small); }
html body.lbt #pdp .lb-pw-btn:hover { color: var(--lb-ink-2); }
html body.lbt #pdp .lb-pw-btn span { border-bottom-color: var(--lb-ink-3); }
html body.lbt #pdp .lb-pw-btn[data-done] { color: var(--lb-ok); }

/* наличие */
html body.lbt #pdp .pdp-stock { margin: 18px 0 16px; font-size: var(--lb-fs-ui); }
html body.lbt #pdp .pdp-stock small { font-size: var(--lb-fs-micro); color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-stock__dot { width: 9px; height: 9px; box-shadow: none; }
html body.lbt #pdp .pdp-stock__dot--on,
html body.lbt #pdp .pdp-stock__dot--low { background: var(--lb-ok); box-shadow: none; }
html body.lbt #pdp .pdp-stock__dot--wait,
html body.lbt #pdp .pdp-stock__dot--off { background: var(--lb-ink-3); box-shadow: none; }
html body.lbt #pdp .pdp-stock:has(.pdp-stock__dot--on, .pdp-stock__dot--low) .pdp-stock__text { color: var(--lb-ok); }

/* ---------- 5. Кнопки: графитовые и светлые пилюли ---------- */
html body.lbt #pdp .pdp-btn {
	min-height: var(--lb-ctl-s);
	border: 0;
	border-radius: var(--lb-r-pill);
	font-family: var(--lb-text);
	font-size: var(--lb-fs-ui);
	font-weight: 600;
	box-shadow: none;
	transition: background-color var(--lb-t-fast) var(--lb-ease), color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-btn:active { transform: none; }
html body.lbt #pdp .pdp-btn:focus-visible,
html body.lbt #pdp .pdp-anchors__link:focus-visible,
html body.lbt #pdp .pdp-tags__link:focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }

/* главная: «В корзину», «В сборку» */
html body.lbt #pdp .pdp-btn--primary,
html body.lbt #pdp .pdp-btn--primary.addCart,
html body.lbt #pdp .pdp-btn--primary.addCart:hover {
	min-height: var(--lb-ctl);
	background: var(--lb-ink);
	color: var(--lb-on-ink);
	box-shadow: none;
}
html body.lbt #pdp .pdp-btn--primary:hover,
html body.lbt #pdp .pdp-btn--primary.addCart:hover { background: var(--lb-ink-hover); }
html body.lbt #pdp .pdp-btn--primary.added,
html body.lbt #pdp .pdp-btn--primary.addCart.added { background: var(--lb-ok); color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-btn--primary.loading,
html body.lbt #pdp .pdp-btn--primary.addCart.loading { background: var(--lb-ink-hover); }

/* «Сообщить о поступлении» у товара не в наличии — главное действие, тоже графит */
html body.lbt #pdp .pdp-btn--secondary,
html body.lbt #pdp .pdp-btn--secondary.addCart,
html body.lbt #pdp .pdp-btn--secondary.addCart.disabled {
	min-height: var(--lb-ctl);
	background: var(--lb-ink);
	color: var(--lb-on-ink);
	opacity: 1;
	cursor: pointer;
}
html body.lbt #pdp .pdp-btn--secondary:hover,
html body.lbt #pdp .pdp-btn--secondary.addCart.disabled:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }

/* второстепенные на плитке: белые пилюли */
html body.lbt #pdp .pdp-btn--ghost {
	min-height: var(--lb-ctl-s);
	background: var(--lb-page);
	color: var(--lb-ink);
	font-weight: 500;
	font-size: var(--lb-fs-ui);
}
html body.lbt #pdp .pdp-btn--ghost:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-btn--ghost.addCompare,
html body.lbt #pdp .pdp-btn--ghost.addCompare:hover { color: var(--lb-ink); }
html body.lbt #pdp .pdp-btn--ghost.added,
html body.lbt #pdp .pdp-btn--ghost.addCompare.added { color: var(--lb-ok); }

/* избранное: белый круг 48 */
html body.lbt #pdp .pdp-btn.pdp-fav {
	flex: 0 0 var(--lb-ctl);
	width: var(--lb-ctl);
	min-height: var(--lb-ctl);
	border-radius: 50%;
	background: var(--lb-page);
	color: var(--lb-ink);
}
html body.lbt #pdp .pdp-btn.pdp-fav:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-btn.pdp-fav.is-active { background: var(--lb-ink); color: var(--lb-on-ink); }

/* «В корзину» в мини-карточках: светлая пилюля, графит при наведении */
html body.lbt #pdp .pdp-btn--outline,
html body.lbt #pdp .pdp-btn--outline.addCart {
	background: var(--lb-mist);
	color: var(--lb-ink);
}
html body.lbt #pdp .pdp-btn--outline:hover,
html body.lbt #pdp .pdp-btn--outline.addCart:hover { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-btn--outline.added,
html body.lbt #pdp .pdp-btn--outline.addCart.added { background: var(--lb-ok); color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-btn--small { min-height: 40px; border-radius: var(--lb-r-pill); font-size: var(--lb-fs-small); }

/* «Пункт выдачи на карте» — белая пилюля вместо жёлтой */
html body.lbt #pdp .pdp-btn--yandex {
	min-height: var(--lb-ctl-s);
	background: var(--lb-page);
	color: var(--lb-ink);
	font-size: var(--lb-fs-ui);
	font-weight: 500;
}
html body.lbt #pdp .pdp-btn--yandex:hover { background: var(--lb-ink); color: var(--lb-on-ink); }

/* ---------- 6. Доставка и условия ---------- */
html body.lbt #pdp .pdp-delivery__lines { gap: 10px; font-size: var(--lb-fs-small); }
html body.lbt #pdp .pdp-delivery__lines .extra__delivery-info-line { color: var(--lb-ink-2); }
html body.lbt #pdp .pdp-delivery__lines .extra__delivery-info-line strong { color: var(--lb-ink); }
html body.lbt #pdp .pdp-delivery__skeleton { background: var(--lb-veil); animation: none; }
html body.lbt #pdp .pdp-delivery__free,
html body.lbt #pdp .pdp-delivery__selected {
	border: 0;
	border-radius: var(--lb-ri);
	background: var(--lb-page);
	color: var(--lb-ink);
	font-size: var(--lb-fs-small);
}
html body.lbt #pdp .pdp-delivery__links { gap: 6px 16px; margin-top: 14px; font-size: var(--lb-fs-small); }
html body.lbt #pdp .pdp-delivery__links a { color: var(--lb-ink); text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }
html body.lbt #pdp .pdp-delivery__links a:hover { text-decoration-color: currentColor; }

/* плашка «Яндекс Доставка: возможны задержки» внутри карточки */
html body.lbt #pdp .lb-yad,
html body.lbt #mainContentRight #pdp .lb-yad {
	border: 0;
	border-radius: var(--lb-ri);
	background: var(--lb-page);
	color: var(--lb-ink-2);
}
html body.lbt #pdp .lb-yad .lb-yad__ico { color: var(--lb-ink); }
html body.lbt #pdp .lb-yad .lb-yad__h,
html body.lbt #pdp .lb-yad .lb-yad__t b { color: var(--lb-ink); }
html body.lbt #pdp .lb-yad .lb-yad__more { color: var(--lb-ink-2); }
html body.lbt #pdp .lb-yad .lb-yad__s:focus-visible { outline: 3px solid var(--lb-focus); border-radius: var(--lb-ri); }

html body.lbt #pdp .pdp-trust { gap: 10px; font-size: var(--lb-fs-small); }
html body.lbt #pdp .pdp-trust span { color: var(--lb-ink-2); }
html body.lbt #pdp .pdp-trust b { color: var(--lb-ink); font-weight: 600; }
html body.lbt #pdp .pdp-trust a { color: var(--lb-ink); text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }

/* ---------- 7. Якорная навигация: вкладки-пилюли ---------- */
html body.lbt #pdp .pdp-anchors {
	padding: 12px 0;
	border-bottom: 1px solid var(--lb-line);
	background: var(--lb-hdr-bg);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
html body.lbt #pdp .pdp-anchors__list { gap: 8px; }
html body.lbt #pdp .pdp-anchors__link {
	display: inline-flex;
	align-items: center;
	min-height: var(--lb-ctl-s);
	padding: 0 20px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font-size: var(--lb-fs-ui);
	font-weight: 500;
	transition: background-color var(--lb-t-fast) var(--lb-ease), color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-anchors__link:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-anchors__link.is-active { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-anchors__price { font: 700 var(--lb-fs-h4)/1 var(--lb-display); color: var(--lb-ink); }

/* ---------- 8. Секции ---------- */
html body.lbt #pdp .pdp-section { margin-bottom: 56px; }
html body.lbt #mainContentRight #pdp h2.pdp-section__title,
html body.lbt #mainContentRight #pdp .pdp-section__title {
	margin: 0 0 20px;
	padding: 0;
	font: 700 var(--lb-fs-h3)/var(--lb-lh-head) var(--lb-display);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
}
html body.lbt #pdp .pdp-section__sub { font: 400 var(--lb-fs-ui)/1.3 var(--lb-text); letter-spacing: 0; color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-section__all {
	display: inline-flex;
	align-items: center;
	min-height: var(--lb-ctl-s);
	padding: 0 20px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font: 500 var(--lb-fs-ui)/1 var(--lb-text);
	letter-spacing: 0;
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-section__all:hover { background: var(--lb-blue); }
html body.lbt #mainContentRight #pdp .pdp-section__sub-title { font: 600 var(--lb-fs-h4)/1.3 var(--lb-display); color: var(--lb-ink); }

/* описание */
html body.lbt #pdp .pdp-prose { font-size: var(--lb-fs-body); line-height: 1.6; color: var(--lb-ink); }
html body.lbt #pdp .pdp-prose--small { font-size: var(--lb-fs-ui); }
html body.lbt #pdp .pdp-prose a { color: var(--lb-ink); text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }
html body.lbt #pdp .pdp-prose mark { padding: 0 3px; border-radius: 4px; background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-prose :where(td, th) { border-color: var(--lb-line); }
html body.lbt #pdp .pdp-prose--personal {
	padding: 20px 24px;
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-mist);
}
/* обрезка длинного описания: без градиентной вуали */
html body.lbt #pdp .pdp-clamp.is-clamped::after { content: none; }
html body.lbt #pdp .pdp-clamp__toggle {
	min-height: var(--lb-ctl-s);
	margin: 16px 0;
	padding: 0 20px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font-size: var(--lb-fs-ui);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-clamp__toggle:hover { background: var(--lb-blue); }

/* «Добавить в сборку» — плитка sage */
html body.lbt #pdp .pdp-build {
	padding: var(--lb-pad);
	border: 0;
	border-radius: var(--lb-r);
	background: var(--lb-sage);
}
html body.lbt #mainContentRight #pdp .pdp-build__title { font: 700 var(--lb-fs-h3)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt #pdp .pdp-build__sub { font-size: var(--lb-fs-ui); color: var(--lb-ink-2); }
html body.lbt #pdp .pdp-build__slot {
	padding: 8px 14px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-veil);
	color: var(--lb-ink-2);
	font-size: var(--lb-fs-small);
}
html body.lbt #pdp .pdp-build__slot.is-current { border: 0; background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-build__slot.is-current::before { color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-build__slot.is-filled { background: var(--lb-page); color: var(--lb-ink); }
html body.lbt #pdp .pdp-build__status { font-size: var(--lb-fs-small); color: var(--lb-ink-2); }
html body.lbt #pdp .pdp-build__status .is-fail { color: var(--lb-ink); font-weight: 700; }

/* характеристики: группы — плитки mist, две колонки «газетой» сохраняются */
html body.lbt #pdp .pdp-specs { column-gap: var(--lb-grid-gap); }
html body.lbt #pdp .pdp-specs__group {
	margin: 0 0 var(--lb-grid-gap);
	padding: 18px 24px 10px;
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-mist);
}
html body.lbt #mainContentRight #pdp .pdp-specs__title { margin: 0 0 6px; font: 600 var(--lb-fs-h4)/1.3 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt #pdp .pdp-specs__row { padding: 10px 0; border-bottom: 1px solid var(--lb-rule); font-size: var(--lb-fs-ui); }
html body.lbt #pdp .pdp-specs__row:last-child { border-bottom: 0; }
html body.lbt #pdp .pdp-specs__name { color: var(--lb-ink-2); font-weight: 400; }
html body.lbt #pdp .pdp-specs__value { color: var(--lb-ink); }
html body.lbt #pdp .pdp-specs__link { border-bottom: 1px solid var(--lb-rule); color: var(--lb-ink); }
html body.lbt #pdp .pdp-specs__link:hover { border-bottom-color: var(--lb-ink); color: var(--lb-ink); }
html body.lbt #pdp .pdp-hint { background: var(--lb-ink-3); color: var(--lb-on-ink); }
html body.lbt #pdp .pdp-note { font-size: var(--lb-fs-micro); color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-report__key { border: 0; border-radius: 6px; background: var(--lb-mist); box-shadow: none; font-family: var(--lb-text); }
html body.lbt #pdp .pdp-report__link { color: var(--lb-ink); border-bottom-color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-report__link:hover { color: var(--lb-ink-2); }

/* документы */
html body.lbt #pdp .pdp-docs { gap: var(--lb-grid-gap); }
html body.lbt #pdp .pdp-docs__list { gap: 8px; }
html body.lbt #pdp .pdp-docs__link {
	padding: 14px 18px;
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-mist);
	color: var(--lb-ink);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-docs__link:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-docs__ext { border-radius: var(--lb-r-pill); background: var(--lb-page); color: var(--lb-ink); font-size: 11px; }
html body.lbt #pdp .pdp-docs__body { font-size: var(--lb-fs-ui); }
html body.lbt #pdp .pdp-docs__body small { color: var(--lb-ink-3); }

/* видео и обзоры */
html body.lbt #pdp .pdp-videos { gap: var(--lb-grid-gap); }
html body.lbt #pdp .pdp-videos__item { border-radius: var(--lb-rc); background: var(--lb-ink); }
html body.lbt #pdp .pdp-overviews__item { padding: 20px; border: 0; border-radius: var(--lb-rc); background: var(--lb-mist); }
html body.lbt #pdp .pdp-overviews__cover img { border-radius: var(--lb-ri); }
html body.lbt #mainContentRight #pdp .pdp-overviews__title { font: 600 var(--lb-fs-h4)/1.3 var(--lb-display); }
html body.lbt #pdp .pdp-overviews__title a { color: var(--lb-ink); }

/* подбор по модели принтера */
html body.lbt #pdp .pdp-modellinks a {
	min-height: 40px;
	padding: 0 16px;
	border: 0;
	background: var(--lb-mist);
	color: var(--lb-ink);
	font-size: var(--lb-fs-small);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #pdp .pdp-modellinks a:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #pdp .pdp-allsupplies { color: var(--lb-ink); border-bottom-color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-allsupplies:hover { border-bottom-color: var(--lb-ink); }

/* ---------- 9. Мини-карточки «С этим покупают», «Похожие» — полка tray ---------- */
html body.lbt #pdp .pdp-cards {
	gap: 12px;
	padding: var(--lb-pad-tray);
	border-radius: var(--lb-r);
	background: var(--lb-tray);
}
html body.lbt #pdp .pdp-cards--grid { background: var(--lb-tray-sage); }
html body.lbt #pdp .pdp-cards--scroll { padding-bottom: var(--lb-pad-tray); scrollbar-width: none; }
html body.lbt #pdp .pdp-cards--scroll::-webkit-scrollbar { display: none; }
html body.lbt #pdp .pdp-card,
html body.lbt #pdp .pdp-card:hover {
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-page);
	box-shadow: none;
	transform: none;
}
html body.lbt #pdp .pdp-card:hover .pdp-card__cover img { transform: none; }
html body.lbt #pdp .pdp-card__media,
html body.lbt #pdp .pdp-card__cover { background: var(--lb-page); border-radius: var(--lb-rc) var(--lb-rc) 0 0; }
html body.lbt #pdp .pdp-card__body { gap: 6px; padding: 0 18px 16px; }
html body.lbt #pdp .pdp-card__name { font-size: var(--lb-fs-small); font-weight: 500; color: var(--lb-ink); }
html body.lbt #pdp .pdp-card__name:hover { color: var(--lb-ink-2); }
html body.lbt #pdp .pdp-card__article { font-size: 12px; color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-card__specs { border-top: 1px solid var(--lb-line); font-size: var(--lb-fs-micro); }
html body.lbt #pdp .pdp-card__spec-label { color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-card__dot { background: var(--lb-line); }
html body.lbt #pdp .pdp-card__dot.is-active { background: var(--lb-ink); }
html body.lbt #pdp .pdp-card__price { font: 700 var(--lb-fs-h4)/1.1 var(--lb-display); letter-spacing: -.02em; color: var(--lb-ink); }

/* ---------- 10. Окно пунктов выдачи ---------- */
html body.lbt #pdp .pdp-modal { background: rgba(21, 25, 30, .55); }
html body.lbt #pdp .pdp-modal__box { border-radius: var(--lb-r); box-shadow: none; }
html body.lbt #pdp .pdp-modal__head { padding: 20px 24px; border-bottom-color: var(--lb-line); }
html body.lbt #pdp .pdp-modal__title { font: 700 var(--lb-fs-h4)/1.3 var(--lb-display); }
html body.lbt #pdp .pdp-modal__sub { font-size: var(--lb-fs-small); color: var(--lb-ink-3); }
html body.lbt #pdp .pdp-modal__close { width: var(--lb-ctl-s); height: var(--lb-ctl-s); background: var(--lb-mist); color: var(--lb-ink); transition: background-color var(--lb-t-fast) var(--lb-ease); }
html body.lbt #pdp .pdp-modal__close:hover { background: var(--lb-blue); }

/* ---------- 11. Окно «Сообщить о снижении цены» (#lb-pw, в <body>) ---------- */
html body.lbt #lb-pw { background: rgba(21, 25, 30, .55); }
html body.lbt #lb-pw .lb-pw__box { padding: 32px; border-radius: var(--lb-r); background: var(--lb-page); color: var(--lb-ink); box-shadow: none; font-family: var(--lb-text); }
html body.lbt #lb-pw .lb-pw__close { width: var(--lb-ctl-s); height: var(--lb-ctl-s); border-radius: 50%; background: var(--lb-mist); color: var(--lb-ink); line-height: var(--lb-ctl-s); }
html body.lbt #lb-pw .lb-pw__close:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #lb-pw .lb-pw__title { font: 700 var(--lb-fs-h3)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt #lb-pw :is(.lb-pw__lead, .lb-pw__consent, .lb-pw__msg) { color: var(--lb-ink-2); }
html body.lbt #lb-pw .lb-pw__label { color: var(--lb-ink); }
html body.lbt #lb-pw .lb-pw__note { color: var(--lb-ink-3); }
html body.lbt #lb-pw .lb-pw__input { height: var(--lb-ctl); padding: 0 20px; border: 0; border-radius: var(--lb-r-pill); background: var(--lb-mist); color: var(--lb-ink); font-family: var(--lb-text); }
html body.lbt #lb-pw .lb-pw__input:focus { background: var(--lb-page); border-color: transparent; box-shadow: inset 0 0 0 2px var(--lb-ink); outline: 0; }
html body.lbt #lb-pw .lb-pw__consent input { accent-color: var(--lb-ink); }
html body.lbt #lb-pw .lb-pw__consent a { color: var(--lb-ink); text-decoration: underline; text-underline-offset: 3px; }
html body.lbt #lb-pw .lb-pw__submit { height: var(--lb-ctl); border: 0; border-radius: var(--lb-r-pill); background: var(--lb-ink); color: var(--lb-on-ink); font: 600 16px/1 var(--lb-text); }
html body.lbt #lb-pw .lb-pw__submit:hover { background: var(--lb-ink-hover); }
html body.lbt #lb-pw .lb-pw__msg[data-kind="error"] { color: var(--lb-ink); font-weight: 600; }
html body.lbt #lb-pw .lb-pw__msg[data-kind="ok"] { border-radius: var(--lb-ri); background: var(--lb-sage); color: var(--lb-ink); }

/* ---------- 12. «Статьи и обзоры» под карточкой (.lb-ba) ---------- */
html body.lbt.lb-pdp-page .lb-ba {
	margin: 0 0 var(--lb-gap);
	padding: var(--lb-pad);
	border-radius: var(--lb-r);
	background: var(--lb-lav);
	color: var(--lb-ink);
}
html body.lbt.lb-pdp-page .lb-ba .lb-ba__kicker { margin: 0 0 8px; font: 400 var(--lb-fs-ui)/1.3 var(--lb-text); letter-spacing: 0; text-transform: none; color: var(--lb-ink-3); }
html body.lbt.lb-pdp-page #mainContentRight .lb-ba .lb-ba__heading,
html body.lbt.lb-pdp-page .lb-ba .lb-ba__heading { margin: 0 0 28px; font: 700 var(--lb-fs-tile)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__grid { gap: var(--lb-grid-gap); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__card,
html body.lbt.lb-pdp-page .lb-ba .lb-ba__card:hover { border-radius: var(--lb-rc); background: var(--lb-page); box-shadow: none; transform: none; }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__cover { background: var(--lb-photo); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__cover-empty { background: var(--lb-photo); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__body { padding: 18px 18px 20px; }
html body.lbt.lb-pdp-page #mainContentRight .lb-ba .lb-ba__title,
html body.lbt.lb-pdp-page .lb-ba .lb-ba__title { font: 600 var(--lb-fs-h4)/1.3 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__title a:hover { color: var(--lb-ink-2); }
html body.lbt.lb-pdp-page #mainContentRight .lb-ba .lb-ba__excerpt,
html body.lbt.lb-pdp-page .lb-ba .lb-ba__excerpt { font-size: var(--lb-fs-small); color: var(--lb-ink-2); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__more { color: var(--lb-ink); font-size: var(--lb-fs-small); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__more:hover { color: var(--lb-ink-2); }
html body.lbt.lb-pdp-page .lb-ba .lb-ba__all a {
	display: inline-flex;
	align-items: center;
	min-height: var(--lb-ctl-s);
	padding: 0 22px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-page);
	color: var(--lb-ink);
	font-size: var(--lb-fs-ui);
	text-decoration: none;
	transition: background-color var(--lb-t-fast) var(--lb-ease), color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt.lb-pdp-page .lb-ba .lb-ba__all a:hover { background: var(--lb-ink); color: var(--lb-on-ink); }

/* ---------- 13. Уточнения после проверки ---------- */
/* «Сравнить» и «Задать вопрос» в колонке 380 px — в одну строку */
html body.lbt #pdp .pdp-actions__row .pdp-btn--ghost { padding: 0 12px; gap: 6px; white-space: nowrap; }
/* значок внутри выделения в описании (MIL-STD) — строчный, без разрыва абзаца */
html body.lbt #pdp .pdp-prose mark img { display: inline; vertical-align: -2px; max-height: 1em; padding: 0 2px; }
/* полка с прокруткой: первая карточка прилегает к отступу полки, а не к краю */
html body.lbt #pdp .pdp-cards--scroll { scroll-padding-inline: var(--lb-pad-tray); }
/* «На N ₽ дешевле, чем на Маркете» (lb-market-compare.css) — белая пилюля на плитке покупки */
html body.lbt #pdp .lb-mkt { padding: 6px 12px; border-radius: var(--lb-r-pill); background: var(--lb-page); color: var(--lb-ok); font-size: var(--lb-fs-micro); }
html body.lbt #pdp .lb-mkt__icon { color: var(--lb-ok); }
/* липкие якоря: прилегают к компактной шапке «Плиток» (56 px, scrollToFixed сдвигает её на −3 px),
   а не к --lb-header-offset старой шапки (73 px) — иначе в щель видно содержимое */
html body.lbt #pdp .pdp-anchors { top: calc(var(--lb-hdr-hc) - 3px); }
html body.lbt #pdp .pdp-section { scroll-margin-top: calc(var(--lb-hdr-hc) + 80px); }

/* ---------- 14. Окно «Товар добавлен в корзину» (#inBasket, lb-cart-modal.css), открытое из карточки ----------
   Окно общее для всего сайта (листинги, главная, карточка) — селекторы без привязки к странице. */
html body.lbt #inBasket.in-basket-modal {
	--cm-text: var(--lb-ink);
	--cm-muted: var(--lb-ink-3);
	--cm-line: var(--lb-line);
	--cm-line-strong: var(--lb-line);
	--cm-surface: var(--lb-page);
	--cm-surface-2: var(--lb-mist);
	--cm-accent: var(--lb-ink);
	--cm-accent-dark: var(--lb-ink-hover);
	--cm-accent-soft: var(--lb-mist);
	--cm-ok: var(--lb-ok);
	--cm-danger: var(--lb-ink);
	--cm-font: var(--lb-text);
	--cm-display: var(--lb-display);
}
html body.lbt #inBasket.in-basket-modal .in-basket-modal__backdrop { background: rgba(21, 25, 30, .55); }
html body.lbt #inBasket.in-basket-modal #inBasketContainer.in-basket-modal__card { border-radius: var(--lb-r); box-shadow: none; }
html body.lbt #inBasket.in-basket-modal .in-basket-modal__success { background: var(--lb-sage); color: var(--lb-ink); }
html body.lbt #inBasket.in-basket-modal .in-basket-modal__title { font: 700 var(--lb-fs-h3)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #inBasket.in-basket-modal .basketIMG.in-basket-modal__image { border: 0; border-radius: var(--lb-ri); background: var(--lb-mist); }
html body.lbt #inBasket.in-basket-modal .in-basket-modal__price-block { border: 0; border-radius: var(--lb-ri); background: var(--lb-mist); }
html body.lbt #inBasket.in-basket-modal #inBasketDelete:hover { border-color: var(--lb-line); background: var(--lb-page); color: var(--lb-ink); }
html body.lbt #inBasket.in-basket-modal #inBasketTotal .in-basket-modal__total-sum { font-weight: 700; }
html body.lbt #inBasket.in-basket-modal #inBasketOrder a,
html body.lbt #inBasket.in-basket-modal #inBasketOrder a:visited { min-height: var(--lb-ctl); border: 0; border-radius: var(--lb-r-pill); font-size: var(--lb-fs-ui); }
html body.lbt #inBasket.in-basket-modal #inBasketOrder a.inBasketContinue { background: var(--lb-mist); }
html body.lbt #inBasket.in-basket-modal #inBasketOrder a.inBasketContinue:hover { background: var(--lb-blue); }
html body.lbt #inBasket.in-basket-modal #inBasketOrder a.inBasketMake { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #inBasket.in-basket-modal #inBasketOrder a.inBasketMake:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }
html body.lbt #inBasket.in-basket-modal #inBasketOrder a:focus-visible { box-shadow: none; outline: 3px solid var(--lb-focus); outline-offset: 3px; }