/* ============================================================================
   LC BLOG FUNNEL — формат статьи-воронки, 01.10.2026. Все записи блога.
   Разметку выводят single.php и mu-plugins/lc-blog-funnel.php, компоненты
   в теле (.lc-check, .lc-prices) — контракт content/blog-rework/КОНТРАКТ-КОМПОНЕНТОВ.md.
   Отдельным файлом, а не в style.css: style.css переписывают целиком
   параллельные сессии (ловушка 05.09.2026).
   Ширина колонки текста не меняется (720), правая колонка — только на ≥1200.
   Цвета — как в блоке LC BLOG RICH: блог светлый, тёмной темы у статей нет.
   Откат: удалить файл (его подключает mu-плагин).
   ============================================================================ */

/* ── Полоска над заголовком ────────────────────────────────────────────── */
#bloghead .lcbf-alert{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;
  max-width:1024px;margin:0 0 14px;padding:10px 16px;border-radius:10px;
  background:#152237;color:#fff;font-size:15px;line-height:1.4}
#bloghead .lcbf-alert a{color:#fff;font-weight:600;text-decoration:underline;
  text-underline-offset:3px;padding:4px 0}

/* ── «Коротко» над обложкой и строка с ценой под ним ───────────────────── */
#bloghead .lcbf-short{margin:22px 0 0;max-width:860px}
#bloghead .lcbf-short > .lc-takeaway{margin:0}
#bloghead .lcbf-short .lcbf-priceline{margin:12px 0 0;max-width:860px;
  font-size:15.5px;line-height:1.5;color:#5A6B85}
#bloghead .lcbf-short + .lc-hero{margin-top:24px}

