/* Каталог в оформлении «Плитки» (дизайн-код .claude/skills/lifebook-style).
   Файл грузится на всех страницах, поэтому каждое правило начинается с корня своей страницы/компонента:
     #lbCat            — корень каталога /catalog/ (local/include/catalog_hub.php, ls/catalog-hub.css)
     #catalogLines.lst — листинг «строки» в разделах и в поиске (catalog.section/line, lb_search_line)
     #smartFilterForm  — умный фильтр раздела (catalog.smart.filter/.fujitsu)
     .lb-sn, .catalog-title-wrap, .subsections-tags-list, .bx-pagination — шапка и низ раздела (#catalog)
     #lp               — подборки /podborki/ (local:landing.page)
     #lsCompare, #lscFloat — сравнение /compare/ (catalog.compare/lb26)
   Раскладку и состав блоков не меняем — только внешний вид. Компоненты держат цвета в своих переменных
   (--lst-*, --sf-*, --ac/--ink, --lp-*, --ls-*): сначала переопределяем их токенами --lb-*, затем точечные правила.
   Префикс html body.lbt + id корня: у старых стилей правила по id и местами. */

/* =====================================================================
   1. Раздел каталога: колонки, заголовок, подборки, подразделы
   ===================================================================== */

/* Правая колонка фильтра стояла вплотную к краю окна: даём ей поле, как у шапки */
html body.lbt #mainContent:has(#catalogLines) > aside { margin-right: var(--lb-gut); }
html body.lbt #mainContent:has(#catalogLines) #mainContentRight.aside { width: calc(100% - 270px - var(--lb-gut)); }

html body.lbt #mainContentRight .catalog-title-wrap .catalog-title__count {
	color: var(--lb-ink-3);
	font: 400 var(--lb-fs-small)/1.3 var(--lb-text);
	font-variant-numeric: tabular-nums;
}

/* Подборки и чипы характеристик (LbSeoFilter::navCss — стили инлайном, поэтому селекторы с #mainContentRight) */
html body.lbt #mainContentRight .lb-sn .lb-sn__label { color: var(--lb-ink-3); font-size: var(--lb-fs-small); }
html body.lbt #mainContentRight .lb-sn a.lb-sn__task {
	color: var(--lb-ink);
	font: 500 var(--lb-fs-ui)/1.3 var(--lb-text);
	border-bottom: 1px solid var(--lb-rule);
}
html body.lbt #mainContentRight .lb-sn a.lb-sn__task:hover { color: var(--lb-ink); border-bottom-color: var(--lb-ink); }
html body.lbt #mainContentRight .lb-sn a.lb-sn__chip {
	height: 36px;
	padding: 0 14px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font: 500 var(--lb-fs-small)/1 var(--lb-text);
	transition: background-color var(--lb-t-fast) var(--lb-ease), color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #mainContentRight .lb-sn a.lb-sn__chip:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #mainContentRight .lb-sn a.lb-sn__chip.is-active { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #mainContentRight .lb-sn a.lb-sn__chip.is-active:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }

/* Подразделы-пилюли (catalog.section.list/subsections_tags) */
html body.lbt #mainContentRight .subsections-tags-list { gap: 10px; margin-bottom: 24px; }
html body.lbt #mainContentRight .subsections-tags-list .subsection-tag-item {
	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.2 var(--lb-text);
}
html body.lbt #mainContentRight .subsections-tags-list .subsection-tag-item:hover,
html body.lbt #mainContentRight .subsections-tags-list .subsection-tag-wrapper:hover .subsection-tag-item { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #mainContentRight .subsections-tags-list .tag-arrow { color: var(--lb-ink-3); }
html body.lbt #mainContentRight .subsections-tags-list .subsection-tag-dropdown {
	padding: 8px;
	border: 1px solid var(--lb-line);
	border-radius: var(--lb-rc);
	background: var(--lb-page);
	box-shadow: none;
}
html body.lbt #mainContentRight .subsections-tags-list .dropdown-item {
	border-radius: 12px;
	color: var(--lb-ink);
	font: 500 var(--lb-fs-ui)/1.3 var(--lb-text);
}
html body.lbt #mainContentRight .subsections-tags-list .dropdown-item:hover { background: var(--lb-mist); color: var(--lb-ink); }

/* =====================================================================
   2. Листинг «строки» #catalogLines.lst — разделы каталога и поиск
   ===================================================================== */
html body.lbt #catalogLines.lst {
	--lst-text: var(--lb-ink);
	--lst-muted: var(--lb-ink-3);
	--lst-line: var(--lb-line);
	--lst-line-strong: var(--lb-line);
	--lst-surface: var(--lb-page);
	--lst-surface-2: var(--lb-mist);
	--lst-accent: var(--lb-ink);
	--lst-accent-dark: var(--lb-ink);
	--lst-accent-soft: var(--lb-mist);
	--lst-ok: var(--lb-ok);
	--lst-warn: var(--lb-ink-3);
	--lst-off: var(--lb-ink-3);
	--lst-radius: var(--lb-rc);
	--lst-font: var(--lb-text);
	--lst-display: var(--lb-display);
	--lst-ease: var(--lb-ease);
	/* строки — белые карточки на подложке полки, без рамок и теней */
	gap: 12px;
	padding: 12px;
	border-radius: var(--lb-r);
	background: var(--lb-tray);
	font-size: var(--lb-fs-ui);
}
html body.lbt #catalogLines.lst .lst-item {
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-page);
	box-shadow: none;
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #catalogLines.lst .lst-item:hover { box-shadow: none; transform: none; }
html body.lbt #catalogLines.lst .lst-item--out { background: var(--lb-page); }

