/* ТЕХНО-БУ — tb-pages.css (docs4-sitepages, 27.10.2026): страницы /ocenka/ и /komissiya/ (tb-landing.html).
   Кнопки и поля формы — общие из tb-features.css (.tb-btn, .tb-form, .tb-f, .tb-consent, .tb-done). */
.tb-lp { --lp-ink: var(--tbf-ink, #1f2937); --lp-muted: var(--tbf-muted, #6b7280); --lp-line: var(--tbf-line, #e5e7eb);
    --lp-card: var(--tbf-card, #fff); --lp-canvas: var(--tbf-canvas, #f4f5f7); --lp-dark: var(--tbf-dark, #111827);
    --lp-acc: var(--tbf-accent, #29b6f6); --lp-acc2: var(--tbf-accent-strong, #0277bd); --lp-r: var(--tbf-radius, 14px);
    max-width: 1128px; margin: 0 auto; padding: 10px 12px 28px; color: var(--lp-ink); font-size: 15px; line-height: 1.5;
    overflow-wrap: anywhere;
    /* сплошная белая подложка поверх летающих картинок фона темы (иначе они перекрывают заголовки) */
    position: relative; z-index: 3; background: #fff; border-radius: 18px; box-shadow: 0 1px 3px rgba(16, 24, 40, .08); }
@media (min-width: 900px) { .tb-lp { padding: 16px 24px 36px; } }
.tb-lp *, .tb-lp *::before, .tb-lp *::after { box-sizing: border-box; }
.tb-lp a { color: var(--lp-acc2); }
.tb-lp-crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 12px; font-size: 13px; color: var(--lp-muted); }
.tb-lp-crumbs a { color: var(--lp-muted); text-decoration: none; }
.tb-lp-crumbs a:hover { color: var(--lp-ink); }

/* верх страницы */
.tb-lp-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 22px 18px; border-radius: var(--lp-r);
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 60%); border: 1px solid #dbeefa; }
.tb-lp-kicker { display: inline-block; margin: 0 0 8px; padding: 4px 10px; border-radius: 999px; background: #e0f2fe;
    color: #075985; font-size: 12.5px; font-weight: 700; }
.tb-lp-h1 { margin: 0 0 10px; font-size: 26px; line-height: 1.2; font-weight: 800; color: var(--lp-dark); }
.tb-lp-lead { margin: 0 0 14px; font-size: 16px; color: #374151; }
.tb-lp-pros { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; margin: 0 0 16px; padding: 0; list-style: none; }
.tb-lp-pros li { position: relative; padding-left: 26px; font-size: 14.5px; font-weight: 600; }
.tb-lp-pros li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%;
    background: #d1fae5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l3.8 3.8L18 8' fill='none' stroke='%23059669' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }
.tb-lp-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.tb-lp-cta .tb-btn { flex: 1 1 220px; }
.tb-lp-hero__side { display: flex; align-items: center; justify-content: center; }
.tb-lp-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%; }
.tb-lp-flow__i { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 6px; border-radius: 12px;
    background: #fff; border: 1px solid var(--lp-line); text-align: center; color: var(--lp-acc2); }
.tb-lp-flow__i b { color: var(--lp-ink); font-size: 14px; }
.tb-lp-flow__i span { color: var(--lp-muted); font-size: 12px; line-height: 1.3; }
.tb-lp-fee { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; padding: 16px 12px;
    border-radius: 14px; background: var(--lp-dark); color: #fff; text-align: center; }
.tb-lp-fee b { font-size: 34px; line-height: 1.1; }
.tb-lp-fee span { font-size: 14px; opacity: .85; }
.tb-lp-fee em { margin-top: 6px; font-style: normal; font-size: 13px; color: #bae6fd; }

/* оглавление */
.tb-lp-toc { display: flex; gap: 8px; margin: 14px 0 4px; padding: 2px 0 6px; overflow-x: auto; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; }
.tb-lp-toc::-webkit-scrollbar { display: none; }
.tb-lp-toc a { flex: none; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--lp-line); background: #fff;
    color: var(--lp-ink); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.tb-lp-toc a:hover { border-color: var(--lp-dark); }

/* разделы */
.tb-lp-sec { margin: 26px 0 0; scroll-margin-top: 80px; }
.tb-lp-h2 { margin: 0 0 6px; font-size: 22px; line-height: 1.25; font-weight: 800; color: var(--lp-dark); }
.tb-lp-sub { margin: 0 0 14px; color: var(--lp-muted); font-size: 14.5px; }
.tb-lp-muted { margin: 6px 0 0; color: var(--lp-muted); font-size: 13.5px; }
.tb-lp-more { margin: 12px 0 0; font-size: 14px; }

/* как оцениваем — шаги */
.tb-lp-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.tb-lp-step { display: flex; gap: 12px; padding: 14px; border-radius: var(--lp-r); background: var(--lp-card);
    border: 1px solid var(--lp-line); }
.tb-lp-step__n { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px;
    border-radius: 50%; background: var(--lp-dark); color: #fff; font-weight: 800; font-size: 15px; }
.tb-lp-step b { display: block; margin: 4px 0 2px; font-size: 15.5px; }
.tb-lp-step p { margin: 0; color: #4b5563; font-size: 14px; }
.tb-lp-factors { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 14px 0 0; }
.tb-lp-factors__t { margin-right: 4px; font-weight: 700; font-size: 14px; }
.tb-lp-chip { padding: 5px 11px; border-radius: 999px; background: var(--lp-canvas); font-size: 13px; color: #374151; }

/* примеры */
.tb-lp-ex { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.tb-lp-excard { display: flex; flex-direction: column; padding: 14px; border-radius: var(--lp-r); background: var(--lp-card);
    border: 1px solid var(--lp-line); box-shadow: var(--tbf-shadow, 0 1px 3px rgba(16, 24, 40, .1)); }
.tb-lp-excard__t { margin: 0 0 8px; font-size: 16px; font-weight: 800; line-height: 1.3; }
.tb-lp-excard__dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 10px; margin: 0 0 10px; font-size: 13.5px; }
.tb-lp-excard__dl dt { color: var(--lp-muted); }
.tb-lp-excard__dl dd { margin: 0; color: #374151; }
.tb-lp-excard__calc { display: flex; flex-wrap: wrap; gap: 2px 10px; margin: auto 0 4px; font-size: 13px; color: var(--lp-muted); }
.tb-lp-excard__price { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: auto 0 0;
    padding-top: 10px; border-top: 1px dashed var(--lp-line); }
.tb-lp-excard__calc + .tb-lp-excard__price { margin-top: 0; }
.tb-lp-excard__price span { color: var(--lp-muted); font-size: 13px; }
.tb-lp-excard__price b { font-size: 20px; color: var(--tbf-ok, #059669); white-space: nowrap; }
.tb-lp-excard__note { margin: 6px 0 0; color: var(--lp-muted); font-size: 12px; }

/* контакты */
.tb-lp-card { padding: 16px; border-radius: var(--lp-r); background: var(--lp-card); border: 1px solid var(--lp-line); }
.tb-lp-card--main { background: #f8fafc; }
.tb-lp-card__t { margin: 0 0 8px; font-size: 16px; font-weight: 800; line-height: 1.3; }
.tb-lp-phone { display: inline-block; font-size: 22px; font-weight: 800; color: var(--lp-dark) !important; text-decoration: none; }
.tb-lp-msg { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.tb-lp-msg__a { flex: 1 1 140px; display: flex; flex-direction: column; min-height: 44px; padding: 8px 12px; border-radius: 12px;
    border: 1px solid var(--lp-line); background: #fff; text-decoration: none; color: var(--lp-ink) !important; }
.tb-lp-msg__a b { font-size: 14px; }
.tb-lp-msg__a span { font-size: 12px; color: var(--lp-muted); }
.tb-lp-msg__a--tg, .tb-lp-msg__a--bot { border-color: #9fd7f5; }
.tb-lp-msg__a--max { border-color: #c4b5fd; }
.tb-lp-msg__a--vk { border-color: #93c5fd; }
.tb-lp-msg__a:hover { border-color: var(--lp-dark); }
.tb-lp-msg--col { flex-direction: column; }
.tb-lp-msg--col .tb-lp-msg__a { flex: none; }
.tb-lp-chan { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 12px 0 0; font-size: 13.5px; }
.tb-lp-branch__addr { margin: 0; font-weight: 600; }
.tb-lp-branch__hours { margin: 6px 0 0; font-size: 13.5px; color: #374151; }
.tb-lp-branch__closed { margin: 6px 0 0; padding: 6px 10px; border-radius: 8px; background: #fef2f2; color: #b91c1c; font-size: 13px; }
.tb-lp-branch__closed[hidden] { display: none; }
.tb-lp-branch__acts { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 10px 0 0; font-size: 14px; font-weight: 600; }
.tb-lp-branch__acts a { display: inline-flex; align-items: center; min-height: 32px; }

/* форма */
.tb-lp-formsec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.tb-lp-formsec__main { padding: 18px 16px; border-radius: var(--lp-r); background: var(--lp-card); border: 1px solid var(--lp-line);
    box-shadow: var(--tbf-shadow, 0 1px 3px rgba(16, 24, 40, .1)); min-width: 0; }
.tb-lp-formsec__side { display: grid; gap: 10px; align-content: start; min-width: 0; }
.tb-lp-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 14px; }
.tb-lp-checks { margin: 0 0 12px; padding: 0; border: 0; min-width: 0; }
.tb-lp-checks legend { padding: 0; }
.tb-lp-chk { display: inline-flex; align-items: center; gap: 8px; margin: 0 6px 6px 0; padding: 8px 12px; min-height: 40px;
    border: 1.5px solid var(--lp-line); border-radius: 10px; font-size: 14px; cursor: pointer; background: #fff; max-width: 100%; }
.tb-lp-chk input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--lp-dark); }
.tb-lp-chk:has(input:checked) { border-color: var(--lp-dark); background: #f8fafc; }
.tb-lp-photos__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 8px; }
.tb-lp-photos__list:empty { display: none; }
.tb-lp-thumb { position: relative; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: var(--lp-canvas);
    border: 1px solid var(--lp-line); }
.tb-lp-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tb-lp-thumb.is-loading { display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--lp-muted); }
.tb-lp-thumb__rm { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%;
    background: rgba(17, 24, 39, .72); color: #fff; font-size: 20px; line-height: 32px; text-align: center; cursor: pointer; }
.tb-lp-photos__add { position: relative; display: flex; align-items: center; justify-content: center; min-height: 52px;
    border: 1.5px dashed #9ca3af; border-radius: 12px; background: #fafafa; font-weight: 700; font-size: 15px; cursor: pointer;
    overflow: hidden; }
.tb-lp-photos__add:hover { border-color: var(--lp-dark); }
.tb-lp-photos__add input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.tb-lp-photos.is-full .tb-lp-photos__add { display: none; }
.tb-f.tb-lp-photos.is-bad .tb-lp-photos__add { border-color: var(--tbf-sale, #dc2626); }
.tb-lp .tb-form__status { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; font-size: 14px; }
.tb-lp .tb-form__status.is-error { background: #fef2f2; color: #b91c1c; }
.tb-lp-bot { margin: 12px 0 0; }
.tb-lp-cross { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: var(--lp-r);
    background: var(--lp-dark); color: #fff !important; text-decoration: none; }
.tb-lp-cross b { font-size: 15.5px; }
.tb-lp-cross span { font-size: 13.5px; color: #cbd5e1; }
.tb-lp-cross:hover { background: #000; }
.tb-lp-done__warn { padding: 8px 10px; border-radius: 8px; background: #fffbeb; color: #92400e !important; font-size: 13.5px !important; }

/* планшет и ПК */
@media (min-width: 600px) {
    .tb-lp-ex { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tb-lp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tb-lp-photos__list { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .tb-lp-pros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
    .tb-lp-hero { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); padding: 32px; gap: 28px; }
    .tb-lp-h1 { font-size: 34px; }
    .tb-lp-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tb-lp-ex { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tb-lp-formsec { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); align-items: start; }
    .tb-lp-formsec__main { padding: 24px; }
    .tb-lp-formsec__side { position: sticky; top: 90px; }
    .tb-lp-h2 { font-size: 26px; }
}
@media (min-width: 1100px) {
    .tb-lp-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ===== docs4-pages (27.10.2026): первый экран — «Позвонить» + MAX/ВК/Telegram, сразу ниже витрина «что мы недавно
   приняли и за сколько» с бумажными ценниками. Синий #0b8de6 — как «Купить»; жёлтый ценник — только у настоящих
   сделок, у примеров ценник серый. ===== */
.tb-lp { --lp-blue: #0b8de6; --lp-blue-d: #0a74bd; --lp-tag: #ffe48f; --lp-tag-ink: #2d2300; --lp-tag-ex: #eef1f5;
    --lp-paid: #047857; }
.tb-lp-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 4px 2px 2px; background: none; border: 0; border-radius: 0; }
.tb-lp-h1 { margin: 0 0 8px; font-size: 27px; line-height: 1.15; letter-spacing: -.01em; }
.tb-lp-lead { margin: 0 0 14px; font-size: 15.5px; line-height: 1.45; color: #374151; max-width: 36em; }
.tb-lp-call { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 10px 16px;
    border-radius: 14px; background: var(--lp-blue); color: #fff !important; text-decoration: none; font-size: 17px;
    font-weight: 600; line-height: 1.2; box-shadow: 0 8px 18px -10px rgba(11, 141, 230, .9); }
.tb-lp-call svg { flex: none; }
.tb-lp-call b { font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tb-lp-call:hover { background: var(--lp-blue-d); }
.tb-lp-call:focus-visible, .tb-lp-im__a:focus-visible { outline: 3px solid rgba(11, 141, 230, .45); outline-offset: 2px; }
.tb-lp-im { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 8px 0 0; }
.tb-lp-im__a { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 50px; padding: 6px;
    border-radius: 14px; border: 1.5px solid var(--lp-line); background: #fff; color: var(--lp-ink) !important;
    text-decoration: none; font-weight: 700; font-size: 14px; min-width: 0; }
.tb-lp-im__a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb-lp-im__a img, .tb-lp-im__a svg { flex: none; width: 26px; height: 26px; border-radius: 50%; }
.tb-lp-im__a--max:hover { border-color: #7c5cff; }
.tb-lp-im__a--vk:hover { border-color: #0077ff; }
.tb-lp-im__a--tg:hover { border-color: #29b0e8; }
.tb-lp-hero__note { margin: 10px 0 0; font-size: 13.5px; color: var(--lp-muted); }
.tb-lp-hero__form { white-space: nowrap; }
.tb-lp-hero__side { display: none; }

/* витрина и примеры: карточки с фото и ценником */
.tb-lp-rc { margin-top: 22px; }
.tb-lp-rc__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; }
.tb-lp-rc__i { display: flex; flex-direction: column; min-width: 0; }
.tb-lp-rc__ph { position: relative; aspect-ratio: 1 / 1; border-radius: 14px; overflow: hidden; background: var(--lp-canvas); }
.tb-lp-rc__ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tb-lp-rc__noph { position: absolute; inset: 0; background: center / 34% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8.5A1.5 1.5 0 0 1 5.5 7h2.2l1.5-2h5.6l1.5 2h2.2A1.5 1.5 0 0 1 20 8.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 17.5z' fill='none' stroke='%239ca3af' stroke-width='1.4'/%3E%3Ccircle cx='12' cy='13' r='3.4' fill='none' stroke='%239ca3af' stroke-width='1.4'/%3E%3C/svg%3E"); }
.tb-lp-tag { position: absolute; left: 6px; bottom: 9px; display: flex; flex-direction: column; max-width: calc(100% - 12px);
    padding: 5px 10px 6px 21px; background: var(--lp-tag); color: var(--lp-tag-ink); border-radius: 0 7px 7px 0;
    clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%); transform: rotate(-3deg); transform-origin: 0 50%;
    line-height: 1.1; }
.tb-lp-tag::before { content: ""; position: absolute; left: 9px; top: 50%; width: 6px; height: 6px; margin-top: -3px;
    border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(45, 35, 0, .35); }
.tb-lp-tag small { font-size: 11px; font-weight: 600; opacity: .8; }
.tb-lp-tag b { font-size: 17px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tb-lp-rc__i--ex .tb-lp-tag { background: var(--lp-tag-ex); }
.tb-lp-rc__t { margin: 9px 0 2px; font-size: 14.5px; font-weight: 700; line-height: 1.3; color: var(--lp-dark); }
.tb-lp-rc__t span { font-weight: 500; color: var(--lp-muted); white-space: nowrap; }
.tb-lp-rc__m { margin: 0; font-size: 13px; line-height: 1.35; color: var(--lp-muted); }
.tb-lp-rc__pay { margin: 4px 0 0; font-size: 13.5px; color: var(--lp-paid); }
.tb-lp-rc__pay b { font-weight: 800; white-space: nowrap; }
.tb-lp-rc__grid > .tb-lp-rc__i:nth-child(n+9) { display: none; }

/* коротко об условиях — под витриной */
.tb-lp-facts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px 16px; margin: 20px 0 0; padding: 14px 0 0;
    border-top: 1px solid var(--lp-line); list-style: none; }
.tb-lp-facts li { position: relative; padding-left: 26px; font-size: 14.5px; font-weight: 600; }
.tb-lp-facts li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%;
    background: #d1fae5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l3.8 3.8L18 8' fill='none' stroke='%23059669' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }

@media (max-width: 599px) {
    .tb-lp { padding-top: 14px; }
    .tb-lp-crumbs { display: none; }
    .tb-lp-h1 { font-size: 26px; margin-bottom: 6px; }
    .tb-lp-lead { font-size: 14.5px; margin-bottom: 12px; }
    .tb-lp-call { min-height: 54px; padding: 8px 12px; font-size: 16px; gap: 8px; }
    .tb-lp-call span { white-space: nowrap; }
    .tb-lp-im { gap: 6px; margin-top: 6px; }
    .tb-lp-im__a { flex-direction: column; gap: 2px; min-height: 54px; padding: 5px 4px; font-size: 12.5px; font-weight: 600; }
    .tb-lp-im__a img, .tb-lp-im__a svg { width: 24px; height: 24px; }
    .tb-lp-hero__note { margin-top: 7px; font-size: 12.5px; }
    .tb-lp-hero__form { display: none; }
    .tb-lp-rc { margin-top: 16px; }
    .tb-lp-rc .tb-lp-h2 { font-size: 20px; }
    .tb-lp-rc { display: flex; flex-direction: column; }
    .tb-lp-rc .tb-lp-sub { order: 3; margin: 10px 0 0; font-size: 13px; }
}
@media (max-width: 359px) {
    .tb-lp-call { font-size: 15.5px; padding: 10px 10px; }
    .tb-lp-im__a { font-size: 13px; gap: 5px; }
}
@media (min-width: 600px) {
    .tb-lp-rc__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 14px; }
    .tb-lp-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tb-lp-hero__text { max-width: 580px; }
}
@media (min-width: 900px) {
    .tb-lp-hero { grid-template-columns: minmax(0, 1fr); padding: 14px 6px 4px; }
    .tb-lp-hero--ph { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 44px; }
    .tb-lp-h1 { font-size: 42px; margin-bottom: 12px; }
    .tb-lp-lead { font-size: 17px; margin-bottom: 20px; }
    .tb-lp-call { justify-content: flex-start; min-height: 66px; padding: 12px 24px; font-size: 20px; }
    .tb-lp-im { gap: 10px; margin-top: 10px; }
    .tb-lp-im__a { min-height: 54px; font-size: 15px; }
    .tb-lp-hero__side { display: block; }
    .tb-lp-rc__i--feat .tb-lp-rc__ph { aspect-ratio: 5 / 4; border-radius: 22px; }
    .tb-lp-rc__i--feat .tb-lp-tag { left: 14px; bottom: 18px; padding: 8px 16px 9px 27px; clip-path: polygon(13px 0, 100% 0, 100% 100%, 13px 100%, 0 50%); }
    .tb-lp-rc__i--feat .tb-lp-tag::before { left: 12px; width: 8px; height: 8px; margin-top: -4px; }
    .tb-lp-rc__i--feat .tb-lp-tag small { font-size: 13px; }
    .tb-lp-rc__i--feat .tb-lp-tag b { font-size: 26px; }
    .tb-lp-rc__i--feat .tb-lp-rc__t { font-size: 17px; margin-top: 12px; }
    .tb-lp-rc__i--feat .tb-lp-rc__m { font-size: 14px; }
    .tb-lp-rc { margin-top: 34px; }
    .tb-lp-rc__grid { gap: 26px 18px; }
    .tb-lp-rc__grid.has-feat > .tb-lp-rc__i:first-child { display: none; }
    .tb-lp-rc__grid.has-feat > .tb-lp-rc__i:nth-child(9) { display: flex; }
    .tb-lp-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ===== docs4-msgr (28.10.2026, владелец: «В личку+Канал»): у каждого мессенджера кнопка — написать в личку,
   под ней мелкая ссылка на канал/группу. Нет лички — кнопка ведёт на канал, второй ссылки нет. ===== */
.tb-lp-im__c { display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
.tb-lp-im .tb-lp-im__ch { align-self: center; display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px;
    font-size: 13px; line-height: 1.2; color: var(--lp-muted); text-decoration: underline;
    text-decoration-color: rgba(107, 114, 128, .45); text-underline-offset: 3px; white-space: nowrap; }
.tb-lp-im .tb-lp-im__ch:hover { color: var(--lp-ink); text-decoration-color: currentColor; }
.tb-lp-im .tb-lp-im__ch:focus-visible { outline: 3px solid rgba(11, 141, 230, .45); outline-offset: 0; border-radius: 6px; }
@media (max-width: 599px) {
    .tb-lp-im .tb-lp-im__ch { min-height: 34px; font-size: 12.5px; }   /* night29-F: было 26 px — мало для пальца */
}

/* ===== docs4-pagesv2 (28.10.2026, владелец: «контакты удали, Добавь просто кнопку "Отделения" снизу под главной
   плашкой; частые вопросы удали; Заяка отображается неправильно»). Кнопка «Отделения» — в одном столбце с «Позвонить»
   и мессенджерами. Форма: заголовок над карточкой (как у остальных разделов), карточка во всю ширину, «Удобнее
   в мессенджере?» — под формой; группы выбора без серой подложки fieldset из default.css темы, ровной сеткой. ===== */
.tb-lp-branches { display: flex; align-items: center; gap: 12px; min-height: 54px; margin: 10px 0 0; padding: 8px 14px;
    border-radius: 14px; border: 1.5px solid var(--lp-line); background: #fff; color: var(--lp-ink) !important;
    text-decoration: none; }
.tb-lp-branches svg { flex: none; color: var(--lp-blue); }
.tb-lp-branches span { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.tb-lp-branches b { font-size: 15px; font-weight: 700; color: var(--lp-dark); }
.tb-lp-branches small { font-size: 12.5px; color: var(--lp-muted); }
.tb-lp-branches .tb-lp-branches__go { margin-left: auto; color: #9ca3af; }
.tb-lp-branches:hover { border-color: var(--lp-blue); }
.tb-lp-branches:hover .tb-lp-branches__go { color: var(--lp-blue); }
.tb-lp-branches:focus-visible { outline: 3px solid rgba(11, 141, 230, .45); outline-offset: 2px; }

/* форма */
.tb-lp .tb-lp-formsec { display: block; }
.tb-lp-formsec > .tb-lp-sub { max-width: 44em; }
.tb-lp .tb-lp-formsec__main { padding: 16px 14px; }
.tb-lp .tb-lp-formsec__side { position: static; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px;
    margin: 12px 0 0; }
.tb-lp-terms { color: var(--lp-muted); }
.tb-lp .tb-lp-checks { display: block; margin: 0 0 16px; padding: 0; border: 0; border-radius: 0; background: none;
    box-shadow: none; min-width: 0; }
.tb-lp .tb-lp-checks legend { float: none; width: auto; margin: 0 0 6px; padding: 0; }
.tb-lp-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tb-lp .tb-lp-chk { display: flex; align-items: center; gap: 10px; width: auto; max-width: none; min-height: 48px; margin: 0;
    padding: 8px 12px; border: 1.5px solid var(--lp-line); border-radius: 12px; background: #fff; color: var(--lp-ink);
    font-size: 14px; font-weight: 500; line-height: 1.25; cursor: pointer; }
.tb-lp .tb-lp-chk input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--lp-blue); }
.tb-lp .tb-lp-chk span { min-width: 0; }
.tb-lp .tb-lp-chk:hover { border-color: #b6c0cc; }
.tb-lp .tb-lp-chk:has(input:checked) { border-color: var(--lp-blue); background: #f0f8fe; }
.tb-lp .tb-lp-chk:has(input:focus-visible) { outline: 3px solid rgba(11, 141, 230, .35); outline-offset: 1px; }
@media (max-width: 599px) {
    .tb-lp .tb-lp-formsec__main { padding: 14px 12px; }
    .tb-lp .tb-lp-chk { gap: 8px; padding: 8px 10px; font-size: 13.5px; }
}
@media (min-width: 600px) {
    .tb-lp .tb-lp-formsec__side { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: stretch; }
    .tb-lp-formsec__side .tb-lp-msg--col { flex-direction: row; }
    .tb-lp-formsec__side .tb-lp-msg--col .tb-lp-msg__a { flex: 1 1 0; }
    .tb-lp-formsec__side .tb-lp-cross { justify-content: center; }
}
@media (min-width: 900px) {
    .tb-lp .tb-lp-formsec__main { padding: 24px; }
    .tb-lp-chips { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* 28.10: ошибка согласия — без красной рамки 11 px поверх текста (обводка уже есть через box-shadow) */
.tb-lp .tb-f.is-bad .tb-consent input[type="checkbox"] { border-color: transparent; }
/* night29-F (29.10.2026): планшет 600–1023 px — колонка первого экрана («Позвонить», мессенджеры, «Отделения»)
   во всю ширину контейнера, а не 580 px; на ПК с фото справа колонка и так занимает свою ячейку сетки. */
@media (min-width: 600px) and (max-width: 1023px) { .tb-lp-hero__text { max-width: none; } }