/* «Плитки»: информационные страницы.
   /delivery/ (.dm #dmRoot), /express-delivery/ (.xd), /payment/ (.pm #pmRoot),
   /exchange/ (.ex #exRoot), /contacts/ (.ct), /about/ (.lba #lbAbout),
   /for-business/ (.b2b-*), /configurator/ (.pccfg), /privacy-policy/ и /offer/.
   Файл грузится на КАЖДОЙ странице — все селекторы только под корнями этих страниц.
   Здесь только цвета, шрифты, фоны и линии: раскладку, тексты, иконки и карты не трогаем.
   Семья «бумажных документов» переводится на холодную палитру через переопределение
   их собственных переменных (--dm-*, --xd-*, --pm-*, --ex-*, --ct-*), остальное — точечно. */

/* =====================================================================
   1. Семья «документов»: доставка, экспресс-доставка, оплата, обмен
   ===================================================================== */
html body.lbt .dm {
	--dm-ink: var(--lb-ink); --dm-ink-2: var(--lb-ink-2); --dm-ink-3: var(--lb-ink-3);
	--dm-paper: var(--lb-page); --dm-paper-2: var(--lb-mist); --dm-paper-3: var(--lb-blue);
	--dm-rule: var(--lb-line); --dm-rule-2: var(--lb-photo);
	--dm-red: var(--lb-ink); --dm-red-dark: var(--lb-ink-hover); --dm-red-wash: var(--lb-blue);
	--dm-free: var(--lb-ok); --dm-free-wash: var(--lb-sage); --dm-free-line: var(--lb-sage);
	--dm-warn: var(--lb-ink-2); --dm-warn-wash: var(--lb-lav);
	--dm-focus: var(--lb-focus);
	--dm-sans: var(--lb-text); --dm-mono: var(--lb-text);
	--dm-r: var(--lb-ri); --dm-r-lg: var(--lb-r);
}
html body.lbt .xd {
	--xd-ink: var(--lb-ink); --xd-ink-2: var(--lb-ink-2); --xd-ink-3: var(--lb-ink-3);
	--xd-paper: var(--lb-page); --xd-paper-2: var(--lb-mist); --xd-paper-3: var(--lb-blue);
	--xd-rule: var(--lb-line); --xd-rule-2: var(--lb-photo);
	--xd-red: var(--lb-ink); --xd-red-dark: var(--lb-ink-hover); --xd-red-wash: var(--lb-blue);
	--xd-fast: var(--lb-ok); --xd-fast-wash: var(--lb-sage);
	--xd-mid: var(--lb-ink-2); --xd-mid-wash: var(--lb-lav);
	--xd-far: var(--lb-ink-2); --xd-far-wash: var(--lb-blue);
	--xd-focus: var(--lb-focus);
	--xd-sans: var(--lb-text); --xd-mono: var(--lb-text);
	--xd-r: var(--lb-ri); --xd-r-lg: var(--lb-r);
}
html body.lbt .pm {
	--pm-ink: var(--lb-ink); --pm-ink-2: var(--lb-ink-2); --pm-ink-3: var(--lb-ink-3);
	--pm-paper: var(--lb-page); --pm-paper-2: var(--lb-mist); --pm-paper-3: var(--lb-blue);
	--pm-rule: var(--lb-line); --pm-rule-2: var(--lb-photo);
	--pm-red: var(--lb-ink); --pm-red-dark: var(--lb-ink-hover); --pm-red-wash: var(--lb-blue);
	--pm-green: var(--lb-ink); --pm-green-dark: var(--lb-ink); --pm-green-wash: var(--lb-sage);
	--pm-mid: var(--lb-ink-2); --pm-mid-wash: var(--lb-lav);
	--pm-focus: var(--lb-focus);
	--pm-sans: var(--lb-text); --pm-mono: var(--lb-text);
	--pm-r: var(--lb-ri); --pm-r-lg: var(--lb-r);
}
html body.lbt .ex {
	--ex-ink: var(--lb-ink); --ex-ink-2: var(--lb-ink-2); --ex-ink-3: var(--lb-ink-3);
	--ex-paper: var(--lb-page); --ex-paper-2: var(--lb-mist); --ex-paper-3: var(--lb-blue);
	--ex-rule: var(--lb-line); --ex-rule-2: var(--lb-photo);
	--ex-red: var(--lb-ink); --ex-red-wash: var(--lb-blue);
	--ex-green: var(--lb-ok);
	--ex-warn: var(--lb-ink-2); --ex-warn-wash: var(--lb-lav);
	--ex-focus: var(--lb-focus);
	--ex-sans: var(--lb-text); --ex-mono: var(--lb-text);
}

