/* ===== СТИЛЬ «ПРОМИСЛОВИЙ» — основний з 09.11 (рішення Федора) =====
   Підключається поверх site.css. Інженерний шрифт IBM Plex Sans, звичайний регістр замість КАПСУ з розрядкою,
   спокійний глибокий зелений замість салатового. Моноширинний IBM Plex Mono лишається тільки для цифр і характеристик. */

:root {
  --font: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-head: 'IBM Plex Sans Condensed', 'IBM Plex Sans', 'Arial Narrow', Arial, sans-serif;
  --font-num: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --accent: #3d7a3a;        /* кнопки, плашки */
  --accent-ink: #ffffff;    /* текст на кнопці */
  --accent-t: #356b33;      /* зелений текст на світлому */
}
.dark, .hero, .foot, .shot-dark, .nav { --accent-t: #8fc27d; }
.nav--solid, .nav--open { --accent-t: #356b33; }

/* звичайний регістр і звичайна розрядка всюди, крім цифр */
body, body * { text-transform: none !important; letter-spacing: normal; }
body { font-family: var(--font); font-weight: 400; }

/* заголовки: щільний інженерний шрифт, без капсу */
.h2, .hero__title, .ref__h, .nabir__h, .vid__h, .kliuch__h, .calc__h, .put__h, .line__name, .step h3, .faq summary, .truby__tags b, .zavod__facts b, .res__name, .q__title {
  font-family: var(--font-head); letter-spacing: -0.01em;
}
.h2 { font-weight: 700; line-height: 1.08; font-size: clamp(1.9rem, 4vw, 3rem); max-width: 22ch; }
.hero__title { font-weight: 700; line-height: 1.02; letter-spacing: -0.015em; }
.hero__title--long { font-size: clamp(2.1rem, 6.4vw, 4.2rem); max-width: 16ch; }
.line__name { font-weight: 700; font-size: 26px; }
.step h3 { font-size: 22px; }
.faq summary { font-weight: 600; font-size: 18px; }

/* дрібні підписи: звичайний регістр, напівжирний, без розрядки */
.eyebrow, .hero__label, .stat__l, .line__specs dt, .cmp__row > span, .cmp__row--head b, .ref__row--h, .sizes__cap, .tile__sub, .kompl__t, .role-panel__k, .field label, .field__label, .izol__t, .calc__k, .quiz__count, .hero__meta {
  font-size: 14px; font-weight: 600; letter-spacing: 0.01em;
}
.eyebrow, .hero__label { color: var(--accent-t); font-size: 15px; }
.hero__label { color: #b9dcae; }

/* кнопки і меню */
.btn { font-size: 15px; font-weight: 600; letter-spacing: 0.01em; }
.btn--sm { font-size: 14px; }
.btn--accent:hover { background: #2f6430 !important; }
.nav__links a { font-size: 15px; font-weight: 500; letter-spacing: 0; }
.topbar__t, .topbar__m, .topbar__tel { letter-spacing: 0; }
.sticky__b { font-size: 14px; font-weight: 600; }

/* цифри й характеристики — моноширинним, як у технічних таблицях */
.stat__v, .big, .line__specs dd, .sizes td, .ref__stats b, .ref__date, .ref__d, .calc__d, .calc__flow b, .calc__m, .calc__row, .zavod__facts b, .kliuch__pts b, .izol__row b, .step__n, .put__n, .role-tab__n, .topbar__tel, .race__count b, .tgm__doc i {
  font-family: var(--font-num); letter-spacing: -0.01em;
}
.line__specs dd { font-weight: 600; }
.ref__stats b, .zavod__facts b { font-weight: 600; }

/* жорстко зашитий салатовий у тінях і підсвітках → спокійний зелений */
.vid__btn { box-shadow: 0 0 0 10px rgba(61, 122, 58, .28); }
@keyframes zavodPulse { 0%, 100% { box-shadow: 0 0 0 10px rgba(61, 122, 58, .32); } 50% { box-shadow: 0 0 0 22px rgba(61, 122, 58, .08); } }
.seg input:checked + span { background: rgba(61, 122, 58, .12); }
.nav__lang:hover { background: rgba(61, 122, 58, .12); }
.hero__vid-i, .tgm__ava, .tgm__ic { color: #fff; }
.line__duo b { letter-spacing: 0.06em; }
/* зелений акцент на темному першому екрані світліший, щоб читався */
.hero__title--long .hero__title-k { color: #8fc27d; }
.hero__title--long { font-size: clamp(2.1rem, 5.6vw, 3.7rem); max-width: 18ch; }
.izol__t { font-size: 16px; }