/*
Theme Name: GRBI
Description: Биржа грузоперевозок grbi.ru — площадка «разместить задачу / взять заказ»: межгород, техника, города, направления, справочник.
Version: 0.4.0
Text Domain: grbi
*/
@font-face{font-family:"Golos Text";src:url(assets/golos-text.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(assets/jbm-cyrillic-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";src:url(assets/jbm-latin-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215}
/* Облик «инженерный бланк» (14.10.2026, беклог 999.474): светлый фон-калька, тонкие чертежи, оранжевый —
   только сигнал (главная кнопка, размеры, срок). Значения — из листа деталей варианта 2, скругления — шкала 8/12/16. */
:root{--ink:#1f2a37;--ink2:#2b3a4d;--text:#273445;--mute:#5e6b85;--line:#e3e8f0;--bg:#f7f9fc;--card:#fff;
--noch:#111c2c;--noch2:#1a2740;--liniya:#5e6b85;--liniya-sl:#a7b1c2;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
--acc:#ff6a2b;--acc-d:#e8571a;--acc-l:#fff1ea;--blue:#1f5fd1;--blue-l:#eaf1fd;--ok:#12805c;--ok-l:#e6f5ef;--warn:#ffd84d;
--r:16px;--r2:12px;--w:1200px;
--sh:0 1px 0 rgba(255,255,255,.9) inset,0 1px 2px rgba(31,42,55,.05),0 4px 12px -2px rgba(31,42,55,.06);
--sh2:0 1px 0 rgba(255,255,255,.9) inset,0 2px 4px rgba(31,42,55,.05),0 12px 28px -8px rgba(31,42,55,.14),0 32px 64px -32px rgba(31,42,55,.18)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.55 "Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--bg);font-feature-settings:"tnum" 0}
a{color:var(--blue);text-underline-offset:2px}
img,svg{max-width:100%}
.w{max-width:var(--w);margin:0 auto;padding:0 24px}
h1,h2,h3{color:var(--ink);letter-spacing:-.015em}
h1{font-size:40px;line-height:1.12;font-weight:800;margin:0 0 16px}
h2{font-size:28px;line-height:1.2;font-weight:700;margin:56px 0 16px}
h3{font-size:20px;font-weight:700;margin:24px 0 8px}
.ik{width:64px;height:40px;flex:none}

/* кнопки */
.knopka{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:#fff;text-decoration:none;padding:16px 24px;border-radius:12px;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 6px 16px -6px rgba(255,106,43,.6);font:600 16px/1.2 inherit;font-family:inherit;border:0;cursor:pointer;transition:background .15s,box-shadow .15s,transform .05s;white-space:nowrap}
.knopka:hover{background:var(--acc-d);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 10px 22px -6px rgba(255,106,43,.7)}
.knopka:active{transform:translateY(1px)}
.knopka.tyomnaya{background:var(--ink)}.knopka.tyomnaya:hover{background:var(--ink2);box-shadow:0 4px 14px rgba(14,26,43,.25)}
.knopka.kontur{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.knopka.mal.kontur{box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.knopka.mal.kontur:hover{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff;color:var(--ink)}
.knopka.kontur:hover{background:var(--ink);color:#fff}
.knopka.svetlaya{background:#fff;color:var(--ink)}.knopka.svetlaya:hover{background:#f1f4f8;box-shadow:none}
.knopka.mal{padding:8px 16px;font-size:15px;border-radius:8px}

/* шапка */



.shapka{background:rgba(247,249,252,.86);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.ssylka-shapki{font-weight:600;font-size:15px;color:var(--ink);text-decoration:none;padding:8px 8px;align-self:center;white-space:nowrap}.ssylka-shapki:hover{color:var(--acc-d)}
.shapka .w{display:flex;align-items:center;gap:32px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);flex:none}
.logo svg{width:38px;height:38px}
.logo b{display:block;font-size:22px;font-weight:900;letter-spacing:.06em;line-height:1}
.logo small{display:block;font-size:11.500px;color:var(--mute);letter-spacing:.02em;margin-top:3px}
.menu{display:flex;gap:24px;white-space:nowrap;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500}
.menu a{text-decoration:none;color:var(--text);padding:8px 0;border-bottom:2px solid transparent}
.menu a:hover{color:var(--ink);border-color:var(--acc)}
.shapka .deistviya{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}

/* крошки */
.kroshki{font-size:14px;color:var(--mute);padding:16px 0 0}
.kroshki a{color:var(--mute);text-decoration:none}.kroshki a:hover{color:var(--ink);text-decoration:underline}
main{padding:0 0 72px;overflow-x:clip}

/* первый экран главной: бланк с миллиметровкой, чертёж фуры, форма одной строкой */
.titul{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--bg))}
.titul:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:
 linear-gradient(rgba(94,107,133,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.09) 1px,transparent 1px),
 linear-gradient(rgba(94,107,133,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.045) 1px,transparent 1px);
 background-size:120px 120px,120px 120px,24px 24px,24px 24px;mask-image:radial-gradient(ellipse 80% 90% at 70% 30%,#000 35%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 70% 30%,#000 35%,transparent 85%)}
.titul .w{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"tekst ris" "forma forma" "pod pod";gap:24px 48px;align-items:center;padding-top:48px;padding-bottom:32px}
.t-tekst{grid-area:tekst}.t-ris{grid-area:ris;display:block}.forma-stroka{grid-area:forma}.titul .pod-formoj{grid-area:pod}
.metka{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:8px 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.metka i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px rgba(255,106,43,.16)}
.titul h1{font-size:56px;line-height:1.02;letter-spacing:-.03em;margin:24px 0 16px}
.titul h1 em{font-style:normal;color:var(--acc)}
.titul .lid{font-size:19px;max-width:520px;color:var(--mute)}
.forma-stroka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end;background:#fff;border-radius:var(--r);padding:8px;box-shadow:var(--sh2),0 0 0 1px var(--line)}
.forma-stroka .pole{padding:8px 16px;border-radius:8px;position:relative}
.forma-stroka .pole+.pole:before{content:"";position:absolute;left:-4px;top:12px;bottom:12px;width:1px;background:var(--line)}
.forma-stroka .pole span{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.forma-stroka .pole input{border:0;padding:0;font-size:17px;font-weight:500;background:transparent;box-shadow:none}
.forma-stroka .pole:focus-within{background:var(--bg)}
.forma-stroka .pole input:focus{box-shadow:none}
.forma-stroka .knopka{height:100%;min-height:56px}
.titul .pod-formoj{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--mute);margin:0}
.titul .pod-formoj a{font-weight:600;color:var(--ink);text-decoration:none}.titul .pod-formoj a:hover{color:var(--acc-d)}

/* чертежи техники: линии одной толщины на любом размере, размеры — оранжевым с точками на концах */
svg.chertezh{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:var(--liniya);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
svg.chertezh *{vector-effect:non-scaling-stroke}
svg.chertezh .tonko{stroke:var(--liniya-sl);stroke-width:1}
svg.chertezh .bolt{fill:var(--liniya);stroke:none}
svg.chertezh .zemlya{stroke:var(--liniya-sl);stroke-dasharray:4 6}
svg.chertezh .kuzov>rect:first-child{fill:rgba(255,255,255,.7)}
svg.chertezh .razmer{stroke:var(--acc);stroke-width:1.2}
svg.chertezh .razmer .tochka{fill:#fff}
svg.chertezh .razmer text{fill:var(--acc-d);stroke:none;font-family:var(--mono);font-weight:500;letter-spacing:.02em}
/* проявление: лист «сканируется» слева направо, размеры и болты проступают следом */
svg.chertezh.zhdyot{clip-path:inset(0 100% 0 0)}
svg.chertezh.zhdyot .razmery,svg.chertezh.zhdyot .bolt{opacity:0}
svg.chertezh.narisovan{clip-path:inset(0 0 0 0);transition:clip-path 1.4s cubic-bezier(.65,0,.35,1)}
svg.chertezh.narisovan .razmery,svg.chertezh.narisovan .bolt{opacity:1;transition:opacity .6s 1.2s}
.t-ris svg.chertezh{filter:drop-shadow(0 24px 24px rgba(31,42,55,.06))}

/* паспорт машины: строка «Еврофура · кузов 13,6 м · …» */
.pasport{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:24px 0 0;padding:16px 24px;background:#fff;border-radius:var(--r2);box-shadow:var(--sh),0 0 0 1px var(--line);font:500 14px/1.4 var(--mono);color:var(--ink)}
.pasport b{font:700 15px/1.2 "Golos Text",sans-serif;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}
.pasport b:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc)}
.pasport span{position:relative;padding-left:24px}
.pasport span:before{content:"";position:absolute;left:0;top:50%;width:16px;height:1px;background:var(--liniya-sl)}
.pasport a{margin-left:auto;font:600 14px "Golos Text",sans-serif;text-decoration:none;color:var(--ink)}.pasport a:hover{color:var(--acc-d)}

/* тёмные полосы для ритма: на всю ширину экрана изнутри .w */
.polosa-t{background:var(--noch);color:#c3cddb;box-shadow:0 0 0 100vmax var(--noch);clip-path:inset(0 -100vmax);margin:56px 0;padding:48px 0;position:relative}
.polosa-t:before{content:"";position:absolute;inset:0 -100vmax;pointer-events:none;background-image:linear-gradient(rgba(167,177,194,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(167,177,194,.06) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.polosa-t>*{position:relative}
.polosa-t h2{color:#fff}.polosa-t .zag{margin-top:0}.polosa-t .zag a{color:#fff}.polosa-t .zag a:hover{color:var(--acc)}
.chisla-polosa{padding:32px 0;margin-top:32px}

/* поля */
.pole{display:block}
.pole span{display:block;font-size:13px;font-weight:500;color:var(--mute);margin-bottom:4px}
.pole input,.pole select,.pole textarea{width:100%;padding:16px 16px;border:1px solid #cfd6e0;border-radius:8px;font:inherit;font-size:16px;background:#fff;color:var(--text)}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-l)}
.ryad{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.roli .knopka{width:100%;margin-top:4px}
.nachalo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end;margin-top:24px}

/* числа сайта */
.chisla{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}
.chisla li{padding:8px 24px;border-left:1px solid rgba(167,177,194,.2);color:#9fb0c7;font-size:15px}
.chisla li:first-child{border-left:0;padding-left:0}
.chisla b{display:block;font-size:48px;font-weight:400;letter-spacing:-.03em;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums;margin-bottom:8px}
.chisla sup{font:500 .4em var(--mono);color:var(--acc);vertical-align:top;margin-left:4px;position:relative;top:.4em}

/* заголовок раздела со ссылкой */
.zag{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:56px 0 16px}
.zag h2{margin:0}.zag a{font-weight:600;text-decoration:none;white-space:nowrap}

/* направления */
.napravleniya{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.napravleniya a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);text-decoration:none;color:var(--ink);font-weight:600;transition:border-color .15s,box-shadow .15s,transform .15s}
.napravleniya a:hover{border-color:var(--ink);box-shadow:var(--sh)}
.napravleniya i{font-style:normal;color:var(--acc);margin:0 2px}
.napravleniya small{font-weight:500;color:var(--mute);font-size:14px;white-space:nowrap}
.polosa-t .napravleniya a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"g g" "l km";gap:16px 16px;padding:16px;background:var(--noch2);border-color:rgba(167,177,194,.16);color:#fff}
.polosa-t .napravleniya a:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 16px 32px -16px rgba(0,0,0,.6)}
.np-goroda{grid-area:g}
.np-liniya{grid-area:l;align-self:center;height:10px;position:relative;background:linear-gradient(90deg,rgba(167,177,194,.5) 50%,transparent 0) 0 50%/8px 1px repeat-x}
.np-liniya:before,.np-liniya:after{content:"";position:absolute;top:1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--acc);background:var(--noch2)}
.np-liniya:before{left:0}.np-liniya:after{right:0;background:var(--acc)}
.polosa-t .napravleniya small{grid-area:km;color:var(--acc);font:500 14px var(--mono)}

/* плитки с значком */
.plitki{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.plitki a{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--r2);text-decoration:none;color:var(--ink);background:#fff;box-shadow:var(--sh);font-weight:600;line-height:1.25;transition:border-color .15s,box-shadow .15s}
.plitki a:hover{border-color:var(--ink);box-shadow:var(--sh)}
.plitki .ik{width:48px;height:30px;color:var(--liniya)}
.plitki a:hover .ik{color:var(--acc)}
.plitki small{display:block;color:var(--mute);font-size:13.500px;font-weight:400;margin-top:2px}
.plitki.chipy{display:flex;flex-wrap:wrap;gap:8px}
.plitki.chipy a{padding:8px 16px;border-radius:999px;font-weight:500;font-size:15px;box-shadow:none}
.plitki.krupnye{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.plitki.krupnye a{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}
.plitki.krupnye .ik{width:88px;height:55px}

/* первый экран посадочной */
.geroj{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;background:#fff;border-radius:var(--r);padding:32px;margin:16px 0 0;position:relative;overflow:hidden;box-shadow:var(--sh2),0 0 0 1px var(--line)}
.geroj:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(94,107,133,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.07) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 40%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000)}
.geroj>*{position:relative}
.geroj:has(.ris-chertezh){grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.geroj .ris-chertezh{opacity:1}
.geroj .ris{color:var(--liniya);opacity:.9}
.geroj .ris .ik *{stroke-width:1.2}
.geroj .ris .ik{width:100%;height:auto}
.geroj h1{margin:0 0 8px}
.cena-ot{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.cena-ot a{font-size:24px;font-weight:800;color:var(--acc-d);text-decoration:none;background:var(--acc-l);padding:4px 16px;border-radius:8px;box-shadow:0 0 0 1px rgba(255,106,43,.25) inset}
.cena-ot small{font-size:13.500px;color:var(--mute)}
.lid{font-size:19px;color:var(--mute);max-width:680px;margin:0}
.geroj .nachalo{grid-column:1/-1}
.geroj .pod-formoj{grid-column:1/-1;font-size:14px;color:var(--mute);margin:2px 0 0}
.geroj .pod-formoj a{color:var(--ink);font-weight:600}
.vygody{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0 0;padding:0;font-size:14.500px;color:var(--mute)}
.vygody li{display:flex;gap:8px;align-items:flex-start;padding:4px 0}
.vygody .ik{width:34px;height:22px;color:var(--acc);margin-top:2px}
.vygody b{display:block;color:var(--ink);font-size:15.500px}
.svodka{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0 0}
.svodka div{background:var(--ink);color:#fff;border-radius:var(--r2);padding:16px 16px}
.svodka dt{font-size:13.500px;color:#9fb0c7}.svodka dd{margin:4px 0 0;font-size:24px;font-weight:800}

/* тело страницы */
.telo>p,.telo>ol,.telo>blockquote,.telo>h3,.telo>ul:not([class]){max-width:780px}
.telo h2:first-child{margin-top:48px}
.kartochki{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;list-style:none;padding:0;margin:16px 0}
.kartochki li{border:1px solid var(--line);border-radius:var(--r2);padding:16px;background:#fff;box-shadow:var(--sh)}
.kartochki b{display:block;margin-bottom:4px;color:var(--ink)}
.kartochki b a{color:var(--ink);text-decoration:none}.kartochki b a:hover{color:var(--blue);text-decoration:underline}
.kartochki span{font-size:15px;color:var(--mute);line-height:1.45;display:block}
.tablica{overflow-x:auto;margin:16px 0 8px;border:1px solid var(--line);border-radius:var(--r2);background:#fff}
.tablica table{border-collapse:collapse;width:100%;font-size:15.500px;min-width:520px}
.tablica th{background:var(--bg);text-align:left;padding:16px 16px;font-weight:600;color:var(--ink);font-size:14px;border-bottom:1px solid var(--line)}
.tablica td{padding:16px 16px;border-bottom:1px solid var(--line)}
.tablica tr:last-child td{border-bottom:0}
.tablica tr:hover td{background:#fafbfc}
.tablica td.n,.tablica th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tablica td.n{font-weight:600;color:var(--ink)}
.tablica td a{font-weight:600;text-decoration:none}.tablica td a:hover{text-decoration:underline}
.istochnik{font-size:13.500px;color:var(--mute);margin:8px 0 24px;max-width:none!important;padding-left:16px;border-left:3px solid var(--line)}
.faktory{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;list-style:none;padding:0;counter-reset:f;margin:16px 0}
.faktory li{counter-increment:f;padding:16px 16px 16px 64px;position:relative;background:#fff;box-shadow:var(--sh),0 0 0 1px var(--line);border-radius:var(--r2);font-size:15.500px;color:var(--mute)}
.faktory li:before{content:counter(f);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--acc-d);box-shadow:0 0 0 1.5px var(--acc) inset;font:500 14px/32px var(--mono);text-align:center}
.faktory b{display:block;color:var(--ink);font-size:16.500px;margin-bottom:2px}
.dve{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.dve>div{border:1px solid var(--line);border-radius:var(--r2);padding:24px;background:#fff;color:var(--mute);font-size:15.500px}
.dve b{display:block;font-size:19px;margin-bottom:8px;color:var(--ink)}
.voprosy{max-width:860px}
.voprosy details{border:1px solid var(--line);border-radius:var(--r2);margin:8px 0;background:#fff}
.voprosy summary{font-weight:600;cursor:pointer;padding:16px 48px 16px 16px;list-style:none;position:relative;color:var(--ink)}
.voprosy summary::-webkit-details-marker{display:none}
.voprosy summary:after{content:"+";position:absolute;right:18px;top:11px;font-size:26px;font-weight:400;color:var(--mute)}
.voprosy details[open] summary:after{content:"–"}
.voprosy details p{margin:0;padding:0 16px 16px;color:var(--mute)}
.ne-podojdyot{border-left:4px solid var(--warn);background:#fffaea;padding:16px 24px;border-radius:0 var(--r2) var(--r2) 0;max-width:780px}
.sovet{border-left:4px solid var(--blue);background:var(--blue-l);padding:16px 24px;border-radius:0 var(--r2) var(--r2) 0;max-width:780px}
.skhema{margin:16px 0;border:1px solid var(--line);border-radius:var(--r2);padding:16px 24px;background:#fff;overflow-x:auto;box-shadow:var(--sh);background-image:linear-gradient(rgba(94,107,133,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.05) 1px,transparent 1px);background-size:16px 16px}
.skhema line{stroke:var(--liniya);stroke-width:2;stroke-dasharray:6 6}.skhema circle{fill:#fff;stroke:var(--acc);stroke-width:3}.skhema circle[r="9"]{fill:var(--acc)}.skhema text{font-family:var(--mono)!important;fill:var(--ink)}
.skhema svg{min-width:560px;width:100%;height:auto}
/* «Как это работает» разнесённым видом: метки шагов на узлах фуры, на прокрутке кузов поднимается, колёса опускаются */
.shagi-razn{margin-top:56px}
.razn-ris{position:relative;background:#fff;border-radius:var(--r);box-shadow:var(--sh),0 0 0 1px var(--line);padding:56px 48px 48px;
 background-image:linear-gradient(rgba(94,107,133,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.06) 1px,transparent 1px);background-size:24px 24px}
.razn-ris svg.chertezh{max-width:920px;margin:0 auto}
.razn-ris .razmery{display:none}
.razn-ris svg.chertezh .uzel{transition:transform 1s cubic-bezier(.65,0,.35,1) 1.3s}
.razn-ris svg.chertezh.narisovan .kuzov{transform:translateY(-40px)}
.razn-ris svg.chertezh.narisovan .kolesa{transform:translateY(28px)}
.metka-uzla{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--acc);color:#fff;font:500 15px/32px var(--mono);text-align:center;box-shadow:0 0 0 6px rgba(255,106,43,.16)}
.metka-uzla.m1{left:58%;top:12%}.metka-uzla.m2{left:14%;top:26%}.metka-uzla.m3{left:80%;top:76%}
.shagi ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:16px 0 0;counter-reset:s}
.shagi li{counter-increment:s;background:#fff;border-radius:var(--r2);padding:24px;font-size:15.500px;color:var(--mute);box-shadow:var(--sh),0 0 0 1px var(--line)}
.shagi li:before{content:counter(s);display:block;width:32px;height:32px;border-radius:50%;background:var(--acc);color:#fff;font:500 15px/32px var(--mono);text-align:center;margin-bottom:16px}
.shagi li b{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}

/* две роли: заказчику — кузов, перевозчику — тягач; две половины одного чертежа */
.roli-polosa{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:56px 0 0}
.roli-polosa>div{border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;position:relative;overflow:hidden}
.roli-polosa .zak{background:#fff;box-shadow:var(--sh2),0 0 0 1px var(--line)}
.roli-polosa .per{background:var(--noch);color:#b9c4d4}
.roli-polosa .per:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(167,177,194,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(167,177,194,.07) 1px,transparent 1px);background-size:24px 24px}
.roli-polosa>div>*{position:relative}
.pol-ris{width:100%;height:120px;display:flex;align-items:flex-end;margin-bottom:16px}
.pol-ris svg.chertezh{height:100%;width:auto;max-width:100%}
.roli-polosa .zak .pol-ris{justify-content:flex-end}
.roli-polosa .per svg.chertezh{--liniya:#c3cddb;--liniya-sl:#4f607b}
.roli-polosa .per .razmery,.pol-ris .skryt{display:none}
.roli-polosa h2{margin:0;font-size:26px}.roli-polosa .per h2{color:#fff}
.roli-polosa p{margin:0 0 8px;max-width:440px}
.roli-polosa ul{margin:0 0 16px;padding:0;list-style:none;font-size:15.500px}
.roli-polosa li{padding-left:24px;position:relative;margin:4px 0}
.roli-polosa li:before{content:"";position:absolute;left:2px;top:10px;width:12px;height:1px;background:var(--acc)}
.roli-polosa li:after{content:"";position:absolute;left:12px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--acc)}

/* формы */
.zayavka{background:#fff;box-shadow:var(--sh),0 0 0 1px var(--line);border-radius:var(--r);padding:32px;margin:24px 0;max-width:780px}
.zayavka h2{margin-top:0}
.zayavka .pole{margin-bottom:16px}
.zayavka .soglasie{font-size:13.500px;color:var(--mute);margin:16px 0}
.zayavka .soglasie input{margin-right:8px}
.lov{position:absolute;left:-9999px}
.soobshchenie{padding:16px 16px;border-radius:var(--r2);background:var(--ok-l);color:#0b5a40;margin:16px 0;font-weight:500}
.soobshchenie.osh{background:#fdecec;color:#8c1f1f}
.spisok-statej{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.spisok-statej a{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--r2);background:#fff;box-shadow:var(--sh);font-weight:600;text-decoration:none;color:var(--ink)}
.spisok-statej a:hover{border-color:var(--ink);box-shadow:var(--sh)}
.spisok-statej .ik{width:40px;height:26px;color:var(--liniya)}

/* статья */
.statya{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:48px;align-items:start;margin-top:8px}
.statya .bok{position:sticky;top:92px}
.statya h1{font-size:36px;margin-top:16px}
.statya .data{font-size:14px;color:var(--mute);margin:0 0 16px}
.otvet{background:var(--ink);color:#e6ecf5;border-radius:var(--r);padding:24px 24px;font-size:18px;margin:0 0 24px}
.otvet p{margin:0 0 8px}.otvet p:last-child{margin:0}
.oglavlenie{border:1px solid var(--line);border-radius:var(--r2);padding:16px 24px;font-size:15px;margin-bottom:16px}
.oglavlenie b{color:var(--ink)}
.oglavlenie ol{margin:8px 0 0;padding-left:24px}.oglavlenie li{margin:4px 0}
.oglavlenie a{text-decoration:none;color:var(--text)}.oglavlenie a:hover{color:var(--blue)}
.bok .kartka{background:var(--acc-l);border-radius:var(--r2);padding:16px 24px;font-size:15px}
.bok .kartka b{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}
.bok .kartka .knopka{width:100%;margin-top:8px}
.raschet{background:var(--bg);border-radius:var(--r2);padding:16px 24px;margin:24px 0;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:780px}
.raschet p{margin:0}

/* подвал */
.podval{background:var(--noch);background-image:linear-gradient(rgba(167,177,194,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(167,177,194,.05) 1px,transparent 1px);background-size:24px 24px;border-top:3px solid var(--acc);color:#9fb0c7;padding:48px 0 0;font-size:15px}
.podval .w{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.podval .logo{color:#fff}.podval .logo small{color:#9fb0c7}
.podval b{color:#fff;display:block;margin-bottom:8px;font-size:15.500px}
.podval ul{list-style:none;margin:0;padding:0}.podval li{margin:8px 0}
.podval a{color:#c9d4e3;text-decoration:none}.podval a:hover{color:#fff;text-decoration:underline}
.podval p{margin:16px 0 0;max-width:340px}
.podval .niz{border-top:1px solid #26364f;margin-top:32px;padding:16px 0;font-size:13.500px}
.podval .niz .w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lipkaya{display:none}

@media(max-width:1000px){
 .menu{display:none}.titul .w{grid-template-columns:1fr;grid-template-areas:"tekst" "ris" "forma" "pod";padding-top:32px;padding-bottom:24px}
 .titul h1{font-size:38px}.forma-stroka{grid-template-columns:1fr}.forma-stroka .pole+.pole:before{left:16px;right:16px;top:-4px;bottom:auto;width:auto;height:1px}
 .chisla b{font-size:36px}.pasport a{margin-left:0}.geroj:has(.ris-chertezh){grid-template-columns:1fr}.geroj .ris-chertezh{display:block;order:-1}h1{font-size:30px}h2{font-size:23px;margin-top:48px}
 .geroj{grid-template-columns:1fr;padding:24px 16px}.geroj .ris{display:none}
 .nachalo{grid-template-columns:1fr}.vygody{grid-template-columns:1fr 1fr}
 .chisla{grid-template-columns:1fr 1fr}.chisla li{border-left:0;padding:16px 0}.chisla b{font-size:24px}
 .shagi ol,.dve,.roli-polosa{grid-template-columns:1fr}.razn-ris{padding:48px 16px 24px}.metka-uzla{width:24px;height:24px;font-size:12px;line-height:24px}.geroj:has(.ris-put){grid-template-columns:1fr}.ris-put{order:-1}
 .statya{grid-template-columns:1fr;gap:0}.statya .bok{position:static;order:-1;margin-top:8px}.statya .bok .kartka{display:none}.statya h1{font-size:28px}
 .podval .w{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 body{font-size:16px;padding-bottom:72px}.w{padding:0 16px}
 .shapka .deistviya{display:none}.shapka .w{gap:16px}.logo small{display:none}
 .ryad{grid-template-columns:1fr}.zag{flex-direction:column;gap:4px}
 .faktory{grid-template-columns:1fr}.vygody{grid-template-columns:1fr}
 .podval .w{grid-template-columns:1fr}.roli-polosa>div{padding:24px}
 .lipkaya{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:8px 16px;box-shadow:0 -6px 20px rgba(14,26,43,.08)}
 .lipkaya .knopka{padding:16px 8px;font-size:15px}
 .lipkaya{transition:transform .25s}.forma-vidna .lipkaya{transform:translateY(110%)}
}
.statya>*{min-width:0}
.plitki.krupnye{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.plitki.krupnye{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* заказы: карточка как путевой лист */
.zakazy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.zakaz{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh);transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;min-width:0}
.zakaz:hover{border-color:var(--ink);box-shadow:var(--sh2);transform:translateY(-2px)}
.z-verh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.z-list{font:500 12px/1.4 var(--mono);color:var(--mute);letter-spacing:.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.z-region{font-size:13px;color:var(--mute);text-align:right;display:inline-flex;align-items:center;gap:8px}
.z-region:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--liniya)}
.znak{display:inline-block;align-self:flex-start;background:var(--blue-l);color:var(--blue);font-weight:600;font-size:12.500px;padding:4px 8px;border-radius:999px;white-space:normal;max-width:100%}
p.znak{margin:0 0 8px}
.z-imya{font-weight:600;color:var(--ink);text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.z-imya:after{content:"";position:absolute;inset:0}
.z-imya:hover{color:var(--blue)}
.z-niz{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.z-cena{font-weight:800;font-size:20px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.z-srok{display:inline-flex;align-items:center;gap:8px;font-size:13.500px;color:var(--mute);white-space:nowrap}
.z-kolco{width:18px;height:18px;flex:none;fill:none;stroke-width:3}
.z-kolco circle{stroke:var(--line)}.z-kolco .ost{stroke:var(--liniya);stroke-linecap:round}
.z-konchaetsya .z-srok{color:var(--acc-d);font-weight:600;background:var(--acc-l);padding:4px 8px;border-radius:999px}
.z-konchaetsya .z-kolco .ost{stroke:var(--acc)}
.z-zakryt{opacity:.72}.z-zakryt .z-cena{color:var(--mute)}
.z-zakryt .z-srok{background:var(--bg);padding:4px 8px;border-radius:999px}
.schet{display:inline-block;vertical-align:middle;background:var(--acc);color:#fff;font:500 14px/1.4 var(--mono);border-radius:999px;padding:2px 8px;margin-left:8px;letter-spacing:0}
/* пустое состояние ленты: что случилось, когда обновится, что делать */
.pusto{display:flex;gap:24px;align-items:flex-start;background:#fff;border-radius:var(--r2);padding:24px;box-shadow:var(--sh),0 0 0 1px var(--line);border-left:3px solid var(--liniya-sl)}
.pusto .ik{width:64px;height:40px;color:var(--liniya);flex:none}
.pusto b{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}.pusto p{margin:0 0 16px;color:var(--mute);max-width:620px}
/* шкала маршрута в первом экране направления */
.ris-put{align-self:stretch;display:flex;align-items:center}
.geroj:has(.ris-put){grid-template-columns:minmax(0,1fr) minmax(0,480px)}
.put{width:100%;padding:8px 8px 0}
.put-mashina{width:200px;margin:0 0 8px -4px}
.put-mashina .razmery{display:none}
.put-liniya{position:relative;list-style:none;margin:48px 0 48px;padding:0;height:2px;background:linear-gradient(90deg,var(--liniya) 50%,transparent 0) 0 0/10px 2px repeat-x}
.put-liniya li{position:absolute;top:-5px;width:12px;height:12px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--liniya) inset}
.put-liniya li.put-konec{width:16px;height:16px;top:-7px;margin-left:-8px;background:var(--acc);box-shadow:0 0 0 5px rgba(255,106,43,.18)}
.put-liniya b,.put-liniya small{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.put-liniya b{font-size:13px;color:var(--ink);bottom:20px}.put-liniya small{font:500 11px var(--mono);color:var(--mute);top:20px}
.put-liniya li.niz b{bottom:auto;top:20px}.put-liniya li.niz small{top:auto;bottom:22px}
.put-liniya li.put-konec b{font-size:14px}
.put-liniya li.put-konec:not(.kon) b,.put-liniya li.put-konec:not(.kon) small{left:0;transform:none}
.put-liniya li.kon b,.put-liniya li.kon small{left:auto;right:0;transform:none}
.put-dorogi{display:flex;flex-wrap:wrap;gap:8px;margin:0;font:500 12px var(--mono);color:var(--mute)}
.put-dorogi span{background:var(--bg);border-radius:8px;padding:4px 8px;box-shadow:0 0 0 1px var(--line) inset}
.put-dorogi b{color:#fff;background:var(--ink);border-radius:4px;padding:0 4px;margin-right:4px;font-weight:500}
.z-h1{font-size:30px}
.plitki.chipy a.tek{background:var(--ink);color:#fff;border-color:var(--ink)}
.lenta-verh .cena-ot a{background:var(--acc);color:#fff}
.nav-links{display:flex;gap:8px;margin:24px 0}.nav-links .page-numbers{padding:8px 16px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}.nav-links .current{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:640px){.zakazy{grid-template-columns:1fr}.z-h1{font-size:24px}}

.tablica.uzkaya table{min-width:0}.tablica.uzkaya td:first-child{color:var(--mute);width:38%}

.plitki.chipy.vidy a{font-weight:600;border-color:var(--ink)}

.zakaz{min-width:0}
.z-verh{flex-wrap:wrap;align-items:center}
.znak{white-space:normal;max-width:100%}
.z-niz{flex-wrap:wrap}
.eshchyo{margin:8px 0 0}.eshchyo summary{cursor:pointer;color:var(--blue);font-weight:600;font-size:15px;list-style:none}.eshchyo summary::-webkit-details-marker{display:none}
.eshchyo[open] summary{margin-bottom:8px}

/* «Чем везём»: карточки с чертежами машин */
.tehnika{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tehnika a{display:flex;flex-direction:column;gap:8px;height:100%;padding:16px 16px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.tehnika a:hover{border-color:var(--ink);box-shadow:var(--sh2);transform:translateY(-2px)}
.tehnika .t-ris{height:120px;display:flex;align-items:flex-end;justify-content:center;padding:8px 0 16px;border-bottom:1px dashed var(--line);margin-bottom:8px;
 background-image:linear-gradient(rgba(94,107,133,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.06) 1px,transparent 1px);background-size:16px 16px;border-radius:8px}
.tehnika .t-ris svg{max-height:100%;width:auto;max-width:100%}
.tehnika .t-ris .razmery text{display:none}
.tehnika .t-ris .ik{width:120px;height:75px;color:var(--liniya)}
.tehnika b{font-size:18px}
.tehnika .t-pasport{font:500 13px/1.5 var(--mono);color:var(--mute)}
@media(max-width:1000px){.tehnika{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tehnika{grid-template-columns:1fr}.titul h1{font-size:34px}.chisla li{padding:8px 0}.pasport{padding:16px}}
@media(max-width:1180px) and (min-width:1001px){.menu li:nth-child(2),.menu li:nth-child(7){display:none}}

.ik *{vector-effect:non-scaling-stroke}
@media(max-width:640px){.pusto{flex-direction:column;gap:16px}.put-liniya li:not(.put-konec) b{display:none}.put-liniya li:not(.put-konec) small{display:none}}
@media(max-width:1000px){.geroj:has(.ris-put),.geroj:has(.ris-chertezh){grid-template-columns:1fr}.ris-put{order:-1}.put{padding:0}}
@media(max-width:1000px){.geroj .ris.ris-chertezh,.geroj .ris.ris-put{display:block;order:0;margin:8px 0}.geroj .ris-chertezh svg{max-width:420px}}
.knopka.kontur-svet{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}.knopka.kontur-svet:hover{background:#fff;color:var(--ink)}

/* ───── Первый экран посадочных как у главной (14.10.2026, 999.474): бланк с миллиметровкой на всю ширину
   экрана, начиная от шапки (крошки лежат на нём), рисунок справа по типу страницы, форма строкой на плите. ───── */
.kroshki{position:relative}
.str-geroj{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"tekst ris" "forma forma" "pod pod";gap:24px 48px;align-items:center;padding:32px 0 32px;margin:0 0 24px}
.str-geroj:before,.str-geroj:after{content:"";position:absolute;z-index:-1;top:-72px;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);pointer-events:none}
.str-geroj:before{background:linear-gradient(180deg,#fff,var(--bg));border-bottom:1px solid var(--line)}
.str-geroj:after{background-image:linear-gradient(rgba(94,107,133,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.09) 1px,transparent 1px),
 linear-gradient(rgba(94,107,133,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.045) 1px,transparent 1px);
 background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center top;
 mask-image:radial-gradient(ellipse 70% 90% at 72% 35%,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 70% 90% at 72% 35%,#000 30%,transparent 85%)}
.str-geroj .t-tekst{grid-area:tekst;min-width:0}
.str-geroj .t-ris{grid-area:ris;min-width:0;display:flex;align-items:center;justify-content:center}
.str-geroj .forma-stroka{grid-area:forma;margin:0}
.str-geroj .pod-formoj{grid-area:pod;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--mute);margin:0}
.str-geroj .pod-formoj a{font-weight:600;color:var(--ink);text-decoration:none}.str-geroj .pod-formoj a:hover{color:var(--acc-d)}
.str-geroj h1{font-size:48px;line-height:1.05;letter-spacing:-.028em;margin:24px 0 16px;text-wrap:balance}
.str-geroj .lid{font-size:18px;max-width:520px}
.str-geroj .cena-ot{margin:0 0 16px}
.str-geroj svg.chertezh{filter:drop-shadow(0 24px 24px rgba(31,42,55,.06))}
.str-geroj .ris-znak{width:min(100%,420px);color:var(--liniya)}
.str-geroj .ris-znak .ik{width:100%;height:auto}.str-geroj .ris-znak .ik *{stroke-width:1}
.put-plita{background:#fff;border-radius:var(--r);box-shadow:var(--sh2),0 0 0 1px var(--line);padding:24px 32px 16px;margin:0 0 16px}
.put-plita .put-mashina{width:180px}

/* карта направлений: силуэт России линией на кальке, дуги направлений ведут на свои страницы */
svg.karta{display:block;width:100%;height:auto;overflow:visible}
svg.karta .k-zal{fill:rgba(255,255,255,.85)}
svg.karta .k-bereg{fill:none;stroke:var(--liniya);stroke-width:1.2;stroke-linejoin:round}
svg.karta .k-duga{fill:none;stroke:var(--liniya-sl);stroke-width:1.2;opacity:.55;transition:stroke .15s,opacity .15s,stroke-width .15s}
svg.karta .k-duga.on{stroke:var(--acc);stroke-width:2.6;opacity:1}
svg.karta a:hover .k-duga,svg.karta a:focus .k-duga{stroke:var(--ink);stroke-width:3;opacity:1}
svg.karta .k-gorod{fill:#fff;stroke:var(--liniya);stroke-width:1.6}
svg.karta .k-gorod.on{fill:var(--acc);stroke:#fff;stroke-width:2}
svg.karta .k-gorod.glav{fill:var(--acc);stroke:#fff;stroke-width:2.5}
svg.karta .k-puls{fill:var(--acc);opacity:.25;transform-box:fill-box;transform-origin:center;animation:k-puls 2.4s ease-out infinite}
@keyframes k-puls{from{transform:scale(1);opacity:.35}to{transform:scale(3.2);opacity:0}}
svg.karta .k-gruz{fill:var(--ink);stroke:#fff;stroke-width:2}
svg.karta .k-podp{font:500 19px var(--mono);fill:var(--ink);letter-spacing:.01em;paint-order:stroke;stroke:#f7f9fc;stroke-width:5px;stroke-linejoin:round}
svg.karta .k-podp.glav{font:700 26px "Golos Text",sans-serif;letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){svg.karta .k-puls{animation:none}svg.karta .k-gruz{display:none}}

/* логотип А3: G-маршрут */
.logo svg{width:40px;height:40px;color:var(--ink)}
.podval .logo svg{color:#fff}
.logo b{font-weight:800;letter-spacing:.03em}

@media(max-width:1000px){
 .str-geroj{grid-template-columns:1fr;grid-template-areas:"tekst" "ris" "forma" "pod";gap:16px;padding:24px 0}
 .str-geroj h1{font-size:34px;margin-top:16px}
 .str-geroj .t-ris{max-width:560px;width:100%;justify-self:center}
 .put-plita{padding:16px}
}
@media(max-width:640px){
 .str-geroj h1{font-size:30px}
 .str-geroj .lid{font-size:16.500px}
 .str-geroj .ris-znak{width:240px}
 svg.karta .k-podp{font-size:24px}svg.karta .k-podp.glav{font-size:32px}
}
.ris-chuzhoj{width:100%}.ris-chuzhoj svg.chertezh .razmery{display:none}

/* ───── Подложки форм (14.10.2026, 999.474): плита в две колонки — поля и «что будет дальше»; значок в поле,
   подпись моноширинным, на фокусе — рамка и оранжевая засечка слева; ошибка — красная рамка и текст «что делать». ───── */
.pole.s-ik{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-areas:"pod pod" "ik vvod";column-gap:8px;align-items:center}
.pole.s-ik>span{grid-area:pod}
.pole.s-ik>input,.pole.s-ik>select{grid-area:vvod;min-width:0}
.ik-polya{grid-area:ik;width:20px;height:20px;color:var(--liniya);transition:color .15s}
.ik-polya .t{fill:var(--acc);stroke:none}
.pole.s-ik:focus-within .ik-polya{color:var(--acc-d)}
.forma-stroka .pole select{border:0;padding:0;font:500 17px "Golos Text",sans-serif;background:transparent;box-shadow:none;color:var(--text);width:100%}
.forma-stroka .pole:after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.forma-stroka .pole:focus-within:after{transform:scaleX(1)}
.plita-formy{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:#fff;border-radius:var(--r);box-shadow:var(--sh2),0 0 0 1px var(--line);overflow:hidden}
.pf-polya{padding:32px}
.pf-polya .ryad{gap:16px;margin:0 0 16px}
.pf-polya>.pole{margin:0 0 16px}
.plita-formy .pole.s-ik{border:1px solid #cfd6e0;border-radius:8px;padding:8px 16px;background:#fff;position:relative;transition:border-color .15s,box-shadow .15s;cursor:text}
.plita-formy .pole.s-ik>span{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 4px}
.plita-formy .pole.s-ik>span i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--liniya-sl);margin-left:4px}
.plita-formy .pole.s-ik input,.plita-formy .pole.s-ik select{border:0;padding:4px 0;box-shadow:none;background:transparent;font-size:17px;font-weight:500;color:var(--text);border-radius:0}
.plita-formy .pole.s-ik:hover{border-color:var(--liniya-sl)}
.plita-formy .pole.s-ik:focus-within{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--acc),0 0 0 4px rgba(255,106,43,.12)}
.plita-formy .pole.s-ik.osh{border-color:#d0453a;box-shadow:inset 3px 0 0 #d0453a}
.plita-formy .pole.s-ik.osh>span{color:#b42318}
.pf-gruppa{display:flex;align-items:center;gap:16px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 16px}
.pf-gruppa:after{content:"";flex:1;border-top:1px dashed var(--line)}
.pf-gruppa~.pf-gruppa{margin-top:32px}
.pf-podskazka{background:var(--blue-l);color:#1d3f7a;border-radius:8px;padding:8px 16px;font-size:14.500px;margin:0 0 24px}
.pf-polya .soobshchenie,.pf-osh-skript{margin:0 0 24px}
.pf-osh-skript{padding:16px;border-radius:var(--r2);background:#fdecec;color:#8c1f1f;font-weight:500}
.pf-osh-skript[hidden]{display:none}
.pf-soglasie{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--mute);margin:8px 0 24px;cursor:pointer}
.pf-soglasie input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--acc);flex:none}
.pf-soglasie.osh span{color:#b42318}
.pf-niz{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pf-niz .knopka{min-width:240px}
.pf-niz .knopka[disabled]{opacity:.7;cursor:progress}
.pf-niz span{font-size:14px;color:var(--mute)}
.pf-dalshe{position:relative;background:var(--bg);border-left:1px solid var(--line);padding:32px;display:flex;flex-direction:column;gap:24px}
.pf-dalshe:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(94,107,133,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.06) 1px,transparent 1px);background-size:24px 24px}
.pf-dalshe>*{position:relative}
.pf-dalshe h3{margin:0;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.pf-dalshe ol{list-style:none;margin:0;padding:0;counter-reset:sh}
.pf-dalshe li{position:relative;padding:0 0 24px 48px;counter-increment:sh;color:var(--mute);font-size:15px}
.pf-dalshe li b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.pf-dalshe li:before{content:counter(sh);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--liniya);font:500 14px/32px var(--mono);text-align:center;color:var(--ink)}
.pf-dalshe li:last-child{padding-bottom:0}
.pf-dalshe li:last-child:before{background:var(--acc);color:#fff;box-shadow:0 0 0 4px rgba(255,106,43,.16)}
.pf-dalshe li:not(:last-child):after{content:"";position:absolute;left:16px;top:40px;bottom:8px;border-left:1.5px dashed var(--liniya-sl)}
.pf-ris{margin-top:auto}
.gotovo{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.gotovo-znak{width:56px;height:56px;color:var(--ok)}
.gotovo h2{margin:8px 0 0}.gotovo p{margin:0;max-width:440px}
.gotovo .gotovo-dalshe{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}
.gotovo-dalshe a:not(.knopka){font-weight:600;color:var(--ink);text-decoration:none}.gotovo-dalshe a:not(.knopka):hover{color:var(--acc-d)}
.s-zayavka{grid-template-columns:minmax(0,1fr);grid-template-areas:"tekst" "forma"}
.s-zayavka .plita-formy{grid-area:forma}
.s-zayavka h1{margin-bottom:8px}
.podpiska{margin:56px 0 0}.podpiska h2{margin:0 0 8px}.podpiska .lid{margin:0 0 24px}
@media(max-width:1000px){
 .plita-formy{grid-template-columns:minmax(0,1fr)}
 .pf-dalshe{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:640px){
 .pf-polya,.pf-dalshe{padding:24px 16px}
 .pf-niz .knopka{width:100%;min-width:0}
 .pf-dalshe .pf-ris{display:none}
}

/* ───── Раскладка тела посадочной (14.10.2026, 999.474): разделы по h2, у каждого своя подача — соседи
   различаются; текст тот же, тема только раскладывает. ───── */
.razdel{margin:48px 0}
.razdel h2{margin-top:0}
.razdel>p,.razdel>div>p,.razdel .r-lev>p{max-width:780px}
.r-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 48px;align-items:start}
.r-split .r-lev{position:sticky;top:96px}
.r-split .r-lev h2{font-size:32px;line-height:1.12;letter-spacing:-.02em;margin-bottom:16px}
.r-split .r-lev p{color:var(--mute);font-size:16.500px}
.r-split .kartochki{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 32px;margin:0}
.r-split .kartochki li{border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0 0;background:none;box-shadow:none}
.r-split .kartochki b{font-size:18px;margin-bottom:8px}
.r-split .kartochki span{font-size:15.500px}
.k-ris{display:flex;align-items:flex-end;height:56px;margin:0 0 16px;color:var(--liniya)}
.k-ris svg.chertezh{width:auto;height:56px;max-width:100%}
.k-ris svg.chertezh .razmery{display:none}
.k-ris .ik-bloka{width:56px;height:56px;padding:14px;box-sizing:border-box;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--liniya-sl);color:var(--liniya);background:#fff}
.k-ris .ik-bloka .t,.ik-bloka .t{fill:var(--acc);stroke:none}
.k-ris .k-put{width:120px;height:24px;margin-bottom:16px;overflow:visible}
.k-put circle{fill:#fff;stroke:var(--liniya);stroke-width:1.5}.k-put circle.t{fill:var(--acc);stroke:none}
.k-put path{stroke:var(--liniya);stroke-width:1.5;stroke-dasharray:4 5;fill:none}
.kartochki li:hover .k-ris .ik-bloka{box-shadow:inset 0 0 0 1.5px var(--acc);color:var(--acc-d)}
.r-vopr .voprosy{max-width:none}
.r-faktory{position:relative;padding:48px 0;margin:48px 0}
.r-faktory:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
 background-image:linear-gradient(rgba(94,107,133,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.05) 1px,transparent 1px);background-size:24px 24px}
.r-faktory .faktory li{box-shadow:var(--sh2),0 0 0 1px var(--line)}
.r-ne{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;align-items:start;max-width:880px}
.r-ne-znak{width:64px;height:64px;border-radius:16px;background:#fffaea;box-shadow:inset 0 0 0 1.5px #f2d36b;display:flex;align-items:center;justify-content:center;color:#a5791a}
.r-ne-znak .ik-bloka{width:32px;height:32px}
.r-ne-znak .ik-bloka .t{fill:#a5791a}
.r-ne .ne-podojdyot{margin:0}
.r-linza{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.linza{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.linza-krug{position:relative;width:min(100%,360px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:var(--sh2),0 0 0 1px var(--line);
 background-image:linear-gradient(rgba(94,107,133,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.08) 1px,transparent 1px);background-size:16px 16px}
.linza-krug:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed var(--liniya-sl);pointer-events:none}
.linza-krug svg{position:absolute;inset:0;width:100%;height:100%}
.l-mashina .linza-krug svg.chertezh .razmery{display:none}
.l-mashina .linza-krug svg.chertezh{stroke-width:1.8}
.l-karta svg.karta .k-podp{font-size:11px;stroke-width:3px}
.l-karta svg.karta .k-podp.glav{font-size:15px}
.l-karta svg.karta .k-gorod{r:3}.l-karta svg.karta .k-gorod.on,.l-karta svg.karta .k-gorod.glav{r:4}
.l-karta svg.karta .k-duga{stroke-width:.8}.l-karta svg.karta .k-duga.on{stroke-width:1.6}
.l-karta svg.karta .k-gruz{r:3}
.linza figcaption{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
@media(max-width:1000px){
 .r-split,.r-linza{grid-template-columns:minmax(0,1fr);gap:24px}
 .r-split .r-lev{position:static}
 .r-split .r-lev h2{font-size:26px}
 .linza-krug{width:min(100%,280px)}
 .r-linza .linza{order:-1}
}
@media(max-width:640px){
 .razdel{margin:48px 0}
 .r-split .kartochki{grid-template-columns:minmax(0,1fr);gap:24px}
 .r-faktory{padding:40px 0;margin:48px 0}
 .r-ne{grid-template-columns:minmax(0,1fr);gap:16px}
 .r-ne-znak{width:48px;height:48px;border-radius:12px}
 .linza-krug{width:min(100%,240px)}
}
.telo .razdel h2{margin-top:0}
.r-linza-verh{margin:0 0 24px}
.r-linza-verh .linza-krug{width:min(100%,300px)}

/* ───── Таблицы (14.10.2026, 999.474): шапка-штамп чертежа — подписи моноширинным, под шапкой тёмная линия, в углу
   оранжевая засечка; над таблицей цен строка крупных чисел из самой таблицы. ───── */
.tablica{position:relative;box-shadow:var(--sh)}
.tablica:before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-top:2px solid var(--acc);border-left:2px solid var(--acc);border-top-left-radius:var(--r2);pointer-events:none;z-index:1}
.tablica th{background:#fff;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-bottom:1.5px solid var(--ink)}
.tablica td.n{font-variant-numeric:tabular-nums}
.tab-chisla{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;margin:24px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tab-chisla>div{padding:16px 24px 16px 0;display:flex;flex-direction:column;gap:4px}
.tab-chisla>div+div{padding-left:24px;border-left:1px dashed var(--line)}
.tab-chisla b{font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.tab-chisla .c b{color:var(--acc-d)}
.tab-chisla span{font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
/* «Коротко» статьи — паспорт карточкой: шапка тёмной полосой, пары «что — значение» плиткой в две колонки */
.tablica.korotko{border:0;background:#fff;box-shadow:var(--sh2),0 0 0 1px var(--line);border-radius:var(--r)}
.tablica.korotko:before{display:none}
.tablica.korotko table,.tablica.korotko tbody{display:block;min-width:0}
.tablica.korotko tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tablica.korotko tr{display:flex;flex-direction:column;gap:4px;padding:16px 24px;border-bottom:1px dashed var(--line)}
.tablica.korotko tr:nth-child(even){border-right:1px dashed var(--line)}
.tablica.korotko tr:first-child{grid-column:1/-1;background:var(--noch);border:0;padding:8px 24px;border-radius:var(--r) var(--r) 0 0}
.tablica.korotko tr:first-child th{background:none;border:0;padding:0;color:#fff;letter-spacing:.1em}
.tablica.korotko tr:first-child th:empty{display:none}
.tablica.korotko td{padding:0;border:0;background:none!important}
.tablica.korotko td:first-child{font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);width:auto}
.tablica.korotko td:last-child{color:var(--ink);font-weight:600;font-size:16px;line-height:1.4}
.tablica.korotko tr:hover td{background:none}

/* ───── Статья: первый экран бланком, рисунок справа; шаги — цепочкой «точка — линия — точка»; совет — со знаком ───── */
.s-statya{grid-template-areas:"tekst ris";padding-bottom:40px}
.s-statya h1{font-size:44px}
.s-statya .t-ris{max-width:380px;justify-self:end;width:100%}
.s-statya .t-ris .linza-krug{width:min(100%,300px)}
svg.list-dok{display:block;width:100%;height:auto;fill:none;stroke:var(--liniya);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 24px 24px rgba(31,42,55,.08))}
svg.list-dok .list{fill:#fff}
svg.list-dok .zad{fill:#f1f4f8;stroke:var(--liniya-sl)}
svg.list-dok .tonko{stroke:var(--liniya-sl)}
svg.list-dok .zag{fill:var(--ink);stroke:none}
svg.list-dok .zalivka{fill:var(--blue-l);stroke:none}
svg.list-dok .otm{fill:var(--acc);stroke:none}
svg.list-dok .galka{stroke:#fff;stroke-width:2}
svg.list-dok .podpis{stroke:var(--ink);stroke-width:1.8}
svg.list-dok .pechat{stroke:var(--acc);stroke-width:1.8;stroke-dasharray:3 3}
.statya{margin-top:0}
.statya .telo>ol{list-style:none;padding:0;counter-reset:sh;max-width:780px;margin:24px 0}
.statya .telo>ol>li{position:relative;padding:0 0 24px 56px;counter-increment:sh;min-height:40px}
.statya .telo>ol>li:before{content:counter(sh);position:absolute;left:0;top:-4px;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--liniya);font:500 14px/32px var(--mono);text-align:center;color:var(--ink)}
.statya .telo>ol>li:last-child:before{background:var(--acc);color:#fff;box-shadow:0 0 0 4px rgba(255,106,43,.16)}
.statya .telo>ol>li:not(:last-child):after{content:"";position:absolute;left:16px;top:32px;bottom:0;border-left:1.5px dashed var(--liniya-sl)}
.statya .telo>ol>li:last-child{padding-bottom:0}
.sovet{position:relative;padding-left:72px!important;min-height:64px}
.sovet:before{content:"";position:absolute;left:16px;top:16px;width:40px;height:40px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f5fd1' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1 2V16h5.2v-.2c0-.8.4-1.5 1-2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:inset 0 0 0 1.5px rgba(31,95,209,.35)}
.raschet{background:var(--noch);color:#c3cddb;padding:24px 32px;border-radius:var(--r);position:relative;overflow:hidden}
.raschet:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(167,177,194,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(167,177,194,.07) 1px,transparent 1px);background-size:24px 24px}
.raschet>*{position:relative}.raschet b{color:#fff}
@media(max-width:1000px){
 .s-statya{grid-template-areas:"tekst" "ris"}
 .s-statya h1{font-size:30px}
 .s-statya .t-ris{justify-self:center;max-width:280px}
}
@media(max-width:640px){
 .tablica.korotko tbody{grid-template-columns:minmax(0,1fr)}
 .tablica.korotko tr:nth-child(even){border-right:0}
 .tab-chisla{grid-template-columns:1fr 1fr}
 .tab-chisla>div+div{padding-left:16px}
 .tab-chisla>div:nth-child(odd){padding-left:0;border-left:0}
 .tab-chisla b{font-size:22px}
 .sovet{padding-left:64px!important}
 .raschet{padding:24px}
}

/* Обратный рейс на странице направления (14.10.2026, 999.477) */
.obratno{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center;margin:48px 0;padding:32px;border-radius:var(--r);background:#fff;box-shadow:var(--sh2),0 0 0 1px var(--line);position:relative;overflow:hidden}
.obratno:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(94,107,133,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(94,107,133,.05) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 60%)}
.obratno>*{position:relative}
.ob-put{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-weight:700;color:var(--ink)}
.ob-put svg{width:100%;height:24px;overflow:visible;fill:none;stroke:var(--liniya);stroke-width:1.5}
.ob-put svg path:first-of-type{stroke-dasharray:5 6}
.ob-put svg .str{stroke:var(--acc);stroke-width:2}
.ob-put svg circle{fill:#fff}.ob-put svg circle.t{fill:var(--acc);stroke:none}
.ob-tekst h2{margin:16px 0 8px;font-size:26px}
.ob-tekst p{margin:0 0 16px;color:var(--mute);max-width:560px}
.ob-dejstviya{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ob-dejstviya a:not(.knopka){font-weight:600;color:var(--ink);text-decoration:none}.ob-dejstviya a:not(.knopka):hover{color:var(--acc-d)}
@media(max-width:1000px){.obratno{grid-template-columns:minmax(0,1fr);padding:24px 16px}}

/* 15.10.2026: таблица в две-три колонки на телефоне умещается в экран — min-width 520 заставлял листать вбок
   даже «Коротко» и «Ситуация — что возмещает» в справочнике; широкие таблицы (4+ колонки) листаются как раньше. */
@media (max-width:600px){.tablica table:not(:has(tr > :nth-child(4))){min-width:0}
  .tablica table:not(:has(tr > :nth-child(4))) :is(td,th){padding-left:8px;padding-right:8px;hyphens:auto}
  .tablica table:not(:has(tr > :nth-child(4))) :is(td.n,th.n){white-space:normal}}

/* 15.10.2026, волна 3: новые заказы в первом экране «Грузов для перевозчиков» — колонкой справа вместо карты. */
.geroj-zakazy{width:100%;align-self:center}
.geroj-zakazy .gz-verh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 8px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.geroj-zakazy .gz-verh a{font:600 14px/1.3 "Golos Text",system-ui,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap}
.geroj-zakazy .zakazy{grid-template-columns:1fr;gap:8px}
.geroj-zakazy .zakaz{padding:8px 16px;gap:4px}
.zakazy-pervymi{margin:48px 0}
@media(max-width:640px){.geroj-zakazy .zakaz:nth-child(n+3){display:none}}

/* 15.10.2026, волна 3: проверка перевозчика по ИНН (inc/proverka.php, grbi.js п. 5) — плита на статье. */
.proverka{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 48px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:32px;margin:48px 0;position:relative}
.proverka:before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-top:2px solid var(--acc);border-left:2px solid var(--acc);border-top-left-radius:var(--r)}
.pr-opis h2{margin:16px 0 8px}.pr-opis p{color:var(--mute);margin:0}
.pr-forma{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-content:start}
.pr-forma label{display:grid;gap:8px;grid-column:1}.pr-forma label span{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.pr-forma input{font:600 24px/1.2 var(--mono);letter-spacing:.04em;padding:8px 16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);color:var(--ink);width:100%;min-width:0}
.pr-forma input:focus{outline:2px solid var(--acc);outline-offset:1px;background:#fff}
.pr-forma .knopka{align-self:end;height:56px}
.pr-podskazka{grid-column:1/-1;margin:0;font-size:14px;color:var(--mute)}
.pr-itog{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:24px}
.pr-itog.pr-osh p{margin:0;color:#b42318}.pr-itog.pr-zhdyom p{margin:0;color:var(--mute)}
.pr-shapka{display:grid;gap:4px;margin-bottom:16px}.pr-shapka b{font-size:24px;line-height:1.25;color:var(--ink)}.pr-shapka span{font:500 13px var(--mono);color:var(--mute)}
.pr-spisok{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pr-spisok li{display:grid;grid-template-columns:24px 1fr;column-gap:16px;padding:16px;border-radius:var(--r2);background:var(--bg)}
.pr-spisok li:before{content:"i";grid-row:1/3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--mono);background:var(--blue-l);color:var(--blue)}
.pr-spisok li.pr-ok:before{content:"✓";background:var(--ok-l);color:var(--ok)}
.pr-spisok li.pr-vnim:before{content:"!";background:#fff4cc;color:#8a5a00}
.pr-spisok li.pr-stop:before{content:"×";background:#fde8e6;color:#b42318}
.pr-spisok li.pr-stop{box-shadow:inset 3px 0 0 #b42318}
.pr-spisok b{color:var(--ink)}.pr-spisok span{color:var(--text);font-size:15px}
.pr-dalshe{margin-top:24px}.pr-dalshe>b{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--ink)}
.pr-dalshe ul{margin:8px 0;padding-left:24px}.pr-dalshe p{margin:0;font-size:14px;color:var(--mute)}
.pr-kop{font:500 13px var(--mono);padding:4px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;color:var(--ink)}
@media(max-width:820px){.proverka{grid-template-columns:1fr;padding:24px 16px}.pr-forma{grid-template-columns:1fr}.pr-forma .knopka{width:100%}}
.pr-forma input[aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318 inset}

/* 15.10.2026, волна 3: конструктор договора-заявки (inc/dogovor.php, grbi.js п. 6) — поля слева, лист справа. */
.dogovor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:32px;margin:48px 0;position:relative}
.dogovor:before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-top:2px solid var(--acc);border-left:2px solid var(--acc);border-top-left-radius:var(--r)}
.dz-opis{grid-column:1/-1;max-width:820px}.dz-opis h2{margin:16px 0 8px}.dz-opis p{color:var(--mute);margin:0 0 8px}
.dz-vazhno{background:var(--blue-l);color:var(--ink)!important;border-radius:var(--r2);padding:16px;font-size:15px}
.dz-forma fieldset{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dz-forma legend{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:8px;padding:0}
.dz-pole{display:grid;gap:4px;min-width:0}.dz-pole.shir{grid-column:1/-1}.dz-pole span{font-size:14px;color:var(--mute)}
.dz-pole input,.dz-pole select{font:400 16px/1.3 inherit;font-family:inherit;padding:8px 16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);color:var(--ink);width:100%;min-width:0}
.dz-pole input:focus,.dz-pole select:focus{outline:2px solid var(--acc);outline-offset:1px;background:#fff}
.dz-inn-otvet{grid-column:1/-1;margin:0;font-size:14px;color:var(--ok);min-height:1em}.dz-inn-otvet.stop{color:#b42318}
.dz-knopki{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.dz-sbros{background:none;border:0;color:var(--mute);text-decoration:underline;cursor:pointer;font:inherit}
.dz-sohr{font-size:14px;color:var(--mute);margin:8px 0 0}
.dz-podrobnee{margin:0 0 24px}.dz-podrobnee summary{cursor:pointer;color:var(--mute);font-size:14px;text-decoration:underline;margin-bottom:16px}.dz-podrobnee[open] summary{margin-bottom:16px}.dz-podrobnee fieldset{margin:0}
.dz-list{background:var(--bg);border-radius:var(--r2);padding:16px;align-self:start;position:sticky;top:96px}
.dz-dok{background:#fff;box-shadow:var(--sh);padding:32px 24px;font:400 14px/1.5 "Times New Roman",Georgia,serif;color:#111}
.dz-dok h3{font-size:18px;text-align:center;margin:0}.dz-dok .dz-data{text-align:center;margin:4px 0 16px}
.dz-dok table{border-collapse:collapse;width:100%;margin:0 0 16px}.dz-dok th,.dz-dok td{border:1px solid #c9ced6;padding:4px 8px;text-align:left;vertical-align:top}.dz-dok th{width:28%;font-weight:600}
.dz-dok h4{margin:0 0 8px;font-size:15px}.dz-dok ol{padding-left:24px;margin:0 0 24px}.dz-dok li{margin:0 0 8px}
.dz-pusto{color:#9aa3b2;letter-spacing:-.05em}
.dz-dok small{font-size:12px;color:#555}.dz-dok .dz-snoska{font-size:12px;color:#555;margin:0}.putevoj .dz-dok th{width:32%}
.ev-forma fieldset{grid-template-columns:1fr;gap:8px}.ev-punkt{display:flex;gap:16px;align-items:flex-start;cursor:pointer;padding:8px 16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);font-size:15px;color:var(--ink)}
.ev-punkt input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--acc)}.ev-punkt:has(input:checked){background:#fff;border-color:var(--acc)}
.ev-dok{font:400 16px/1.55 inherit;font-family:inherit;color:var(--text)}.ev-dok p{margin:0 0 16px}.ev-dok ul{margin:0 0 16px;padding-left:24px}
.ev-itog{font-size:22px;font-weight:600;color:var(--ink)}.ev-itog:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:2px;background:var(--ok)}.ev-itog.ev-bumaga:before{background:var(--blue)}.ev-itog.ev-net:before{background:var(--mute)}
.pg-osi fieldset,.pg-osi-spisok{display:grid;grid-template-columns:1fr 1fr;gap:16px;grid-column:1/-1}.pg-osi{grid-template-columns:1fr}.pg-galka{display:flex;gap:8px;align-items:center;cursor:pointer}.pg-galka input{width:18px;height:18px;flex:none;accent-color:var(--acc)}.pg-galka span{color:var(--ink)!important}
.pg-dok{font-family:inherit}.pg-dok td.n,.pg-dok th.n{text-align:right;white-space:nowrap}.pg-dok th{width:auto}.pg-bolshe td{color:#b42318;font-weight:600}.ev-itog.pg-shtraf:before{background:#d92d20}.ev-itog.pg-malo:before{background:var(--blue)}.pg-podskazka{color:var(--mute)}
@media(max-width:900px){.pg-osi-spisok{grid-template-columns:1fr 1fr}.pg-otvet .pg-dok{padding:16px 8px}.pg-dok table{font-size:13px}.pg-dok th,.pg-dok td{padding:4px}}
.peregruz>*,.pg-forma fieldset,.pg-osi-spisok>*{min-width:0}.pg-dok{overflow-x:auto}
.telo .zagotovka{border:1px dashed var(--line);border-radius:var(--r2);background:var(--bg);padding:16px 24px;margin:0 0 24px;font-size:15px}.telo .zagotovka p{margin:0 0 8px}
@media(max-width:700px){.tablica.kalendar table{min-width:0}.kalendar tr:first-child{display:none}.kalendar tr{display:block;padding:16px;border-bottom:1px solid var(--line)}.kalendar tr:last-child{border-bottom:0}.kalendar td{display:block;padding:0 0 4px;border:0;text-align:left!important;white-space:normal}.kalendar td:first-child{font-weight:600;color:var(--ink)}.kalendar td:nth-child(3),.kalendar td:nth-child(4){font-size:14px;color:var(--mute)}.kalendar td:nth-child(4):before{content:"Статус: "}}
.dz-podpisi{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dz-podpisi b{display:block}.dz-podpisi span{display:block;border-top:1px solid #111;margin-top:48px;padding-top:4px;font-size:12px;color:#555}
@media(max-width:900px){.dogovor{grid-template-columns:1fr;padding:24px 16px}.dz-list{position:static}.dz-forma fieldset{grid-template-columns:1fr}.dz-dok{padding:24px 16px}}
@media print{body.dz-pechat *{visibility:hidden}body.dz-pechat .dz-dok,body.dz-pechat .dz-dok *{visibility:visible}
  body.dz-pechat .dz-dok{position:absolute;left:0;top:0;width:100%;box-shadow:none;padding:0}}
/* На статье с сервисом главное действие — сервис: призыв в тексте и кнопка боковой карточки контурные. */
.est-servis .raschet .knopka,.est-servis .kartka .knopka{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}

.svodka-rejs{margin:12px 0 0}.svodka-rejs a{color:var(--blue);font-weight:500}
.rt-dok h3{font-size:17px;margin:18px 0 6px}.rt-dok th{width:30%;text-align:left;vertical-align:top;font-weight:600}@media(max-width:640px){.rt-dok th,.rt-dok td{display:block;width:auto}.rt-dok th{padding-bottom:0;border:0}}
.ng-dop{margin-top:12px}.ng-dop td:first-child{width:40%}
/* Претензия об оплате и карта весового контроля (999.446, 999.448; день 18.10.2026) */
.dz-dok tr.dz-itog th,.dz-dok tr.dz-itog td{font-weight:700}.dz-adresat{margin-left:auto;max-width:60%;text-align:left}
.ramki .rk-karta{align-self:start;background:var(--bg);border-radius:var(--r2);padding:8px}
.ramki .rk-otvet{grid-column:1/-1;position:static}
svg.karta .rk-t{fill:var(--liniya-sl);stroke:#fff;stroke-width:.8;cursor:pointer}
svg.karta .rk-t.on{fill:var(--blue);stroke:#fff;stroke-width:1.4;r:5}
.rk-tablica{max-height:420px;overflow:auto}.rk-tablica table{width:100%}.rk-tablica td,.rk-tablica th{padding:6px 8px;vertical-align:top}.rk-tablica small{color:var(--mute)}
@media(max-width:900px){.dz-adresat{max-width:100%}.rk-tablica td,.rk-tablica th{padding:4px;font-size:13px}}
.pretenziya .dz-dok th{width:62%}.pretenziya .dz-dok td.n{text-align:right;white-space:nowrap}
.telo ul.kolonki{columns:2;column-gap:32px}@media(max-width:600px){.telo ul.kolonki{columns:1}}
.zg-plan{display:block;width:100%;height:auto;margin:12px 0;color:var(--mute)}.zagruzka .dz-pole.shir select{width:100%}
.zhurnal>*,.sroki>*,.zagruzka>*,.perekrytiya>*,.zhurnal .pg-forma fieldset,.sroki .pg-forma fieldset{min-width:0}.zhurnal form>button,.sroki form>button{margin:8px 8px 0 0}.sroki .dz-dok td{overflow-wrap:anywhere}@media(max-width:600px){.zh-rejsy tr:first-child{display:none}.zh-rejsy tr,.zh-rejsy td{display:block;width:auto}.zh-rejsy tr{border-bottom:1px solid var(--line,#e4e7ec);padding:6px 0}.zh-rejsy td,.zh-rejsy td.n{border:0;text-align:left;white-space:normal;padding:2px 4px}}

/* Эскизы-разбивки (999.503, 20.10.2026, inc/eskizy.php): уже колонки текста — «как разбавление полотен» */
.telo figure.eskiz{margin:32px 0;max-width:560px}
.telo figure.eskiz img{display:block;width:100%;height:auto;border:1px solid #E3E8EF;border-radius:12px;background:#fff}
.telo figure.eskiz figcaption{margin-top:8px;font-size:.88rem;color:#5B6675}