/* ============================================================
   «О компании» (/about)
   Файл переписан 18.08.2026 под макет заказчика: страница собрана
   заново (три страницы поставок объединены сюда 16.08.2026), и от
   прежних 2296 строк оставалось шесть поколений правил на одни и те
   же селекторы — переопределения через :not(.admin-body) ×5 вместо
   каскада. Здесь один проход: mobile-first, пороги 768/1024/1280,
   значения из токенов 01-base.css.

   Ритм разделов не задаётся: расстояния между секциями живут одним
   правилом в 09-design-system.css. Здесь только внутреннее устройство
   блоков.
   ============================================================ */

body:not(.admin-body).pages.about {
  /* Локальная палитра страницы: вторичный текст и акцент. Оба цвета
     уже действовали на странице, здесь они собраны в одно место. */
  --abt-soft: #5C6E84;
  --abt-accent: #1870BD;
  --abt-panel: #F4F8FD;
  --abt-card-pad: 20px;
}

/* ===== 0. Ритм разделов =====
   Между блоками 20px: по 10px сверху и снизу у каждого раздела. Аудит
   21.08.2026 (P1-3) предлагал 48px, и они были сделаны, но заказчик
   вернул 20px (24.08.2026) — страница держится компактной.

   Почему повтор класса: общее правило в 09-design-system.css идёт с пятью
   :not(.admin-body), то есть (0,7,3), и обнуляет padding-bottom. Повторяем
   .about до той же силы и выигрываем каскадом — файл 14 подключается после
   09. Тот же приём работает на «Отраслях» (12-industries-final.css).

   При 48px появился смысл в тонированных полосах: внутренний отступ полосы
   теперь 24px, и текст не прилипает к краю цвета — ровно то, из-за чего
   полосы убирали при зазоре 20px. */
body:not(.admin-body).pages.about.about.about.about.about main > section {
  padding-block: 0;
}

/* Первый экран: сверху 28px держат зафиксированный зазор «крошки → H1»,
   как на остальных страницах меню (просьба 19.08.2026 — заголовки не
   должны скакать при переходах). */
body:not(.admin-body).pages.about.about.about.about.about main > section.abt-hero {
  padding-top: 28px;
  padding-bottom: 0;
}

/* Один межстрочный на кегль (аудит 21.08.2026, P1-1): общие .text-link и
   .text-link-inline приносили на страницу третий и четвёртый интервал. */
body:not(.admin-body).pages.about main .text-link {
  line-height: var(--lh-compact);
}

body:not(.admin-body).pages.about main .text-link-inline {
  line-height: var(--lh-text);
}

/* ===== 1. Первый экран ===== */

/* Колонки выравниваются по верху: при выравнивании по центру текстовая
   колонка съезжала вниз вслед за картинкой и зазор «крошки →
   надзаголовок» вырастал с 28 до 65px на широких экранах. */
body:not(.admin-body).pages.about .abt-hero-grid {
  display: grid;
  gap: var(--space-6);
  align-items: start;
}

/* Колонки первого экрана не распирает длинное слово: у грид-элемента
   min-width по умолчанию auto, и «электрооборудования» при 30px делало
   колонку шире контейнера — на 320px появлялась горизонтальная прокрутка
   (аудит 17.08.2026, П7). */
body:not(.admin-body).pages.about .abt-hero-grid > * {
  min-width: 0;
}

/* Отступы внутри первого экрана: надзаголовок → H1 и H1 → лид приходят
   из общих правил (24 и 20px). Здесь они сжаты — на экране с лимитом
   высоты это самый дешёвый резерв, а воздух остаётся читаемым. */
body:not(.admin-body).pages.about.about.about.about.about.about main .abt-hero .eyebrow {
  margin-bottom: var(--space-2);
}

/* 20px от H1 до лида — как на Главной (сверка 31.08.2026): было 8 */
body:not(.admin-body).pages.about.about.about.about.about.about main .abt-hero .lead {
  margin-top: var(--space-5);
}

body:not(.admin-body).pages.about .abt-hero-copy h1 {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: var(--ls-h1);
  color: var(--color-text);
  /* 20px до лида — как на Главной (сверка 31.08.2026): было 12 */
  margin: 0 0 var(--space-5);
  max-width: 34ch;
  text-wrap: balance;
}

body:not(.admin-body).pages.about.about.about.about.about .abt-hero-copy .lead {
  /* Лид крупнее основного текста: принятая пара 17/26.35 (аудит 24.08) */
  font-size: 17px;
  line-height: 1.55;
  color: var(--abt-soft);
  max-width: 60ch;
  margin: 0 0 var(--space-2);
}

body:not(.admin-body).pages.about .abt-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
}

