/* RIVERIT — вариант 1 «Спецификация» для страниц «Поддержки» (11.11.2026).
Разметку строит vx.php из разметки шаблона pro; тексты не меняются. Откат: RX_VX_ON = false в vx.php. */
body.wp-rx-page{--vx-bg:#0b0d12;--vx-s1:#11141b;--vx-s2:#161a23;--vx-ln:#22262f;--vx-ln2:#323949;--vx-tx:#f3f4f8;--vx-p:#c5c9d3;--vx-mut:#a3a9b8;--vx-dim:#6f7686;--vx-acc:var(--tc,#ffd83d);--vx-acc-t:#0e1016;--vx-acc-s:color-mix(in srgb,var(--vx-acc) 10%,transparent);
--vx-f:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--vx-m:'JetBrains Mono',ui-monospace,'SFMono-Regular',Consolas,monospace}
.vx{color:var(--vx-p);font:400 17px/1.65 var(--vx-f);-webkit-font-smoothing:antialiased}
.vx *{box-sizing:border-box}
.vx [hidden]{display:none!important}
.vx a{color:inherit;text-decoration:none}
.vx p{margin:0}
.vx :is(h2,h3){margin:0;color:var(--vx-tx);text-wrap:balance;font-family:var(--vx-f)}
.vx :is(b,strong){color:var(--vx-tx);font-weight:600}
.vx mark{background:none;color:var(--vx-acc);font-weight:600}
.vx em{font-style:normal;color:var(--vx-tx)}
.vx ul,.vx ol{margin:0}
.vx-ln{color:var(--vx-tx)!important;border-bottom:1px solid color-mix(in srgb,var(--vx-acc) 60%,transparent);transition:color .2s}
.vx-ln:hover{color:var(--vx-acc)!important}
.vx-ci{width:18px;height:18px;flex:none}
.vx-n{font:500 13px/1 var(--vx-m);color:var(--vx-dim);letter-spacing:.04em}
.vx-lbl{font:500 12px/1.4 var(--vx-m);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-mut)}
.vx-dt{display:inline-block;width:.16em;height:.16em;background:var(--vx-acc);margin-left:.06em}
.vx .vx-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:12px;background:var(--vx-acc);color:var(--vx-acc-t);font:600 16px/1 var(--vx-f);border:0;cursor:pointer;transition:filter .2s;white-space:nowrap}
.vx .vx-btn:hover{filter:brightness(1.07)}
.vx .vx-btn .vx-ci{width:18px;height:18px}
.vx .vx-btn--s{height:46px;padding:0 20px;font-size:15px}
@media (max-width:767px){.vx{font-size:16px}}
/* связанные услуги (блок темы) — контур, как плитки */
.wp-rx-page .rel__pills .dx__pill{background:transparent!important;border:1px solid #323949!important;border-radius:20px!important}
.wp-rx-page .rel__pills .dx__pill:hover{transform:none!important;border-color:var(--vx-acc)!important;background:transparent!important;color:#f3f4f8!important}
/* ============ раздел: заголовок слева (закреплён), содержимое справа ============ */
.vx-s1{border-top:1px solid var(--vx-ln)}
.vx-s1>.wrap{padding-block:clamp(64px,7vw,128px)}
.vx-s1__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:clamp(40px,6vw,128px)}
.vx-s1__h{align-self:start;position:sticky;top:calc(var(--hh,76px) + 64px)}
.vx-h2{font:800 clamp(30px,3.2vw,56px)/1.06 var(--vx-f);letter-spacing:-.035em}
.vx-eb{margin-bottom:16px}
.vx-s1__b{min-width:0;display:flex;flex-direction:column;gap:28px}
.vx-lead1{font:500 clamp(19px,1.45vw,25px)/1.5 var(--vx-f);color:var(--vx-tx);letter-spacing:-.01em;max-width:58ch}
.vx-sub1{font-size:18px;color:var(--vx-tx);max-width:70ch}
.vx-c2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3vw,56px);padding-top:28px;border-top:1px solid var(--vx-ln)}
.vx-ps{display:flex;flex-direction:column;gap:16px;padding-top:28px;border-top:1px solid var(--vx-ln);max-width:78ch}
.vx-krs{border-top:1px solid var(--vx-ln)}
.vx-kr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(24px,3vw,56px);padding:26px 0;border-bottom:1px solid var(--vx-ln)}
.vx-kr b{font-size:18px;line-height:1.45}
/* список-признаки */
.vx-ck1{list-style:none;margin:0;padding:0;border-top:1px solid var(--vx-ln)}
.vx-ck1 li{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--vx-ln);color:var(--vx-tx);font-size:18px;line-height:1.5}
.vx-ck1 .vx-ci{color:var(--vx-acc);margin-top:5px}
.vx-ck1--2{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.vx-ck1--in{border-top:0}
.vx-ck1--in li{font-size:16px;padding:12px 0}
.vx-nt1{padding:26px 30px;background:var(--vx-s1);border:1px solid var(--vx-ln);border-left:2px solid var(--vx-acc);border-radius:0 16px 16px 0;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.vx-nt1 p{color:var(--vx-tx);max-width:72ch}
/* перечень: номер | название | описание */
.vx-it1{border-top:1px solid var(--vx-ln)}
.vx-it1__r{display:grid;grid-template-columns:52px minmax(0,.85fr) minmax(0,1.5fr);gap:clamp(20px,2.4vw,44px);padding:30px 0;border-bottom:1px solid var(--vx-ln);align-items:start}
.vx-it1__r>.vx-n{padding-top:6px;color:var(--vx-acc)}
.vx-it1__r h3{font:600 clamp(18px,1.3vw,21px)/1.38 var(--vx-f)}
.vx-it1__t{display:flex;flex-direction:column;gap:14px;min-width:0}
.vx-it1__r--ck{grid-template-columns:24px minmax(0,.85fr) minmax(0,1.5fr)}
.vx-it1__r--ck>.vx-ci{color:var(--vx-acc);margin-top:5px}
.vx-pp{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--vx-ln);border-radius:14px;background:var(--vx-s1);overflow:hidden}
.vx-pp li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:14px 18px;align-items:baseline}
.vx-pp li+li{border-top:1px solid var(--vx-ln)}
.vx-pp span{font:600 13px/1 var(--vx-m);color:var(--vx-acc)}
.vx-pp p{color:var(--vx-tx);font-size:16px}
.vx-kv{margin:6px 0 0;border:1px solid var(--vx-ln);border-radius:14px;background:var(--vx-s1);overflow:hidden}
.vx-kv>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:20px;padding:14px 18px}
.vx-kv>div+div{border-top:1px solid var(--vx-ln)}
.vx-kv dt{color:var(--vx-tx);font-weight:600;font-size:16px}
.vx-kv dd{margin:0;font-size:16px}
/* этапы-таблица */
.vx-tb1{border-top:1px solid var(--vx-ln2)}
.vx-tb1__h,.vx-tb1__r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,.95fr);gap:clamp(20px,2.4vw,44px)}
.vx-tb1__h{padding:14px 0;border-bottom:1px solid var(--vx-ln);font:500 12px/1 var(--vx-m);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-mut)}
.vx-tb1__r{padding:28px 0;border-bottom:1px solid var(--vx-ln)}
.vx-tb1__r h3{display:flex;gap:14px;align-items:baseline;font:600 clamp(18px,1.3vw,20px)/1.38 var(--vx-f)}
.vx-tb1__r h3 .vx-n{color:var(--vx-acc)}
.vx-tb1__r>div{display:flex;flex-direction:column;gap:12px}
.vx-res{display:flex;gap:10px;align-items:flex-start;color:var(--vx-tx);font-size:16px;line-height:1.5}
.vx-res .vx-ci{color:var(--vx-acc);margin-top:4px;width:16px;height:16px}
/* стоимость */
.vx-pf1{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vx-pf1>div{border:1px solid var(--vx-ln);border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:12px;background:var(--vx-s1)}
.vx-pf1>div.vx-is-main{border-color:color-mix(in srgb,var(--vx-acc) 45%,transparent)}
.vx-pf1 h3{font:600 19px/1.4 var(--vx-f)}
.vx-bt1{padding-top:4px}
/* почему — на всю ширину */
.vx-s1__hf{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(36px,4vw,64px)}
.vx-w1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--vx-ln)}
.vx-w1__c{display:flex;flex-direction:column;gap:14px;padding:34px clamp(24px,2.6vw,48px) 34px 0}
.vx-w1__c:not(:nth-child(3n+1)){padding-left:clamp(24px,2.6vw,48px);border-left:1px solid var(--vx-ln)}
.vx-w1__c:nth-child(n+4){border-top:1px solid var(--vx-ln)}
.vx-w1__c .vx-n{color:var(--vx-acc)}
.vx-w1__c h3{font:700 clamp(20px,1.6vw,26px)/1.3 var(--vx-f);letter-spacing:-.01em}
.vx-w1__c p{font-size:16.5px}
/* вопросы */
.vx-ac1{border-top:1px solid var(--vx-ln)}
.vx-ac1 details{border-bottom:1px solid var(--vx-ln)}
.vx-ac1 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:52px minmax(0,1fr) 22px;gap:16px;align-items:center;padding:26px 0}
.vx-ac1 summary::-webkit-details-marker{display:none}
.vx-ac1 summary b{font:600 clamp(18px,1.3vw,21px)/1.4 var(--vx-f);transition:color .2s}
.vx-ac1 summary:hover b{color:var(--vx-acc)}
.vx-ac1 summary .vx-n{color:var(--vx-acc)}
.vx-ac1 .vx-pl{width:22px;height:22px;color:var(--vx-mut);transition:transform .25s}
.vx-ac1 details[open] .vx-pl{transform:rotate(45deg);color:var(--vx-acc)}
.vx-ac1__a{padding:0 38px 30px 68px;display:flex;flex-direction:column;gap:12px;max-width:900px}
/* текст «о …» */
.vx-se1{border-top:1px solid var(--vx-ln)}
.vx-se1__r{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:clamp(20px,2.4vw,44px);padding:30px 0;border-bottom:1px solid var(--vx-ln)}
.vx-se1__r h3{font:600 clamp(18px,1.3vw,21px)/1.38 var(--vx-f)}
.vx-se1__r>div{display:flex;flex-direction:column;gap:14px}
.vx-se1__r b.vx-k{font-weight:600}
.vx-more1{align-self:flex-start;display:inline-flex;gap:10px;align-items:center;height:48px;padding:0 20px;border:1px solid var(--vx-ln2);border-radius:12px;background:none;color:var(--vx-tx);font:600 15px/1 var(--vx-f);cursor:pointer}
.vx-more1:hover{border-color:var(--vx-tx)}
/* указатель услуг */
.vx-ix1{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,3vw,56px);border-top:1px solid var(--vx-ln)}
.vx-ix1 a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--vx-ln)}
.vx-ix1 a>.vx-ci{margin-top:5px;color:var(--vx-mut);transition:color .2s,transform .2s}
.vx-ix1 a:hover>.vx-ci{color:var(--vx-acc);transform:translateX(3px)}
.vx-ix1 a:hover b{color:var(--vx-acc)}
.vx-ix1__t{display:flex;flex-direction:column;gap:6px}
.vx-ix1__t b{font-size:19px;transition:color .2s}
.vx-ix1__d{font-size:15.5px;line-height:1.55;color:var(--vx-p)}
.vx-ix1__p{font:400 12.5px/1.5 var(--vx-m);color:var(--vx-dim)}
.vx-ix1__p:empty{display:none}
.vx-gp1+.vx-gp1{margin-top:12px}
.vx-gp1__h{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;margin-bottom:14px}
.vx-gp1__h b{font:700 22px/1.3 var(--vx-f)}
.vx-gp1__h span{font:400 13px/1.5 var(--vx-m);color:var(--vx-dim)}
/* полоса фактов */
.vx-f1{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--vx-ln)}
.vx-f1>div{padding:30px 24px 30px 0;display:flex;flex-direction:column;gap:10px}
.vx-f1>div+div{padding-left:24px;border-left:1px solid var(--vx-ln)}
.vx-f1 b{font:700 clamp(32px,2.8vw,48px)/1 var(--vx-f);letter-spacing:-.03em}
.vx-f1>div:first-child b{color:var(--vx-acc)}
.vx-f1 span{font:400 13px/1.45 var(--vx-m);color:var(--vx-mut)}
/* ============ адаптив ============ */
@media (max-width:1100px){
.vx-s1__g{grid-template-columns:1fr;gap:32px}
.vx-s1__h{position:static}
.vx-it1__r{grid-template-columns:44px minmax(0,1fr);row-gap:12px}
.vx-it1__r>.vx-it1__t{grid-column:2}
.vx-it1__r--ck{grid-template-columns:24px minmax(0,1fr)}
.vx-f1{grid-template-columns:repeat(3,minmax(0,1fr))}
.vx-f1>div:nth-child(4){border-left:0;padding-left:0}
.vx-f1>div:nth-child(n+4){border-top:1px solid var(--vx-ln)}
.vx-w1{grid-template-columns:1fr 1fr}
.vx-w1__c,.vx-w1__c:not(:nth-child(3n+1)){padding:30px 28px 30px 0;border-left:0}
.vx-w1__c:nth-child(even){padding-left:28px;border-left:1px solid var(--vx-ln)}
.vx-w1__c:nth-child(n+3){border-top:1px solid var(--vx-ln)}
}
@media (max-width:767px){
.vx-h2{font-size:30px}
.vx-c2,.vx-ck1--2,.vx-pf1,.vx-ix1,.vx-kr,.vx-se1__r,.vx-kv>div,.vx-w1{grid-template-columns:1fr}
.vx-kr,.vx-se1__r{gap:10px;padding:22px 0}
.vx-kv>div{gap:4px}
.vx-ck1 li{font-size:16.5px;padding:15px 0}
.vx-it1__r{grid-template-columns:32px minmax(0,1fr);gap:10px 12px;padding:24px 0}
.vx-it1__r>.vx-it1__t{grid-column:1/-1}
.vx-it1__r--ck{grid-template-columns:24px minmax(0,1fr)}
.vx-tb1__h{display:none}
.vx-tb1__r{grid-template-columns:1fr;gap:12px;padding:24px 0}
.vx-ac1 summary{grid-template-columns:32px minmax(0,1fr) 20px;gap:12px;padding:20px 0}
.vx-ac1__a{padding:0 0 24px 0}
.vx-nt1{padding:22px 20px}
.vx-w1__c,.vx-w1__c:nth-child(even),.vx-w1__c:not(:nth-child(3n+1)){padding:26px 0;border-left:0}
.vx-w1__c+.vx-w1__c{border-top:1px solid var(--vx-ln)}
.vx-f1{grid-template-columns:1fr 1fr}
.vx-f1>div,.vx-f1>div+div{padding:22px 16px 22px 0;border-left:0;border-top:1px solid var(--vx-ln)}
.vx-f1>div:nth-child(-n+2){border-top:0}
.vx-f1>div:nth-child(even){padding-left:16px;border-left:1px solid var(--vx-ln)}
.vx-f1>div:last-child{grid-column:span 2}
.vx-f1 b{font-size:30px}
.vx-pp li{padding:12px 14px}
}
.vx-kv>div.vx-kv__1{grid-template-columns:1fr}
/* правки: заголовок пункта над текстом, текст на всю ширину колонки */
.vx-it1__r,.vx-it1__r--ck{grid-template-columns:52px minmax(0,1fr);gap:20px}
.vx-it1__r--ck{grid-template-columns:28px minmax(0,1fr)}
.vx-it1__t{max-width:86ch}
.vx-it1__t>h3{margin-bottom:-2px}
.vx-kr,.vx-se1__r{grid-template-columns:1fr;gap:10px}
.vx-se1__r>div,.vx-kr>p{max-width:86ch}
.vx-pa{max-width:78ch}
/* указатель услуг на всю ширину, описание — 3 строки */
.vx-s1--ix .vx-ix1{grid-template-columns:repeat(3,minmax(0,1fr))}
.vx-s1--ix .vx-ix1__d{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vx-s1--ix .vx-gp1+.vx-gp1{margin-top:40px}
.vx-s1--ix .vx-s1__hf{margin-bottom:clamp(28px,3vw,48px)}
@media (min-width:1600px){.vx-s1--ix .vx-ix1{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1100px){.vx-it1__r>.vx-it1__t{grid-column:auto}.vx-s1--ix .vx-ix1{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.vx-it1__r{grid-template-columns:32px minmax(0,1fr);gap:12px}.vx-it1__r>.vx-it1__t{grid-column:auto}.vx-s1--ix .vx-ix1{grid-template-columns:1fr}}
/* выбор услуги — плитки */
.vx-pk1s{display:grid;gap:14px}
.vx-pk1s--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vx-pk1s--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vx-pk1{display:flex;flex-direction:column;gap:12px;padding:26px 28px 28px;background:var(--vx-s1);border:1px solid var(--vx-ln);border-radius:18px;transition:border-color .2s,background .2s;min-width:0}
.vx-pk1:hover{border-color:color-mix(in srgb,var(--vx-acc) 55%,transparent);background:#141821}
.vx-pk1__top{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.vx-pk1__ic{width:44px;height:44px;flex:none;border-radius:12px;background:var(--vx-acc-s);color:var(--vx-acc);display:grid;place-items:center}
.vx-pk1__ic svg{width:22px;height:22px}
.vx-pk1__g{flex:1;font:500 12px/1.3 var(--vx-m);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-dim)}
.vx-pk1__top>.vx-ci{color:var(--vx-mut);transition:color .2s,transform .2s}
.vx-pk1:hover .vx-pk1__top>.vx-ci{color:var(--vx-acc);transform:translateX(3px)}
.vx-pk1__t{font:700 clamp(22px,1.7vw,28px)/1.15 var(--vx-f);letter-spacing:-.02em;color:var(--vx-tx);transition:color .2s}
.vx-pk1:hover .vx-pk1__t{color:var(--vx-acc)}
.vx-pk1__d{font-size:15.5px;line-height:1.55;color:var(--vx-p);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vx-s1--ix .vx-s1__hf .vx-sub1{color:var(--vx-p)}
@media (max-width:1279px){.vx-pk1s--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.vx-pk1s--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
.vx-pk1s--3,.vx-pk1s--4{grid-template-columns:1fr;gap:10px}
.vx-pk1{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;grid-template-areas:"ic t go" "ic d d";gap:4px 14px;padding:18px}
.vx-pk1__top{display:contents}
.vx-pk1__ic{grid-area:ic}
.vx-pk1__g{display:none}
.vx-pk1__top>.vx-ci{grid-area:go;align-self:center}
.vx-pk1__t{grid-area:t;font-size:20px;align-self:center}
.vx-pk1__d{grid-area:d;font-size:14.5px}
}
/* плитки услуг — вариант 1 «Контур» */
.vx-pk1s{gap:16px}
.vx-pk1{padding:30px 32px 32px;background:transparent;border:1px solid var(--vx-ln2);border-radius:20px;gap:10px}
.vx-pk1:hover{background:transparent;border-color:var(--vx-acc)}
.vx-pk1__top{margin-bottom:14px}
.vx-pk1__ic{width:48px;height:48px;background:transparent;border:1px solid var(--vx-ln2);transition:border-color .25s}
.vx-pk1__ic svg{width:24px;height:24px}
.vx-pk1:hover .vx-pk1__ic{border-color:color-mix(in srgb,var(--vx-acc) 50%,transparent)}
.vx-pk1__g{display:none}
.vx-pk1__top{justify-content:space-between}
.vx-pk1__top>.vx-ci{width:22px;height:22px}
.vx-pk1:hover .vx-pk1__t{color:var(--vx-tx)}
.vx-pk1:hover .vx-pk1__top>.vx-ci{transform:translateX(4px)}
@media (max-width:767px){.vx-pk1{padding:18px;gap:4px 14px}.vx-pk1__ic{width:44px;height:44px}.vx-pk1__top{margin:0}}
/* единый стиль «Контур» для всех плашек и карточек */
.vx-nt1{background:transparent;border:1px solid var(--vx-ln2);border-radius:20px;padding:28px 32px}
.vx-pf1>div{background:transparent;border:1px solid var(--vx-ln2);border-radius:20px;padding:28px 32px}
.vx-pf1>div.vx-is-main{border-color:var(--vx-ln2)}
.vx-pp,.vx-kv{background:transparent;border:1px solid var(--vx-ln2);border-radius:16px}
.vx-pp li+li,.vx-kv>div+div{border-top-color:var(--vx-ln)}
.vx-more1{border-radius:12px;border-color:var(--vx-ln2)}
.vx-more1:hover{border-color:var(--vx-acc)}
@media (max-width:767px){.vx-nt1,.vx-pf1>div{padding:22px 20px}}
/* без верхней линии над блоками-строками и колонками */
.vx-w1,.vx-it1,.vx-ck1,.vx-ac1,.vx-se1,.vx-krs,.vx-tb1,.vx-ix1{border-top:0}
.vx-c2,.vx-ps{border-top:0;padding-top:0}
.vx-w1__c{padding-top:8px}
.vx-w1__c:nth-child(n+4){border-top:0;padding-top:40px}
.vx-ck1--2 li:nth-child(-n+2),.vx-ck1 li:first-child{padding-top:4px}
.vx-it1__r:first-child,.vx-se1__r:first-child,.vx-kr:first-child{padding-top:4px}
.vx-ac1 details:first-child summary{padding-top:4px}
@media (max-width:767px){.vx-w1__c+.vx-w1__c{border-top:1px solid var(--vx-ln)}}
/* 12.11: «Почему RIVERIT» в 2 колонки (768–1100) — одинаковый верхний отступ в ряду, без линии над вторым рядом (правило n+4 выше — для 3 колонок) */
@media (min-width:768px) and (max-width:1100px){.vx-w1 .vx-w1__c:nth-child(-n+2){padding-top:8px}.vx-w1 .vx-w1__c:nth-child(n+3){border-top:0;padding-top:40px}}
/* номер блока над заголовком — как у кейсов */
.vx-bn{display:flex;align-items:center;gap:8px;margin-bottom:18px;font:600 13px/1 var(--vx-m);letter-spacing:.06em;color:var(--vx-acc)}
.vx-bn i{width:6px;height:6px;background:var(--vx-acc)}
.vx-eb+.vx-bn{margin-top:-4px}
.vx-bn{gap:.4em;font:600 clamp(14px,1vw,17px)/1 var(--vx-f);letter-spacing:0}
.vx-bn i{width:.42em;height:.42em;border-radius:1px}
/* длинные перечни (5+ пунктов) — заголовок сверху, пункты в две колонки */
.vx-s1--2c .vx-s1__hf{margin-bottom:clamp(28px,3vw,48px)}
.vx-s1--2c .vx-sub1{max-width:80ch;margin-bottom:clamp(24px,2.4vw,40px)}
.vx-s1--2c .vx-it1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,4.5vw,96px)}
.vx-s1--2c .vx-it1__r{padding:30px 0;align-content:start}
.vx-s1--2c .vx-it1__r:nth-child(-n+2){padding-top:4px}
.vx-s1--2c .vx-nt1,.vx-s1--2c .vx-bt1{margin-top:32px;max-width:80ch}
@media (max-width:767px){.vx-s1--2c .vx-it1{grid-template-columns:1fr}.vx-s1--2c .vx-it1__r:nth-child(2){padding-top:30px}}
/* единый отклик всех контурных плашек: при наведении — жёлтая обводка (как у плиток услуг) */
.vx-nt1,.vx-pf1>div,.vx-pp,.vx-kv{transition:border-color .25s}
.vx-nt1:hover,.vx-pf1>div:hover,.vx-pp:hover,.vx-kv:hover{border-color:var(--vx-acc)}
/* шаги и пары внутри пункта — без рамки, строками с тонкими линиями, как остальные списки */
.vx-pp,.vx-kv,.vx-pp:hover,.vx-kv:hover{border:0;border-radius:0;background:none;margin-top:2px;border-top:1px solid var(--vx-ln)}
.vx-pp li{grid-template-columns:28px minmax(0,1fr);padding:12px 0;gap:10px}
.vx-pp li+li,.vx-kv>div+div{border-top:1px solid var(--vx-ln)}
.vx-pp span{font:500 13px/1.6 var(--vx-m);color:var(--vx-acc)}
.vx-pp p{font-size:16px;color:var(--vx-p)}
.vx-kv>div{padding:12px 0}
.vx-kv dd{color:var(--vx-p)}
/* фон как на главной: сетка и свечение (body::before/after) — основной блок страницы прозрачный, иначе он их закрывает */
body.wp-rx-page main.pg{background:transparent!important}
/* ===== раздел «Разработка сайтов» (11.11): новые типы блоков в том же стиле ===== */
.vx .vx-h3{display:block;font:600 clamp(18px,1.3vw,21px)/1.38 var(--vx-f);color:var(--vx-tx);margin-bottom:-2px}
/* заголовок-ссылка на страницу раздела */
.vx-h2 a.vx-hl{color:inherit;transition:color .2s}
.vx-h2 a.vx-hl:hover{color:var(--vx-acc)}
/* группы пунктов с подзаголовком */
.vx-gp2+.vx-gp2{margin-top:clamp(48px,5vw,80px)}
.vx-gp2__h{display:flex;align-items:baseline;gap:12px;margin-bottom:clamp(20px,2vw,32px)!important;font:700 clamp(22px,1.8vw,28px)/1.25 var(--vx-f)!important;letter-spacing:-.015em}
.vx-gp2__h b{font:500 13px/1 var(--vx-m);color:var(--vx-dim);letter-spacing:.04em}
/* сравнение двух вариантов */
.vx-c2--vs>div{display:flex;flex-direction:column;gap:12px}
/* таблица сравнения — строки с тонкими линиями, без рамки */
.vx-tbl{overflow-x:auto}
.vx-tbl table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.vx-tbl th{font:500 12px/1.4 var(--vx-m);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-mut);text-align:left;padding:4px 24px 14px 0;border-bottom:1px solid var(--vx-ln2)}
.vx-tbl thead td{border-bottom:1px solid var(--vx-ln2);padding:0}
.vx-tbl td{padding:16px 24px 16px 0;border-bottom:1px solid var(--vx-ln);vertical-align:top;color:var(--vx-p)}
.vx-tbl tbody td:first-child{color:var(--vx-tx);font-weight:600;width:34%}
@media (max-width:767px){
.vx-tbl table,.vx-tbl tbody,.vx-tbl tr,.vx-tbl td{display:block;width:auto!important}
.vx-tbl thead{display:none}
.vx-tbl tr{padding:18px 0;border-bottom:1px solid var(--vx-ln)}
.vx-tbl tr:first-child{padding-top:4px}
.vx-tbl td{border:0;padding:4px 0}
.vx-tbl tbody td:first-child{padding-bottom:8px}
.vx-tbl td[data-l]:not([data-l=""])::before{content:attr(data-l);display:block;font:500 12px/1.5 var(--vx-m);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-mut)}
}
/* ===== после ревью раздела «Разработка сайтов» (11.11) ===== */
/* «Другие услуги раздела»: 5 плиток — 3 + 2 без пустоты (сетка 6 колонок) */
@media (min-width:1280px){
.vx-pk1s--4.vx-pk1s--n5{grid-template-columns:repeat(6,minmax(0,1fr))}
.vx-pk1s--n5>.vx-pk1{grid-column:span 2}
.vx-pk1s--n5>.vx-pk1:nth-child(n+4){grid-column:span 3}
.vx-pk1s--4.vx-pk1s--n3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* перечни с галочками 5+ — заголовок сверху, две колонки на всю ширину */
.vx-s1--2c .vx-ck1--2{column-gap:clamp(40px,4.5vw,96px)}
.vx-s1--2c .vx-lead1,.vx-s1--2c .vx-pa{max-width:80ch}
.vx-s1--2c .vx-lead1+.vx-ck1,.vx-s1--2c .vx-lead1+.vx-it1,.vx-s1--2c .vx-sub1+.vx-ck1{margin-top:clamp(24px,2.4vw,40px)}
.vx-s1--pr .vx-lead1{margin-bottom:0}
/* пункт с вложенным перечнем — на обе колонки, чтобы не было пустоты рядом */
.vx-s1--2c .vx-it1__r--w{grid-column:1/-1}
.vx-s1--2c .vx-it1__r--w .vx-ck1--in{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
@media (max-width:767px){.vx-s1--2c .vx-it1__r--w .vx-ck1--in{grid-template-columns:1fr}}
/* таблица сравнения: подписи колонок читаемые */
.vx-tbl th{font:600 15px/1.4 var(--vx-f);letter-spacing:0;text-transform:none;color:var(--vx-tx)}
/* полоса прокрутки, точка курсора и свечение за курсором — цвет направления */
body.wp-rx-page{--rvw-y:var(--tc,#ffd83d)}
body.wp-rx-page .rvw-md{background:var(--tc,#ffd83d);box-shadow:0 0 0 1.5px rgba(14,16,22,.9),0 0 10px color-mix(in srgb,var(--tc,#ffd83d) 55%,transparent)}
body.wp-rx-page .rvw-light{background:radial-gradient(480px circle at var(--rvw-mx,-999px) var(--rvw-my,-999px),color-mix(in srgb,var(--tc,#ffd83d) 10%,transparent),transparent 62%)}
@media (min-width:768px) and (max-width:1279px){.vx-pk1s--n5>.vx-pk1:last-child{grid-column:1/-1}}
body.wp-rx-page .rvw-mr{border-color:color-mix(in srgb,var(--tc,#ffd83d) 60%,transparent)}
html.rvw-mc-hot body.wp-rx-page .rvw-mr{background:color-mix(in srgb,var(--tc,#ffd83d) 12%,transparent);border-color:var(--tc,#ffd83d)}
/* вложенный перечень в пункте на обе колонки: первый ряд — одинаковый верхний отступ */
.vx-s1--2c .vx-it1__r--w .vx-ck1--in li:nth-child(-n+2){padding-top:4px}
/* 12.11: группы услуг в один ряд (всего ≤4 плитки) */
@media (min-width:1280px){
.vx-gp1s{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:16px}
.vx-gp1s>.vx-gp1{grid-column:span var(--k);margin-top:0!important}
.vx-gp1s>.vx-gp1>.vx-pk1s{grid-template-columns:repeat(var(--k),minmax(0,1fr))}
}
@media (min-width:1280px){
.vx-gp1s{grid-template-rows:auto auto}
.vx-gp1s>.vx-gp1{display:grid;grid-row:span 2;grid-template-rows:subgrid}
.vx-gp1s>.vx-gp1>.vx-gp1__h{align-self:start}
}
/* 768–1279: плитки услуг по две; нечётная последняя — на всю ширину, без пустоты */
@media (min-width:768px) and (max-width:1100px){.vx-pk1s--3>.vx-pk1:last-child:nth-child(odd){grid-column:1/-1}} /* 12.11: на 1101–1279 плитки в 3 колонки — не растягивать */
/* 12.11 ревью «Мобильных приложений» */
@media (min-width:768px) and (max-width:1279px){.vx-pk1s--4>.vx-pk1:last-child:nth-child(odd){grid-column:1/-1}}
.vx-gp1s .vx-gp1__h{flex-direction:column;gap:4px}
.vx-gp1s .vx-gp1__h span{text-wrap:balance}
/* ===== 12.11 финальное ревью ===== */
/* линии только между пунктами: под последним пунктом (последним рядом) линии нет */
.vx-it1>.vx-it1__r:last-child,.vx-ck1>li:last-child,.vx-ac1>details:last-child,.vx-se1>.vx-se1__r:last-child,.vx-krs>.vx-kr:last-child,.vx-tb1>.vx-tb1__r:last-child,.vx-pp>li:last-child,.vx-kv>div:last-child,.vx-tbl tbody tr:last-child td{border-bottom:0}
.vx-it1>.vx-it1__r:last-child,.vx-ck1>li:last-child,.vx-se1>.vx-se1__r:last-child,.vx-kr:last-child,.vx-tb1>.vx-tb1__r:last-child{padding-bottom:4px}
@media (min-width:768px){
.vx-s1--2c .vx-it1>.vx-it1__r:nth-last-child(2):nth-child(odd){border-bottom:0;padding-bottom:4px}
.vx-s1--2c .vx-it1>.vx-it1__r--w:nth-last-child(2){border-bottom:1px solid var(--vx-ln)}
}
@media (min-width:768px){.vx-ck1--2>li:nth-last-child(2):nth-child(odd){border-bottom:0;padding-bottom:4px}}
/* полоса фактов: 5 штук на 768–1100 — 3 + 2 без пустоты (сетка 6) */
@media (min-width:768px) and (max-width:1100px){
.vx-f1{grid-template-columns:repeat(6,minmax(0,1fr))}
.vx-f1>div{grid-column:span 2}
.vx-f1>div:nth-child(n+4){grid-column:span 3}
.vx-f1>div:nth-child(4){border-left:0;padding-left:0}
}
/* нечётное число пунктов в 2 колонках: у правой колонки последний пункт — предпоследний, линия под ним не нужна */
@media (min-width:768px){.vx-s1--2c .vx-it1>.vx-it1__r:nth-last-child(2):nth-child(even):not(.vx-it1__r--w){border-bottom:0;padding-bottom:4px}}
@media (min-width:768px){.vx-ck1--2>li:nth-last-child(2):nth-child(even){border-bottom:0;padding-bottom:4px}}
@media (max-width:767px){.vx-tbl tbody tr:last-child{border-bottom:0;padding-bottom:4px}}
/* 12.11 «Боты и ИИ»: тарифы в колонках */
.vx-pf1--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vx-pf1>div .vx-ck1--in li{font-size:15.5px;padding:10px 0}
.vx-pf1>div .vx-ck1--in li:first-child{padding-top:4px}
.vx-s1--pl .vx-lead1{margin-bottom:clamp(24px,2.4vw,40px);max-width:80ch}
.vx-pf1t{margin-top:clamp(28px,3vw,44px);max-width:86ch}
.vx-s1--pl .vx-bt1,.vx-s1--pl .vx-nt1{margin-top:32px}
@media (max-width:1100px){.vx-pf1--3{grid-template-columns:1fr}}
/* 12.11: пары «название — описание» одной строкой */
.vx .vx-dlt{font-weight:600;color:var(--vx-tx)}
.vx-it1__r--dl .vx-it1__t p{font-size:17px;line-height:1.6}
.vx-it1__r--dl>.vx-n{padding-top:5px}
/* 12.11 «Боты и ИИ» */
.vx-s1--2c .vx-it1__r--w .vx-it1__t{max-width:none}
@media (min-width:1280px){.vx-pk1s--4.vx-pk1s--n2{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 12.11 ревью «Ботов и ИИ» */
@media (min-width:768px){.vx-s1--2c .vx-it1__r--w .vx-ck1--in>li:nth-last-child(2):nth-child(even){border-bottom:0;padding-bottom:4px}}
.vx-pf1t{max-width:none}
.vx-pf1t>.vx-ck1--2{margin-top:4px}
@media (min-width:768px){.vx-s1--2c .vx-it1__r--w .vx-ck1--in>li:nth-last-child(2):nth-child(odd){border-bottom:0;padding-bottom:4px}}
/* 12.11: если ниже стоит пункт на всю ширину — линия и отступ под предпоследним пунктом нужны */
@media (min-width:768px){
.vx-s1--2c .vx-it1>.vx-it1__r:nth-last-child(2):has(+ .vx-it1__r--w),
.vx-s1--2c .vx-it1>.vx-it1__r--w:nth-last-child(2){border-bottom:1px solid var(--vx-ln)!important;padding-bottom:30px!important}
}
/* 12.11: растягивание последнего нечётного пункта на всю ширину снято по решению Pavel (текст выходил за колонку) */
/* 12.11: 1101–1279 — одиночная плитка в последнем ряду (3 колонки) на всю ширину */
@media (min-width:1101px) and (max-width:1279px){.vx-pk1s--3>.vx-pk1:nth-child(3n+1):last-child{grid-column:1/-1}}
/* 12.11 (Pavel: подпись группы прижата к плиткам): воздух между подписью группы и плитками */
/* подпись — это , правило «.vx p{margin:0}» сильнее, поэтому селектор с .vx */
.vx .vx-gp1__h{margin-bottom:24px}
@media (min-width:1280px){.vx .vx-gp1s{row-gap:24px}.vx .vx-gp1s>.vx-gp1>.vx-gp1__h{margin-bottom:0}}
/* вложенные абзацы и перечни внутри пункта — чуть больше воздуха */
.vx-it1__t>p+.vx-ck1,.vx-it1__t>.vx-ck1+p{margin-top:4px}
/* 12.11: номер над H2 — тот же отступ, что у блока кейсов (14px), в заголовке слева и сверху одинаково (раньше слева 0, сверху 20: margin у
гасило «.vx p{margin:0}») */
.vx .vx-bn{margin-bottom:14px}
.vx .vx-s1__hf>.vx-bn{margin-bottom:-6px}
.vx .vx-eb{margin-bottom:0}
/* выравнивание (Pavel, 12.11.2026): первая строка правой колонки — на уровне H2, а не номера «NN ■» (высота номера + его отступ 14px) */
@media (min-width:1101px){.vx .vx-s1__g:has(>.vx-s1__h>.vx-bn)>.vx-s1__b{padding-top:calc(clamp(14px,1vw,17px) + 14px)}}
/* «Другие услуги раздела» из 1 плитки (Безопасность, 12.11): плитка в половину ряда, как при 2 услугах, а не четверть с пустотой */
@media (min-width:768px){.vx-pk1s--4.vx-pk1s--n1{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-pk1s--4.vx-pk1s--n1>.vx-pk1:last-child{grid-column:auto}}
/* 12.11: общий вывод под перечнем (vx_tail) — как вводный абзац над ним: тот же цвет и край, отступ от перечня */
.vx .vx-tail{max-width:78ch;gap:12px}
.vx .vx-tail p{color:var(--vx-tx)}
.vx.vx-s1>.wrap>.vx-tail{margin-top:clamp(28px,3vw,40px)}
/* 12.11: вопрос FAQ в 2 строки — номер и значок стоят на первой строке (было по центру двух строк, номер ниже первой строки и ниже уровня H2) */
.vx .vx-ac1 summary{align-items:baseline}
.vx .vx-ac1 summary>.vx-pl{align-self:start;margin-top:calc(clamp(18px,1.3vw,21px) * .7 - 11px)}
/* 12.11 (ревью «Парсинг»): в раскладке на 2 колонки плашка под перечнем — на всю ширину (max-width 904 обрывал её посреди второй колонки); текст внутри — в удобную ширину */
.vx.vx-s1--2c>.wrap>.vx-nt1{max-width:none}
.vx.vx-s1--2c>.wrap>.vx-nt1>p{max-width:80ch}