/* Сетка строки: при ширине листинга 721–1099 px колонка покупки (у неё явная строка, но авто-колонка)
   вставала во вторую колонку раньше описания — цена оказывалась посередине, название справа.
   Закрепляем колонки явно. */
@container lst (min-width: 721px) and (max-width: 1099px) {
	html body.lbt #catalogLines.lst .lst-item__media { grid-column: 1; }
	html body.lbt #catalogLines.lst .lst-item__body { grid-column: 2; grid-row: 1; }
	html body.lbt #catalogLines.lst .lst-item__buy { grid-column: 3; }
	html body.lbt #catalogLines.lst--no-dlv .lst-item__media,
	html body.lbt #catalogLines.lst--no-dlv .lst-item__buy { grid-row: 1; }
}

/* фото */
html body.lbt #catalogLines.lst .lst-media__frame { border-radius: var(--lb-ri); background: var(--lb-mist); }
html body.lbt #catalogLines.lst .lst-item:hover .lst-media__stack { transform: none; }
html body.lbt #catalogLines.lst .lst-media__dot.is-active { background: var(--lb-ink); }
html body.lbt #catalogLines.lst .lst-media__dot { background: var(--lb-ink-3); opacity: .45; }
html body.lbt #catalogLines.lst .lst-media__dot.is-active { opacity: 1; }
html body.lbt #catalogLines.lst .lst-media__more { color: var(--lb-ink-3); font-size: 12px; }
html body.lbt #catalogLines.lst .lst-pill {
	padding: 4px 10px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-blue);
	color: var(--lb-ink);
	font: 600 var(--lb-fs-micro)/1.2 var(--lb-text);
}

/* описание */
html body.lbt #mainContentRight #catalogLines.lst h3.lst-item__title,
html body.lbt #catalogLines.lst .lst-item__title {
	font: 500 16px/1.4 var(--lb-text);
	letter-spacing: 0;
	color: var(--lb-ink);
}
html body.lbt #catalogLines.lst .lst-item__title a,
html body.lbt #catalogLines.lst .lst-item__title a:hover { color: var(--lb-ink); }
html body.lbt #catalogLines.lst .lst-item__title a:hover { text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }
html body.lbt #catalogLines.lst .lst-item__meta { color: var(--lb-ink-3); font-size: var(--lb-fs-micro); }
html body.lbt #catalogLines.lst .lst-item__chips ul.description_tizers li,
html body.lbt #catalogLines.lst .lst-spec {
	padding: 5px 10px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink-2);
	font: 500 var(--lb-fs-micro)/1.25 var(--lb-text);
}
html body.lbt #catalogLines.lst .lst-item__chips ul.description_tizers li:empty { display: none; }
html body.lbt #catalogLines.lst .lst-spec__label { color: var(--lb-ink-3); }
html body.lbt #catalogLines.lst .lst-spec__value { color: var(--lb-ink); }
html body.lbt #catalogLines.lst .lst-badge,
html body.lbt #catalogLines.lst .lst-badge--sale,
html body.lbt #catalogLines.lst .lst-badge--new,
html body.lbt #catalogLines.lst .lst-badge--popular,
html body.lbt #catalogLines.lst .lst-badge--japan,
html body.lbt #catalogLines.lst .lst-badge--germany {
	padding: 3px 10px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-blue);
	color: var(--lb-ink);
	font: 600 var(--lb-fs-micro)/1.3 var(--lb-text);
}
html body.lbt #catalogLines.lst .lst-badge--marker { border: 0; background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #catalogLines.lst .lst-item__note { border-radius: 12px; background: var(--lb-mist); color: var(--lb-ink-2); font-size: var(--lb-fs-micro); }

/* колонка покупки */
html body.lbt #catalogLines.lst .lst-item__buy { border-left-color: var(--lb-line); }
html body.lbt #catalogLines.lst .lst-price__value {
	font: 700 var(--lb-fs-price)/1.15 var(--lb-display);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
	font-variant-numeric: tabular-nums;
}
html body.lbt #catalogLines.lst .lst-price__value--na { font: 600 16px/1.3 var(--lb-text); color: var(--lb-ink-3); letter-spacing: 0; }
html body.lbt #catalogLines.lst .lst-price__b2b { color: var(--lb-ink-3); font-size: var(--lb-fs-micro); }
html body.lbt #catalogLines.lst .lst-price__b2b b { color: var(--lb-ink); }
html body.lbt #catalogLines.lst .lst-stock { color: var(--lb-ok); font-size: var(--lb-fs-small); }
html body.lbt #catalogLines.lst .lst-stock:not(:has(.lst-stock__dot--on)) { color: var(--lb-ink-3); }
html body.lbt #catalogLines.lst .lst-stock__dot--on { background: var(--lb-ok); box-shadow: none; }

/* кнопки: «В корзину» — графитовая пилюля, сравнение — светлый круг */
html body.lbt #catalogLines.lst .lst-btn,
html body.lbt #catalogLines.lst .lst-btn:visited {
	min-height: var(--lb-ctl);
	border: 0;
	border-radius: var(--lb-r-pill);
	font: 600 var(--lb-fs-ui)/1 var(--lb-text);
	transition: background-color var(--lb-t-fast) var(--lb-ease), color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #catalogLines.lst .lst-btn:active { transform: none; }
html body.lbt #catalogLines.lst .lst-btn:focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }
html body.lbt #catalogLines.lst .lst-btn--primary,
html body.lbt #catalogLines.lst .lst-btn--primary:visited,
html body.lbt #catalogLines.lst .lst-btn--primary.addCart,
html body.lbt #catalogLines.lst .lst-btn--primary.addSku { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #catalogLines.lst .lst-btn--primary:hover,
html body.lbt #catalogLines.lst .lst-btn--primary.addCart:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }
html body.lbt #catalogLines.lst .lst-btn--primary.added,
html body.lbt #catalogLines.lst .lst-btn--primary.addCart.added,
html body.lbt #catalogLines.lst .lst-btn--primary.loading { background: var(--lb-ok); color: var(--lb-on-ink); }
html body.lbt #catalogLines.lst .lst-btn--secondary,
html body.lbt #catalogLines.lst .lst-btn--secondary:visited { border: 0; background: var(--lb-mist); color: var(--lb-ink); }
html body.lbt #catalogLines.lst .lst-btn--secondary:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #catalogLines.lst .lst-btn--icon,
html body.lbt #catalogLines.lst .lst-btn--icon:visited {
	width: var(--lb-ctl);
	border: 0;
	border-radius: 50%;
	background: var(--lb-mist);
	color: var(--lb-ink);
}
html body.lbt #catalogLines.lst .lst-btn--icon:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #catalogLines.lst .lst-btn--icon.added,
html body.lbt #catalogLines.lst .lst-btn--icon.addCompare.added { background: var(--lb-ink); color: var(--lb-on-ink); }

/* доставка в строке (информер, если включён) */
html body.lbt #catalogLines.lst .lst-dlv__when--soon,
html body.lbt #catalogLines.lst .lst-dlv__price--free { color: var(--lb-ok); }
html body.lbt #catalogLines.lst .lst-dlv__skel,
html body.lbt #catalogLines.lst .lst-city__skel { background: var(--lb-mist); animation: none; }
html body.lbt #catalogLines.lst .lst-city { border: 0; background: var(--lb-mist); }
html body.lbt #catalogLines.lst .lst-city__change { color: var(--lb-ink); text-decoration-color: var(--lb-rule); }
html body.lbt #catalogLines.lst .lst-city__pop { border-color: var(--lb-line); border-radius: var(--lb-rc); box-shadow: none; }
html body.lbt #catalogLines.lst .lst-city__input { border-color: var(--lb-line); border-radius: var(--lb-r-pill); }
html body.lbt #catalogLines.lst .lst-city__input:focus { border-color: var(--lb-ink); box-shadow: 0 0 0 1px var(--lb-ink); }

/* пустой раздел */
html body.lbt #mainContent .lst-empty .back { border-radius: var(--lb-r-pill); background: var(--lb-ink); color: var(--lb-on-ink); min-height: var(--lb-ctl); }
html body.lbt #mainContent .lst-empty .back:hover { background: var(--lb-ink-hover); }

/* =====================================================================
   3. Постраничная навигация раздела
   ===================================================================== */
html body.lbt #catalog .bx-pagination .nav-title { color: var(--lb-ink-3); font: 400 var(--lb-fs-small)/1.4 var(--lb-text); }
html body.lbt #catalog .bx-pagination .bx-pagination-container ul li { margin: 0 3px; padding: 0; border: 0; background: none; }
html body.lbt #catalog .bx-pagination .bx-pagination-container ul li > a {
	display: inline-block;
	min-width: 0;
	height: auto;
	padding: 0;
	border: 0;
	background: none;
	text-decoration: none;
}
/* пилюля — внутренний span (у ссылки и у текущей страницы) */
html body.lbt #catalog .bx-pagination .bx-pagination-container ul li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: var(--lb-ctl-s);
	height: var(--lb-ctl-s);
	padding: 0 16px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font: 500 var(--lb-fs-ui)/1 var(--lb-text);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #catalog .bx-pagination .bx-pagination-container ul li > a:hover span { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #catalog .bx-pagination .bx-pagination-container ul li.bx-active span { background: var(--lb-ink); color: var(--lb-on-ink); }

/* Блок «Из блога» под листингом раздела (lb_shared/blog_product_articles.php) — как под карточкой товара */
html body.lbt #mainContentRight:has(#catalogLines) .lb-ba {
	--lb-ba-accent: var(--lb-ink);
	--lb-ba-accent-hover: var(--lb-ink-2);
	--lb-ba-bg: var(--lb-lav);
	--lb-ba-card: var(--lb-page);
	--lb-ba-text: var(--lb-ink);
	--lb-ba-muted: var(--lb-ink-2);
	--lb-ba-cover: var(--lb-photo);
	--lb-ba-radius: var(--lb-r);
	--lb-ba-radius-card: var(--lb-rc);
	padding: var(--lb-pad);
}
html body.lbt #mainContentRight:has(#catalogLines) .lb-ba .lb-ba__kicker { 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 #mainContentRight:has(#catalogLines) .lb-ba .lb-ba__heading { margin: 0 0 24px; 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 #mainContentRight:has(#catalogLines) .lb-ba .lb-ba__card,
html body.lbt #mainContentRight:has(#catalogLines) .lb-ba .lb-ba__card:hover { box-shadow: none; transform: none; }
html body.lbt #mainContentRight:has(#catalogLines) .lb-ba .lb-ba__cover-empty { background: var(--lb-photo); }
html body.lbt #mainContentRight:has(#catalogLines) .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 #mainContentRight:has(#catalogLines) .lb-ba .lb-ba__excerpt { font-size: var(--lb-fs-small); color: var(--lb-ink-2); }
html body.lbt #mainContentRight:has(#catalogLines) .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);
	text-decoration: none;
}
html body.lbt #mainContentRight:has(#catalogLines) .lb-ba .lb-ba__all a:hover { background: var(--lb-ink); color: var(--lb-on-ink); }

/* =====================================================================
   4. Умный фильтр #smartFilterForm
   ===================================================================== */