body:not(.admin-body).pages.about .abt-hero-meta li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-caption);
  line-height: var(--lh-compact);
  color: var(--color-text);
}

body:not(.admin-body).pages.about .abt-hero-meta-ico {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--abt-panel);
  position: relative;
}

body:not(.admin-body).pages.about .abt-hero-meta-ico::before {
  content: "";
  position: absolute;
  inset: 5px;
  background: var(--abt-accent);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

body:not(.admin-body).pages.about .abt-hero-meta-ico--building::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M4 21V5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v16'/%3E%3Cpath d='M15 10h4a1 1 0 0 1 1 1v10'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M4 21V5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v16'/%3E%3Cpath d='M15 10h4a1 1 0 0 1 1 1v10'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-hero-meta-ico--pin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

/* Метка ИНН: без маски значок оставался пустым кружком (26.08.2026) */
body:not(.admin-body).pages.about .abt-hero-meta-ico--file::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}

/* Схема обработки спецификации: растровый макет заказчика. Ширину
   держит сетка, высоту — пропорции самой картинки. */
/* Ширину держим через justify-self, а не auto-полями: в грид-ячейке
   поля auto дают shrink-to-fit, и картинка с width:100% схлопывалась
   в ноль (проверено замером на 375px). */
body:not(.admin-body).pages.about .abt-hero-doc {
  margin: 0;
  width: 90%;
  justify-self: center;
}

body:not(.admin-body).pages.about .abt-hero-doc-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-card);
}

/* ===== Общие детали блоков ===== */

/* Заголовки разделов — 24px: при H1 в 30px общесайтовые 26px давали
   ступень ×1.15, глаз читал их как один уровень (аудит 17.08.2026, Д3).
   Классов в селекторе на один больше, чем у общего правила заголовков
   разделов (.section-head h2 с шестью :not) — иначе оно возвращает 26px. */
body:not(.admin-body).pages.about.about.about.about.about.about main h2 {
  font-size: 24px;
  line-height: 1.25;
}

body:not(.admin-body).pages.about .abt-check-list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

body:not(.admin-body).pages.about .abt-check-list li,
body:not(.admin-body).pages.about .abt-proof-list li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: var(--space-3);
  align-items: start;
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--color-text);
}

body:not(.admin-body).pages.about .abt-point-mark {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--abt-panel);
  position: relative;
}

body:not(.admin-body).pages.about .abt-point-mark::before {
  content: "";
  position: absolute;
  inset: 5px;
  background: var(--abt-accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='m5 13 4 4 10-10'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='m5 13 4 4 10-10'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Голова раздела: 32px под ней — общесайтовое значение, здесь оно съедает
   высоту, из-за которой пять шагов уходили за нижний край экрана. */
body:not(.admin-body).pages.about .section-head {
  margin-bottom: var(--space-4);
}

/* ===== 2. Как обрабатываем спецификацию ===== */

body:not(.admin-body).pages.about .abt-process-cards {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

body:not(.admin-body).pages.about .abt-process-card {
  position: relative;
  padding: var(--space-4);
  background: var(--color-bg);
  border: var(--border);
  border-radius: var(--radius-control);
}

/* Иконка внизу карточки шага — по рендеру заказчика 24.08.2026.
   Прижата к низу, поэтому карточки ряда остаются одной высоты. */
body:not(.admin-body).pages.about .abt-process-card {
  display: flex;
  flex-direction: column;
}

body:not(.admin-body).pages.about .abt-process-ico {
  width: 40px;
  height: 40px;
  margin-top: auto;
  padding-top: var(--space-4);
  background: var(--abt-accent);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom left;
  mask-position: bottom left;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
}

body:not(.admin-body).pages.about .abt-process-ico--1 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-process-ico--2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-process-ico--3 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 3 5 6v6c0 4 3 7 7 9 4-2 7-5 7-9V6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 3 5 6v6c0 4 3 7 7 9 4-2 7-5 7-9V6Z'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-process-ico--4 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 20h4l10-10-4-4L4 16Z'/%3E%3Cpath d='m14 6 4 4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 20h4l10-10-4-4L4 16Z'/%3E%3Cpath d='m14 6 4 4'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-process-ico--5 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M7 3h7l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M7 3h7l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-process-num {
  display: block;
  margin-bottom: var(--space-3);
  font-size: var(--fs-overline);
  line-height: 18px;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-overline);
  color: var(--abt-accent);
  font-variant-numeric: tabular-nums;
}

body:not(.admin-body).pages.about .abt-process-name {
  margin: 0 0 var(--space-2);
  line-height: 1.3;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-h3);
  color: var(--color-text);
}

body:not(.admin-body).pages.about .abt-process-text {
  margin: 0;
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--abt-soft);
}

