/* Макет типа «подуслуга без цены» (ST2, вариант default) — страница S1026 «SEO-аудит сайта».
   Задача Б1 плана v0.5: показать владельцу ВИД до вёрстки шаблона темы.

   Что откуда:
   - service.css  — копия из plans/maps/pilot/ (палитра, Rubik, классы s-*; оболочка Сид 3);
   - ceny.css     — копия оттуда же (классы c-* страницы цен S1017 — образец плотности и ритма);
   - st2.css      — этот файл: только то, чего у S1017 нет, плюс починка путей к картинкам.

   Почему на <body> стоит класс p-ceny вместе с p-st2: все правила ceny.css написаны под .p-ceny.
   Макет наследует их как есть (тот же тип страницы, тот же ритм), а p-st2 поднимает специфичность
   там, где вариант default отличается от варианта ceny — прежде всего в первом экране (цены нет)
   и в блоке B07 («параметр → влияние» вместо тарифной таблицы).

   Мобильные стили S1017 (ceny-mobile.css) НЕ подключены: они сделаны под другой первый экран.
   Мобильная раскладка макета — в конце этого файла.

   Макет статический: ни одного скрипта, все сцены — картинками. */

/* ─── пути к картинкам: у Сид 3 они абсолютные (/odyssey/assets/…), на стенде макета их нет.
       Специфичность держим на уровне ceny.css (.p-ceny #b01.s-hero …) — иначе фон страницы цен
       побеждает и первый экран остаётся чёрным. st2.css подключён последним, поэтому выигрываем. ─── */
.p-st2 #b01.s-hero{background:radial-gradient(ellipse at 72% 38%,#25322b66,transparent 55%),url('../img/scene-subservice-T2-hero-1280.webp') 78% 45%/cover no-repeat}
.p-st2 #b10.s-contact{background:linear-gradient(90deg,#0b1512 4%,#0b1512e8 34%,#0b1512c4 58%,#0b1512d6 100%),linear-gradient(0deg,#0b1512,#0b151200 34%),url('../img/scene-contacts-T8-hero-1280.webp') 58% 34%/cover no-repeat}