/* фон и шрифт текста */
html body.lbt :is(#dmRoot, .xd, #pmRoot, #exRoot) { background: var(--lb-page); font-family: var(--lb-text); }

/* заголовки — Geologica, графит */
html body.lbt #mainContentRight :is(#dmRoot, .xd, #pmRoot, #exRoot) :is(h1, h2, h3, h4, [class$="-h1"], [class$="-h2"]) {
	font-family: var(--lb-display);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
}
html body.lbt #mainContentRight :is(#dmRoot, .xd, #pmRoot, #exRoot) :is([class$="-h1"], h1) em { color: var(--lb-ink-3); }

/* тени и «тиснение» бумажных блоков убираем — глубина только сменой фона */
html body.lbt :is(#dmRoot, .xd, #pmRoot, #exRoot) :is(.dm-board, .dm-fork__b, .dm-ac, .dm-way, .xd-calc, .xd-ac, .xd-payslip, .pm-till, .pm-payslip, .pm-cta, .pm-receipt) {
	box-shadow: none;
	filter: none;
}

/* перфорация → обычная линия без пробитых дырок */
html body.lbt :is(.dm-perf, .xd-perf, .pm-perf) { border-top: 1px solid var(--lb-line); opacity: 1; }
html body.lbt :is(.dm-perf, .xd-perf, .pm-perf)::before,
html body.lbt :is(.dm-perf, .xd-perf, .pm-perf)::after { display: none; }

/* мерцание-заглушка загрузки без градиента */
html body.lbt :is(#dmRoot, .xd) [class*="skel"] { background: var(--lb-mist); animation: none; }

/* кнопки-ссылки на графите: общий слой base.css красит все ссылки #mainContent в графит */
html body.lbt #mainContent :is(#dmRoot a.dm-btn, #pmRoot .pm-cta a) {
	color: var(--lb-on-ink);
	background: var(--lb-ink);
	border-color: var(--lb-ink);
	border-radius: var(--lb-r-pill);
	transform: none;
}
html body.lbt #mainContent :is(#dmRoot a.dm-btn, #pmRoot .pm-cta a):hover { background: var(--lb-ink-hover); border-color: var(--lb-ink-hover); }
html body.lbt #mainContent :is(#pmRoot .pm-copy, #pmRoot .pm-payslip button, .xd .xd-payslip button) { border-radius: var(--lb-r-pill); }

