/* Оформление 1 «Спецификация» — лист расчёта: светлая бумага, инженерная сетка, чертёж блока с размерами, моноширинные цифры.
   Цвета — как у оформления 2 «Площадка» (пользователь 2026-10-28: «исправь первую тему в цветах второй»): тёмная шапка, подвал и нижняя панель
   («асфальт» #121417), сигнальный синий #1458f0 для размеров, номеров разделов и главных кнопок, синяя полоса заявки. Углы прямые, линии тонкие.
   Шрифты: Geist (текст, заголовки) + Martian Mono (цифры, размеры, подписи). Логотип — завода (include/logo.php), на тёмной шапке — в цветах завода. */
:root {
  --bg: #f1f2f3; --bg2: #e4e7ea; --card: #fff; --ink: #0f1113; --ink2: #454b52; --line: #d4d8dd; --line-strong: #8e97a1;
  --acc: #1458f0; --acc-ink: #fff; --acc-2: #0e46c6; --acc-soft: #e2ebfe;
  --btn: #1458f0; --btn-ink: #fff; --btn-hover: #0c43c0; --ghost-line: #0f1113;
  --dk: #121417; --dk2: #1c1f23; --dk-ink: #f4f5f6; --dk-ink2: #b8bec6; --dk-line: #2f343b;
  --hdr-bg: #121417; --hdr-ink: #fff; --hdr-ink2: #b8bec6; --hdr-line: #121417; --burger-line: #3a4048; --burger-bg: #121417; --burger-ink: #fff;
  --ftr-bg: #0c0e10; --ftr-ink: #b8bec6; --ftr-link: #fff; --ftr-line: #2a2e34;
  --fab-bg: #121417; --fab-ink: #fff; --fab-line: #2f343b; --fab-call: #1458f0; --fab-call-ink: #fff;
  --media-bg: #fff; --field: #fff; --field-line: #8e97a1; --focus: #1458f0;
  --draw-top: #fff; --draw-left: #e8ebef; --draw-right: #cdd3da; --draw-line: #0f1113; --draw-dim: #1458f0; --draw-cut: #c0c7cf; --draw-cut2: #aab2bc; --draw-in: #d9dee4; --draw-in2: #c6ccd4;
  --grid-1: rgba(20, 88, 240, .055); --grid-5: rgba(20, 88, 240, .11);
  --font-b: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-h: var(--font-b); --font-logo: var(--font-b); --font-tel: var(--font-b);
  --font-m: 'Martian Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace; --font-k: var(--font-m); --font-num: var(--font-m); --m-stretch: 87.5%;
  --h-w: 650; --h-ls: -.03em; --lh-h: 1.04; --h1-max: 66px; --h2-max: 42px; --bold: 650;
  --k-fs: 11px; --k-w: 500; --k-ls: .08em;
  --r: 0px; --r-btn: 1px; --r-in: 1px; --r-tab: 1px; --r-chip: 1px;
  --btn-w: 600; --logo-w: 700; --logo-ls: -.035em; --tel-w: 650;
  --tab-on-bg: #1458f0; --tab-on-ink: #fff; --chip-on: #1458f0; --chip-on-ink: #fff;
  --pcard-line-h: #1458f0; --price-w: 600; --kpi-w: 600;
  --shadow: 6px 6px 0 -1px rgba(20, 88, 240, .16);
  --th-bg: #121417; --th-ink: #fff; --num-ws: -.42em; --font-th: var(--font-m); --th-w: 500; --th-fs: 11.5px;
  --form-bg: #24282d; --form-ink: #fff; --form-ink2: #c9ced5; --taxi-bg: #121417; --taxi-ink: #fff; --taxi-ink2: #b8bec6;   /* плашка заявки — спокойный графит, как тёмные блоки bonolit.ru (пользователь 2026-10-28) */
}

/* миллиметровка: 8 px — мелкая клетка, 40 px — крупная */
/* сетка — только под чертежами; под фото завода фон ровный (фото кладётся «умножением», сетка просвечивала бы сквозь блок — пользователь 2026-10-28) */
.v1 .hero, .v1 .phead, .v1 .gal__v.is-draw, .v1 .pcard__m.is-draw, .v1 .stile__m:has(> svg) {
  background-image: linear-gradient(var(--grid-5) 1px, transparent 1px), linear-gradient(90deg, var(--grid-5) 1px, transparent 1px),
    linear-gradient(var(--grid-1) 1px, transparent 1px), linear-gradient(90deg, var(--grid-1) 1px, transparent 1px);
  background-size: 40px 40px, 40px 40px, 8px 8px, 8px 8px; background-position: -1px -1px; }