html body.lbt #smartFilterForm {
	--sf-accent: var(--lb-ink);
	--sf-accent-h: var(--lb-ink-hover);
	--sf-accent-ink: var(--lb-ink);
	--sf-accent-soft: var(--lb-mist);
	--sf-ink: var(--lb-ink);
	--sf-sub: var(--lb-ink-2);
	--sf-mute: var(--lb-ink-3);
	--sf-line: var(--lb-rule);
	--sf-line-soft: var(--lb-rule);
	border: 0;
	border-radius: var(--lb-r);
	background: var(--lb-tray);
	font-family: var(--lb-text);
}
html body.lbt #smartFilterForm :focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }
html body.lbt #smartFilterForm .sf-form__head { padding: 20px 20px 12px; }
html body.lbt #smartFilterForm .sf-form__title { font: 700 20px/1.2 var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #smartFilterForm .sf-form__foot { background: var(--lb-tray); border-radius: 0 0 var(--lb-r) var(--lb-r); }
html body.lbt #smartFilterForm .sf-filter__name { font-family: var(--lb-display); font-weight: 600; }
html body.lbt #smartFilterForm .sf-filter__title:hover .sf-filter__name { color: var(--lb-ink-2); }
html body.lbt #smartFilterForm .sf-check__label { font-family: var(--lb-text); font-size: var(--lb-fs-ui); }
html body.lbt #smartFilterForm .sf-check:hover .sf-check__label { color: var(--lb-ink); }
html body.lbt #smartFilterForm .sf-check__count { color: var(--lb-ink-3); font-variant-numeric: tabular-nums; }
html body.lbt #smartFilterForm .sf-check__box { border-color: var(--lb-ink-3); border-radius: 6px; background-color: var(--lb-page); }
html body.lbt #smartFilterForm .sf-check:hover .sf-check__box { border-color: var(--lb-ink); }
html body.lbt #smartFilterForm .sf-check__input:checked + .sf-check__box { border-color: var(--lb-ink); background-color: var(--lb-ink); }
html body.lbt #smartFilterForm .sf-more,
html body.lbt #smartFilterForm .sf-reset { color: var(--lb-ink); font-family: var(--lb-text); text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }
html body.lbt #smartFilterForm .sf-more:hover,
html body.lbt #smartFilterForm .sf-reset:hover { color: var(--lb-ink); text-decoration-color: currentColor; }
html body.lbt #smartFilterForm input[type="text"],
html body.lbt #smartFilterForm input[type="number"] {
	border: 1px solid var(--lb-line);
	border-radius: var(--lb-r-pill);
	background: var(--lb-page);
	color: var(--lb-ink);
	font-family: var(--lb-text);
	box-shadow: none;
}
html body.lbt #smartFilterForm input[type="text"]:focus,
html body.lbt #smartFilterForm input[type="number"]:focus { border-color: var(--lb-ink); box-shadow: 0 0 0 1px var(--lb-ink); }
html body.lbt #smartFilterForm .sf-price-range__slider .blackoutLeft,
html body.lbt #smartFilterForm .sf-price-range__slider .blackoutRight { background: var(--lb-line); }
html body.lbt #smartFilterForm .sf-price-range__slider ins { border-color: var(--lb-ink); box-shadow: none; }
html body.lbt #smartFilterForm .sf-apply {
	min-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 #smartFilterForm .sf-apply:hover { background: var(--lb-ink-hover); }
html body.lbt #smartFilterForm .sf-modef { border-radius: var(--lb-rc); box-shadow: none; font-family: var(--lb-text); }
html body.lbt #smartFilterForm .sf-modef__apply { border-radius: var(--lb-r-pill); background: var(--lb-page); color: var(--lb-ink); }
html body.lbt #smartFilterForm .sf-modef__apply:hover { background: var(--lb-mist); color: var(--lb-ink); }

/* =====================================================================
   5. Корень каталога /catalog/ — #lbCat
   ===================================================================== */
html body.lbt #lbCat {
	--ac: var(--lb-ink); --ac-h: var(--lb-ink-hover); --ac-ink: var(--lb-ink); --ac-soft: var(--lb-mist);
	--ink: var(--lb-ink); --sub: var(--lb-ink-2); --mute: var(--lb-ink-3);
	--line: var(--lb-line); --line-h: var(--lb-ink-3); --soft: var(--lb-mist); --warm: var(--lb-blue);
	--jp: var(--lb-ink); --jp-soft: var(--lb-page); --jp-line: var(--lb-line);
	--idn-ink: var(--lb-ink); --idn-ink-2: var(--lb-ink-2); --idn-ink-3: var(--lb-ink-3); --idn-ink-4: var(--lb-ink-3);
	--idn-line: var(--lb-line); --idn-soft: var(--lb-mist); --idn-ac: var(--lb-ink);
	font-family: var(--lb-text);
	font-size: var(--lb-fs-ui);
}
html body.lbt #lbCat :focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }
/* в списках подразделов base.css подчёркивает ссылки без класса — здесь это строки указателя */
html body.lbt #lbCat :is(li, p) > a:not([class]) { text-decoration: none; }

/* заголовки — Geologica */
html body.lbt #lbCat h1.lbc-h1 { font: 700 40px/1.12 var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lbCat h2.lbc-title { font: 700 var(--lb-fs-h2)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lbCat h2.lbc-nb__h { font: 700 var(--lb-fs-hero)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lbCat h2.lbc-dep__h { font: 600 var(--lb-fs-h3)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lbCat h2.lbc-nb__h a:hover,
html body.lbt #lbCat h2.lbc-dep__h a:hover { color: var(--lb-ink); }
html body.lbt #lbCat .lbc-intro p,
html body.lbt #lbCat .lbc-sec__sub { color: var(--lb-ink-2); }
html body.lbt #lbCat .lbc-meta { color: var(--lb-ink-3); font-size: var(--lb-fs-small); }
html body.lbt #lbCat .lbc-lbl,
html body.lbt #lbCat .lbc-kick { color: var(--lb-ink-3); font-size: var(--lb-fs-micro); }

