/* Тема C «Заказ-наряд»: автосервис, шиномонтаж, ремонт техники. Описание в DESIGN.md */
@font-face{font-family:"IBM Plex Sans";src:url("fonts/plex-sans.woff") format("woff");font-weight:100 700;font-stretch:75% 100%;font-display:swap}
:root{
  --font:"IBM Plex Sans",system-ui,sans-serif;--font-display:var(--font);
  --display-weight:700;--display-stretch:75%;--display-case:uppercase;--display-track:0;
  --fs-body:17px;--fs-lead:20px;--fs-h1:clamp(42px,11vw,78px);--fs-h2:clamp(32px,6vw,50px);--fs-h3:24px;--fs-total:38px;--fs-quote:21px;
  --gap-title:24px;--sec-y:clamp(56px,8vw,92px);
  --bg:#DEE2E5;--surface:#F7F8F9;--ink:#161A1D;--muted:#4A5258;--link:#161A1D;
  --accent:#B0301A;--accent-hover:#952713;--on-accent:#FFFFFF;
  --mark:#B0301A;--mark-ink:#FFFFFF;--mark-size:4px;--focus:#161A1D;--tick:#B0301A;--rule:#9AA3A9;--error:#A3200F;
  --top-bg:#F7F8F9;--input-bg:#FFFFFF;--input-line:#8E979D;
  --radius-ctl:0;--radius-img:0;--radius-sheet:0;--radius-card:0;--radius-step:0;
  --shadow-sheet:0 18px 36px -20px rgba(22,26,29,.5);
  --prices-bg:#F7F8F9;--prices-pad:0;--prices-pad-x:16px;--pl-head:flex;--pl-head-bg:#161A1D;--pl-head-ink:#F7F8F9;--zebra:#ECEEF0;
  --steps-bg:#CDD3D7;--step-bg:#161A1D;--step-ink:#FFFFFF;
  --field:#161A1D;--field-ink:#F2F4F5;--field-muted:#AEB6BC;--field-link:#F2F4F5;--field-btn:#C43A21;--field-btn-ink:#FFFFFF;--field-btn-hover:#D24A30;--field-error:#FFB4A8;--ghost-hover:rgba(255,255,255,.08);
  --dock-bg:#161A1D;--dock-btn:#F2F4F5;--dock-btn-ink:#161A1D;
}
.top{border-top:6px solid var(--accent)}
.contact{--focus:#F2F4F5}
#calc-total{background-position:0 100%}
.sheet-title{background:var(--ink);color:var(--surface);margin:-24px -20px 20px;padding:12px 20px;font-size:22px}
@media (min-width:760px){.sheet-title{margin:-32px -32px 24px;padding:14px 32px}}
.pl-name{text-transform:uppercase;font-stretch:80%;font-weight:700;letter-spacing:.01em}