/* пунктирные «бумажные» рамки → сплошные линии */
html body.lbt #dmRoot .dm-out { border: 0; background: var(--lb-mist); }
html body.lbt .xd .xd-calc__inputs { border-bottom: 1px solid var(--lb-line); }
html body.lbt .xd .xd-stamp { border: 0; background: var(--lb-mist); transform: none; }
html body.lbt .xd .xd-stamp:hover { background: var(--lb-blue); }
html body.lbt #pmRoot :is(.pm-receipt__total, .pm-cashd__head, .pm-cashd__table td, .pm-alfa__head) { border-style: solid; border-color: var(--lb-line); }
html body.lbt #pmRoot :is(.pm-cashd, .pm-tag--org) { border-color: var(--lb-sage); }
html body.lbt #pmRoot .pm-note--law { border-color: var(--lb-line); }
html body.lbt #pmRoot .pm-payslip__top svg { color: var(--lb-on-ink-3); }
html body.lbt .xd .xd-payslip__top svg { color: var(--lb-on-ink-3); }
html body.lbt .xd .xd-fallback { border-color: var(--lb-line); }
html body.lbt .xd .xd-opt--best:hover { background: var(--lb-sage); }
html body.lbt #exRoot .ex-head { border-bottom: 1px solid var(--lb-line); }
html body.lbt #exRoot .ex-head::before,
html body.lbt #exRoot .ex-head::after { display: none; }
html body.lbt #exRoot .ex-warn { color: var(--lb-ink); border-color: var(--lb-line); }
html body.lbt #exRoot .ex-door__radio:checked + .ex-door__tab .ex-door__no { color: var(--lb-on-ink-3); }
html body.lbt #exRoot .ex-door__radio:checked + .ex-door__tab .ex-door__btn { background: var(--lb-on-ink); border-color: var(--lb-on-ink); color: var(--lb-ink); }
html body.lbt #exRoot .ex-door__radio:checked + .ex-door__tab .tick.skip { stroke: var(--lb-on-ink-3); }
html body.lbt #exRoot .ex-door__radio:not(:checked) + .ex-door__tab:hover { box-shadow: none; transform: none; background: var(--lb-blue); }
html body.lbt #exRoot .ex-week__col.is-today .ex-week__bar { background: var(--lb-ink-2); }
html body.lbt #exRoot .ex-week__col.is-off { background: var(--lb-mist); }
html body.lbt #exRoot .ex-office__t a { text-decoration-color: var(--lb-ink-3); }

/* схема колец и циферблаты /delivery/: цвета зашиты атрибутами SVG и пересчитываются скриптом —
   перекрашиваем по значению атрибута, так подсветка из JS продолжает работать */
html body.lbt #dmRoot svg [fill="#fffdf9"] { fill: var(--lb-page); }
html body.lbt #dmRoot svg [fill="#fdeef1"] { fill: var(--lb-blue); }
html body.lbt #dmRoot svg [fill="#d40028"] { fill: var(--lb-ink); }
html body.lbt #dmRoot svg [fill="#f3eee4"] { fill: var(--lb-mist); }
html body.lbt #dmRoot svg [fill="#eae2d3"] { fill: var(--lb-blue); }
html body.lbt #dmRoot svg [fill="#ded3bf"] { fill: var(--lb-photo); }
html body.lbt #dmRoot svg [fill="#14120f"] { fill: var(--lb-ink); }
html body.lbt #dmRoot svg [stroke="#d40028"] { stroke: var(--lb-ink); }
html body.lbt #dmRoot svg :is([stroke="#cbc0ae"], [stroke="#b9ab94"]) { stroke: var(--lb-ink-3); stroke-opacity: .45; }
html body.lbt #dmRoot svg :is([stroke="#e2dacd"], [stroke="#e3d9c8"]) { stroke: var(--lb-line); }
html body.lbt #dmRoot svg [stroke="#fffdf9"] { stroke: var(--lb-page); }
/* подсветка выбранного кольца: в JS это «розовая заливка + красный контур» */
html body.lbt #dmRoot svg .dm-band[fill="#fdeef1"] { fill: var(--lb-sage); }
html body.lbt #dmRoot svg .dm-band[fill="#d40028"] { fill: var(--lb-ink-2); }
html body.lbt #dmRoot .dm-row.is-on .dm-row__i { background: var(--lb-ink); border-color: var(--lb-ink); }

/* плашка «Яндекс Доставка: возможны задержки» на этих страницах — лавандовая вместо жёлтой */
html body.lbt #mainContentRight :is(#dmRoot, .xd, #pmRoot) .lb-yad {
	background: var(--lb-lav);
	border-color: transparent;
	color: var(--lb-ink-2);
	border-radius: var(--lb-ri);
}
html body.lbt #mainContentRight :is(#dmRoot, .xd, #pmRoot) .lb-yad :is(.lb-yad__t b, .lb-yad__h) { color: var(--lb-ink); }
html body.lbt #mainContentRight :is(#dmRoot, .xd, #pmRoot) .lb-yad .lb-yad__ico { color: var(--lb-ink-2); }
html body.lbt #mainContentRight :is(#dmRoot, .xd, #pmRoot) .lb-yad .lb-yad__more { color: var(--lb-ink-2); }