/* пилюли, кнопка, «Все …» */
html body.lbt #lbCat .lbc-chip {
	padding: 8px 14px;
	border: 0;
	background: var(--lb-veil);
	color: var(--lb-ink);
	font-size: var(--lb-fs-small);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #lbCat .lbc-chip:hover { background: var(--lb-page); }
html body.lbt #lbCat .lbc-chip small { color: var(--lb-ink-3); }
html body.lbt #lbCat .lbc-chip--jp,
html body.lbt #lbCat .lbc-chip--jp:hover { background: var(--lb-page); color: var(--lb-ink); }
html body.lbt #lbCat a.lbc-btn {
	min-height: var(--lb-ctl);
	padding: 0 26px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-ink);
	color: var(--lb-on-ink);
	font: 600 16px/1 var(--lb-text);
	transition: background-color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #lbCat a.lbc-btn:hover,
html body.lbt #lbCat .lbc-nb:hover a.lbc-btn { background: var(--lb-ink-hover); color: var(--lb-on-ink); }
html body.lbt #lbCat .lbc-more { color: var(--lb-ink); font-size: var(--lb-fs-ui); font-weight: 600; }
html body.lbt #lbCat .lbc-more:hover { color: var(--lb-ink-2); }

/* первый экран: главная плитка «Ноутбуки», Инфодайн, конфигуратор */
html body.lbt #lbCat .lbc-top { gap: var(--lb-grid-gap); }
html body.lbt #lbCat .lbc-nb { border-radius: var(--lb-r); background: var(--lb-blue); }
html body.lbt #lbCat .lbc-nb__txt { padding: var(--lb-pad); }
html body.lbt #lbCat .lbc-nb__cap { border-radius: var(--lb-ri); background: var(--lb-veil); color: var(--lb-ink-2); }
html body.lbt #lbCat .lbc-side { gap: var(--lb-grid-gap); }
html body.lbt #lbCat .lbc-idn { border-radius: var(--lb-r); background: var(--lb-mist); font-family: var(--lb-text); }
html body.lbt #lbCat .lbc-idn__in { padding: 28px 28px 6px; }
html body.lbt #lbCat .lbc-idn:hover img { transform: none; }
html body.lbt #lbCat .idn-x-kick { font: 500 var(--lb-fs-micro)/1.3 var(--lb-text); letter-spacing: .06em; color: var(--lb-ink-3); }
html body.lbt #lbCat .idn-x-h { font: 700 30px/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt #lbCat .idn-x-h em { font-weight: 600; color: var(--lb-ink-3); }
html body.lbt #lbCat .idn-x-ghost { color: var(--lb-ink); font: 600 var(--lb-fs-ui)/1.3 var(--lb-text); }
html body.lbt #lbCat .idn-x-from { font: 700 var(--lb-fs-price)/1 var(--lb-display); color: var(--lb-ink); }
html body.lbt #lbCat .idn-x-from small { font: 400 var(--lb-fs-small) var(--lb-text); color: var(--lb-ink-3); }
html body.lbt #lbCat a.lbc-cfg { padding: 28px; border-radius: var(--lb-r); background: var(--lb-ink); color: var(--lb-on-ink); transition: background-color var(--lb-t-fast) var(--lb-ease); }
html body.lbt #lbCat a.lbc-cfg:hover { background: var(--lb-ink-hover); }
html body.lbt #lbCat .lbc-cfg .lbc-kick { color: var(--lb-on-ink-3); }
html body.lbt #lbCat .lbc-cfg b { font: 700 22px/1.2 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-on-ink); }
html body.lbt #lbCat .lbc-cfg span { color: var(--lb-on-ink-2); }
html body.lbt #lbCat .lbc-cfg .lbc-cfg__go,
html body.lbt #lbCat .lbc-cfg:hover .lbc-cfg__go { color: var(--lb-on-ink); font-weight: 600; }

/* разделы: цветные плитки по кругу blue → mist → sage → lav, без рамок */
html body.lbt #lbCat .lbc-grid { gap: var(--lb-grid-gap); margin-top: var(--lb-grid-gap); }
html body.lbt #lbCat .lbc-dep { padding: 28px; border: 0; border-radius: var(--lb-r); background: var(--lb-mist); }
html body.lbt #lbCat .lbc-grid > .lbc-dep:nth-child(4n+1) { background: var(--lb-mist); }
html body.lbt #lbCat .lbc-grid > .lbc-dep:nth-child(4n+2) { background: var(--lb-sage); }
html body.lbt #lbCat .lbc-grid > .lbc-dep:nth-child(4n+3) { background: var(--lb-lav); }
html body.lbt #lbCat .lbc-grid > .lbc-dep:nth-child(4n+4) { background: var(--lb-blue); }
html body.lbt #lbCat .lbc-dep__ph { border-radius: var(--lb-ri); background: var(--lb-page); }
html body.lbt #lbCat .lbc-th { border-radius: var(--lb-ri); background: var(--lb-veil); font-size: var(--lb-fs-micro); transition: background-color var(--lb-t-fast) var(--lb-ease); }
html body.lbt #lbCat .lbc-th:hover { background: var(--lb-page); }
html body.lbt #lbCat .lbc-th small { color: var(--lb-ink-3); }
html body.lbt #lbCat .lbc-list { font-size: var(--lb-fs-ui); }
html body.lbt #lbCat .lbc-list a { color: var(--lb-ink); }
html body.lbt #lbCat .lbc-list a:hover { color: var(--lb-ink); text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }
html body.lbt #lbCat .lbc-list small { color: var(--lb-ink-3); font-size: var(--lb-fs-micro); text-decoration: none; }