/* ===== 3. Что можно прислать / когда и что получите ===== */

body:not(.admin-body).pages.about .abt-start-item {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: var(--space-4);
  align-items: start;
}

body:not(.admin-body).pages.about .abt-start-item + .abt-start-item {
  margin-top: var(--space-5);
}

body:not(.admin-body).pages.about .abt-start-mark {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-chip);
  border: var(--border);
  background: var(--abt-panel);
  position: relative;
}

body:not(.admin-body).pages.about .abt-start-mark::before {
  content: "";
  position: absolute;
  inset: 8px;
  background: var(--abt-accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M14 3H7a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7Z'/%3E%3Cpath d='M14 3v4h4'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M14 3H7a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7Z'/%3E%3Cpath d='M14 3v4h4'/%3E%3C/svg%3E") no-repeat center / contain;
}

body:not(.admin-body).pages.about .abt-start-copy h3 {
  margin: 0 0 var(--space-1);
  line-height: 1.35;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-h3);
  color: var(--color-text);
}

body:not(.admin-body).pages.about .abt-start-copy p {
  margin: 0;
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--abt-soft);
}

body:not(.admin-body).pages.about .abt-fit-panel {
  display: grid;
  gap: var(--space-6);
}

/* ===== 4. Как разбираем одну спецификацию ===== */

/* ===== 5. КабЭм в цифрах ===== */

/* ===== 6. Куда уходят наши поставки ===== */

body:not(.admin-body).pages.about .abt-objects-grid {
  display: grid;
  grid-auto-rows: 1fr;
  gap: var(--space-3);
}

body:not(.admin-body).pages.about .abt-object-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--color-bg);
  border: var(--border);
  border-radius: var(--radius-card);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

body:not(.admin-body).pages.about .abt-object-card:hover {
  border-color: var(--color-border-hover);
  box-shadow: var(--shadow-card);
  transform: translateY(-2px);
}

body:not(.admin-body).pages.about .abt-object-media {
  aspect-ratio: 12 / 5;
  overflow: hidden;
  /* Пока ленивое фото не загрузилось, место занимает тон фона, а не
     белое пятно (разбор 28.08.2026) */
  background: var(--color-bg-soft);
}

body:not(.admin-body).pages.about .abt-object-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body:not(.admin-body).pages.about .abt-object-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: var(--space-2);
  padding: var(--abt-card-pad);
}

body:not(.admin-body).pages.about .abt-object-body h3 {
  margin: 0;
  line-height: 1.3;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-h3);
  color: var(--color-text);
}

body:not(.admin-body).pages.about .abt-object-body p {
  margin: 0 0 var(--space-1);
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--abt-soft);
}

body:not(.admin-body).pages.about .abt-object-body .text-link {
  margin-top: auto;
  font-size: var(--fs-caption);
}

body:not(.admin-body).pages.about .abt-objects-all {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--tap-min);
  margin-top: var(--space-4);
  font-size: var(--fs-caption);
}

/* ===== 7. Производители ===== */

body:not(.admin-body).pages.about .abt-dealer-grid {
  display: grid;
  gap: var(--space-6);
  align-items: start;
}

body:not(.admin-body).pages.about .abt-dealer-copy .kicker {
  color: var(--abt-accent);
}

body:not(.admin-body).pages.about .abt-dealer-copy h2 {
  margin: 0 0 var(--space-3);
}

body:not(.admin-body).pages.about .abt-dealer-copy p:not(.kicker) {
  margin: 0 0 var(--space-3);
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--abt-soft);
}

body:not(.admin-body).pages.about .abt-dealer-copy p:last-child {
  margin-bottom: 0;
}

body:not(.admin-body).pages.about .abt-dealer-proofs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5) var(--space-6);
}

body:not(.admin-body).pages.about .abt-proof-title {
  margin: 0 0 var(--space-3);
  font-size: var(--fs-overline);
  line-height: 18px;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-overline);
  text-transform: uppercase;
  color: var(--abt-accent);
}

body:not(.admin-body).pages.about .abt-proof-list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 767px) {
  body:not(.admin-body).pages.about .abt-dealer-proofs { grid-template-columns: 1fr; }
}

/* Заливка панели совпадала с фоном страницы, а рамка шла нулевой ширины —
   самый конверсионный блок страницы не имел границы (аудит, P1-4). */
body:not(.admin-body).pages.about .abt-dealer-panel {
  padding: var(--space-6);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
}

body:not(.admin-body).pages.about .abt-dealer-panel h3 {
  margin: 0 0 var(--space-2);
  line-height: 1.3;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-h3);
  color: var(--color-text);
}

body:not(.admin-body).pages.about .abt-dealer-panel p {
  margin: 0 0 var(--space-5);
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--abt-soft);
}

body:not(.admin-body).pages.about .abt-dealer-panel .btn {
  width: 100%;
}

body:not(.admin-body).pages.about p.abt-dealer-mail {
  margin: var(--space-4) 0 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-compact);
  color: var(--abt-soft);
}

/* ===== 8. Принципы и путь компании ===== */

body:not(.admin-body).pages.about .abt-duo-grid {
  display: grid;
  gap: var(--space-8);
  align-items: start;
}

/* Принципы идут рядом, а не столбцом (просьба 31.08.2026): на вебе
   четыре колонки, на планшете две, на телефоне одна */
body:not(.admin-body).pages.about .abt-principles-grid {
  display: grid;
  grid-auto-rows: auto;
  gap: var(--space-3);
}

@media (min-width: 768px) {
  body:not(.admin-body).pages.about .abt-principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  body:not(.admin-body).pages.about .abt-principles-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Карточка ниже (просьба 31.08.2026): отступы задаёт один gap, свои
   margin у значка и заголовка складывались с ним */
body:not(.admin-body).pages.about .abt-principle-card {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 6px 12px;
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: #ffffff;
}

body:not(.admin-body).pages.about .abt-principle-card h3,
body:not(.admin-body).pages.about .abt-principle-card p {
  grid-column: 2;
}

body:not(.admin-body).pages.about .abt-principle-icon {
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: 0;
  background: var(--abt-accent);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

body:not(.admin-body).pages.about .abt-principle-icon--check {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-principle-icon--file {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M14 3H7a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7Z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M14 3H7a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7Z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-principle-icon--user {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E");
}

body:not(.admin-body).pages.about .abt-principle-card h3 {
  margin: 0;
  line-height: 1.3;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-h3);
  color: var(--color-text);
}

/* В карточке текст вторичный 14/21: основным кеглем карточки в ряду из
   четырёх вытягивались до 350px (31.08.2026) */
body:not(.admin-body).pages.about .abt-principle-card p {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  color: var(--abt-soft);
}

/* Кегль H2 задаёт общее правило дизайн-системы (26px), здесь только
   отступ: раньше этот заголовок был 22px и выбивался из шкалы. */
body:not(.admin-body).pages.about .abt-duo-title {
  margin: 0 0 var(--space-5);
}

/* Путь компании: на мобильном линия вертикальная слева, на вебе —
   горизонтальная над карточками (см. медиазапрос 1024). */
body:not(.admin-body).pages.about .abt-timeline-wrap {
  position: relative;
  padding-left: var(--space-6);
}

body:not(.admin-body).pages.about .abt-timeline-line {
  position: absolute;
  left: 5px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  background: var(--color-border);
  border-radius: 2px;
}

/* Заполнение линии двигает kabem.js: scaleY на мобильном, scaleX на
   вебе. Поэтому полоса всегда во всю длину, а видимую часть задаёт
   масштаб — точка отсчёта сверху/слева. */
body:not(.admin-body).pages.about .abt-timeline-fill {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--abt-accent);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform var(--mo-reveal) var(--mo-ease);
}

body:not(.admin-body).pages.about .abt-timeline {
  display: grid;
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

body:not(.admin-body).pages.about .abt-tl-item {
  position: relative;
}

body:not(.admin-body).pages.about .abt-tl-dot {
  position: absolute;
  left: calc(-1 * var(--space-6) + 1px);
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-bg);
  border: 2px solid var(--abt-accent);
}

body:not(.admin-body).pages.about .abt-tl-year {
  display: block;
  margin-bottom: var(--space-2);
  font-size: var(--fs-overline);
  line-height: 18px;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-overline);
  text-transform: uppercase;
  color: var(--abt-accent);
  font-variant-numeric: tabular-nums;
}

body:not(.admin-body).pages.about .abt-tl-item h3 {
  margin: 0 0 var(--space-2);
  line-height: 1.35;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-h3);
  color: var(--color-text);
}

body:not(.admin-body).pages.about .abt-tl-item p {
  margin: 0;
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--abt-soft);
}

body:not(.admin-body).pages.about .abt-timeline-now {
  display: inline-block;
  margin-top: var(--space-4);
  font-size: var(--fs-overline);
  line-height: 18px;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-overline);
  text-transform: uppercase;
  color: var(--abt-soft);
}

/* Строка контекстных ссылок: после склейки трёх коммерческих страниц
   на /about приходит их поисковый вес, и он должен расходиться дальше —
   на сценарии поставки и разделы каталога (аудит 17.08.2026, П5). */
body:not(.admin-body).pages.about .abt-links-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-compact);
  color: var(--abt-soft);
}

/* Ссылки в строке идут тем же кеглем, что подпись: общий
   .text-link-inline задаёт 16px и рвал бы строку по высоте. */
body:not(.admin-body).pages.about .abt-links-row a,
body:not(.admin-body).pages.about p.abt-stock-note a {
  font-size: inherit;
  line-height: inherit;
}

body:not(.admin-body).pages.about p.abt-stock-note {
  margin: var(--space-3) 0 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-compact);
  color: var(--abt-soft);
}

body:not(.admin-body).pages.about .abt-links-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--color-border-strong);
}


/* Мобильные кнопки (аудит 17.08.2026, М5–М6): главное действие — во всю
   ширину, палец попадает без прицеливания; между кнопкой «Запросить
   документы» и ссылкой на почту — явный зазор, чтобы не промахиваться. */
@media (max-width: 767px) {

  body:not(.admin-body).pages.about p.abt-dealer-mail {
    margin-top: var(--space-3);
    padding-top: var(--space-1);
  }
}

/* Мобильные кегли (аудит 17.08.2026, М2 и М7): H3 не должен сливаться
   с основным текстом (16px), а номера шагов и годы — падать до 12px
   вместе с мобильным значением --fs-overline. */
@media (max-width: 767px) {
  body:not(.admin-body):not(.admin-body):not(.admin-body):not(.admin-body):not(.admin-body).pages.about main h3 {
    font-size: 18px;
    line-height: 24px;
  }

  body:not(.admin-body).pages.about .abt-process-num,
  body:not(.admin-body).pages.about .abt-case-num,
  body:not(.admin-body).pages.about .abt-case-result-label,
  body:not(.admin-body).pages.about .abt-tl-year,
  body:not(.admin-body).pages.about .abt-timeline-now {
    font-size: 13px;
  }
}

/* ============================================================
   768px и выше: карточки становятся в ряды
   ============================================================ */

@media (min-width: 768px) {
  body:not(.admin-body).pages.about {
    --abt-card-pad: var(--space-6);
  }

  body:not(.admin-body).pages.about .abt-process-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
  }

  body:not(.admin-body).pages.about .abt-case-flow,
  body:not(.admin-body).pages.about .abt-objects-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
  }

  body:not(.admin-body).pages.about .abt-fit-panel {
    display: contents;
  }

  body:not(.admin-body).pages.about .abt-fit-col {
    padding: var(--space-6);
    background: var(--color-bg);
    border: var(--border);
    border-radius: var(--radius-card);
  }

  /* Три принципа стояли колонками 196 × 280 — строки в 12–17 символов.
     Теперь это строки: иконка, заголовок и текст в один ряд. */
  /* Раскладка «значок · заголовок · текст в три колонки» была под список
     в столбец; с 31.08.2026 принципы идут карточками в ряд */
  body:not(.admin-body).pages.about .abt-principle-card {
    align-items: start;
  }

  body:not(.admin-body).pages.about .abt-dealer-panel .btn {
    width: auto;
  }
}

/* ============================================================
   1024px и выше: раскладка макета
   ============================================================ */

@media (min-width: 1024px) {
  body:not(.admin-body).pages.about .abt-hero-grid {
    /* Текстовая колонка сохраняет прежнюю ширину 651: от размера схемы
       расположение текста слева не меняется (просьба 24.08.2026). Схема
       забирает место только из зазора между колонками. */
    grid-template-columns: 651px minmax(0, 1fr);
    gap: var(--space-6);
  }

  /* Схема выше текстовой колонки, поэтому её центрируем по ней — но
     выравнивание колонки по верху при этом сохраняется. */
  body:not(.admin-body).pages.about .abt-hero-doc {
    justify-self: end;
    align-self: start;
    /* Верх схемы совпадает с верхней кромкой букв H1: 12px — разница между
       границей блока заголовка и его текстом при межстрочном 1.2 */
    margin-top: 12px;
  }

  /* Правый край схемы упирается в правую границу кнопки шапки. Вынос нужен
     только там, где шапка (1400) реально шире контента (1280): ниже 1448px
     обе сетки упираются в поля окна, и вынос уводил схему за кнопку. */
  @media (min-width: 1448px) {
    body:not(.admin-body).pages.about .abt-hero-doc {
      margin-right: -44px;
      /* Схема шире своей колонки и выходит влево, в зазор между колонками:
         текстовая колонка при этом не двигается (просьба 24.08.2026) */
      width: 590px;
      max-width: none;
    }
  }

  /* Пять шагов в один ряд со стрелками в зазорах — по рендеру заказчика */
  body:not(.admin-body).pages.about .abt-process-cards {
    --abt-gap: var(--space-4);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--abt-gap);
  }

  /* Отраслей стало шесть (решение 26.08.2026): три колонки дают два
     ровных ряда вместо 4 + 2 */
  body:not(.admin-body).pages.about .abt-objects-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Три колонки по рендеру (31.08.2026): текст, документы на продукцию и
     подтверждение канала поставки идут в один ряд */
  body:not(.admin-body).pages.about .abt-dealer-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-8);
  }

  body:not(.admin-body).pages.about .abt-dealer-proofs {
    display: contents;
  }

  /* Одна колонка: «Путь компании» уехал под первый экран 31.08.2026, и
     принципы занимали половину ширины при четырёх колонках внутри */
  body:not(.admin-body).pages.about .abt-duo-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-10);
  }

  /* Горизонтальная шкала: три этапа в ряд, линия проходит поверх
     точек и продолжается за последней — работа не заканчивается. */
  body:not(.admin-body).pages.about .abt-timeline-wrap {
    padding-left: 0;
    padding-top: var(--space-6);
  }

  body:not(.admin-body).pages.about .abt-timeline-line {
    left: 0;
    right: 0;
    top: 5px;
    bottom: auto;
    width: auto;
    height: 2px;
  }

  body:not(.admin-body).pages.about .abt-timeline-fill {
    transform: scaleX(0);
    transform-origin: left center;
  }

@media (min-width: 768px) and (max-width: 1023px) {
  body:not(.admin-body).pages.about .abt-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

  /* Четыре этапа в ряд по рендеру (31.08.2026): при трёх колонках
     четвёртый уезжал во второй ряд */
  body:not(.admin-body).pages.about .abt-timeline {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-6);
  }

  body:not(.admin-body).pages.about .abt-tl-dot {
    left: 0;
    top: calc(-1 * var(--space-6) + 1px);
  }

  body:not(.admin-body).pages.about .abt-timeline-now {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    transform: translateY(-100%);
  }
}

/* ============================================================
   1280px и выше: полный контейнер
   ============================================================ */

@media (min-width: 1280px) {
  body:not(.admin-body).pages.about .abt-hero-grid {
    gap: var(--space-12);
  }

  body:not(.admin-body).pages.about .abt-intake-grid,
  body:not(.admin-body).pages.about .abt-objects-grid {
    gap: var(--space-5);
  }

  body:not(.admin-body).pages.about .abt-process-cards {
    --abt-gap: var(--space-6);
  }

}

/* ============================================================
   Моушн: панели проявляются целиком, а их пункты — ступенькой
   внутри. Базовое появление блоков даёт общая reveal-система
   (20-motion.css); здесь только внутренний ритм и отклик карточек.
   ============================================================ */

html.motion-ready body:not(.admin-body).pages.about .abt-intake-panel.reveal-ready .abt-start-item,
html.motion-ready body:not(.admin-body).pages.about .abt-intake-panel.reveal-ready .abt-check-list li,
html.motion-ready body:not(.admin-body).pages.about .abt-dealer-panel.reveal-ready .btn {
  opacity: 0;
  transform: translateY(8px);
}

html.motion-ready body:not(.admin-body).pages.about .abt-intake-panel.is-revealed .abt-start-item,
html.motion-ready body:not(.admin-body).pages.about .abt-intake-panel.is-revealed .abt-check-list li,
html.motion-ready body:not(.admin-body).pages.about .abt-dealer-panel.is-revealed .btn {
  opacity: 1;
  transform: none;
  transition: opacity var(--mo-reveal) var(--mo-ease), transform var(--mo-reveal) var(--mo-ease);
}

/* Отклик карточек: те же -2px и мягкая тень, что у карточек направлений */
body:not(.admin-body).pages.about .abt-process-card,
body:not(.admin-body).pages.about .abt-case-stage,
body:not(.admin-body).pages.about .abt-principle-card {
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

body:not(.admin-body).pages.about .abt-process-card:hover,
body:not(.admin-body).pages.about .abt-case-stage:hover,
body:not(.admin-body).pages.about .abt-principle-card:hover {
  border-color: var(--color-border-hover);
  box-shadow: var(--shadow-card);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  html.motion-ready body:not(.admin-body).pages.about .abt-intake-panel.reveal-ready .abt-start-item,
  html.motion-ready body:not(.admin-body).pages.about .abt-intake-panel.reveal-ready .abt-check-list li,
  html.motion-ready body:not(.admin-body).pages.about .abt-dealer-panel.reveal-ready .btn {
    opacity: 1;
    transform: none;
  }

  body:not(.admin-body).pages.about .abt-process-card:hover,
  body:not(.admin-body).pages.about .abt-case-stage:hover,
  body:not(.admin-body).pages.about .abt-principle-card:hover {
    transform: none;
  }
}

/* ============================================================
   Мобильный макет «О компании» 26.08.2026 (KabEm About Mobile).
   Десктоп не меняется: details раскрыты и не сворачиваются,
   чипы-якоря и точки карусели скрыты.
   ============================================================ */

@media (min-width: 768px) {
  body:not(.admin-body).pages.about .abt-chips,
  body:not(.admin-body).pages.about .abt-process-dots { display: none; }
}

/* Голова секции отраслей: ссылка «Все отрасли» справа от заголовка */
body:not(.admin-body).pages.about .abt-objects-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

body:not(.admin-body).pages.about .abt-objects-link {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--tap-min);
  font-size: var(--fs-caption);
}

body:not(.admin-body).pages.about .abt-objects-link-arrow {
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 767px) {
  /* Чипы-якоря: горизонтальная лента под первым экраном */
  body:not(.admin-body).pages.about .abt-chips {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 0 20px 4px;
    /* Лента чипов — такой же блок в потоке main, как секции: зазор общий */
    margin-top: var(--section-gap);
  }

  body:not(.admin-body).pages.about .abt-chips::-webkit-scrollbar { display: none; }

  body:not(.admin-body).pages.about .abt-chip {
    flex: none;
    display: inline-flex;
    align-items: center;
    /* 44 — норма зоны нажатия; в макете чип ниже, но правило сайта важнее */
    min-height: 44px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    background: var(--color-bg);
    color: #33445C;
    font-size: 13px;
    line-height: 1;
  }

  body:not(.admin-body).pages.about .abt-chip:first-child {
    background: var(--kabem-logo-navy, #10233C);
    border-color: var(--kabem-logo-navy, #10233C);
    color: #fff;
  }

  /* Метки первого экрана — чипами, как на макете */
  body:not(.admin-body).pages.about .abt-hero-meta {
    gap: 6px;
  }

  body:not(.admin-body).pages.about .abt-hero-meta li {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
    background: var(--color-bg);
  }

  body:not(.admin-body).pages.about .abt-hero-meta .abt-hero-meta-ico { display: none; }

  /* Механика: карусель шагов со scroll-snap и точками */
  body:not(.admin-body).pages.about .abt-process-cards {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 4px;
  }

  body:not(.admin-body).pages.about .abt-process-cards::-webkit-scrollbar { display: none; }

  body:not(.admin-body).pages.about .abt-process-card {
    flex: 0 0 246px;
    scroll-snap-align: start;
    min-height: 190px;
    box-sizing: border-box;
  }

  body:not(.admin-body).pages.about .abt-process-dots {
    display: flex;
    gap: 6px;
    justify-content: center;
    padding-top: 14px;
  }

  body:not(.admin-body).pages.about .abt-process-dot {
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background: rgba(16, 35, 60, 0.18);
    transition: width 250ms var(--mo-ease), background 250ms var(--mo-ease);
  }

  body:not(.admin-body).pages.about .abt-process-dot.is-active {
    width: 20px;
    background: #1870BD;
  }

  /* Отрасли: карусель карточек */
  body:not(.admin-body).pages.about .abt-objects-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 4px;
  }

  body:not(.admin-body).pages.about .abt-objects-grid::-webkit-scrollbar { display: none; }

  /* Признак прокрутки: полоса скрыта, и о том, что ленту можно листать,
     ничто не говорило (мобильный аудит 26.08.2026). Обёртка рисует
     градиент у правого края — он тает, когда лента домотана до конца. */
  body:not(.admin-body).pages.about .abt-objects-scroller {
    position: relative;
  }

  body:not(.admin-body).pages.about .abt-objects-scroller::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    width: 40px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--color-bg) 100%);
    opacity: 1;
    transition: opacity 0.2s ease;
  }

  body:not(.admin-body).pages.about .abt-objects-scroller[data-scroll-end="true"]::after {
    opacity: 0;
  }

  body:not(.admin-body).pages.about .abt-objects-grid .abt-object-card {
    flex: 0 0 238px;
    scroll-snap-align: start;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {

  /* Снимки карточек отраслей — 118px, как на макете */
  body:not(.admin-body).pages.about .abt-objects-grid .abt-object-media {
    height: 118px;
  }

  body:not(.admin-body).pages.about .abt-objects-grid .abt-object-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* Мелочи по разбору 26.08.2026: радиус 8 у знака аккордеона и метки —
   в шкале проекта только 12 и 16; второстепенный текст 14/21, а не 14/20,3.
   Круги (значки, точки, кружок таймлайна) и линия 2px остаются: это форма
   элемента, а не радиус панели. */
body:not(.admin-body).pages.about.about.about .abt-acc-sign,
body:not(.admin-body).pages.about.about.about .abt-start-mark {
  border-radius: var(--radius-control);
}

body:not(.admin-body).pages.about.about.about .abt-links-row,
body:not(.admin-body).pages.about.about.about .abt-stats-note,
body:not(.admin-body).pages.about.about.about .abt-stock-note {
  line-height: 1.5;
}

/* Раскрывающиеся заголовки — цель нажатия 44px: были 30
   (прогон мобильной версии 26.08.2026) */
body:not(.admin-body).pages.about.about.about .abt-acc-summary,
body:not(.admin-body).pages.about.about.about summary {
  min-height: var(--tap-min);
}

/* Чипы разделов переносятся, а не прокручиваются вбок: при 390 пятый чип
   «Путь» начинался ровно на границе экрана и был не виден — единственное
   место на сайте, где часть содержания скрыта без подсказки
   (прогон мобильной версии 26.08.2026) */
@media (max-width: 767px) {
  body:not(.admin-body).pages.about.about.about .abt-chips {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}

/* ============================================================
   «О компании» по рендеру KabEm About Web (28.08.2026):
   три равные карточки в блоке заявки, сетка отраслей по три в ряд.
   ============================================================ */
@media (min-width: 1024px) {

  body:not(.admin-body).pages.about.about.about .abt-objects-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (min-width: 1024px) {

}

/* Метки первого экрана — плашками, как в рендере: белый фон, рамка,
   скругление; значки в них не выводятся */
body:not(.admin-body).pages.about.about.about .abt-hero-meta {
  flex-wrap: wrap;
  gap: 8px;
}

body:not(.admin-body).pages.about.about.about .abt-hero-meta li {
  padding: 9px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: #ffffff;
  font-size: 14px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

body:not(.admin-body).pages.about.about.about .abt-hero-meta .abt-hero-meta-ico { display: none; }

/* Снимок в карточке отрасли — 120px, как в рендере (было 174) */
@media (min-width: 1024px) {
  body:not(.admin-body).pages.about.about.about.about.about .abt-object-media {
    height: 120px;
    min-height: 0;
    aspect-ratio: auto;
  }
}
/* Зазор надзаголовок → H2 такой же, как на Главной: здесь было 8 —
   третье значение одной пары на сайте (разбор 28.08.2026). Надзаголовок
   тёмной панели призыва не трогаем: у неё своя, более плотная посадка. */
body:not(.admin-body).pages.about main .kicker:not(.final-kicker) {
  margin-bottom: 10px;
}


/* ============================================================
   Партнёрство: карточка БМХ РУС с логотипом — вынесена из таймлайна
   «Пути компании» (просьба 10.09.2026). */

body:not(.admin-body).pages.about .abt-partner-card {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: var(--pad-panel);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
}

body:not(.admin-body).pages.about .abt-partner-logo {
  margin: 0;
}

body:not(.admin-body).pages.about .abt-partner-img {
  display: block;
  width: 100%;
  height: auto;
}

body:not(.admin-body).pages.about .abt-partner-copy h3 {
  margin: 0 0 6px;
}

body:not(.admin-body).pages.about .abt-partner-copy p {
  margin: 0;
  font-size: var(--fs-body);
  line-height: var(--lh-text);
  color: var(--abt-soft);
}

@media (max-width: 767px) {
  body:not(.admin-body).pages.about .abt-partner-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  body:not(.admin-body).pages.about .abt-partner-logo {
    max-width: 180px;
  }
}

/* Сертификат дилера АО «Электротехмаш»: фото документа в карточке того же
   вида, что БМХ РУС (просьба 11.09.2026). Фото — ссылка на PDF; у листа
   прямые углы и тень, чтобы он читался как документ, а не как панель. */

body:not(.admin-body).pages.about .abt-partner-card--cert {
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 32px;
}

body:not(.admin-body).pages.about .abt-cert-photo {
  display: block;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
  transition: box-shadow 0.2s ease;
}

body:not(.admin-body).pages.about .abt-cert-photo:hover {
  box-shadow: var(--shadow-raised);
}

body:not(.admin-body).pages.about .abt-cert-img {
  display: block;
  width: 100%;
  height: auto;
}

body:not(.admin-body).pages.about .abt-cert-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--tap-min);
  margin-top: var(--space-2);
  font-size: var(--fs-caption);
}

@media (max-width: 767px) {
  body:not(.admin-body).pages.about .abt-partner-card--cert {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  body:not(.admin-body).pages.about .abt-cert-photo {
    max-width: 200px;
  }
}