/* =====================================================================
   2. /contacts/ (.ct внутри #mainContentContacts)
   ===================================================================== */
html body.lbt .ct {
	--ct-ink: var(--lb-ink); --ct-ink-2: var(--lb-ink-2); --ct-ink-3: var(--lb-ink-3);
	--ct-paper: var(--lb-page); --ct-paper-2: var(--lb-mist); --ct-paper-3: var(--lb-blue);
	--ct-line: var(--lb-line); --ct-line-soft: var(--lb-line);
	--ct-blue: var(--lb-ink); --ct-blue-dark: var(--lb-ink-hover); --ct-blue-wash: var(--lb-blue);
	--ct-open: var(--lb-ok); --ct-open-wash: var(--lb-sage);
	--ct-pass: var(--lb-lav); --ct-pass-wash: var(--lb-lav);
	--ct-sans: var(--lb-text); --ct-mono: var(--lb-text);
	--ct-r: var(--lb-ri); --ct-r-lg: var(--lb-rc); --ct-r-xl: var(--lb-r);
	font-family: var(--lb-text);
}
html body.lbt #mainContentContacts .ct :is(h1, h2, h3, h4) { font-family: var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt .ct :focus-visible { outline: 3px solid var(--lb-focus); }
/* графитовое табло: заголовок и ссылки светлые (base.css красит их в графит — текст пропадал) */
html body.lbt #mainContentContacts .ct .ct-board { background: var(--lb-ink); }
html body.lbt #mainContentContacts .ct .ct-board::before { display: none; }
html body.lbt #mainContentContacts .ct .ct-board .ct-board__title { color: var(--lb-on-ink); }
html body.lbt #mainContent #mainContentContacts .ct .ct-board a:not(.ct-btn) { color: var(--lb-on-ink); }
html body.lbt #mainContentContacts .ct .ct-board :is(.ct-plate__v a:hover, .ct-tel:hover .ct-tel__value) { color: var(--lb-on-ink-2); }
html body.lbt #mainContentContacts .ct .ct-board :is(.ct-status__note, .ct-plate__s) { color: var(--lb-on-ink-2); }
html body.lbt #mainContentContacts .ct .ct-board :is(.ct-plate__k, .ct-tel__label, .ct-board__kicker) { color: var(--lb-on-ink-3); }
html body.lbt #mainContent #mainContentContacts .ct .ct-board .ct-btn--primary { background: var(--lb-on-ink); color: var(--lb-ink); }
html body.lbt #mainContent #mainContentContacts .ct .ct-board .ct-btn--primary:hover { background: var(--lb-on-ink-2); }
html body.lbt #mainContent #mainContentContacts .ct .ct-board .ct-btn--ghost { color: var(--lb-on-ink); border-color: var(--lb-ink-rule); }
html body.lbt #mainContent #mainContentContacts .ct .ct-board .ct-btn--ghost:hover { background: var(--lb-ink-chip); }
html body.lbt #mainContentContacts .ct .ct-pill--soon { color: var(--lb-ink); }
html body.lbt #mainContent #mainContentContacts .ct .ct-btn--primary:not(.ct-board .ct-btn) { color: var(--lb-on-ink); }
html body.lbt #mainContentContacts .ct .ct-btn { border-radius: var(--lb-r-pill); }
/* график недели: сегодня — графит, отметка «сейчас» — графит вместо красной */
html body.lbt #mainContentContacts .ct .ct-day__bar { background: var(--lb-ink-3); opacity: .35; }
html body.lbt #mainContentContacts .ct .ct-day--today .ct-day__bar { background: var(--lb-ink-2); opacity: 1; }
html body.lbt #mainContentContacts .ct .ct-day--off .ct-day__track { background: var(--lb-mist); }
html body.lbt #mainContentContacts .ct :is(.ct-now, .ct-now::before, .ct-week-legend__swatch--now) { background: var(--lb-ink); }
html body.lbt #mainContentContacts .ct .ct-pass { border-color: transparent; }
html body.lbt #mainContentContacts .ct .ct-pass svg { color: var(--lb-ink-2); }
html body.lbt #mainContentContacts .ct .ct-map__canvas:hover { background-color: var(--lb-blue); }