/* ─── маркер пробела: код + что именно не заполнено ─── */
.p-st2 .c-gap{display:inline-block;border:1px dashed #d9bd7e99;border-radius:3px;padding:2px 9px;font-size:12px;color:var(--gold);line-height:1.5;white-space:normal}
.p-st2 .c-gap b{font-weight:500;letter-spacing:.06em;font-size:11px;color:#e7c98e}

/* ─── B01: первый экран без цены. Иерархия «H1 → срок и цена по запросу → лид → CTA → опыт» ─── */
.p-st2 #b01.s-hero{min-height:700px}
.p-st2 #b01 .s-hero-copy{width:57%;padding-top:40px;padding-bottom:86px}
.p-st2 #b01 .s-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--gold);font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.p-st2 #b01 .s-eyebrow:before{content:'';width:22px;height:1px;background:var(--gold)}
.p-st2 #b01 h1{max-width:700px;font-size:clamp(46px,4.7vw,70px)}
.p-st2 #b01 .c-hero-facts{display:flex;flex-wrap:wrap;gap:0 34px;margin:24px 0 0;padding:0;list-style:none;max-width:700px;border-top:1px solid #d3bd8555;padding-top:20px}
.p-st2 #b01 .c-hero-facts li{display:flex;flex-direction:column;gap:7px;min-width:0;max-width:320px}
.p-st2 #b01 .c-hero-facts li+li{border-left:1px solid #d3bd8555;padding-left:34px}
.p-st2 #b01 .c-hero-facts strong{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.25;color:var(--paper);white-space:normal}
.p-st2 #b01 .c-hero-facts span{font-size:12px;line-height:1.55;color:#b6bcab;max-width:300px}
.p-st2 #b01 .s-hero-intro{margin:22px 0 22px;max-width:560px;font-size:17px}
.p-st2 #b01 .s-hero-actions{align-items:center}
.p-st2 #b01 .c-cta-sub{font-size:13px;line-height:1.5;color:#c9cdb9;max-width:300px}
.p-st2 #b01 .c-cta-note{font-size:12px;line-height:1.6;color:#b3b9a8;margin-top:14px;max-width:540px}
.p-st2 #b01 .c-hero-stats{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);margin:24px 0 0;padding:18px 0 0;list-style:none;max-width:640px}
.p-st2 #b01 .c-hero-stats li{display:flex;flex-direction:column;gap:2px}
.p-st2 #b01 .c-hero-stats b{font-size:22px;font-weight:500;letter-spacing:-.03em;color:var(--paper);line-height:1.2}
.p-st2 #b01 .c-hero-stats span{font-size:11px;color:#aeb4a4}

/* ─── B02: паспорт услуги. Ритм как у планки S1017: широкая первая строка + три ячейки ─── */
.p-st2 #b02 .c-passport-wide{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
.p-st2 #b02 .c-passport-wide>div{grid-template-columns:1fr;gap:9px;padding:24px 26px 26px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.p-st2 #b02 .c-passport-wide>.c-pass-lead{grid-column:1 / -1;grid-template-columns:150px 1fr;gap:0 24px;align-items:center;padding:22px 26px;border-top:0;border-left:0}
.p-st2 #b02 .c-passport-wide>.c-pass-lead dt{align-self:center}
.p-st2 #b02 .c-passport-wide>div:nth-child(2){border-left:0}
.p-st2 #b02 .c-passport dt{align-self:start;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.p-st2 #b02 .c-passport dd{font-size:20px;letter-spacing:-.02em}
.p-st2 #b02 .c-passport-wide>.c-pass-lead dd{font-size:26px;font-weight:500}
.p-st2 #b02 .c-passport dd em{font-style:normal;color:#adb5a4;font-size:13.5px;display:block;margin-top:9px;line-height:1.55}

/* ─── B04: механизм + место под схему F24 (её рисует другой агент по F-GRAPHICS-TOOL) ─── */
.p-st2 .c-mech{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6%;align-items:start}
.p-st2 .c-scheme{border:1px dashed #bfad7d66;border-radius:3px;background:linear-gradient(160deg,#1d2b22,#111d17);min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:32px 30px;text-align:center}
.p-st2 .c-scheme p{font-size:13px;line-height:1.6;color:#aeb4a4;max-width:320px;margin-inline:auto}
.p-st2 .c-scheme .c-gap{align-self:center}

/* ─── B05: шаги «работа / от клиента / выход» ─── */
.p-st2 .c-steps li{padding:24px 24px 22px}
.p-st2 .c-steps li p{font-size:13.5px;line-height:1.6;color:#b7c0ac;margin:0 0 16px}
.p-st2 .c-steps dl{margin:0;border-top:1px solid var(--line);padding-top:12px}
.p-st2 .c-steps dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 12px;padding:7px 0}
.p-st2 .c-steps dt{font-size:11px;letter-spacing:.06em;color:#c9b78c;padding-top:2px}
.p-st2 .c-steps dd{margin:0;font-size:13px;line-height:1.55;color:#c4ccb8}

/* ─── B07: «параметр → влияние» (F14). Сумм нет — решение В-5, не пробел ─── */
.p-st2 .c-factors{list-style:none;margin:0;padding:0;counter-reset:f;border-top:1px solid var(--line)}
.p-st2 .c-factors li{counter-increment:f;display:grid;grid-template-columns:44px minmax(0,34%) minmax(0,1fr);gap:0 26px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.p-st2 .c-factors li:before{content:'0' counter(f);font-size:11px;letter-spacing:.09em;color:var(--gold);padding-top:5px}
.p-st2 .c-factors b{font-size:17px;font-weight:500;color:var(--paper);letter-spacing:-.015em;line-height:1.35}
.p-st2 .c-factors span{font-size:14px;line-height:1.65;color:#c0c9b5}
.p-st2 .c-price-intro{background:#e3d8bd;color:#152219;border-radius:2px;padding:26px 30px;max-width:860px;margin-bottom:34px}
.p-st2 .c-price-intro p{color:#3f4d3d;font-size:15px;line-height:1.65;margin:0}
.p-st2 .c-price-intro strong{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;color:#152219;margin-bottom:8px;line-height:1.3}
.p-st2 .c-modules{margin:34px 0 0;padding:26px 28px;border:1px solid #cbbb9250;border-radius:3px;background:linear-gradient(160deg,#1d2b22,#111d17)}
.p-st2 .c-modules h3{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;color:var(--gold);margin-bottom:16px}
.p-st2 .c-modules ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.p-st2 .c-modules li{border:1px solid #cbbb9250;border-radius:30px;padding:9px 16px;font-size:13px;color:#c4ccb8}
.p-st2 .c-modules p{font-size:12px;color:#9ca893;margin-top:16px;line-height:1.7}
.p-st2 .c-price-actions{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.p-st2 .c-price-actions>div{max-width:440px}
.p-st2 .c-price-actions strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--paper);line-height:1.3}
.p-st2 .c-price-actions p{font-size:13px;margin-top:6px;color:#aeb4a4}
.p-st2 .c-price-actions .s-button{flex-shrink:0}

/* ─── B08: доказательства ─── */
.p-st2 .c-proof-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:26px}
.p-st2 .c-proof-media{position:relative;border:1px solid #bfaf8759;background:#0d1812;border-radius:4px;padding:14px;box-shadow:0 22px 50px #0004}
/* срез К6: кадры кейсов без шапки широкие (≈2,4–2,7) — пропорция 2,4 и contain, чтобы заголовок экрана не резался по бокам */
.p-st2 .c-proof-media img{width:100%;height:auto;display:block;aspect-ratio:2.4;object-fit:contain;object-position:center top;border-radius:2px}
.p-st2 .c-proof-media figcaption{font-size:11px;color:#9ca893;margin-top:12px;line-height:1.5}
.p-st2 .c-proof-copy h3{font-size:34px;margin-bottom:6px}
.p-st2 .c-proof-copy .c-proof-type{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.p-st2 .c-proof-copy dl{margin:18px 0 0}
.p-st2 .c-proof-copy dl>div{border-top:1px solid var(--line);padding:14px 0}
.p-st2 .c-proof-copy dt{font-size:11px;letter-spacing:.06em;color:#c9b78c;margin-bottom:7px}
.p-st2 .c-proof-copy dd{margin:0;font-size:14px;line-height:1.6;color:#c4ccb8}
.p-st2 .c-case{margin:0}
.p-st2 .c-case .c-gap{align-self:flex-start;margin:2px 0 4px}
.p-st2 .c-proof-media{margin:0}
.p-st2 .c-archive{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.p-st2 .c-archive h3{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;color:var(--gold);margin-bottom:14px}
.p-st2 .c-archive p{font-size:14px;line-height:1.7;color:#c0c9b5}
.p-st2 .c-archive ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.p-st2 .c-archive li{border:1px solid #cbbb9250;border-radius:30px;padding:8px 14px;font-size:12.5px;color:#c4ccb8}

/* ─── B09: вопросы (каркас s-faq-* хаба) ─── */
.p-st2 #b09 .s-faq-intro{font-size:15px;max-width:380px;color:#c4ccb8}
.p-st2 #b09 .s-faq-list summary{font-size:18px;font-weight:500;line-height:1.35;padding-block:19px}
.p-st2 #b09 .s-faq-list summary:after{top:12px}
.p-st2 #b09 .s-faq-list details p{padding-bottom:20px;max-width:680px}
.p-st2 #b09 .s-faq-list details p b{font-weight:500;color:var(--paper)}
.p-st2 #b09 .c-faq-ask{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:16px;padding-top:22px}
.p-st2 #b09 .c-faq-ask>div{max-width:420px}
.p-st2 #b09 .c-faq-ask strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--paper);line-height:1.3}
.p-st2 #b09 .c-faq-ask p{font-size:13px;margin-top:6px;color:#aeb4a4}

/* ─── B10: как начать ─── */
.p-st2 #b10.s-contact{text-align:left;padding:88px 0 96px;min-height:0}
.p-st2 #b10 .c-contact-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;align-items:start}
.p-st2 #b10 h2{font-size:clamp(42px,4.8vw,68px);margin:0;max-width:560px}
.p-st2 #b10 .c-lead{margin:22px 0 0;max-width:500px;font-size:17px;color:#c7cbb6}
.p-st2 #b10 .c-cta{margin-top:30px;max-width:500px}
.p-st2 #b10 .c-cta .s-button{margin-top:0;min-width:290px}
.p-st2 #b10 .c-cta-hint{font-size:13px;line-height:1.65;color:#b3b9a8;margin:14px 0 0;max-width:460px}
.p-st2 #b10 .c-next-title{font-size:11px;letter-spacing:.09em;color:#cdbb93;margin:0 0 6px}
.p-st2 #b10 .c-next{list-style:none;margin:0;padding:0;counter-reset:next;border-top:1px solid #dfcca54d}
.p-st2 #b10 .c-next li{counter-increment:next;display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 14px;padding:16px 0 17px;border-bottom:1px solid #dfcca52b}
.p-st2 #b10 .c-next li:before{content:'0' counter(next);font-size:11px;letter-spacing:.09em;color:var(--gold);padding-top:4px}
.p-st2 #b10 .c-next b{font-size:16px;font-weight:500;color:var(--paper);letter-spacing:-.015em;line-height:1.35}
.p-st2 #b10 .c-direct{font-size:12px;color:#b3b9a8;margin:26px 0 0}
.p-st2 #b10 .c-contact-grid{justify-content:flex-start;gap:10px;margin-top:12px}
.p-st2 #b10 .c-contact-grid a{flex:1 1 auto;justify-content:space-between;gap:10px;min-height:48px;padding:0 16px;font-size:15px;background:#0b151299}
.p-st2 #b10 .c-contact-grid small{font-size:11px;color:#9ca893;font-weight:400}
.p-st2 #b10 .c-contact-meta{margin:16px 0 0;font-size:12px;line-height:1.7;color:#b3b9a8}

/* ─── служебная панель макета: пробелы карты, которые видно только в вёрстке ─── */
.m-legend{border-top:1px solid var(--line);background:#0e1a14;padding:34px 0 60px}
.m-legend h2{font-size:15px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.m-legend>.s-wrap>p{font-size:12.5px;color:#9ca893;line-height:1.7;max-width:760px}
.m-legend dl{margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.m-legend dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 14px;padding:11px 0;border-top:1px solid var(--line)}
.m-legend dt{font-size:11px;letter-spacing:.05em;color:var(--gold);padding-top:2px}
.m-legend dd{margin:0;font-size:12.5px;line-height:1.6;color:#b0b9a6}

/* ═══ планшет ═══ */
@media(max-width:1150px){
  .p-st2 #b01 .s-hero-copy{width:64%}
  .p-st2 .c-mech{grid-template-columns:1fr;gap:30px}
  .p-st2 .c-scheme{min-height:200px}
  .p-st2 .c-factors li{grid-template-columns:36px minmax(0,38%) minmax(0,1fr);gap:0 20px}
  .p-st2 .c-proof-main{grid-template-columns:1fr;gap:26px}
  .p-st2 .c-archive{grid-template-columns:1fr;gap:18px}
}

/* ═══ телефон: одна колонка везде; сцена уходит под текст рамкой ═══ */
@media(max-width:768px){
  body.p-st2 .c-section{padding-block:56px}
  body.p-st2 .c-head{display:block;margin-bottom:26px}
  body.p-st2 .c-head>p{margin-top:16px;max-width:none;font-size:14px;line-height:1.6}
  body.p-st2 h2{font-size:clamp(30px,8.4vw,38px);line-height:1.06}
  body.p-st2 .s-faq-layout h2{font-size:clamp(30px,8.4vw,38px)}
  body.p-st2 .c-lead{font-size:15px}
  body.p-st2 .c-note{font-size:12px;margin-top:18px;max-width:none}

  /* липкая навигация — шесть пунктов одной строкой со скроллом внутри себя */
  body.p-st2 .s-service-nav .s-wrap{min-height:48px}
  body.p-st2 .s-service-nav strong{display:none}
  body.p-st2 .s-service-nav nav{width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:18px;overflow-x:auto;font-size:11px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.p-st2 .s-service-nav nav::-webkit-scrollbar{display:none}
  body.p-st2 .s-service-nav nav a{white-space:nowrap;padding:15px 0;flex:0 0 auto}
  /* Проверка 18.10 (строка 14: S1021, S1029): полоса шире экрана (581 px при 335 видимых), последние пункты обрезаны без
     подсказки — затухание справа до края экрана, пока есть что листать (классы is-scroll / is-end ставит st2.js; без JS — как было) */
  body.p-st2 .s-service-nav .s-wrap{position:relative}
  body.p-st2 .s-service-nav .s-wrap:after{content:'';position:absolute;top:0;bottom:0;right:-20px;width:64px;pointer-events:none;opacity:0;transition:opacity .25s;background:linear-gradient(90deg,#11201700,#112017 62%)}
  body.p-st2 .s-service-nav.is-scroll:not(.is-end) .s-wrap:after{opacity:1}

  /* B01 */
  body.p-st2 #b01.s-hero{min-height:0;background:radial-gradient(ellipse at 50% 0%,#25322b73,transparent 62%),var(--ink)}
  body.p-st2 #b01.s-hero:before{display:none}
  body.p-st2 #b01 .s-breadcrumb{padding-top:16px;flex-wrap:wrap;row-gap:4px}
  body.p-st2 #b01 .s-hero-copy{width:100%;padding:20px 0 0}
  body.p-st2 #b01 .s-eyebrow{margin-bottom:14px}
  body.p-st2 #b01 h1{max-width:none;font-size:clamp(33px,9vw,50px);line-height:1.05}
  body.p-st2 #b01 .c-hero-facts{display:flex;flex-direction:column;gap:0;margin-top:16px;padding-top:0;max-width:none;border-top:0}
  body.p-st2 #b01 .c-hero-facts li{max-width:none;gap:5px;padding:12px 0;border-top:1px solid #d3bd8555}
  body.p-st2 #b01 .c-hero-facts li+li{border-left:0;padding-left:0}
  body.p-st2 #b01 .c-hero-facts strong{font-size:18px;white-space:normal}
  body.p-st2 #b01 .c-hero-facts span{font-size:12px;max-width:none}
  body.p-st2 #b01 .s-hero-intro{font-size:15px;line-height:1.6;margin:14px 0 16px;max-width:none}
  body.p-st2 #b01 .s-hero-actions{gap:12px;display:block}
  body.p-st2 #b01 .s-hero-actions .s-button{width:100%}
  body.p-st2 #b01 .c-cta-sub{max-width:none;margin-top:10px;font-size:13px}
  body.p-st2 #b01 .c-cta-note{margin-top:10px;max-width:none}
  body.p-st2 #b01 .c-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding-top:14px;max-width:none}
  body.p-st2 #b01 .c-hero-stats b{font-size:20px}
  body.p-st2 #b01 .c-hero-stats span{font-size:10.5px;line-height:1.4}
  body.p-st2 #b01 .s-hero-copy:after{content:'';display:block;height:min(58vw,240px);margin:18px 0 0;border:1px solid #bfad7d3d;border-radius:3px;background:url('../img/scene-subservice-T2-hero-768.webp') 62% 45%/cover no-repeat;box-shadow:0 22px 50px #0006}
  body.p-st2 #b01 .s-wrap{padding-bottom:30px}

  /* B02–B09 */
  body.p-st2 #b02 .c-passport-wide{grid-template-columns:1fr}
  body.p-st2 #b02 .c-passport-wide>div,
  body.p-st2 #b02 .c-passport-wide>.c-pass-lead{grid-template-columns:1fr;gap:6px;padding:16px 20px;border-left:0;border-top:1px solid var(--line)}
  body.p-st2 #b02 .c-passport-wide>div:first-child{border-top:0}
  body.p-st2 #b02 .c-passport dd,
  body.p-st2 #b02 .c-passport-wide>.c-pass-lead dd{font-size:17px}
  body.p-st2 #b02 .c-passport dd em{font-size:13px;margin-top:6px}
  body.p-st2 .c-two{grid-template-columns:1fr;gap:14px}
  body.p-st2 .c-box{padding:22px 20px}
  body.p-st2 .c-box h3{font-size:20px}
  body.p-st2 .c-box li{font-size:14px}
  body.p-st2 .c-prose{max-width:none}
  body.p-st2 .c-prose p{font-size:15px;line-height:1.7}
  body.p-st2 .c-steps{grid-template-columns:1fr;gap:10px}
  body.p-st2 .c-steps li{padding:20px 18px}
  body.p-st2 .c-steps b{font-size:17px}
  body.p-st2 .c-steps dl>div{grid-template-columns:66px minmax(0,1fr);gap:0 10px}
  body.p-st2 .c-price-intro{padding:22px 20px}
  body.p-st2 .c-price-intro strong{font-size:17px}
  body.p-st2 .c-price-intro p{font-size:14px}
  body.p-st2 .c-factors li{grid-template-columns:1fr;gap:8px;padding:18px 0}
  body.p-st2 .c-factors li:before{padding-top:0}
  body.p-st2 .c-factors b{font-size:16px}
  body.p-st2 .c-factors span{font-size:13.5px}
  body.p-st2 .c-modules{padding:22px 18px}
  body.p-st2 .c-price-actions{display:block}
  body.p-st2 .c-price-actions .s-button{width:100%;margin-top:18px}
  body.p-st2 .c-cases,body.p-st2 .c-proof-main{grid-template-columns:1fr;gap:14px}
  body.p-st2 .c-proof-copy h3{font-size:28px}
  body.p-st2 .c-case img{height:auto}
  body.p-st2 .c-case div{padding:16px 18px 18px}
  body.p-st2 .c-case h3{font-size:19px}
  body.p-st2 #b09.s-faq-layout{gap:22px}
  body.p-st2 #b09 .s-faq-list summary{font-size:15.5px;padding:16px 36px 16px 0;line-height:1.4}
  body.p-st2 #b09 .s-faq-list summary:after{top:10px}
  body.p-st2 #b09 .s-faq-list details p{font-size:13.5px;line-height:1.7;padding-bottom:18px}
  body.p-st2 #b09 .c-faq-ask{display:block}
  body.p-st2 #b09 .c-faq-ask .s-button{width:100%;margin-top:18px}

  /* B10 */
  /* шапка на телефоне: меню Сид 3 требует скрипта — на макете вместо него живая кнопка к B10 */
  body.p-st2 .s-header>.s-button{display:inline-flex;font-size:11px;min-height:38px;padding:9px 13px;gap:12px}

  body.p-st2 #b10.s-contact{padding:60px 0 64px;background-position:62% 36%;background-image:linear-gradient(90deg,#0b1512 4%,#0b1512e8 34%,#0b1512c4 58%,#0b1512d6 100%),linear-gradient(0deg,#0b1512,#0b151200 34%),url('../img/scene-contacts-T8-hero-768.webp')}
  body.p-st2 #b10 .c-contact-layout{grid-template-columns:1fr;gap:0}
  body.p-st2 #b10 h2{font-size:clamp(32px,8.6vw,42px)}
  body.p-st2 #b10 .c-lead{font-size:15px;max-width:none}
  body.p-st2 #b10 .c-cta{max-width:none}
  body.p-st2 #b10 .c-cta .s-button{min-width:0;width:100%}
  body.p-st2 #b10 .c-after{padding-top:34px}
  body.p-st2 #b10 .c-contact-grid{flex-direction:column;align-items:stretch}
  body.p-st2 #b10 .c-contact-grid a{width:100%}

  body.p-st2 .m-legend h2{font-size:13px;line-height:1.5;letter-spacing:.07em}
  body.p-st2 .m-legend dl{grid-template-columns:1fr;gap:0}
  body.p-st2 .m-legend dl>div{grid-template-columns:96px minmax(0,1fr);gap:0 10px}
}

@media(max-width:400px){
  body.p-st2 .c-section{padding-block:48px}
  body.p-st2 h2,body.p-st2 .s-faq-layout h2{font-size:32px}
  body.p-st2 #b01 h1{font-size:34px}
  body.p-st2 #b01 .c-hero-stats{gap:9px}
  body.p-st2 #b01 .c-hero-stats b{font-size:19px}
  body.p-st2 #b01 .c-hero-stats span{font-size:10px}
  body.p-st2 #b01 .s-hero-copy:after{height:210px}
  body.p-st2 .s-service-nav nav{gap:15px;font-size:10.5px}
  body.p-st2 #b10 .c-contact-grid a{font-size:14px;padding:0 13px}
}

/* ── Починка по разбору критика 23.09 (ST2 default) ──────────────────────────
   blocks.css на этом шаблоне снят намеренно (он перебивает плотность c-*),
   поэтому общий пол волны В сюда переносится точечно: пустой чип не рисуется,
   ряды карточек выравниваются по высоте, картинка кейса не съезжает влево. */
.p-st2 .c-gap:empty{display:none}
.p-st2 .c-cases,.p-st2 .c-align{align-items:stretch}
.p-st2 .c-cases>*,.p-st2 .c-align>*{min-height:100%}
.p-st2 .c-case,.p-st2 .c-align-card{height:100%}
.p-st2 .c-case img{flex:none;object-position:center top}
.p-st2 .c-proof-media img{object-position:center top}
.p-st2 .c-proof-copy dl>div:first-child{border-top:0;padding-top:0}
.p-st2 .c-archive li:empty{display:none}
.p-st2 .c-archive p:empty{display:none}
.p-st2 .c-proof-solo{grid-template-columns:minmax(0,1fr)}
.p-st2 .c-proof-solo .c-proof-copy{max-width:880px}

/* ─── Г2 · «что будет после нажатия» — под кнопкой, а не только на первом экране ─────────
   Шаблон печатает .c-cta-after у каждой кнопки, открывающей бриф (B01, тарифы B06,
   расчёт B07, вопрос B09, контакт B10). Вид первого экрана задан в ceny.css
   (.p-ceny #b01 .c-cta-after) — здесь только места, которых там нет.
   У флекс-строк (.c-price-actions, .c-faq-ask — они разведены по краям) подпись печатается
   СНАРУЖИ ряда с классом .c-cta-after-row: внутри ряда flex-basis:100% вместе с max-width
   строку не переносит (перенос считается по ограниченному размеру), и обещание вставало бы
   сбоку от кнопки. .c-cta-after-right прижимает подпись под кнопку справа. */
.p-st2 .c-cta-after{font-size:12px;line-height:1.6;color:#b3b9a8;margin:12px 0 0;max-width:470px}
.p-st2 .s-price-card .c-cta-after{margin-top:10px;font-size:11px;line-height:1.5;max-width:none}
.p-st2 .c-cta-after-row{margin:10px 0 0;max-width:470px}
.p-st2 .c-cta-after-right{margin-left:auto;text-align:right}
.p-st2 #b10 .c-cta .c-cta-after{margin:12px 0 0;max-width:460px}
.p-st2 #b10 .c-cta-hint{margin-top:10px}
/* Строка контекста в диалоге: какая страница и какой тариф принесла нажатая кнопка. */
.p-st2 .s-brief-context{margin:2px 0 14px;font-size:12px;line-height:1.5;color:#cbb88c;
  border-left:2px solid #c9b47f66;padding-left:12px}
.p-st2 .s-brief-context:empty{display:none}

@media(max-width:768px){
  body.p-st2 .c-cta-after-row{margin:12px 0 0;max-width:none}
  body.p-st2 .c-cta-after-right{margin-left:0;text-align:left}
  body.p-st2 #b10 .c-cta .c-cta-after{max-width:none}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   ГАУНТЛЕТ ST2 · подуслуга до уровня Сид 3 (10.10.2026)
   Эталон уровня — страница направления Сид 3 (/odyssey/services/seo/): ритм тёмных и
   светлых полос, рисунок модуля станции рядом с составом работ, маршрут этапов с узлами,
   заголовки секций без рваной колонки. Всё ниже — под .p-st2 (37 подуслуг, один шаблон);
   ST1/ST3–ST8 и главная этот файл не подключают.
   Движение: плавание модуля, сканер и появление при прокрутке гаснут при «Движение: выкл.»
   (body.paused) и при prefers-reduced-motion — без исключения по motion-enabled.
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* 1 · Заголовки секций. Колонка заголовка была flex-элементом минимальной ширины: H2 рвался
   по слову («Паспорт / услуги»), справа зияла пустота. Теперь колонка забирает свободное место. */
.p-st2 .c-head>div{flex:1 1 auto;min-width:0}
.p-st2 .c-head h2{max-width:13.5em}
.p-st2 .c-head>p{flex:0 1 420px;color:#c4ccb8;line-height:1.65}
.p-st2 .c-head .s-eyebrow,.p-st2 #b09 .s-eyebrow,.p-st2 #b10 .s-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#d9c08a;letter-spacing:.11em;text-transform:uppercase;font-size:10.5px}
.p-st2 .c-head .s-eyebrow:before,.p-st2 #b09 .s-eyebrow:before,.p-st2 #b10 .s-eyebrow:before{content:'';width:22px;height:1px;background:var(--gold);flex:none}

/* 2 · Ритм полос: механизм (B04) и доказательства (B08) лежат на светлой полосе во всю ширину,
   как «Что входит в работу» и «Бортовой архив» эталона. Полоса — тень-растяжка, обрезанная по
   высоте секции: прокрутки вбок она не даёт (тень не входит в прокручиваемую область). */
.p-st2 #b04.c-section,.p-st2 #b08.c-section{--band:#142119;background:radial-gradient(ellipse 55% 70% at 82% 38%,#2c3d2e4d,transparent 72%),var(--band);box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax);border-top:0}
.p-st2 #b04.c-section+.c-section,.p-st2 #b08.c-section+.c-section{border-top:0}

/* 3 · B01 первый экран: факты — приборная планка, опыт — крупные цифры с разделителями */
.p-st2 #b01 .c-hero-facts{position:relative;padding:20px 0 0}
.p-st2 #b01 .c-hero-facts:before{content:'';position:absolute;left:0;top:-1px;width:64px;height:2px;background:var(--gold)}
.p-st2 #b01 .c-hero-facts strong{font-size:20px;line-height:1.3}
/* ширину пунктов фактов держит ceny.css (320 px): шире — второй пункт падает на новую строку */
.p-st2 #b01 .c-hero-stats{gap:0;padding-top:20px}
.p-st2 #b01 .c-hero-stats li{padding:0 30px;border-left:1px solid #d3bd8540}
.p-st2 #b01 .c-hero-stats li:first-child{padding-left:0;border-left:0}
.p-st2 #b01 .c-hero-stats b{font-size:30px;letter-spacing:-.035em}
.p-st2 #b01 .c-hero-stats span{font-size:11.5px;color:#b9bfae;margin-top:4px}

/* 4 · B02 паспорт: первая строка — табличка с золотой кромкой */
.p-st2 #b02 .c-passport-wide{position:relative;box-shadow:0 26px 60px #0005}
.p-st2 #b02 .c-passport-wide>.c-pass-lead{background:linear-gradient(90deg,#e7b96e17,#e7b96e00 62%)}
.p-st2 #b02 .c-passport-wide:before{content:'';position:absolute;left:-1px;top:-1px;width:120px;height:2px;background:linear-gradient(90deg,var(--gold),#e7b96e00);z-index:1}
.p-st2 #b02 .c-passport-wide>div{transition:background .3s}
.p-st2 #b02 .c-passport-wide>div:not(.c-pass-lead):hover{background:#e7b96e0a}

/* 5 · B03 «подходит / не подходит»: две разные по характеру панели, а не две одинаковые карточки */
.p-st2 #b03 .c-two{gap:20px}
.p-st2 #b03 .c-box{position:relative;overflow:hidden;padding:32px 34px 30px}
.p-st2 #b03 .c-box h3{font-size:24px;letter-spacing:-.02em;margin-bottom:16px}
.p-st2 #b03 .c-yes{border-color:#e7b96e5c;background:radial-gradient(110% 90% at 0% 0%,#e7b96e1f,#e7b96e00 55%),linear-gradient(160deg,#1f2e24,#111d17)}
.p-st2 #b03 .c-yes:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--gold),#e7b96e00 72%)}
.p-st2 #b03 .c-no{border-color:#cbbb922e;background:linear-gradient(160deg,#17221c,#0d1713)}
.p-st2 #b03 .c-no h3{color:#d6d2bf}
.p-st2 #b03 .c-box li{padding:13px 0 13px 28px}
.p-st2 #b03 .c-box li:before{content:'';top:21px;left:2px}
.p-st2 #b03 .c-yes li:before{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #e7b96e26,0 0 12px #e7b96e66}
.p-st2 #b03 .c-no li{color:#aeb6a6}
.p-st2 #b03 .c-no li:before{width:10px;height:1.5px;top:24px;background:#8e9a87}

/* 6 · B04 механизм + модуль станции своего направления (спрайт Сид 3 hangar-modules-v1) */
.p-st2 .c-mech.c-mech-art-on{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:6%;align-items:center}
.p-st2 .c-mech-art-on .c-prose{max-width:none}
.p-st2 .c-mech-art{position:relative;width:100%;max-width:500px;justify-self:end;aspect-ratio:1/.94;overflow:hidden;border:1px solid #bfad7d3d;border-radius:4px;
  background:radial-gradient(58% 52% at 50% 50%,#e7b96e1f,#e7b96e00 70%),radial-gradient(circle at 50% 46%,#1c2b22,#0a130f 78%);box-shadow:0 30px 70px #0008,inset 0 1px 0 #ffffff08}
.p-st2 .c-mech-art:before{content:'';position:absolute;inset:0;opacity:.85;background-image:
  radial-gradient(1px 1px at 12% 18%,#eee2c6bb,#0000),radial-gradient(1px 1px at 78% 12%,#eee2c699,#0000),radial-gradient(1.5px 1.5px at 88% 66%,#eee2c6bb,#0000),
  radial-gradient(1px 1px at 22% 84%,#eee2c688,#0000),radial-gradient(1.2px 1.2px at 54% 7%,#92b8ccbb,#0000),radial-gradient(1px 1px at 6% 56%,#eee2c677,#0000),
  radial-gradient(1px 1px at 66% 90%,#eee2c677,#0000),radial-gradient(1.3px 1.3px at 93% 30%,#92b8cc99,#0000)}
.p-st2 .c-mech-module{position:absolute;left:13%;right:13%;top:7%;aspect-ratio:1;mix-blend-mode:screen;filter:drop-shadow(0 0 30px #bf9d5530);
  background:url('../img/hangar-modules-v1-768.webp') 0 0/200% 200% no-repeat;background-image:image-set(url('../img/hangar-modules-v1-768.avif') type('image/avif'),url('../img/hangar-modules-v1-768.webp') type('image/webp'));
  animation:st2-float 8s ease-in-out infinite}
.p-st2 .c-mech-art[data-module=seo] .c-mech-module{background-position:100% 0}
.p-st2 .c-mech-art[data-module=smm] .c-mech-module{background-position:0 100%}
.p-st2 .c-mech-art[data-module=ads] .c-mech-module{background-position:100% 100%}
.p-st2 .c-mech-orbit{position:absolute;left:-10%;right:-10%;top:63%;height:28%;border:1px solid #e7b96e47;border-radius:50%;transform:rotate(-7deg)}
.p-st2 .c-mech-orbit:after{content:'';position:absolute;left:24%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold);animation:st2-blink 3.2s ease-in-out infinite}
.p-st2 .c-mech-orbit:before{content:'';position:absolute;right:20%;bottom:-3px;width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px var(--signal)}
.p-st2 .c-mech-hud{position:absolute;inset:16px;opacity:.6;background:
  linear-gradient(var(--gold),var(--gold)) 0 0/18px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 0/1px 18px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 100% 0/18px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 0/1px 18px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 0 100%/18px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 100%/1px 18px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 100% 100%/18px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 100%/1px 18px no-repeat}
.p-st2 .c-mech-hud:after{content:'';position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(#92b8cc00,#92b8cc14 80%,#92b8cc33);border-bottom:1px solid #92b8cc40;animation:st2-scan 7s linear infinite;opacity:.8}
@media(min-width:1100px){
  .p-st2 .c-mech-module{background-image:image-set(url('../img/hangar-modules-v1.avif') type('image/avif'),url('../img/hangar-modules-v1.webp') type('image/webp'))}
}
@keyframes st2-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes st2-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes st2-scan{0%{transform:translateY(-50px)}100%{transform:translateY(520px)}}

/* 7 · B05 порядок работ — маршрут: узлы на одной линии, слева номер этапа, в середине работа,
   справа «от вас / на выходе». Вместо шести одинаковых карточек — путь, который читается сверху вниз.
   Над списком — дуга планеты из маршрута Сид 3 (route-art-v2), гаснущая к тексту. */
.p-st2 #b05.c-section{isolation:isolate}
.p-st2 #b05.c-section:before{content:'';position:absolute;z-index:-1;right:0;top:0;width:min(780px,62%);height:440px;opacity:.55;
  background:url('../img/route-art-v2-1280.webp') 64% 18%/cover no-repeat;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 72% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(ellipse 70% 80% at 72% 30%,#000 30%,#0000 75%)}
.p-st2 #b05 .c-steps{display:block;position:relative;margin:0;counter-reset:step}
.p-st2 #b05 .c-steps:before{content:'';position:absolute;left:27px;top:40px;bottom:40px;width:1px;background:linear-gradient(#e7b96e99,#e7b96e33 70%,#e7b96e10)}
.p-st2 #b05 .c-steps li{display:grid;grid-template-columns:56px minmax(0,1.05fr) minmax(0,1fr);column-gap:40px;align-items:start;position:relative;
  padding:28px 0 30px;border:0;border-radius:0;background:none}
.p-st2 #b05 .c-steps li:after{content:'';position:absolute;left:96px;right:0;top:0;height:1px;background:var(--line)}
.p-st2 #b05 .c-steps li:first-child:after{display:none}
.p-st2 #b05 .c-steps li:before{content:counter(step,decimal-leading-zero);grid-column:1;grid-row:1 / span 3;box-sizing:border-box;width:56px;height:56px;margin:0;border-radius:50%;
  display:grid;place-items:center;position:relative;z-index:1;border:1px solid #e7b96e70;background:radial-gradient(circle at 50% 40%,#2a3626,#101b15 70%);
  color:var(--gold);font-size:13px;letter-spacing:.06em;box-shadow:0 0 0 7px var(--ink),0 0 26px #e7b96e1f;transition:background .35s,color .35s,box-shadow .35s}
.p-st2 #b05 .c-steps li:first-child:before,.p-st2 #b05 .c-steps li:hover:before{background:radial-gradient(circle at 50% 35%,#f3cf8a,#c99a52);color:#17221a;border-color:#f0cf8f;box-shadow:0 0 0 7px var(--ink),0 0 30px #e7b96e59}
.p-st2 #b05 .c-steps b{grid-column:2;font-size:22px;margin:14px 0 10px;letter-spacing:-.025em}
.p-st2 #b05 .c-steps li>p{grid-column:2;margin:0;font-size:14.5px;line-height:1.7;color:#bcc5b1}
.p-st2 #b05 .c-steps dl{grid-column:3;grid-row:1 / span 3;margin:10px 0 0;padding:6px 0 0 22px;border:0;border-left:1px solid #dfcca533}
.p-st2 #b05 .c-steps dl>div{grid-template-columns:88px minmax(0,1fr);padding:9px 0}
.p-st2 #b05 .c-steps dl>div+div{border-top:1px dashed #dfcca524}
.p-st2 #b05 .c-steps dl>div:last-child dt{color:var(--gold)}
.p-st2 #b05 .c-steps dl>div:last-child dd{color:var(--paper)}
.p-st2 #b05 .c-steps dd{font-size:13.5px}
.p-st2 #b05 .c-note{margin-left:96px}

/* 8 · B07: факторы цены — строка подсвечивается при наведении; модули — пилюли на кольцах */
.p-st2 .c-factors li{transition:background .3s}
.p-st2 .c-factors li:hover{background:linear-gradient(90deg,#e7b96e0d,#e7b96e00 70%)}
.p-st2 .c-price-intro{position:relative;box-shadow:0 22px 50px #0005}
.p-st2 .c-modules{position:relative;overflow:hidden}
.p-st2 .c-modules:after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:1px solid #e7b96e1f;box-shadow:0 0 0 30px #e7b96e05,0 0 0 60px #e7b96e04;pointer-events:none}
.p-st2 .c-modules li{background:#0b151266;transition:border-color .25s,color .25s}
.p-st2 .c-modules li:hover{border-color:#e7b96e99;color:var(--paper)}

/* 9 · B08: главный кейс без кадра — табличка архива, а не голый заголовок; карточки кейсов живут */
.p-st2 .c-proof-solo{position:relative;padding:30px 36px 32px;border:1px solid #cbbb9240;border-radius:4px;
  background:radial-gradient(70% 140% at 100% 0%,#e7b96e17,#e7b96e00 60%),linear-gradient(160deg,#1e2c23,#101b15);box-shadow:0 24px 60px #0006}
.p-st2 .c-proof-solo:before{content:'';position:absolute;left:-1px;top:-1px;width:120px;height:2px;background:linear-gradient(90deg,var(--gold),#e7b96e00)}
.p-st2 .c-proof-solo .c-proof-copy{max-width:none}
.p-st2 .c-proof-solo .c-proof-copy h3{font-size:40px;letter-spacing:-.03em}
.p-st2 .c-case{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;box-shadow:0 18px 44px #0005}
.p-st2 .c-case img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.p-st2 .c-case:hover{transform:translateY(-4px);border-color:#e7b96e80;box-shadow:0 26px 60px #0007}
.p-st2 .c-case:hover img{transform:scale(1.03)}
.p-st2 .c-archive li{background:#0b151266}

/* 10 · B09: колонка заголовка держится на экране, пока читаются ответы — без пустой полосы слева */
@media(min-width:1001px){
  .p-st2 #b09.s-faq-layout>div:first-child{position:sticky;top:104px;align-self:start}
}

/* 11 · B10: подпись «Связь с базой» стояла с отступом — её центрировал общий .s-contact p{margin:auto} */
.p-st2 #b10 .s-eyebrow{margin:0 0 18px;max-width:none}

/* 12 · появление при прокрутке (класс html.sid-rv и .is-in ставит st2.js; как у ST1/ST5) */
html.sid-rv .p-st2 .sid-rv-item{opacity:.35;transform:translateY(14px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rv-i,0)*60ms)}
html.sid-rv .p-st2 .sid-rv-item.is-in{opacity:1;transform:none}

/* 13 · отключение движения: «Движение: выкл.» и системная настройка — без исключений */
body.p-st2.paused .c-mech-module,body.p-st2.paused .c-mech-orbit:after,body.p-st2.paused .c-mech-hud:after{animation:none}
html.sid-rv .p-st2.paused .sid-rv-item{opacity:1;transform:none;transition:none}
body.p-st2.paused .c-case,body.p-st2.paused .c-case img{transition:none}
@media(prefers-reduced-motion:reduce){
  body.p-st2 .c-mech-module,body.p-st2 .c-mech-orbit:after,body.p-st2 .c-mech-hud:after{animation:none}
  html.sid-rv .p-st2 .sid-rv-item{opacity:1;transform:none;transition:none}
  body.p-st2 .c-case,body.p-st2 .c-case img{transition:none}
  body.p-st2 .c-case:hover,body.p-st2 .c-case:hover img{transform:none}
}

/* ═══ планшет ═══ */
@media(max-width:1150px){
  .p-st2 .c-mech.c-mech-art-on{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px}
  .p-st2 #b05 .c-steps li{grid-template-columns:56px minmax(0,1fr);column-gap:28px}
  .p-st2 #b05 .c-steps dl{grid-column:2;grid-row:auto;margin:16px 0 0;padding:4px 0 0 18px}
  .p-st2 #b05 .c-steps li:after{left:84px}
  .p-st2 #b05 .c-note{margin-left:84px}
}
@media(max-width:900px){
  .p-st2 .c-mech.c-mech-art-on{grid-template-columns:1fr;gap:30px}
  .p-st2 .c-mech-art{justify-self:start;max-width:440px}
}

/* ═══ телефон ═══ */
@media(max-width:768px){
  body.p-st2 .c-head h2{max-width:none}
  body.p-st2 .c-head .s-eyebrow,body.p-st2 #b09 .s-eyebrow,body.p-st2 #b10 .s-eyebrow{font-size:10px}
  body.p-st2 #b04.c-section,body.p-st2 #b08.c-section{background:radial-gradient(ellipse 90% 50% at 70% 20%,#2c3d2e40,transparent 72%),var(--band)}

  body.p-st2 #b01 .c-hero-facts:before{display:none}
  body.p-st2 #b01 .c-hero-facts{padding-top:0}
  body.p-st2 #b01 .c-hero-facts strong{font-size:17px}

  body.p-st2 #b01 .c-hero-stats li{padding:0 0 0 12px;border-left:1px solid #d3bd8540}
  body.p-st2 #b01 .c-hero-stats li:first-child{padding-left:0;border-left:0}
  body.p-st2 #b01 .c-hero-stats b{font-size:24px}

  body.p-st2 #b03 .c-box{padding:24px 20px 22px}
  body.p-st2 #b03 .c-box h3{font-size:20px}

  body.p-st2 .c-mech-art{max-width:none;aspect-ratio:1/.8;justify-self:stretch}
  body.p-st2 .c-mech-module{left:20%;right:20%;top:4%}
  body.p-st2 .c-mech-orbit{top:60%;height:30%}

  body.p-st2 #b05.c-section:before{width:100%;height:300px;opacity:.4}
  body.p-st2 #b05 .c-steps:before{left:19px;top:30px;bottom:30px}
  body.p-st2 #b05 .c-steps li{grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:22px 0 24px}
  body.p-st2 #b05 .c-steps li:before{width:40px;height:40px;font-size:11.5px;box-shadow:0 0 0 5px var(--ink),0 0 18px #e7b96e1f}
  body.p-st2 #b05 .c-steps li:first-child:before,body.p-st2 #b05 .c-steps li:hover:before{box-shadow:0 0 0 5px var(--ink),0 0 22px #e7b96e59}
  body.p-st2 #b05 .c-steps li:after{left:56px}
  body.p-st2 #b05 .c-steps b{font-size:18px;margin:8px 0 8px}
  body.p-st2 #b05 .c-steps li>p{font-size:14px}
  body.p-st2 #b05 .c-steps dl{grid-column:2;margin:14px 0 0;padding:2px 0 0 14px}
  body.p-st2 #b05 .c-steps dl>div{grid-template-columns:74px minmax(0,1fr);gap:0 10px}
  body.p-st2 #b05 .c-note{margin-left:0}

  body.p-st2 .c-proof-solo{padding:22px 20px 24px}
  body.p-st2 .c-proof-solo .c-proof-copy h3{font-size:30px}
  body.p-st2 .c-modules:after{display:none}
}
@media(max-width:400px){
  body.p-st2 #b01 .c-hero-stats b{font-size:21px}
}

/* ─── гаунтлет ST2 · доводка после первого кадра (10.10.2026) ─── */
/* модуль спрайта лежит на своём тёмном квадрате — края гасим маской, чтобы модуль стоял в космосе,
   а не в рамке внутри рамки */
.p-st2 .c-mech-module{-webkit-mask-image:radial-gradient(closest-side,#000 70%,#0000 100%);mask-image:radial-gradient(closest-side,#000 70%,#0000 100%)}
/* главный кейс без кадра: справа в табличке — станция бортового архива (декор, гаснет к тексту) */
.p-st2 .c-proof-solo{overflow:hidden}
.p-st2 .c-proof-solo:after{content:'';position:absolute;right:-30px;top:50%;width:min(420px,40%);aspect-ratio:3/2;transform:translateY(-50%);pointer-events:none;opacity:.5;
  background:url('../img/orbital-station-768.webp') center/contain no-repeat;background-image:image-set(url('../img/orbital-station-768.avif') type('image/avif'),url('../img/orbital-station-768.webp') type('image/webp'));
  -webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%);filter:saturate(.85)}
.p-st2 .c-proof-solo .c-proof-copy{position:relative;z-index:1;max-width:min(760px,64%)}
/* два кейса — два широких кадра, а не две карточки и пустая треть ряда */
.p-st2 .c-cases:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.p-st2 .c-cases:has(>:nth-child(2):last-child) .c-case img{aspect-ratio:2.15}
@media(max-width:768px){
  body.p-st2 .c-proof-solo:after{width:60%;right:-40px;top:auto;bottom:-20px;transform:none;opacity:.28}
  body.p-st2 .c-proof-solo .c-proof-copy{max-width:none}
  body.p-st2 .c-cases:has(>:nth-child(2):last-child){grid-template-columns:1fr}
  body.p-st2 .c-cases:has(>:nth-child(2):last-child) .c-case img{aspect-ratio:1.6}
}

/* кейс без кадра рядом с кейсом с кадром: ряд тянет карточку на высоту соседа — вместо пустого поля
   внизу встаёт корабль экспедиции (декор фоном, гаснет к тексту), текст держится сверху */
.p-st2 .c-case:not(:has(>img)){position:relative;overflow:hidden;min-height:260px;
  background:radial-gradient(80% 70% at 100% 100%,#e7b96e14,#e7b96e00 60%),linear-gradient(160deg,#1a271f,#0d1812)}
.p-st2 .c-case:not(:has(>img)):after{content:'';position:absolute;left:8%;right:-6%;bottom:6%;aspect-ratio:3/1;pointer-events:none;opacity:.55;
  background:url('../img/expedition-ship-768.webp') center/contain no-repeat;background-image:image-set(url('../img/expedition-ship-768.avif') type('image/avif'),url('../img/expedition-ship-768.webp') type('image/webp'));
  -webkit-mask-image:linear-gradient(180deg,#0000,#000 40%);mask-image:linear-gradient(180deg,#0000,#000 40%)}
.p-st2 .c-case:not(:has(>img))>div{position:relative;z-index:1}
@media(max-width:768px){
  body.p-st2 .c-case:not(:has(>img)){min-height:0}
  body.p-st2 .c-case:not(:has(>img)):after{display:none}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   ГАУНТЛЕТ ST2 · РАУНД 2 (10.10.2026) · первый экран, паспорт, цены
   Критик выбрал эталон Сид 3: у подуслуги первый экран был забит служебным текстом (шесть
   уровней мелкого текста слева от рисунка), паспорт B02 полупустыми ячейками повторял первый
   экран, цена в B07 стояла плашкой канцелярита. Разметка — template-st2-default.php
   ($ST2_CHAPTER, $ST2_PRICE, $ST2_HUB). Всё под .p-st2 — ST1/ST3–ST8 и главная файл не грузят.
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* 1 · B01: слово главы → H1 → одна строка оффера → кнопка + отметка ответа → ряд цифр */
.p-st2 #b01 .s-hero-copy{width:54%;padding-top:58px;padding-bottom:88px}
.p-st2 #b01 .s-eyebrow{margin-bottom:24px;font-size:12px;letter-spacing:.16em;color:#dcc28c}
.p-st2 #b01 .s-eyebrow:before{width:30px}
.p-st2 #b01 h1{max-width:760px;font-size:clamp(50px,5.1vw,78px);line-height:.98;letter-spacing:-.05em;text-shadow:0 2px 30px #0b151299}
.p-st2 #b01 .s-hero-intro{margin:30px 0 36px;max-width:540px;font-size:19px;line-height:1.55;color:#dad8c5}
.p-st2 #b01 .s-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px}
.p-st2 #b01 .s-hero-actions .s-button{min-width:290px;box-shadow:0 18px 44px #0007,0 0 0 1px #e7b96e40}
.p-st2 #b01 .c-hero-promise{display:inline-flex;align-items:center;gap:11px;margin:0;padding:0;border:0;max-width:none;font-size:13px;line-height:1.4;color:#cfd2bf}
.p-st2 #b01 .c-hero-promise:before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px #92b8cc29,0 0 12px #92b8ccaa;animation:st2-blink 2.8s ease-in-out infinite}

.p-st2 #b01 .c-hero-ledger{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:0;margin:52px 0 0;padding:24px 0 0;max-width:760px;border-top:1px solid #d3bd8547}
.p-st2 #b01 .c-hero-ledger:before{content:'';position:absolute;left:0;top:-1px;width:72px;height:2px;background:var(--gold)}
.p-st2 #b01 .c-hero-ledger li{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 26px;border-left:1px solid #d3bd8540}
.p-st2 #b01 .c-hero-ledger li:first-child{padding-left:0;border-left:0}
.p-st2 #b01 .c-hero-ledger b{font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1.1;color:var(--paper);white-space:nowrap}
.p-st2 #b01 .c-hero-ledger span{max-width:170px;margin:0;font-size:11.5px;line-height:1.45;color:#b9bfae}
.p-st2 #b01 .c-hero-ledger .c-hero-price{padding-right:34px}
.p-st2 #b01 .c-hero-ledger .c-hero-price b{color:#f3d9a3;text-shadow:0 0 24px #e7b96e40}
.p-st2 #b01 .c-hero-ledger .c-hero-price span{max-width:190px}
.p-st2 #b01 .c-hero-ledger .c-hero-price.is-text b{font-size:19px;line-height:1.3;white-space:normal;max-width:240px}

/* вход первого экрана: слово главы, H1, оффер, кнопка и ряд цифр поднимаются друг за другом.
   Текст никогда не прозрачен полностью (от .35), «Движение: выкл.» и системная настройка — без движения. */
@keyframes st2-hero-in{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:none}}
body.p-st2.motion-enabled:not(.paused) #b01 .s-hero-copy>*{animation:st2-hero-in .8s cubic-bezier(.2,.7,.2,1) both}
body.p-st2.motion-enabled:not(.paused) #b01 .s-hero-copy>h1{animation-delay:.06s}
body.p-st2.motion-enabled:not(.paused) #b01 .s-hero-copy>.s-hero-intro{animation-delay:.14s}
body.p-st2.motion-enabled:not(.paused) #b01 .s-hero-copy>.s-hero-actions{animation-delay:.22s}
body.p-st2.motion-enabled:not(.paused) #b01 .s-hero-copy>.c-hero-ledger{animation-delay:.3s}
body.p-st2.paused #b01 .c-hero-promise:before{animation:none}
@media(prefers-reduced-motion:reduce){
  body.p-st2 #b01 .s-hero-copy>*{animation:none!important}
  body.p-st2 #b01 .c-hero-promise:before{animation:none}
}

/* 2 · B02 паспорт — ведомость: подпись слева, строки справа во всю ширину, без полупустых ячеек */
.p-st2 #b02.c-section{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,1fr);column-gap:6%;align-items:start}
.p-st2 #b02 .c-head{display:block;margin:0;position:sticky;top:110px}
.p-st2 #b02 .c-head h2{font-size:clamp(34px,3.3vw,50px);max-width:none}
.p-st2 #b02 .c-passport-wide.c-ledger{grid-column:2;display:block;margin:0;max-width:none;border:0;border-top:1px solid #d3bd8559;border-radius:0;background:none;box-shadow:none}
.p-st2 #b02 .c-passport-wide.c-ledger:before{left:0;top:-1px;width:72px;background:var(--gold)}
.p-st2 #b02 .c-passport-wide.c-ledger>div,
.p-st2 #b02 .c-passport-wide.c-ledger>.c-pass-lead{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0 30px;align-items:baseline;padding:22px 0 23px;border:0;border-bottom:1px solid var(--line);background:none}
.p-st2 #b02 .c-passport-wide.c-ledger>div:hover{background:linear-gradient(90deg,#e7b96e0d,#e7b96e00 70%)}
.p-st2 #b02 .c-ledger dt{align-self:baseline;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--gold)}
.p-st2 #b02 .c-ledger dd,
.p-st2 #b02 .c-passport-wide.c-ledger>.c-pass-lead dd{margin:0;font-size:20px;font-weight:400;line-height:1.45;letter-spacing:-.015em;color:var(--paper)}
.p-st2 #b02 .c-ledger dd em{display:block;margin-top:6px;font-size:13.5px;line-height:1.6;color:#aeb5a4}
.p-st2 #b02 .c-note{grid-column:2;margin-top:18px;max-width:none}

/* 3 · B07: тарифы направления карточками с составом (данные — b06_tiers хаба направления) */
.p-st2 #b07 .c-price-lead{max-width:780px;margin:0 0 34px;font-size:16.5px;line-height:1.7;color:#c9d0bd}
.p-st2 #b07 .c-hub-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin:0 0 6px}
.p-st2 #b07 .c-hub-tiers .s-price-card{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;padding:36px 30px 30px;border:1px solid #cbbb9240;border-radius:4px;overflow:hidden;
  background:radial-gradient(90% 60% at 100% 0%,#92b8cc12,#92b8cc00 60%),linear-gradient(165deg,#1d2b22,#0f1a14 72%);box-shadow:0 24px 60px #0006;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.p-st2 #b07 .c-hub-tiers .s-price-card:hover{transform:translateY(-5px);border-color:#e7b96e85;box-shadow:0 30px 70px #0008}
.p-st2 #b07 .c-hub-tiers .s-price-card:after{content:'';position:absolute;left:30px;right:30px;top:0;height:2px;background:linear-gradient(90deg,#e7b96e66,#e7b96e00)}
.p-st2 #b07 .c-hub-tiers .c-featured{border-color:#e7b96e8c;background:radial-gradient(100% 70% at 50% 0%,#e7b96e26,#e7b96e00 62%),linear-gradient(165deg,#22301f,#101b15 72%);box-shadow:0 30px 70px #0008,0 0 0 1px #e7b96e2e}
.p-st2 #b07 .c-hub-tiers .c-featured:after{background:linear-gradient(90deg,var(--gold),#e7b96e00)}
.p-st2 #b07 .c-tier-num{position:absolute;right:22px;top:14px;font-size:64px;font-weight:600;line-height:1;letter-spacing:-.05em;color:#e7b96e14;pointer-events:none}
.p-st2 #b07 .c-hub-tiers .c-tag{align-self:flex-start;margin:-14px 0 16px;padding:5px 12px;border-radius:30px;background:var(--gold);color:var(--ink);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.p-st2 #b07 .c-hub-tiers h3{font-size:23px;letter-spacing:-.025em;color:var(--paper);margin:0 0 16px;padding-right:58px}
.p-st2 #b07 .c-hub-tiers .s-price{font-size:42px;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--paper);margin:0}
.p-st2 #b07 .c-hub-tiers .c-featured .s-price{color:#f3d9a3}
.p-st2 #b07 .c-hub-tiers .s-price-period{margin:8px 0 0;font-size:12px;color:#aeb5a4}
.p-st2 #b07 .c-hub-tiers .c-tier-who{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:#bfc7b3}
.p-st2 #b07 .c-hub-tiers .c-incl{list-style:none;margin:16px 0 0;padding:0}
.p-st2 #b07 .c-hub-tiers .c-incl li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid #dfcca51c;font-size:14px;line-height:1.5;color:#d4d6c5}
.p-st2 #b07 .c-hub-tiers .c-incl li:before{content:'';position:absolute;left:2px;top:17px;width:10px;height:6px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
.p-st2 #b07 .c-hub-tiers .s-price-note{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#a9b19f}
.p-st2 #b07 .c-hub-tiers .s-button{margin-top:auto;width:100%;background:transparent;color:var(--paper);border-color:#e3d8bd66;box-shadow:none}
.p-st2 #b07 .c-hub-tiers .s-price-card>.s-button{margin-top:auto}
.p-st2 #b07 .c-hub-tiers .s-price-card>*:nth-last-child(2){margin-bottom:24px}
.p-st2 #b07 .c-hub-tiers .s-button:hover{background:#e7b96e1a;border-color:var(--gold)}
.p-st2 #b07 .c-hub-tiers .c-featured .s-button{background:var(--paper);color:#172118;border-color:var(--gold)}
.p-st2 #b07 .c-hub-tiers .c-featured .s-button:hover{background:#fff0ce}
.p-st2 #b07 .c-tiers-foot{margin:14px 0 0;max-width:none;font-size:12px;color:#aeb5a4}
.p-st2 #b07 .c-hub-tiers+.c-tiers-foot+h3,.p-st2 #b07 .c-hub-tiers+h3{margin-top:56px}
.p-st2 #b07 .c-price-lead+h3{margin-top:0}
body.p-st2.paused #b07 .c-hub-tiers .s-price-card{transition:none}
@media(prefers-reduced-motion:reduce){
  body.p-st2 #b07 .c-hub-tiers .s-price-card{transition:none}
  body.p-st2 #b07 .c-hub-tiers .s-price-card:hover{transform:none}
}

/* ═══ планшет ═══ */
@media(max-width:1150px){
  .p-st2 #b01 .s-hero-copy{width:62%}
  .p-st2 #b01 .c-hero-ledger li{padding:0 18px}
  .p-st2 #b01 .c-hero-ledger b{font-size:25px}
  .p-st2 #b07 .c-hub-tiers .s-price-card{padding:32px 22px 24px}
  .p-st2 #b07 .c-hub-tiers .s-price{font-size:36px}
}
@media(max-width:900px){
  .p-st2 #b02.c-section{display:block}
  .p-st2 #b02 .c-head{position:static;margin-bottom:24px}
  .p-st2 #b07 .c-hub-tiers{grid-template-columns:1fr;gap:16px}
}

/* ═══ телефон: кнопка в первой половине экрана, рисунок — фоном под заголовком, а не под цифрами ═══ */
@media(max-width:768px){
  /* в шапке на телефоне — только «Меню»: кнопка заявки с подписью стоит в меню и в первом экране,
     а сдвигала первый экран на 80 px вниз (кнопка первого экрана уходила ниже середины) */
  body.p-st2 .s-header>.s-button,body.p-st2 .s-header>.s-cta-note-header{display:none}

  body.p-st2 #b01.s-hero{background:linear-gradient(180deg,#0b151226 0%,#0b15128c 24%,#0b1512c7 40%,#0b1512f2 60%,var(--ink) 78%),url('../img/scene-subservice-T2-hero-768.webp') 72% 0/auto 560px no-repeat,var(--ink)}
  body.p-st2 #b01 .s-hero-copy:after{display:none}
  body.p-st2 #b01 .s-hero-copy{padding-top:24px}
  body.p-st2 #b01 .s-eyebrow{margin-bottom:12px;font-size:11px}
  body.p-st2 #b01 h1{font-size:clamp(34px,9.4vw,48px);line-height:1.02;text-shadow:0 2px 20px #0b1512}
  body.p-st2 #b01 .s-hero-intro{margin:16px 0 22px;font-size:16px;line-height:1.55;color:#e0dfcd;text-shadow:0 1px 12px #0b1512}
  body.p-st2 #b01 .s-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  body.p-st2 #b01 .s-hero-actions .s-button{width:100%;min-width:0}
  body.p-st2 #b01 .c-hero-promise{font-size:12.5px}

  body.p-st2 #b01 .c-hero-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 0;margin-top:30px;padding-top:18px;max-width:none}
  body.p-st2 #b01 .c-hero-ledger li{padding:0 0 0 12px}
  body.p-st2 #b01 .c-hero-ledger li:nth-child(2){padding-left:0;border-left:0}
  body.p-st2 #b01 .c-hero-ledger .c-hero-price{grid-column:1/-1;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:0 0 14px;border-left:0;border-bottom:1px solid #d3bd8530}
  body.p-st2 #b01 .c-hero-ledger:not(:has(.c-hero-price)) li:first-child{padding-left:0;border-left:0}
  body.p-st2 #b01 .c-hero-ledger:not(:has(.c-hero-price)) li:nth-child(2){padding-left:12px;border-left:1px solid #d3bd8540}
  body.p-st2 #b01 .c-hero-ledger b{font-size:23px}
  body.p-st2 #b01 .c-hero-ledger .c-hero-price b{font-size:26px}
  body.p-st2 #b01 .c-hero-ledger .c-hero-price.is-text b{font-size:17px}
  body.p-st2 #b01 .c-hero-ledger span{font-size:10.5px;max-width:none}
  body.p-st2 #b01 .c-hero-ledger .c-hero-price span{font-size:11.5px}

  body.p-st2 #b02 .c-passport-wide.c-ledger>div,
  body.p-st2 #b02 .c-passport-wide.c-ledger>.c-pass-lead{grid-template-columns:1fr;gap:6px;padding:16px 0 17px}
  body.p-st2 #b02 .c-ledger dd,body.p-st2 #b02 .c-passport-wide.c-ledger>.c-pass-lead dd{font-size:17px}
  body.p-st2 #b02 .c-ledger dd em{font-size:13px}

  body.p-st2 #b07 .c-price-lead{font-size:15px;margin-bottom:24px}
  body.p-st2 #b07 .c-hub-tiers .s-price-card{padding:28px 20px 22px}
  /* Проверка 18.10 (строка 15): у кнопок тарифов на телефоне боковой отступ был 18 px (service.css, .s-price-card .s-button ≤560),
     у остальных кнопок страницы — 23 px; выравниваем по общей кнопке */
  body.p-st2 #b07 .c-hub-tiers .s-button{padding-inline:23px}
  body.p-st2 #b07 .c-hub-tiers .s-price{font-size:36px}
  body.p-st2 #b07 .c-tier-num{font-size:52px}
  body.p-st2 #b07 .c-hub-tiers+.c-tiers-foot+h3,body.p-st2 #b07 .c-hub-tiers+h3{margin-top:40px}
}
@media(max-width:400px){
  body.p-st2 #b01 h1{font-size:34px}
  body.p-st2 #b01 .c-hero-ledger b{font-size:21px}
}

/* 4 · доводка после первого кадра раунда 2 */
/* первый экран: тёмная кулиса слева — H1 и оффер стоят на тени, а не на деталях рисунка (как у эталона) */
@media(min-width:769px){
  .p-st2 #b01.s-hero{background:linear-gradient(90deg,#0b1512f2 0%,#0b1512d1 30%,#0b151266 52%,#0b151200 68%),radial-gradient(ellipse at 72% 38%,#25322b66,transparent 55%),url('../img/scene-subservice-T2-hero-1280.webp') 78% 45%/cover no-repeat}
}
/* паспорт: под заголовком — приборная панель бортового журнала (декор фоном, текста не несёт) */
.p-st2 #b02 .c-head:after{content:'';display:block;width:100%;max-width:330px;margin-top:36px;aspect-ratio:600/745;border:1px solid #bfad7d3d;border-radius:4px;
  background:url('../img/contacts-console-v1-600.webp') center/cover no-repeat;box-shadow:0 26px 60px #0007;
  -webkit-mask-image:linear-gradient(180deg,#000 72%,#0000);mask-image:linear-gradient(180deg,#000 72%,#0000);filter:saturate(.9)}
@media(max-width:900px){
  .p-st2 #b02 .c-head:after{display:none}
}
/* шапка на телефоне: правила header.php (встроены в <head> после st2.css) показывают у p-st2 кнопку
   и подпись строкой шапки и прячут второй экземпляр в меню. В раунде 2 кнопка заявки стоит в первом
   экране, поэтому в шапке — только «Меню», а кнопка с подписью возвращается в выпадающее меню. */
@media(max-width:768px){
  html body.p-st2 .s-header>.s-button,html body.p-st2 .s-header>.s-cta-note-header{display:none}
  html body.p-st2 .s-header nav.is-open .s-nav-cta{display:block}
}
/* телефон, раунд 2: тарифы — лента с прокруткой вбок (соседняя карточка выглядывает справа); кнопки трёх
   карточек стоят на одной высоте, и общая сноска «что будет после нажатия» оказывается прямо под каждой —
   пол blocks.js не печатает её под каждой кнопкой второй раз. Последняя крошка (= H1) на телефоне не
   повторяется: кнопка первого экрана поднимается в верхнюю половину экрана и при трёхстрочном H1. */
@media(max-width:768px){
  body.p-st2 #b07 .c-hub-tiers{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px;padding:16px 20px 8px;scrollbar-width:none}
  body.p-st2 #b07 .c-hub-tiers::-webkit-scrollbar{display:none}
  body.p-st2 #b07 .c-hub-tiers .s-price-card{scroll-snap-align:start}
  body.p-st2 #b07 .c-hub-tiers .s-price-card:hover{transform:none}
  body.p-st2 #b07 .c-tiers-foot{margin-top:10px}
  body.p-st2 #b01 .s-breadcrumb [aria-current=page],body.p-st2 #b01 .s-breadcrumb [aria-current=page]+span{display:none}
  body.p-st2 #b01 .s-breadcrumb>span:nth-last-child(2){display:none}
}
/* цена первого экрана: «от» и единица — мельче суммы; отсылка к «Сколько это стоит» — ссылкой-якорем;
   строка срока (поле карты cta_note) — одной тонкой строкой под рядом цифр, не под кнопкой */
.p-st2 #b01 .c-hero-price b .c-pre,.p-st2 #b01 .c-hero-price b .c-unit{display:inline;max-width:none;margin:0;font-size:.62em;letter-spacing:-.01em;color:inherit;line-height:1}
.p-st2 #b01 .c-hero-price b .c-unit{font-size:.58em}
.p-st2 #b01 .c-hero-price-link{max-width:200px;font-size:11.5px;line-height:1.45;color:#cdbb93;border-bottom:1px solid #cdbb9355;align-self:flex-start}
.p-st2 #b01 .c-hero-price-link:hover{color:var(--gold)}
.p-st2 #b01 .c-hero-term{display:flex;align-items:center;gap:10px;margin:18px 0 0;max-width:620px;font-size:12px;line-height:1.5;color:#a9b19f}
.p-st2 #b01 .c-hero-term:before{content:'';flex:none;width:14px;height:14px;border:1px solid #cdbb9388;border-radius:50%;background:linear-gradient(#cdbb93,#cdbb93) 6px 3px/1px 5px no-repeat,linear-gradient(#cdbb93,#cdbb93) 6px 7px/4px 1px no-repeat}
@media(max-width:768px){
  body.p-st2 #b01 .c-hero-price-link{max-width:none}
  body.p-st2 #b01 .c-hero-term{margin-top:14px;font-size:11.5px;align-items:flex-start}
}

/* B06 · карточки без состава (срез приёмки 10.10, S1021–S1023): списка нет — кнопка не должна прилипать к цене.
   Тот же отступ 24px, что у карточек без состава на странице цен (ceny-tiers.css, .c-tiers-bare). */
.p-st2 #b06 .s-price-card:not(:has(>ul))>:has(+.s-button){margin-bottom:24px}
.p-st2 #b06 .s-price-card:not(:has(>ul))>.s-button{margin-top:auto}