/* маленькие разделы — светлые плитки */
html body.lbt #lbCat .lbc-small { gap: 12px; margin-top: var(--lb-grid-gap); }
html body.lbt #lbCat .lbc-sm { padding: 14px 18px; border: 0; border-radius: var(--lb-rc); background: var(--lb-mist); transition: background-color var(--lb-t-fast) var(--lb-ease); }
html body.lbt #lbCat .lbc-sm:hover { background: var(--lb-blue); }
html body.lbt #lbCat .lbc-sm__ph img { border-radius: 12px; }
html body.lbt #lbCat .lbc-sm > :not(.lbc-sm__ph) { min-width: 0; overflow-wrap: anywhere; }
html body.lbt #lbCat .lbc-sm b { font: 600 var(--lb-fs-ui)/1.25 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt #lbCat .lbc-sm small { color: var(--lb-ink-3); font: 400 var(--lb-fs-micro)/1.35 var(--lb-text); }
html body.lbt #lbCat .lbc-sm small b { display: inline; color: var(--lb-ink-3); font: 400 var(--lb-fs-micro)/1.35 var(--lb-text); letter-spacing: 0; }

/* «С чего начать» */
html body.lbt #lbCat .lbc-tasks { gap: var(--lb-grid-gap); }
html body.lbt #lbCat .lbc-task { border: 0; border-radius: var(--lb-rc); background: var(--lb-mist); transition: background-color var(--lb-t-fast) var(--lb-ease); }
html body.lbt #lbCat .lbc-task:hover { background: var(--lb-blue); }
html body.lbt #lbCat .lbc-task__ph { margin: 10px 0 10px 10px; border-radius: var(--lb-ri); background: var(--lb-page); overflow: hidden; }
html body.lbt #lbCat .lbc-task b { font: 600 18px/1.25 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
html body.lbt #lbCat .lbc-task:hover b { color: var(--lb-ink); }
html body.lbt #lbCat .lbc-task .lbc-meta b { font: 700 16px/1.2 var(--lb-display); }
html body.lbt #lbCat .lbc-task__text { color: var(--lb-ink-2); font-size: var(--lb-fs-small); }

/* текст внизу */
html body.lbt #lbCat .lbc-seo { border-top-color: var(--lb-line); color: var(--lb-ink-2); font-size: var(--lb-fs-ui); }
html body.lbt #lbCat .lbc-seo p { color: var(--lb-ink-2); }
html body.lbt #lbCat .lbc-seo h2 { font: 600 20px/1.2 var(--lb-display); }
html body.lbt #lbCat .lbc-seo a { color: var(--lb-ink); text-decoration: underline; text-decoration-color: var(--lb-rule); text-underline-offset: 3px; }

/* =====================================================================
   6. Подборки /podborki/ и страница подборки — #lp
   ===================================================================== */
html body.lbt #lp {
	--lp-ink: var(--lb-ink);
	--lp-ink-80: var(--lb-ink-2);
	--lp-ink-60: var(--lb-ink-3);
	--lp-paper: var(--lb-page);
	--lp-plane-1: var(--lb-tray);
	--lp-plane-2: var(--lb-mist);
	--lp-plane-3: var(--lb-blue);
	--lp-rule: var(--lb-line);
	--lp-accent: var(--lb-ink-3);
	--lp-accent-deep: var(--lb-ink);
	--lp-accent-wash: var(--lb-blue);
	--lp-accent-wash-2: var(--lb-mist);
	--lp-good: var(--lb-ok);
	--lp-focus: var(--lb-focus);
	--lp-font: var(--lb-text);
	--lp-r-sm: var(--lb-rc);
	--lp-r-md: var(--lb-r);
	--lp-r-lg: var(--lb-r);
	--lp-r-xl: var(--lb-r);
	--lp-r-pill: var(--lb-r-pill);
	--lp-wrap-pad: var(--lb-gut);
	--ix-rule: var(--lb-line);
}
html body.lbt #lp .ix,
html body.lbt #lp .lp-ix { --ix-rule: var(--lb-line); }
/* колонка подборок шириной с шапку: 1440 и поля 40 */
html body.lbt #lp .lp-wrap { max-width: calc(var(--lb-wrap) + 2 * var(--lb-gut)); padding-inline: var(--lb-gut); }
html body.lbt #lp :focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }

/* заголовки, цены, крупные строки — Geologica */
html body.lbt #lp :is(.lp-h1, .lp-h2, .lp-h3, .lp-ix-h1, .lp-ix-h2) { font-family: var(--lb-display); font-weight: 700; letter-spacing: var(--lb-track-head); line-height: var(--lb-lh-head); color: var(--lb-ink); }
html body.lbt #lp .lp-ix-h1 { font-size: var(--lb-fs-h1); }
html body.lbt #lp .lp-ix-h2 { font-size: var(--lb-fs-h2); }
html body.lbt #lp .lp-ix-task { font-family: var(--lb-display); font-weight: 600; letter-spacing: var(--lb-track-head); }
html body.lbt #lp :is(.lp-card__name, .lp-branch__title, .lp-step b, .lp-link b) { font-family: var(--lb-text); }
html body.lbt #lp .lp-ix-exits b,
html body.lbt #lp .lp-compare__head b,
html body.lbt #lp .lp-stat b { font-family: var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lp .lp-card__price { font: 700 var(--lb-fs-price)/1.15 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); font-variant-numeric: tabular-nums; }
html body.lbt #lp .lp-ix-hero { padding-top: 48px; }
html body.lbt #lp .lp-ix-kicker,
html body.lbt #lp .lp-sub { color: var(--lb-ink-3); }
html body.lbt #lp .lp-ix-lede { color: var(--lb-ink-2); }
html body.lbt #lp .lp-ix-inside li::before { color: var(--lb-ink-3); }
html body.lbt #lp .lp-ix-meta b { color: var(--lb-ink); }