/* =====================================================================
   3. /about/ (.lba #lbAbout): «корпус ноутбука» → холодная палитра, акцент — графит
   ===================================================================== */
html body.lbt #lbAbout {
	--graphite: var(--lb-ink); --graphite-2: var(--lb-ink-hover); --graphite-3: var(--lb-ink-rule);
	--alu: var(--lb-page); --alu-2: var(--lb-mist); --alu-3: var(--lb-line); --alu-4: var(--lb-ink-3);
	--ink: var(--lb-ink); --ink-2: var(--lb-ink-2); --ink-3: var(--lb-ink-3);
	--on-dark: var(--lb-on-ink-2); --on-dark-2: var(--lb-on-ink-3);
	--led: var(--lb-ink); --led-deep: var(--lb-ink); --led-soft: var(--lb-on-ink-2);
	--display: var(--lb-display); --body: var(--lb-text); --mono: var(--lb-text);
	font-family: var(--lb-text);
}
/* на графитовых полосах акцент светлый, иначе точки и маркеры пропадают */
html body.lbt #lbAbout :is(.lba-hero, .lba-quote, .lba-split__b, .lba-cta, .lba-office__tag) { --led: var(--lb-on-ink); --led-deep: var(--lb-on-ink-2); }
html body.lbt #lbAbout :focus-visible { outline: 3px solid var(--lb-focus); }
html body.lbt #mainContentRight #lbAbout :is(h1, h2, h3, .lba-h2) { font-family: var(--lb-display); }
/* тексты на графите: base.css красит заголовки и ссылки #mainContent в графит */
html body.lbt #mainContent #lbAbout :is(.lba-hero, .lba-quote, .lba-split__b, .lba-cta) :is(h1, h2, h3, h4, a:not(.lba-btn--led)) { color: var(--lb-on-ink); }
html body.lbt #mainContent #lbAbout .lba-hero__title em { color: var(--lb-on-ink-3); }
html body.lbt #mainContent #lbAbout a.lba-key--dark,
html body.lbt #mainContent #lbAbout a.lba-key--dark b { color: var(--lb-on-ink); }
html body.lbt #mainContent #lbAbout a.lba-key--led,
html body.lbt #mainContent #lbAbout a.lba-key--led b { color: var(--lb-ink); }
/* кнопки: пилюли без свечения; на графите главная — белая */
html body.lbt #mainContent #lbAbout .lba-btn { border-radius: var(--lb-r-pill); box-shadow: none; transform: none; }
html body.lbt #mainContent #lbAbout .lba-btn--led { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #mainContent #lbAbout .lba-btn--led:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }
html body.lbt #mainContent #lbAbout :is(.lba-hero, .lba-cta, .lba-split__b) .lba-btn--led { background: var(--lb-on-ink); color: var(--lb-ink); }
html body.lbt #mainContent #lbAbout :is(.lba-hero, .lba-cta, .lba-split__b) .lba-btn--led:hover { background: var(--lb-on-ink-2); color: var(--lb-ink); }
html body.lbt #mainContent #lbAbout :is(.lba-hero, .lba-cta, .lba-split__b) .lba-btn--ghost { color: var(--lb-on-ink); }
/* фоны без градиентов, блоки без теней: глубина только сменой фона */
html body.lbt #lbAbout .lba-hero { background: var(--lb-ink); }
html body.lbt #lbAbout .lba-hero__trust li::before { box-shadow: none; }
html body.lbt #lbAbout .lba-teardown { background: var(--lb-mist); }
html body.lbt #lbAbout .lba-cta::before { display: none; }
html body.lbt #lbAbout .lba-cta { border-radius: var(--lb-r); }
html body.lbt #lbAbout .lba-plate { background: var(--lb-blue); box-shadow: none; border-radius: var(--lb-r); }
html body.lbt #lbAbout .lba-plate__screw { background: var(--lb-ink-3); box-shadow: none; opacity: .35; }
html body.lbt #lbAbout :is(.lba-office, .lba-split, .lba-bezel, .lba-panel) { box-shadow: none; }
html body.lbt #lbAbout .lba-office { border-radius: var(--lb-r); }
html body.lbt #lbAbout .lba-split { border-radius: var(--lb-r); }
html body.lbt #lbAbout .lba-bezel__base { background: var(--lb-photo); }
html body.lbt #lbAbout .lba-case { background: var(--lb-mist); box-shadow: none; border-radius: var(--lb-rc); transform: none; }
html body.lbt #lbAbout a.lba-case:hover { background: var(--lb-blue); box-shadow: none; transform: none; }
html body.lbt #lbAbout .lba-td__list li.on { box-shadow: none; }
html body.lbt #lbAbout .lba-steps::before { background: var(--lb-line); }
html body.lbt #lbAbout .lba-steps__node { box-shadow: none; border-radius: 50%; }
html body.lbt #lbAbout .lba-steps li:first-child .lba-steps__node { background: var(--lb-ink); box-shadow: none; }
html body.lbt #lbAbout .lba-quote__key { background: var(--lb-ink-chip); box-shadow: none; }
html body.lbt #lbAbout .lba-quote__key :is(svg, path) { color: var(--lb-on-ink); stroke: currentColor; }
html body.lbt #lbAbout .lba-office__bubble { box-shadow: none; }
/* «клавиши» каталога — плоские плитки: белые на mist, ведущая и конфигуратор — графит */
html body.lbt #lbAbout .lba-key { background: var(--lb-page); box-shadow: none; border-radius: var(--lb-rc); transform: none; }
html body.lbt #lbAbout a.lba-key:is(:hover, :active) { background: var(--lb-blue); box-shadow: none; transform: none; }
html body.lbt #lbAbout .lba-key--led { background: var(--lb-blue); box-shadow: none; }
html body.lbt #lbAbout a.lba-key--led:is(:hover, :active) { background: var(--lb-sage); box-shadow: none; }
html body.lbt #lbAbout .lba-key--led .lba-key__fn { color: var(--lb-ink-3); }
html body.lbt #lbAbout .lba-key--dark { background: var(--lb-ink); box-shadow: none; }
html body.lbt #lbAbout a.lba-key--dark:is(:hover, :active) { background: var(--lb-ink-hover); box-shadow: none; }
html body.lbt #lbAbout .lba-key--dark .lba-key__fn { color: var(--lb-on-ink-3); }
/* «стекло» экрана в разборке ноутбука: градиент с оранжевым — заменяем ровной заливкой */
html body.lbt #lbAbout .lba-iso .glow { fill: var(--lb-ink-chip); }

/* =====================================================================
   9. Конфигуратор ПК
   ===================================================================== */
html body.lbt :is(.pccfg, .pccfg__mobilebar, .pccfg__modal, .pccfg__toast) {
	--ink: var(--lb-ink);
	--ink-2: var(--lb-ink-2);
	--ink-3: var(--lb-ink-3);
	--line: var(--lb-line);
	--soft: var(--lb-mist);
	--bg: var(--lb-page);
	--accent: var(--lb-ink);
	--accent-hover: var(--lb-ink-hover);
	--accent-soft: var(--lb-blue);
	--ok: var(--lb-ok);
	--ok-soft: var(--lb-sage);
	--warn: var(--lb-ink);
	--warn-soft: var(--lb-lav);
	--f-display: var(--lb-display);
	--f-body: var(--lb-text);
}

/* =====================================================================
   10. Юридические тексты: /privacy-policy/, /offer/
   ===================================================================== */
html:has(link[rel="canonical"]:is([href$="/privacy-policy/"], [href$="/offer/"])) body.lbt #mainContentRight > article {
	max-width: 860px;
	color: var(--lb-ink);
}
html:has(link[rel="canonical"]:is([href$="/privacy-policy/"], [href$="/offer/"])) body.lbt #mainContentRight > :is(h1, article) {
	max-width: 860px;
}
html:has(link[rel="canonical"]:is([href$="/privacy-policy/"], [href$="/offer/"])) body.lbt #mainContentRight > article :is(p, li) {
	font-family: var(--lb-text);
	font-size: var(--lb-fs-body);
	line-height: var(--lb-lh-body);
	color: var(--lb-ink);
}
html:has(link[rel="canonical"]:is([href$="/privacy-policy/"], [href$="/offer/"])) body.lbt #mainContentRight > article :is(h2, h3) {
	font-family: var(--lb-display);
	font-size: var(--lb-fs-h3);
	margin: 40px 0 14px;
}