/* ── Сетка: текст + правая колонка с оглавлением ───────────────────────── */
.postmeta.lcbf-postmeta{display:block}
.postmeta.lcbf-postmeta > .services{max-width:860px;margin-top:44px;
  padding-top:32px;border-top:1px solid #E9EEF4}
.lcbf-art{min-width:0}
.lcbf-rail{display:none}
@media(min-width:1200px){
  .lcbf-grid{display:grid;grid-template-columns:minmax(0,900px) 260px;
    gap:48px;align-items:start;justify-content:space-between}
  .lcbf-rail{display:block;position:sticky;top:104px}
  .lcbf-mtoc{display:none}
}

/* Оглавление справа: не выше окна, длинное прокручивается внутри */
.lcbf-toc{background:#F7F9FC;border:1px solid #E3E9F0;border-radius:14px;
  padding:16px 18px;max-height:calc(100vh - 124px);overflow-y:auto;
  overscroll-behavior:contain}
.lcbf-toc .lcbf-toc__t{margin:0 0 6px;font-size:15px;line-height:1.4;
  font-weight:700;color:#152237}
.lcbf-toc ul{list-style:none;margin:0;padding:0}
.lcbf-toc li{margin:0;padding:0}
.lcbf-toc ul li a{display:block;padding:6px 0;font-size:14px;line-height:1.35;
  color:#5A6B85;text-decoration:none}
.lcbf-toc ul li a:hover{color:#0070F3}
.lcbf-toc ul li a.is-on{color:#0070F3;font-weight:600}

/* Оглавление под обложкой на телефоне и планшете, свёрнуто */
.lcbf-mtoc{max-width:860px;margin:0 0 26px;padding:0 18px;background:#F7F9FC;
  border:1px solid #E3E9F0;border-radius:14px}
.lcbf-mtoc summary{display:flex;align-items:center;justify-content:space-between;
  min-height:50px;font-size:16px;font-weight:700;color:#152237;cursor:pointer;
  list-style:none}
.lcbf-mtoc summary::-webkit-details-marker{display:none}
.lcbf-mtoc summary::after{content:"";width:9px;height:9px;margin-right:4px;
  border-right:2px solid #152237;border-bottom:2px solid #152237;
  transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.lcbf-mtoc[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.lcbf-mtoc ul{list-style:none;margin:0 0 6px;padding:0}
.lcbf-mtoc li{margin:0;padding:0;border-top:1px solid #E9EEF4}
.lcbf-mtoc ul li a{display:flex;align-items:center;min-height:44px;padding:9px 0;
  font-size:16px;line-height:1.35;color:#0070F3;text-decoration:none}

/* Якоря не прячутся под липкой шапкой (84 px) */
.blogpost-text h2[id],.lcbf-cases h2,#osmotr{scroll-margin-top:100px}

/* ── Список «проверить самому» с галочками — .lc-check ─────────────────── */
.blogpost-text .lc-check{max-width:860px;margin:26px 0;background:#fff;
  border:1px solid #E3E9F0;border-radius:14px;overflow:hidden}
.blogpost-text .lc-check ul{list-style:none;margin:0;padding:0}
.blogpost-text .lc-check li{margin:0;padding:0;border-bottom:1px solid #E3E9F0}
.blogpost-text .lc-check label{display:grid;grid-template-columns:24px minmax(0,1fr);
  gap:14px;margin:0;padding:15px 20px;cursor:pointer;font-weight:400}
.blogpost-text .lc-check input{width:20px;height:20px;margin:3px 0 0;
  accent-color:#0070F3;cursor:pointer}
.blogpost-text .lc-check strong{display:block;font-size:17px;line-height:1.45;color:#152237}
.blogpost-text .lc-check small{display:block;margin-top:3px;font-size:15px;
  line-height:1.5;color:#5A6B85}
.blogpost-text .lc-check__res{padding:14px 20px;background:#F7F9FC;
  font-size:15.5px;line-height:1.5;color:#23334C}
.blogpost-text .lc-check__n{display:block;font-weight:700;color:#152237}
.blogpost-text .lc-check.is-done .lc-check__res{background:#E7F6EE}

/* ── Блок «посмотрим сайт снаружи» с формой ─────────────────────────────── */
.blogpost-text .lcbf-osmotr{max-width:860px;margin:26px 0;padding:24px 26px;
  background:#F5F9FF;border:1px solid #D6E6FB;border-radius:14px}
.blogpost-text .lcbf-osmotr h3{margin:0 0 10px;font-size:21px;line-height:1.3}
.blogpost-text .lcbf-osmotr p{margin:0 0 10px;font-size:17px}
.blogpost-text .lcbf-osmotr ul{margin:0 0 12px}
.blogpost-text .lcbf-osmotr li{font-size:17px;margin:0 0 4px}
.blogpost-text .lcbf-osmotr .lcbf-fine{font-size:14.5px;line-height:1.5;color:#5A6B85}

/* Форма из двух полей и согласия — в статье и внизу */
.lcbf-form .lcbf-form__row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin:14px 0 10px}
.lcbf-form .lcbf-form__f{flex:1 1 220px;min-width:0;margin:0;display:block}
.lcbf-form .wpcf7-form-control-wrap{display:block}
body .lcbf-form input.wpcf7-text{width:100%;height:48px;padding:0 14px;font-size:16px;
  color:#152237;background:#fff;border:1px solid #C9D5E3;border-radius:10px;box-shadow:none}
body .lcbf-form input.wpcf7-text:focus{border-color:#0070F3;outline:2px solid rgba(0,112,243,.25)}
body .lcbf-form .lcbf-form__row input.wpcf7-submit{flex:0 0 auto;height:48px;padding:0 22px;
  font-size:16px;font-weight:600;color:#fff;background:#0070F3;border:0;border-radius:10px;cursor:pointer}
.lcbf-form .form_acceptance{font-size:13.5px;line-height:1.45;color:#5A6B85}
.lcbf-form .form_acceptance label{display:grid;grid-template-columns:20px minmax(0,1fr);
  gap:10px;margin:0;font-weight:400;cursor:pointer}
.lcbf-form .form_acceptance input{width:18px;height:18px;margin:1px 0 0}
.lcbf-form .form_acceptance a{color:#0070F3}
.lcbf-form .wpcf7-not-valid-tip{font-size:14px;margin-top:4px}
.lcbf-form .wpcf7-response-output{margin:12px 0 0;font-size:15px;line-height:1.45}
.lcbf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blogpost-text .lcbf-form p{margin:0;font-size:inherit}

/* Нижняя форма по теме: колонка с пояснением вместо картинки */
.cta_form .lcbf-note{margin:16px 0 0;font-size:15px;line-height:1.5;color:#5A6B85}
.cta_form .lcbf-note a{color:#0070F3}
/* Секция формы на блоге светлая (фон прозрачный, заголовок #152237) */
.cta_form .lcbf-aside{padding:26px 28px;border-radius:16px;background:#F7F9FC;
  border:1px solid #E3E9F0;color:#23334C;font-size:17px;line-height:1.55}
.cta_form .lcbf-aside strong{color:#152237}
.cta_form .lcbf-aside a{color:#0070F3}
.cta_form .lcbf-aside p{margin:0 0 10px}
.cta_form .lcbf-aside ul{margin:0 0 12px;padding-left:22px}
.cta_form .lcbf-aside li{margin:0 0 6px}
@media(max-width:1199px){.cta_form .lcbf-aside{margin-top:26px}}

/* ── Цены карточками — .lc-prices ──────────────────────────────────────── */
.blogpost-text .lc-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;max-width:860px;margin:24px 0 26px}
.blogpost-text .lc-price{display:flex;flex-direction:column;gap:6px;padding:20px 22px;
  background:#fff;border:1px solid #E3E9F0;border-radius:14px}
.blogpost-text .lc-price h3{margin:0;font-size:17px;line-height:1.35}
.blogpost-text .lc-price .lc-price__v{margin:0;font-size:24px;line-height:1.2;
  font-weight:700;color:#152237;font-variant-numeric:tabular-nums}
.blogpost-text .lc-price .lc-price__d{flex:1;margin:0;font-size:15.5px;line-height:1.5}
.blogpost-text .lc-price .lc-price__a{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.blogpost-text .lc-price a.lc-price__btn{display:inline-flex;align-items:center;min-height:44px;
  padding:0 16px;border:1px solid #C9D5E3;border-radius:10px;background:#fff;
  font-size:15px;font-weight:600;color:#152237;text-decoration:none}
.blogpost-text .lc-price a.lc-price__btn:hover{border-color:#0070F3;color:#0070F3}
@media(max-width:640px){.blogpost-text .lc-prices{grid-template-columns:minmax(0,1fr)}}

/* ── Кейсы перед формой ─────────────────────────────────────────────────── */
.lcbf-cases{max-width:860px;margin:48px 0 0}
#blogpost .lcbf-cases h2,#bloghead .lcbf-cases h2{margin:0 0 14px;font-size:26px;
  line-height:1.25;font-weight:700;color:#152237}
.lcbf-cases ul{list-style:none;margin:0;padding:6px 24px;background:#fff;
  border:1px solid #E3E9F0;border-radius:14px}
.lcbf-cases li{margin:0;padding:0;border-top:1px solid #E9EEF4}
.lcbf-cases li:first-child{border-top:0}
.lcbf-cases ul li a{display:block;padding:14px 0;font-size:17px;line-height:1.4;
  font-weight:600;color:#152237;text-decoration:none}
.lcbf-cases ul li a span{color:#0070F3;font-weight:400}
.lcbf-cases ul li a:hover{color:#0070F3}
.lcbf-after{max-width:860px;margin:16px 0 0;font-size:15.5px;line-height:1.5;color:#5A6B85}
@media(max-width:767px){
  #blogpost .lcbf-cases h2,#bloghead .lcbf-cases h2{font-size:22px}
  .lcbf-cases ul{padding:4px 16px}
  .blogpost-text .lcbf-osmotr{padding:20px 18px}
  .blogpost-text .lc-check label{padding:14px 16px}
}