/* вкладки «Все / Дом / Офис…» — пилюли, выбранная графитовая */
html body.lbt #lp .lp-ix-tabs { gap: 8px; padding: 10px 0 20px; border-bottom: 0; }
html body.lbt #lp .lp-ix-tab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: var(--lb-ctl-s);
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font: 500 16px/1 var(--lb-text);
	transition: background-color var(--lb-t-fast) var(--lb-ease), color var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #lp .lp-ix-tab:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #lp .lp-ix-tab[aria-selected="true"] { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #lp .lp-ix-tab sup { vertical-align: baseline; font-size: var(--lb-fs-micro); color: var(--lb-ink-3); }
html body.lbt #lp .lp-ix-tab[aria-selected="true"] sup { color: var(--lb-on-ink-3); }
html body.lbt #lp .lp-ix-row:first-of-type,
html body.lbt #lp .lp-ix-tabs + * { border-top: 1px solid var(--lb-line); }

/* строки указателя: наведение без сдвигов */
html body.lbt #lp .lp-ix-shot { border-radius: var(--lb-ri); background: var(--lb-mist); }
html body.lbt #lp .lp-ix-arrow { width: var(--lb-ctl); height: var(--lb-ctl); border: 0; background: var(--lb-mist); }
html body.lbt #lp .lp-ix-link:hover .lp-ix-task { color: var(--lb-ink); }
html body.lbt #lp .lp-ix-link:hover .lp-ix-arrow { background: var(--lb-ink); color: var(--lb-on-ink); transform: none; }
html body.lbt #lp .lp-ix-end { background: var(--lb-tray); }
html body.lbt #lp .lp-ix-exits a { border-radius: var(--lb-rc); background: var(--lb-page); transition: background-color var(--lb-t-fast) var(--lb-ease); }
html body.lbt #lp .lp-ix-exits a:hover { box-shadow: none; background: var(--lb-blue); }

/* страница подборки: кнопки, чипы, карточки */
html body.lbt #lp .lp-btn { min-height: var(--lb-ctl); background: var(--lb-ink); color: var(--lb-on-ink); font: 600 16px/1.2 var(--lb-text); }
html body.lbt #lp .lp-btn:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }
html body.lbt #lp .lp-btn:active { transform: none; }
html body.lbt #lp .lp-btn_ghost { background: var(--lb-mist); color: var(--lb-ink); }
html body.lbt #lp .lp-btn_ghost:hover { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #lp .lp-chip { background: var(--lb-mist); color: var(--lb-ink); }
html body.lbt #lp .lp-chip:hover { background: var(--lb-blue); }
html body.lbt #lp .lp-chip[aria-selected="true"] { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #lp .lp-card { border-radius: var(--lb-rc); background: var(--lb-page); }
html body.lbt #lp .lp-goods { padding: var(--lb-pad-tray); border-radius: var(--lb-r); background: var(--lb-tray); }
html body.lbt #lp .lp-card:hover { background: var(--lb-page); }
html body.lbt #lp .lp-card__pic { border-radius: var(--lb-ri); background: var(--lb-page); }
html body.lbt #lp .lp-card__specs li { background: var(--lb-mist); color: var(--lb-ink-2); }
html body.lbt #lp .lp-card__more { color: var(--lb-ink); }
html body.lbt #lp .lp-split__pic { background: var(--lb-blue); }
html body.lbt #lp .lp-float { box-shadow: none; }
html body.lbt #lp .lp-seo a,
html body.lbt #lp .lp-filternote a { color: var(--lb-ink); border-bottom-color: var(--lb-rule); }
html body.lbt #lp .lp-seo a:hover,
html body.lbt #lp .lp-filternote a:hover { color: var(--lb-ink); border-bottom-color: var(--lb-ink); }
html body.lbt #lp .lp-crumbs a:hover { color: var(--lb-ink); }

/* шапка подборки: сплошной оттенок вместо градиента, фото без теней */
html body.lbt #lp .lp-hero__art { background: var(--lb-blue); }
html body.lbt #lp .lp-hero__art img { border-radius: var(--lb-ri); }
html body.lbt #lp .lp-hero__art_trio .lp-hero__shot { border-radius: var(--lb-rc); background: var(--lb-page); box-shadow: none; }
html body.lbt #lp .lp-hero__art_trio .lp-hero__shot img { border-radius: 0; mix-blend-mode: multiply; }
html body.lbt #lp .lp-split__pic { background: var(--lb-sage); }
/* на тонированной полосе вложенные блоки — белые, иначе mist на tray сливается */
html body.lbt #lp :is(.lp-section_tint, .lp-section_tint-2) :is(.lp-branch, .lp-link, .lp-acc) { background: var(--lb-page); }
html body.lbt #lp :is(.lp-section_tint, .lp-section_tint-2) :is(.lp-branch, .lp-link):hover { background: var(--lb-blue); }
html body.lbt #lp .lp-branch__ic,
html body.lbt #lp .lp-branch__badge { background: var(--lb-mist); color: var(--lb-ink); }
html body.lbt #lp .lp-branch_active { background: var(--lb-blue); box-shadow: inset 0 0 0 2px var(--lb-ink); }
html body.lbt #lp .lp-branch_active .lp-branch__badge { background: var(--lb-page); }
html body.lbt #lp .lp-step__ic { background: var(--lb-mist); color: var(--lb-ink); font-family: var(--lb-display); font-weight: 700; }
/* вопросы — плашки mist, вопрос Geologica */
html body.lbt #lp .lp-faq .lp-acc { margin-bottom: 8px; border-bottom: 0; border-radius: var(--lb-rc); background: var(--lb-mist); }
html body.lbt #lp .lp-faq .lp-acc > summary { padding: 18px 22px; font: 600 18px/1.3 var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lp .lp-faq .lp-acc__body { padding: 0 22px 20px; }
html body.lbt #lp .lp-acc > summary { font-family: var(--lb-display); font-weight: 600; }

/* =====================================================================
   7. Сравнение /compare/ — #lsCompare и плавающая строка #lscFloat
   ===================================================================== */
html body.lbt #lsCompare {
	--ls-bg: var(--lb-page);
	--ls-tray: var(--lb-mist);
	--ls-core: var(--lb-page);
	--ls-ink: var(--lb-ink);
	--ls-ink-2: var(--lb-ink-2);
	--ls-mute: var(--lb-ink-3);
	--ls-hair: var(--lb-line);
	--ls-hair-2: var(--lb-line);
	--ls-blue: var(--lb-ink);
	--ls-blue-h: var(--lb-ink-hover);
	--ls-blue-bg: var(--lb-blue);
	--ls-green: var(--lb-ok);
	--ls-amber-bg: var(--lb-mist);
	--ls-r-out: var(--lb-r);
	--ls-r-in: var(--lb-ri);
	--ls-font: var(--lb-text);
	--ls-display: var(--lb-display);
	--ls-ease: var(--lb-ease);
}
html body.lbt #lsCompare a { color: var(--lb-ink); }
html body.lbt #lsCompare a:hover { color: var(--lb-ink-2); }
html body.lbt #lsCompare :focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }
html body.lbt #mainContentRight #lsCompare h1.lsc-h1 { font: 700 40px/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #mainContentRight #lsCompare .lsc-empty h1.lsc-h1,
html body.lbt #mainContentRight #lsCompare .lsc-empty .lsc-h1 { font-size: 30px; }
html body.lbt #lsCompare .lsc-empty { background: var(--lb-mist); }
html body.lbt #lsCompare .lsc-empty__art { color: var(--lb-ink-3); }
html body.lbt #lsCompare .lsc-empty__text { color: var(--lb-ink-2); font-size: var(--lb-fs-ui); }
html body.lbt #lsCompare a.lsc-island,
html body.lbt #lsCompare a.lsc-island:visited { height: var(--lb-ctl); background: var(--lb-ink); color: var(--lb-on-ink); font: 600 var(--lb-fs-ui)/1 var(--lb-text); }
html body.lbt #lsCompare a.lsc-island:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }
html body.lbt #lsCompare .lsc-island:hover i,
html body.lbt #lsCompare .lsc-island:active { transform: none; }
html body.lbt #lsCompare a.lsc-island--soft,
html body.lbt #lsCompare a.lsc-island--soft:visited,
html body.lbt #lsCompare a.lsc-island--soft:hover { background: var(--lb-page); color: var(--lb-ink); box-shadow: inset 0 0 0 1.5px var(--lb-ink); }
html body.lbt #lsCompare .lsc-island--soft i { background: var(--lb-mist); }
html body.lbt #lsCompare .lsc-island.is-added { background: var(--lb-ok); color: var(--lb-on-ink); }
html body.lbt #lsCompare .lsc-seg__btn.is-on { background: var(--lb-ink); color: var(--lb-on-ink); box-shadow: none; }
html body.lbt #lsCompare .lsc-seg__btn b,
html body.lbt #lsCompare .lsc-seg__btn.is-on b { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #lsCompare .lsc-seg__btn { height: var(--lb-ctl-s); font-size: var(--lb-fs-ui); }
html body.lbt #lsCompare .lsc-link:hover { color: var(--lb-ink); }
html body.lbt #lsCompare .lsc-note i { color: var(--lb-ink-3); }
html body.lbt #lsCompare .lsc-x:hover { background: var(--lb-ink); color: var(--lb-on-ink); transform: none; }
html body.lbt #lsCompare .lsc-model,
html body.lbt #lsCompare .lsc-gh__title { font-family: var(--lb-display); font-weight: 600; letter-spacing: var(--lb-track-head); }
html body.lbt #lsCompare .lsc-gh__title { font-size: 18px; }
html body.lbt #lsCompare .lsc-gh__meta { background: var(--lb-blue); color: var(--lb-ink); }
html body.lbt #lsCompare .lsc-price b { font: 700 var(--lb-fs-price)/1.15 var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lsCompare .lsc-name:hover { color: var(--lb-ink); text-decoration: underline; }
html body.lbt #lsCompare .lsc-wrap.is-scroll .lsc-table tbody th,
html body.lbt #lsCompare .lsc-wrap.is-scroll .lsc-corner { box-shadow: 1px 0 0 var(--lb-line); }
html body.lbt #lsCompare .lsc-row:hover th,
html body.lbt #lsCompare .lsc-row:hover td { background: var(--lb-tray); }
html body.lbt #lsCompare .lsc-row.is-diff:hover th,
html body.lbt #lsCompare .lsc-row.is-diff:hover td { background: var(--lb-blue); }
html body.lbt #mainContentRight #lsCompare .lsc-row.is-diff th,
html body.lbt #mainContentRight #lsCompare .lsc-row.is-diff td { border-bottom-color: var(--lb-rule); }
html body.lbt #lscFloat { background: var(--lb-hdr-bg); backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 1px 0 var(--lb-line); font-family: var(--lb-text); }
html body.lbt #lscFloat .lscf-cell--label,
html body.lbt #lscFloat .lscf-name { color: var(--lb-ink-3); }
html body.lbt #lscFloat .lscf-model,
html body.lbt #lscFloat .lscf-price { font-family: var(--lb-display); font-weight: 700; color: var(--lb-ink); }
html body.lbt #lscFloat .lscf-cart { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #lscFloat .lscf-cart.is-added { background: var(--lb-ok); }