/* 39е · продуктовые страницы: внедрение, цены, как работает, вопросы (07.10.2026)
   Только дополнения к 39e.css. Сурик - одна точка напряжения на экран, плоскостей нет. */

/* шапка страницы: линии сетки проступают и здесь */
.stranica-golova{position:relative}
.stranica-golova>.ramka{position:relative;z-index:1}
.pr-golova-setka{align-items:end;row-gap:40px}
.pr-golova-setka .lid{max-width:46ch}
.pr-yakorya{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:40px;font-size:var(--t-lead)}

/* строки «заголовок слева - текст справа» вместо сетки карточек */
.pr-stroki{border-top:1px solid var(--chern)}
.pr-stroka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:14px;padding:40px 0;border-bottom:1px solid var(--lin2)}
.pr-stroka h3{grid-column:1/6;font-size:clamp(26px,2.4vw,36px);max-width:18ch}
.pr-stroka-tekst{grid-column:6/13}
.pr-stroka-tekst p{font-size:var(--t-lead);line-height:1.5;color:var(--grafit);max-width:54ch}
.pr-stroka-tekst p+p{margin-top:14px}
.pr-stroka-podp{display:block;font-size:var(--t-podp);font-weight:600;color:var(--vtor);margin-bottom:10px}
.chern .pr-stroki{border-color:var(--bumaga)}
.chern .pr-stroka{border-color:var(--lin-t)}
.chern .pr-stroka-tekst p{color:#D6D3CB}
@media (max-width:860px){ .pr-stroka{padding:28px 0} .pr-stroka h3,.pr-stroka-tekst{grid-column:1/-1} }

/* шаги крупными строками */
.pr-shag h3{font-size:clamp(32px,3.6vw,56px);letter-spacing:-.035em;line-height:1;max-width:14ch}
.pr-shag{padding:56px 0}
@media (max-width:860px){ .pr-shag{padding:36px 0} }

/* ===== внедрение: схема уровней ===== */
.pr-skhema{border-top:1px solid var(--chern)}
.pr-uroven{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:28px;align-items:center;padding:56px 0;border-bottom:1px solid var(--lin2)}
.pr-uroven-tekst{grid-column:1/5}
.pr-uroven-tekst .pr-stroka-podp{margin-bottom:12px}
.pr-uroven-tekst h3{margin-bottom:14px}
.pr-uroven-tekst p{color:var(--grafit)}
.pr-uroven-vid{grid-column:5/13;align-self:stretch;position:relative;padding-left:104px;min-height:72px;display:flex;flex-direction:column;justify-content:center}
/* сквозная линия связи через все уровни */
.pr-uroven-vid::before{content:"";position:absolute;left:35px;top:-57px;bottom:-57px;width:2px;background:var(--chern)}
.pr-uroven:first-child .pr-uroven-vid::before{top:50%}
.pr-uroven:last-child .pr-uroven-vid::before{bottom:auto;height:calc(57px + 36px)}
.pr-uzel{position:absolute;left:0;top:50%;transform:translateY(-50%);width:72px;height:72px;border-radius:50%;background:var(--chern)}
.pr-uroven:last-child .pr-uzel{top:0;transform:none}
.pr-uzel.disp{background:var(--surik);box-shadow:0 0 0 10px var(--pole),0 0 0 12px var(--surik)}
.pr-uzel.malyy{width:40px;height:40px;left:16px}
.pr-uroven:last-child .pr-uzel.malyy{top:16px}
.pr-vid-zag{font-size:var(--t-h3);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}
.pr-vid-zag.disp{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.035em}
.pr-vid-p{font-size:var(--t-lead);color:var(--grafit);max-width:46ch}
.pr-potok{display:flex;flex-direction:column;gap:6px;margin-top:18px;font-size:var(--t-lead);font-weight:700}
.pr-potok span+span::before{content:"→ ";font-weight:400;color:var(--vtor)}
.pr-pole{margin-top:4px}
.pr-pole+.pr-pole{margin-top:44px}
.pr-pole-zag{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:18px}
.pr-pole-zag b{font-size:clamp(40px,4vw,60px);font-weight:800;letter-spacing:-.045em;line-height:1}
.pr-pole-zag span{font-size:var(--t-lead);font-weight:600}
.pr-pole-zag small{font-size:var(--t-podp);color:var(--vtor);font-weight:600}
.pr-tochki{display:grid;grid-template-columns:repeat(var(--kol),minmax(0,1fr));gap:clamp(4px,.75vw,10px);width:min(100%,calc(var(--kol) * 24px))}
.pr-tochki span{aspect-ratio:1;border-radius:50%;background:var(--chern)}
.pr-tochki.lyudi span{background:transparent;border:2px solid var(--chern)}
.pr-legenda{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:36px;font-size:var(--t-podp);color:var(--grafit);font-weight:600}
.pr-legenda span{display:inline-flex;align-items:center;gap:10px}
.pr-legenda i{width:14px;height:14px;border-radius:50%;background:var(--chern);display:inline-block}
.pr-legenda i.l{background:transparent;border:2px solid var(--chern)}
@media (max-width:860px){
  .pr-uroven{padding:40px 0}
  .pr-uroven-tekst,.pr-uroven-vid{grid-column:1/-1}
  .pr-uroven-vid{padding-left:0;min-height:0}
  .pr-uroven-vid::before{display:none}
  .pr-uzel,.pr-uroven:last-child .pr-uzel{position:static;transform:none;margin-bottom:20px;width:48px;height:48px}
  .pr-uzel.disp{box-shadow:0 0 0 6px var(--pole),0 0 0 8px var(--surik);margin-left:8px}
  .pr-uzel.malyy{display:none}
  .pr-tochki{width:min(100%,calc(var(--kol) * 18px));gap:5px 4px}
}

/* внедрение: лента этапов, длины по срокам */
.pr-etapy{display:grid;grid-template-columns:2fr 2fr 3.5fr 2.6fr;column-gap:var(--gap)}
.pr-etap{border-top:8px solid var(--chern);padding-top:24px;display:flex;flex-direction:column}
.pr-etap.postoyanno{border-top-style:dashed}
.pr-etap-n{font-size:var(--t-podp);font-weight:700;color:var(--vtor);margin-bottom:8px}
.pr-etap-srok{font-size:var(--t-h3);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:14px}
.pr-etap p{color:var(--grafit);margin-bottom:24px;flex:1;max-width:30ch}
.pr-etap-cena{font-size:clamp(30px,2.6vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1}
.pr-etap-cena small{font-size:18px;font-weight:600;letter-spacing:0}
.pr-itog{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:baseline;margin-top:64px;padding-top:28px;border-top:1px solid var(--chern);font-size:var(--t-lead)}
.pr-itog b{font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:-.035em}
@media (max-width:1024px){
  .pr-etapy{grid-template-columns:1fr;row-gap:0}
  .pr-etap{border-top:0;border-left:8px solid var(--chern);padding:0 0 40px 24px;min-height:calc(var(--dl,1) * 110px)}
  .pr-etap.postoyanno{border-left-style:dashed;padding-bottom:0}
  .pr-etap p{max-width:46ch}
}

/* ===== цены ===== */
.pr-ceny .cena li::before{background:var(--chern)}
.pr-ceny .cena.glav li::before{background:var(--bumaga)}
.pr-ceny .cena li{font-size:18px}
.pr-ceny .cena p{font-size:var(--t-body)}
.pr-vo-vseh{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:20px;padding-top:32px;border-top:1px solid var(--chern)}
.pr-vo-vseh h3{grid-column:1/5;font-size:24px}
.pr-vo-vseh ul{grid-column:5/13;display:flex;flex-wrap:wrap;gap:12px 36px;font-size:var(--t-lead)}
.pr-vo-vseh li{position:relative;padding-left:22px}
.pr-vo-vseh li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:2px;background:var(--chern)}
@media (max-width:860px){ .pr-vo-vseh h3,.pr-vo-vseh ul{grid-column:1/-1} .pr-vo-vseh ul{flex-direction:column} }

/* честная шкала: 0 - 80 000 ₽, деление 5 000 ₽ */
.pr-shkala{margin-top:0}
.pr-shk-str{margin-bottom:44px}
.pr-shk-podp{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-bottom:14px}
.pr-shk-podp b{font-size:var(--t-h3);font-weight:800;letter-spacing:-.02em}
.pr-shk-podp span{font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1}
.pr-shk-polosa{height:56px;background:var(--chern);position:relative}
.pr-shk-polosa.my::after{content:"";position:absolute;right:-6px;top:-8px;bottom:-8px;width:6px;background:var(--surik)}
.pr-shk-sverhu{margin-top:14px;font-size:var(--t-lead);color:var(--grafit)}
.pr-os{position:relative;height:18px;margin-top:8px;border-top:2px solid var(--chern);
  background-image:linear-gradient(to right,var(--chern) 0 1px,transparent 1px);background-size:6.25% 10px;background-repeat:repeat-x}
.pr-os::after{content:"";position:absolute;right:0;top:0;width:1px;height:10px;background:var(--chern)}
.pr-os-cifry{position:relative;height:28px;font-size:var(--t-podp);font-weight:600;color:var(--grafit)}
.pr-os-cifry span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.pr-os-cifry span:first-child{transform:none}
.pr-os-cifry span:last-child{transform:translateX(-100%)}
.pr-os-zag{font-size:var(--t-podp);color:var(--vtor);margin-top:4px}
@media (max-width:600px){ .pr-os-cifry .m{display:none} .pr-shk-polosa{height:44px} }

/* вопросы: группы */
.pr-gruppa{row-gap:32px}
.pr-gruppa+.pr-gruppa{margin-top:clamp(72px,8vw,120px)}
.pr-gruppa h2{font-size:clamp(36px,3.8vw,56px)}
.voprosy details p+p{margin-top:-16px}
.voprosy details p a{font-weight:700}

/* заявка без оранжевых засечек */
.pr-bez-surika .obeshch li::before{background:currentColor}

/* ===== 08.10 · итоговые правки внутренних страниц (разбор B) ===== */
/* читаемость: вторая строка основным цветом, метки и подписи от 15 px, линии сетки на телефоне не шумят */
.lid,.voprosy details p,.pr-stroka-tekst p,.pr-uroven-tekst p,.pr-vid-p,.pr-etap p,.stup p,.stup .primer,.sravn-str .chat,.sravn-golova,.cena-ot,.video-pod p,.posle-str p,.rabota-rol,.lenta-pom,.kroshki,.pr-legenda,.pr-os-cifry,.pr-os-zag,.rekv dt,.pr-pole-zag small,.pr-etap-n,.pr-stroka-podp,.pr-shk-sverhu,.metka{color:#15140F}
.chern .pr-stroka-tekst p{color:#F4F4F2}
.metka{font-size:15px}
.socseti-pom{opacity:1}
@media (max-width:600px){ .liniya-setki{display:none} }

/* лучший вариант - чёрный, без сурика (resheniya п.8) */
.stup.vybr{border-top-color:var(--chern)}
.pr-shk-polosa.my::after{display:none}

/* первый экран внутренней страницы: текст слева, цветной кадр справа */
.pr-golova-foto .pr-golova-setka{align-items:stretch}
.pr-golova-tekst{display:flex;flex-direction:column;justify-content:flex-end}
.pr-golova-tekst h1{font-size:clamp(48px,5.6vw,92px);max-width:13ch}
.pr-golova-tekst .lid{max-width:46ch}
.pr-deystv{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;margin-top:36px}
.pr-golova-tekst .pr-yakorya{margin-top:36px}
.pr-golova-kadr{margin:0;position:relative;min-height:460px;overflow:hidden;background:var(--bumaga)}
.pr-golova-kadr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){ .pr-golova-kadr{min-height:0;aspect-ratio:16/10} .pr-golova-kadr img{position:static} }

/* внедрение: цифра с выводом */
.pr-fakt{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:14px;align-items:baseline;margin-top:clamp(40px,5vw,72px);padding-top:28px;border-top:1px solid var(--chern)}
.pr-fakt-cifry{grid-column:1/7;font-size:clamp(26px,2.6vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.05;max-width:none}
.pr-fakt-cifry b{font-size:clamp(56px,6vw,96px);font-weight:800;letter-spacing:-.05em}
.pr-fakt-cifry span{font-weight:400;padding:0 .15em}
.pr-fakt-tekst{grid-column:7/13;font-size:var(--t-lead);line-height:1.5;font-weight:600}
@media (max-width:860px){ .pr-fakt-cifry,.pr-fakt-tekst{grid-column:1/-1} }

/* внедрение: отличие от тарифа, телефон без пустот */
.pr-otlichie{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:20px;margin-top:64px;padding-top:32px;border-top:1px solid var(--chern)}
.pr-otlichie h3{grid-column:1/5;max-width:16ch}
.pr-otlichie-tekst{grid-column:5/13}
.pr-otlichie-tekst p{font-size:var(--t-lead);line-height:1.5;max-width:60ch}
.pr-otlichie-tekst p+p{margin-top:16px}
.pr-ryady-tel{display:none}
@media (max-width:860px){ .pr-otlichie h3,.pr-otlichie-tekst{grid-column:1/-1} }
@media (max-width:600px){
  .pr-etap{min-height:0}
  .pr-tochki.lyudi{--kol:11!important}
  .pr-ryady-pk{display:none} .pr-ryady-tel{display:inline}
}

/* цены: штат на первом экране, выбор тарифа */
.pr-golova-shtat{align-self:end}
.pr-shtat-zag{font-size:var(--t-lead);line-height:1.4;margin-bottom:24px}
.pr-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px var(--gap)}
.pr-mini a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-decoration:none;font-weight:700;font-size:18px}
.pr-mini img{width:clamp(64px,6vw,88px);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;background:var(--bumaga)}
.pr-mini a:hover span{text-decoration:underline}
.pr-vybor h3{max-width:none}
.pr-vybor-cena{display:block;margin-top:10px;font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.02em}
.pr-otdelno{margin-top:0;border-top:1px solid var(--lin2)}
.pr-oplata{margin-top:40px;font-size:var(--t-lead);line-height:1.5;max-width:70ch}

/* отзывы: доказательства из журнала строками */
.pr-dokaz{border-top:1px solid var(--chern)}
.pr-dokaz-str{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:12px;padding:clamp(28px,3vw,44px) 0;border-bottom:1px solid var(--lin2);align-items:baseline}
.pr-dokaz-cifra{grid-column:1/5;font-size:clamp(52px,6vw,96px);font-weight:800;letter-spacing:-.05em;line-height:.9;white-space:nowrap}
.pr-dokaz-chto{grid-column:5/11}
.pr-dokaz-chto h3{margin-bottom:10px}
.pr-dokaz-chto p{font-size:var(--t-lead);line-height:1.5}
.pr-dokaz-kto{grid-column:11/13;justify-self:end;font-weight:700;font-size:18px}
.pr-dokaz-kto a{text-decoration:none;border-bottom:2px solid currentColor}
@media (max-width:860px){ .pr-dokaz-cifra,.pr-dokaz-chto,.pr-dokaz-kto{grid-column:1/-1;justify-self:start} }
@media (max-width:600px){ .pr-vo-vseh:not(.pr-otdelno) ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:18px} .pr-vybor .pr-stroka{padding:24px 0} }

/* согласие: галочка слева, текст со ссылкой одной строкой (флекс разрывал текст и ссылку на колонки) */
.soglasie{display:block;position:relative;padding-left:34px;line-height:1.45}
.soglasie input{position:absolute;left:0;top:1px;margin:0}
/* цены: без двойной линии перед «В каждом тарифе», подписи мини-портретов не слипаются */
.pr-vybor .pr-stroka:last-child{border-bottom:0}
.pr-vybor+.pr-vo-vseh{margin-top:0}
@media (max-width:600px){ .pr-mini{gap:20px 10px} .pr-mini a{font-size:16px} .pr-mini img{width:64px} }
/* внедрение на телефоне: уровни схемы плотнее */
@media (max-width:860px){ .pr-uroven{padding:28px 0} .pr-pole+.pr-pole{margin-top:28px} }
.pr-posle-shkaly{margin-top:16px}