/* services-vuscpp.css — дельта-стили двух страниц раздела «Услуги»:
   /services/vus-izolyatsiya-trub/ и /services/tspp-pokrytie-trub/
   Подключается ПОСЛЕ /upload/services/services-pro.css и только на этих двух страницах.
   Здесь ТОЛЬКО классы, которых нет в services-pro.css (калькулятор, схемы слоёв,
   справочные таблицы, комбо-блок). Общие классы раздела не переопределяются —
   иначе новые страницы разъедутся с остальными 11.
   Переменные (--blue/--ink/--soft/--line …) наследуются от .rd-services из services-pro.css.
   Источник: work/vus-cpp/*.html, собрано build_css.py 2026-08-14. */
.rd-services .altmail .addr{user-select:all;-webkit-user-select:all}

/* плашка-примечание (нормативная оговорка) */
.rd-services .note{border:1px solid var(--softbd);background:var(--soft);border-radius:14px;padding:16px 18px;font-size:14.5px;line-height:1.65;color:#25303f;margin-top:18px}
.rd-services .note b{color:var(--ink)}
.rd-services .note.warn{background:#FFF8EC;border-color:#F3DFB8}
.rd-services .note .nh{display:flex;align-items:center;gap:8px;font:800 14px 'Manrope';color:var(--blue);margin-bottom:6px;letter-spacing:.01em}
.rd-services .note.warn .nh{color:#96660C}
.rd-services .note svg{width:16px;height:16px;flex:none}

/* схема слоёв покрытия (SVG) */
.rd-services .layers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.rd-services .lcard{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px;transition:transform .25s,box-shadow .25s,border-color .25s}
.rd-services .lcard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,40,80,.10);border-color:var(--softbd)}
.rd-services .lcard .lh{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}
.rd-services .lcard .lh b{font:800 19px 'Manrope';color:var(--ink);letter-spacing:-.01em}
.rd-services .lcard .lh i{font-style:normal;font-size:13px;font-weight:700;color:var(--blue);background:var(--soft);border:1px solid var(--softbd);border-radius:999px;padding:3px 10px}
.rd-services .lcard .ld{font-size:14px;color:var(--steel);line-height:1.6;margin-bottom:14px}
.rd-services .lcard svg.scheme{width:100%;height:auto;display:block;border-radius:12px;background:#F7F9FD}
.rd-services .lcard ul{list-style:none;margin-top:14px;display:grid;gap:8px}
.rd-services .lcard ul li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.55;color:#2b333d}
.rd-services .lcard ul li em{font-style:normal;width:12px;height:12px;border-radius:3px;flex:none;margin-top:4px;border:1px solid rgba(0,0,0,.12)}
.rd-services .lcard ul li span{color:var(--steel)}

/* технологические шаги */
.rd-services .steps{counter-reset:st;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.rd-services .steps .st{position:relative;border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;background:#fff}
.rd-services .steps .st::before{counter-increment:st;content:counter(st);position:absolute;top:-11px;left:20px;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font:800 13px 'Manrope';color:#fff;background:linear-gradient(135deg,var(--blue2),var(--blue))}
.rd-services .steps .st b{display:block;font:800 16px 'Manrope';color:var(--ink);margin:8px 0 6px}
.rd-services .steps .st p{font-size:14px;line-height:1.6;color:var(--steel)}
.rd-services .steps .st p code{font:600 13px ui-monospace,Menlo,Consolas,monospace;background:var(--soft);border:1px solid var(--softbd);border-radius:6px;padding:1px 6px;color:var(--blueDk)}

/* контроль качества — приборы */
.rd-services .qc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.rd-services .qc .q{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.rd-services .qc .q .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#fff}
.rd-services .qc .q .ic svg{width:20px;height:20px}
.rd-services .qc .q b{display:block;font:800 16px 'Manrope';color:var(--ink);margin-bottom:6px}
.rd-services .qc .q p{font-size:14px;line-height:1.6;color:var(--steel)}
.rd-services .qc .q .norm{margin-top:10px;font-size:12.5px;color:var(--blue);font-weight:700}

/* ссылки-теги в каталог */
.rd-services .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rd-services .tags a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:11px;background:#fff;border:1px solid var(--softbd);color:var(--blue);font-weight:700;font-size:14.5px;transition:transform .2s,box-shadow .2s,background .2s}
.rd-services .tags a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(27,67,181,.14);background:var(--soft)}
.rd-services .tags a svg{width:16px;height:16px}

/* калькулятор */
.rd-services .calc{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;border:1px solid var(--softbd);border-radius:20px;background:linear-gradient(180deg,#FBFCFF,#F5F8FE);padding:24px;margin-top:20px}
.rd-services .calc .fields{display:grid;gap:14px;align-content:start}
.rd-services .calc label{display:block;font:700 13px 'Inter';color:#35404f;margin-bottom:6px}
.rd-services .calc select,
.rd-services .calc input{width:100%;padding:13px 14px;border:1px solid #d9e0ea;border-radius:11px;font:600 15px 'Inter';color:var(--ink);background:#fff}
.rd-services .calc select:focus,
.rd-services .calc input:focus{outline:2px solid var(--blue2);outline-offset:1px;border-color:var(--blue2)}
.rd-services .calc .out{border-radius:16px;background:#fff;border:1px solid var(--line);padding:20px;align-self:start}
.rd-services .calc .out .oh{font:800 15px 'Manrope';color:var(--ink);margin-bottom:14px}
.rd-services .calc .out .orow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px dashed #e6ebf3;font-size:14.5px;color:var(--steel)}
.rd-services .calc .out .orow:last-of-type{border-bottom:none}
.rd-services .calc .out .orow[hidden]{display:none}

/* без этого display:flex перебивает атрибут hidden */
.rd-services .calc .out .orow b{font:800 18px 'Manrope';color:var(--ink);white-space:nowrap}
.rd-services .calc .out .orow.hl b{color:var(--blue)}
.rd-services .calc .hint{font-size:12.5px;line-height:1.55;color:var(--steel);margin-top:12px}
.rd-services .calc .tocta{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:12px 20px;border-radius:11px;color:#fff;font-weight:700;font-size:14.5px;border:none;cursor:pointer;text-decoration:none}
.rd-services .calc .tocta svg{width:17px;height:17px}

/* комбо ЦПП+ВУС */
.rd-services .combo{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;border:1px solid var(--softbd);border-radius:20px;background:linear-gradient(135deg,#F7FAFF,#EEF3FD);padding:24px;margin-top:20px}
.rd-services .combo svg.cut{width:100%;height:auto;display:block;border-radius:14px;background:#fff}
.rd-services .combo .ct > b{display:block;font:800 21px 'Manrope';color:var(--ink);margin-bottom:10px;letter-spacing:-.01em}
.rd-services .combo .ct p b,
.rd-services .combo .ct li b{color:var(--ink)}
.rd-services .combo .ct p{font-size:15px;line-height:1.7;color:#2b333d;margin-bottom:10px}
.rd-services .combo .ct p a{color:var(--blue);font-weight:700;text-decoration:underline}
.rd-services .combo .ct ul{list-style:none;display:grid;gap:8px;margin-top:12px}
.rd-services .combo .ct ul li{display:flex;gap:9px;font-size:14.5px;line-height:1.55;color:#2b333d}
.rd-services .combo .ct ul li svg{width:17px;height:17px;color:var(--blue);flex:none;margin-top:2px}

/* документы / кейс */
.rd-services .docs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.rd-services .docs .d{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;text-align:left}
.rd-services .docs .d .ic{width:36px;height:36px;border-radius:10px;background:var(--soft);border:1px solid var(--softbd);display:flex;align-items:center;justify-content:center;color:var(--blue);margin-bottom:12px}
.rd-services .docs .d .ic svg{width:18px;height:18px}
.rd-services .docs .d b{display:block;font:800 15px 'Manrope';color:var(--ink);margin-bottom:5px}
.rd-services .docs .d p{font-size:13.5px;line-height:1.55;color:var(--steel)}

/* кейс-строка */
.rd-services .caserow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--softbd);background:var(--soft);border-radius:16px;padding:18px 20px;margin-top:18px}
.rd-services .caserow .cn{font:800 17px 'Manrope';color:var(--ink)}
.rd-services .caserow .cm{font-size:14.5px;color:#2b333d;line-height:1.6}
.rd-services .caserow .cb{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.rd-services .caserow .cb span{background:#fff;border:1px solid var(--softbd);border-radius:999px;padding:7px 14px;font:700 13px 'Inter';color:var(--blue);white-space:nowrap}

/* таблица: подсветка нашего диапазона */
.rd-services .ctable tr.ours td,
.rd-services .ctable tr.ours th{background:#F4F8FF}
.rd-services .ctable .src{font-size:12.5px;color:var(--steel);margin-top:10px;line-height:1.5}
.rd-services .ctable .src a{color:var(--blue)}

/* два столбца текста */
.rd-services .cols2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:6px}
.rd-services .cols2 p{font-size:15px;line-height:1.75;color:#2b333d}
.rd-services .cols2 p + p{margin-top:12px}
.rd-services .cols2 b{color:var(--ink)}
.rd-services .cols2 a{color:var(--blue);font-weight:600;text-decoration:underline}
@media(max-width:1000px){
  .rd-services .layers,
.rd-services .calc,
.rd-services .combo,
.rd-services .cols2{grid-template-columns:1fr}
  .rd-services .steps,
.rd-services .qc{grid-template-columns:1fr 1fr}
  .rd-services .docs{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .rd-services .steps,
.rd-services .qc,
.rd-services .docs{grid-template-columns:1fr}
  .rd-services .caserow .cb{margin-left:0}
}