/* =====================================================================
   4. /for-business/ (.b2b-hero, .b2b-section, .b2b-cta)
   ===================================================================== */
html body.lbt #mainContent :is(.b2b-hero, .b2b-section, .b2b-cta) {
	--c-black: var(--lb-ink); --c-text: var(--lb-ink); --c-text-2: var(--lb-ink-2); --c-text-3: var(--lb-ink-3);
	--c-bg: var(--lb-page); --c-bg-2: var(--lb-mist); --c-bg-3: var(--lb-blue);
	--c-border: var(--lb-line);
	--c-blue: var(--lb-ink); --c-blue-hover: var(--lb-ink-hover);
	--c-success: var(--lb-ok); --c-yellow: var(--lb-lav);
	--radius: var(--lb-ri); --radius-lg: var(--lb-rc); --radius-xl: var(--lb-r);
	--font: var(--lb-text);
}
html body.lbt #mainContent :is(.b2b-hero, .b2b-section, .b2b-cta) :is(.b2b-hero__title, .b2b-section__title, .b2b-cta__title, .b2b-card__title, .b2b-form__legend, .b2b-hero__stat-value, .b2b-steps__title) {
	font-family: var(--lb-display);
	font-weight: 700;
	letter-spacing: var(--lb-track-head);
}
html body.lbt #mainContent :is(.b2b-hero, .b2b-section, .b2b-cta) :is(.b2b-hero__btn, .b2b-cta__btn, .b2b-form__submit, .b2b-cart-import__btn) { border-radius: var(--lb-r-pill); }
html body.lbt #mainContent :is(.b2b-hero, .b2b-section) :is(.b2b-hero__btn, .b2b-form__submit):hover { background: var(--lb-ink-hover); }
html body.lbt #mainContent :is(.b2b-hero, .b2b-section, .b2b-cta) :is(.b2b-tabs, .b2b-product-mode) { border-radius: var(--lb-r-pill); }
html body.lbt #mainContent :is(.b2b-hero, .b2b-section, .b2b-cta) :is(.b2b-tabs__btn, .b2b-product-mode__btn) { border-radius: var(--lb-r-pill); box-shadow: none; }
html body.lbt #mainContent :is(.b2b-hero, .b2b-section, .b2b-cta) :is(.b2b-form__input, .b2b-form__textarea) { border-radius: 14px; }
html body.lbt #mainContent :is(.b2b-hero, .b2b-section, .b2b-cta) .b2b-product-selector__dropdown { box-shadow: none; border: 1px solid var(--lb-line); }
html body.lbt #mainContent .b2b-cta .b2b-container { background: var(--lb-ink); border-radius: var(--lb-r); }
html body.lbt #mainContent .b2b-cta .b2b-cta__text { color: var(--lb-on-ink-2); }
html body.lbt #mainContent .b2b-cta .b2b-cta__btn--white { color: var(--lb-ink); }
html body.lbt #mainContent .b2b-cta .b2b-cta__btn--outline { background: var(--lb-ink-chip); color: var(--lb-on-ink); }
html body.lbt #mainContent .b2b-cta .b2b-cta__btn--outline:hover { background: var(--lb-ink-rule); }