.v1 .pcard__m.is-draw, .v1 .stile__m:has(> svg) { background-size: 24px 24px, 24px 24px, 6px 6px, 6px 6px; }
.v1 .hero { border-bottom: 1px solid var(--ink); }
.v1 .phead { border-bottom-color: var(--ink); }

/* шапка: тонкая чёрная линия снизу, номер телефона моно-цифрами */
.v1 .hdr__num { letter-spacing: -.01em; }
.v1 .nav a { font-weight: 500; }
.v1 .burger__nav, .v1 .burger__nav a { border-bottom-color: var(--dk-line); }   /* меню на тёмном, как в оформлении 2 */
.v1 .burger__nav a.burger__sub { color: var(--hdr-ink2); }

/* надпись раздела: «03 — ЦЕНЫ» с тонкой линией до края */
.v1 main .kicker::before { content: counter(bn-sec, decimal-leading-zero); flex: none; padding: 3px 5px 2px; background: var(--acc); color: #fff; font-weight: 600; letter-spacing: .02em; }
.v1 main .kicker::after { content: ''; flex: 1; height: 1px; background: var(--line-strong); min-width: 24px; }
.v1 .hero .kicker::before { content: ''; width: 26px; height: 9px; padding: 0; background:
  linear-gradient(var(--acc), var(--acc)) left center / 100% 1.5px no-repeat, linear-gradient(var(--acc), var(--acc)) left / 1.5px 100% no-repeat, linear-gradient(var(--acc), var(--acc)) right / 1.5px 100% no-repeat; }
.v1 .hero .kicker { color: var(--ink); }
.v1 .hero .kicker::after { display: none; }

/* первый экран: лист с рамкой и штампом — чертёж блока по размерам из каталога */
.v1 .hero__fig { padding: 12px 12px 0; background: #fff; border: 1px solid var(--ink); box-shadow: 8px 8px 0 -1px var(--acc-soft); }
.v1 .hero__fig::before { content: ''; position: absolute; inset: 5px 5px auto 5px; height: calc(100% - 46px); border: 1px solid var(--line); pointer-events: none; }
.v1 .hero__fig figcaption { display: flex; align-items: center; gap: 10px; margin: 12px -12px 0; padding: 10px 12px; border-top: 1px solid var(--ink); font: 500 11px/1.4 var(--font-m); font-stretch: 87.5%; color: var(--ink); }
.v1 .hero__fig figcaption::before { content: ''; flex: none; width: 10px; height: 10px; background: var(--acc); }
.v1 .kpis { background: var(--ink); border: 1px solid var(--ink); gap: 1px; }
.v1 .kpis div { background: #fff; }
.v1 .kpis dt { font: 500 10.5px/1.35 var(--font-m); letter-spacing: .04em; text-transform: uppercase; }
.v1 .kpis dd { color: var(--ink); }
.v1 .hero__cta .btn--ghost { background: #fff; }

/* кнопки: прямоугольник, главная — «чернила» */
.v1 .btn { font-weight: 600; letter-spacing: -.005em; }
.v1 .btn:not(.btn--ghost) { box-shadow: 3px 3px 0 0 var(--ink); }
.v1 .btn:not(.btn--ghost):hover { box-shadow: 1px 1px 0 0 var(--ink); transform: translate(2px, 2px); }
.v1 .btn--ghost { border-width: 1.5px; }
.v1 .more a { border-bottom-width: 1.5px; color: var(--acc-2); }

/* вкладки подбора — сегменты */
.v1 .picker__tabs button { border-color: var(--ink); font-weight: 500; }
.v1 .picker__tabs button[aria-selected='true'] { box-shadow: inset 0 -3px 0 var(--acc); }

/* карточки: лист с клеткой, цена — моно */
.v1 .pcard { border-color: var(--line-strong); }
.v1 .pcard:hover { border-color: var(--acc); }
.v1 .pcard__m { border: 1px solid var(--line); }
.v1 .pcard__t { font-weight: 600; letter-spacing: -.01em; }
.v1 .pcard .price__v, .v1 .stile__n { color: var(--ink); }
.v1 .stile { border-color: var(--line-strong); }
.v1 .stile:hover { border-color: var(--acc); }
.v1 .stile__m { border: 1px solid var(--line); }

/* таблицы — ведомость: шапка моно, цифры по разрядам */
.v1 .matrix, .v1 .spec__t { border-color: var(--ink); }
.v1 .matrix__t tr:first-child th { border-bottom-color: var(--ink); color: var(--th-ink); }
.v1 .matrix__t td.num a:hover { background: var(--acc); }
.v1 .spec__t tr { border-bottom-color: var(--line-strong); }

/* факты: таблица 2×3 с линиями */
.v1 .facts { background: var(--ink); border-color: var(--ink); }
.v1 .fact__k { font: 600 17px/1.2 var(--font-m); font-stretch: 87.5%; letter-spacing: -.01em; text-transform: none; color: var(--acc-2); }
.v1 .dlist { border-top-color: var(--ink); }

/* блоки, калькулятор, формы: рамка чёрной линией */
.v1 .box, .v1 .calc, .v1 .form, .v1 .buy, .v1 .plant { border-color: var(--ink); }
.v1 .calc legend { color: var(--ink); display: flex; gap: 8px; align-items: center; }
.v1 .calc legend::before { content: ''; width: 10px; height: 10px; background: var(--acc); }
.v1 .calc__res div { background: #fff; border-color: var(--line-strong); }
.v1 .calc__sum { color: var(--acc-2); }
.v1 .sec--form { border-top: 1px solid var(--ink); }
.v1 .sec--form h2, .v1 .sec--taxi h2 { color: #fff; }
.v1 .sec--form .kicker, .v1 .sec--taxi .kicker { color: #fff; }
.v1 .sec--form .kicker::before { background: var(--acc); }
.v1 .sec--form .kicker::after, .v1 .sec--taxi .kicker::after { background: rgba(255, 255, 255, .35); }
.v1 .sec--taxi { border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.v1 .taxi-note { background: var(--acc-soft); }
.v1 .form { box-shadow: 8px 8px 0 -1px rgba(0, 0, 0, .22); }

/* карточка товара: чертёж на листе, цена крупно моно */
.v1 .gal { border: 1px solid var(--ink); background-color: #fff; }
.v1 .gal__tabs button { border-color: var(--ink); }
.v1 .buy { box-shadow: 8px 8px 0 -1px var(--acc-soft); }
.v1 .price--big .price__v { letter-spacing: -.03em; }
.v1 .prod__chips span { background: #fff; border: 1px solid var(--line-strong); }
.v1 .qa summary { font-weight: 550; }

/* подвал — «штамп» листа: светлый, ячейки разделены линиями */
.v1 .ftr { border-top: 2px solid var(--acc); }
.v1 .ftr__tel { font-family: var(--font-m); font-stretch: 87.5%; font-weight: 600; font-size: 20px; letter-spacing: -.02em; }
.v1 .fab { border-top: 1px solid var(--ink); }
.v1 .fab a { font-weight: 600; }

@media (min-width: 760px) {
  .v1 .ftr__in { gap: 0; border: 1px solid var(--ftr-line); }
  .v1 .ftr__in > * { padding: 18px 20px; border-right: 1px solid var(--ftr-line); }
  .v1 .ftr__in > :nth-child(4) { border-right: 0; }
  .v1 .ftr__legal { border-top: 1px solid var(--ftr-line); padding: 14px 20px; }
}
@media (min-width: 1080px) {
  /* первый экран — лист чертежа: рамка, поле подшивки слева, штамп (цифры) внизу на всю ширину */
  .v1 .hero { padding: 40px 0 56px; }
  .v1 .hero__in { width: calc(100% - 2 * var(--wrap-px)); max-width: calc(var(--wrap) - 2 * var(--wrap-px)); padding: 52px 48px 0 72px; border: 1.5px solid var(--ink); background: rgba(255, 255, 255, .5); box-shadow: 10px 10px 0 -1px var(--acc-soft); }
  .v1 .hero__in::before { content: ''; position: absolute; top: 0; bottom: 0; left: 24px; border-left: 1px solid var(--ink); pointer-events: none; }
  .v1 .hero__fig { padding: 18px 18px 0; box-shadow: none; }
  .v1 .hero__fig figcaption { margin: 16px -18px 0; padding: 12px 18px; }
  .v1 .kpis { margin: 0 -48px 0 -48px; border-width: 1px 0 0; }
  .v1 .kpis div { padding: 16px 20px; }
  .v1 .kpis div:first-child { padding-left: 24px; }
}