/* Лендинг 2.0: стыковка новых блоков (hero/, how/, client-phone/ - копии из Лендинг/Новые блоки/) с блоком продукта.
   Своих значений нет - только токены C 2.0 и правила самих блоков. */

/* Сцена приложения клиента стоит в ряду превью (lp-pv.js ставит её после «Недели», последней) внутри .lp-wrap блока
   продукта. На странице «Новые блоки» она шла отдельной полосой со своими полями и отступами; здесь поля уже даёт .lp-wrap,
   а расстояние до соседних превью - ряд (.ev-scenes / .ep-scenes, gap). */
.lp-product [data-pv-set] > #nb-client > .ncp-wrap { max-width: none; padding: 0; }
/* От 1280 подписи превью чередуются: на чётном месте ряда подпись справа (ev.css). Сцена клиента после перестановки
   (2026-11-02) - четвёртая, поэтому её подпись тоже справа: ряд остаётся «слева - справа - слева - справа». */
@media (min-width: 1280px) {
  .lp-product [data-pv-set] > #nb-client:nth-child(even) :is(.ncp-scene, .ncp-pin) { grid-template-columns: auto var(--ncp-cap-w); }
  .lp-product [data-pv-set] > #nb-client:nth-child(even) .ncp-cap { order: 2; }
}

/* ---------- Выгоды в оффере (решение пользователя 2026-10-30) ---------- */
/* Блок выгод целиком стоит в оффере: после «Попробуйте на своих клиентах», перед тарифами; короткий повтор выгод .lp-gains убран.
   Заголовок блока - «Попробуйте на своих клиентах» (.lp-h). «Больше клиентов без лишних часов» - подзаголовок части оффера того же
   уровня, что «Тарифы» (h3, --lp-scene-t): две части одного блока, а не второй равный заголовок. Отступы - как у «Тарифов»:
   от заголовка оффера --lp-head-gap, подзаголовок -> список --s6 (от 1024 - --s8), список -> «Тарифы» - отступ .lp-plans.
   Строки .lp-benefit - те же, что были на полосе выгод (5.9): полоса оффера того же цвета. */
.lp-offer .lp-benefits { justify-self: stretch; margin-top: var(--lp-head-gap); }
.lp-benefits__h { font: var(--lp-scene-t); letter-spacing: var(--lp-scene-ls); text-wrap: balance; }
.lp-offer .lp-benefits__grid { margin-top: var(--s6); }
@media (min-width: 600px) { .lp-benefits__h { text-align: center; } }
@media (min-width: 1024px) { .lp-offer .lp-benefits__grid { margin-top: var(--s8); } }

/* Кегль текста не подгоняет браузер (2026-10-30): без этого Safari на iPhone увеличивает текст при повороте, а Chrome на Android
   может «раздувать» абзацы - строки, переносы и высоты подписей превью выходили разными в разных браузерах. Экраны колоды
   уже так делают (hero/screens.css). */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }