/* ============================================================
   /details/ — страница «Реквизиты»
   Дизайн-система Geniled (dark, Raleway, tabular-nums).
   Скоуп: .details-page (маркер в /details/index.php).
   Извлечено из geniled-ds-build/colors_and_type.css (2026-06-04).
   ============================================================ */

/* ── Токены DS (нужный срез) ─────────────────────────────── */
.details-page {
  --g-card:        #2f3033;              /* --geniled-card */
  --g-card-3:      #3b3e42;              /* --geniled-card-3 */
  --g-border:      rgba(255,255,255,.12);/* --geniled-border-soft */
  --g-text:        #ffffff;              /* --geniled-text */
  --g-subdued:     #8d9099;              /* --geniled-text-subdued */
  --g-purple:      #92289a;              /* --geniled-purple-primary */
  --g-purple-h:    #7b1c83;              /* --geniled-purple-hover */
  --g-purple-lt:   #c470d0;              /* --geniled-purple-light (ссылки) */
  --g-radius:      14px;                 /* --geniled-radius-lg */
  --g-font:        'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ── 1. Хлебную крошку убираем целиком + заголовок к меню ──────
   #navigation содержит только breadcrumbs; .topic с H1 — снаружи,
   остаётся. padding-top секции 84px → 4px = заголовок выше на 80px
   (срез внутри секции, не заводим под фиксированную шапку).
   Скоуп :has(.details-page) — канон (см. locations-figma.css). */
body:has(.details-page) #navigation { display: none !important; }
/* padding-top 84px = заголовок «Реквизиты» на штатной высоте (опущен на 80px
   относительно прежних 4px — по просьбе Димы 2026-06-05). #pagetitle — inline,
   вертикальный margin/padding на нём не работает → двигаем паддингом контейнера. */
body:has(.details-page) .page-top.maxwidth-theme { padding-top: 84px !important; }

/* ── 2. Раскладка: таблица на всю ширину, пустую колонку убираем ── */
.details-page .page-content__row  { display: block; }
.details-page .page-content__col:last-child  { display: none; }   /* пустая картинка DIALux */
.details-page .page-content__col:first-child { width: 100%; max-width: 100%; }

/* ── 3. Таблица реквизитов по DS ─────────────────────────── */
.details-page .dialux-page__notice { font-family: var(--g-font); }

.details-page .dialux-page__notice .table,
.details-page .dialux-page__notice table {
  width: 100%;
  max-width: none;          /* на всю ширину контент-области (как меню) */
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  margin: 0 0 24px;
  background: var(--g-card);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius);
  overflow: hidden;
  /* сигнатура бренда — моноширинные цифры (ИНН/КПП/р-с/к-с/БИК/ОКПО) */
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" on, "lnum" on, "kern" on;
}

.details-page .dialux-page__notice td {
  padding: 14px 20px;
  border: 0;
  border-bottom: 1px solid var(--g-border);
  vertical-align: top;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}
.details-page .dialux-page__notice tr:last-child td { border-bottom: 0; }

/* левый столбец — наименование реквизита */
.details-page .dialux-page__notice td:first-child {
  width: 38%;
  color: var(--g-subdued);
  font-weight: 500;
  border-right: 1px solid var(--g-border);
}
/* правый столбец — значение */
.details-page .dialux-page__notice td:last-child {
  color: var(--g-text);
  font-weight: 500;
}

/* зебра — едва заметная */
.details-page .dialux-page__notice tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.022);
}

/* ссылки (email) */
.details-page .dialux-page__notice a { color: var(--g-purple-lt); text-decoration: none; }
.details-page .dialux-page__notice a:hover { text-decoration: underline; }

/* ── 4. Кнопка «Скачать карточку предприятия» → DS primary ── */
.details-page .dialux-page__demand .btn,
.details-page .dialux-page__demand .btn:link {
  background: var(--g-purple);
  border: 0;
  border-radius: 5px;
  color: #fff;
  padding: 15px 35px;
  font-weight: 400;
  box-shadow: none;
  transition: background .3s ease-out;
}
.details-page .dialux-page__demand .btn:hover { background: var(--g-purple-h); color: #fff; }
.details-page .dialux-page__demand .btn:active { transform: translateY(1px); }

/* ── 5. Фон тянем до футера ───────────────────────────────────
   [2026-06-05 · session 0af6f954 · фон до футера · по просьбе Димы]
   Серый контент .maxwidth-theme (#252729) обрамляла тёмная обёртка
   .wrapper_inner.wide_page (#101213) — по бокам и снизу до футера
   торчала тёмная полоса. Красим обёртку в тот же серый → фон сплошной
   #252729 от шапки до футера. Эффектов/градиентов на обёртке нет (DIAG).
   Титульная полоса .page-top.maxwidth-theme держала свой #101213 (0,2,0) —
   красим её тем же серым, иначе заголовок «Реквизиты» висит на тёмном.
   Scoped через :has(.details-page) — канон (locations-figma.css). */
body:has(.details-page) .wrapper_inner.wide_page,
body:has(.details-page) .page-top.maxwidth-theme { background-color: #252729 !important; }

/* ── 6. Шапка в общий фон ─────────────────────────────────────
   [2026-06-05 · session claude-11 · единый фон · по просьбе Димы]
   <header> уже прозрачный — тёмный верх давала обёртка всей страницы
   .wrapper1.header_bgcolored (#0A0A0A, top 0 → 1284, до футера). Красим её
   в тот же серый → фон сплошной #252729 от самого верха. Футер ниже 1284,
   отдельный блок — не затрагивается. */
body:has(.details-page) .wrapper1.header_bgcolored { background-color: #252729 !important; }

/* ── 7. Заголовок «Реквизиты» — убрать вертикальные паддинги ───
   .topic держал padding 15px 0 40px → лишний воздух вокруг H1. Обнуляем
   (боковые уже 0; h1 выровнен по контенту на 120px — горизонталь не трогаем).
   ВАЖНО: .topic рендерится Bitrix-ом ВНЕ .details-page (отдельный блок титула,
   как .page-top) → скоуп через body:has(.details-page), а не .details-page .topic. */
body:has(.details-page) .topic { padding: 0 !important; }

/* ── 8. Выравнивание контента по ширине меню ──────────────────
   [2026-06-05 · session claude-11 · align-to-menu · по просьбе Димы]
   Меню .hr30__container — 1260px, padding 0 → край на 330px (vp 1920).
   Дефолтный Aspro .maxwidth-theme держит боковой padding 30px → контент уезжал
   на 360px (рассинхрон 30px). Обнуляем боковые у .maxwidth-theme → контент встаёт
   на 330 заподлицо с меню, таблица = 1260 как меню. Вертикаль (#1/#7) не трогаем.
   Канон: «левый край контента ровнять по .hr30__container, padding 0»
   (feedback_geniled_content_alignment_to_menu). maxwidth-theme — предок
   .details-page, поэтому скоуп через body:has(.details-page). */
body:has(.details-page) .maxwidth-theme { padding-left: 0 !important; padding-right: 0 !important; }

/* ── 9. (заголовок «Реквизиты» вниз на 80px — см. правило #1:
   #pagetitle inline, margin/padding на нём не работают → опущен паддингом
   контейнера .page-top.maxwidth-theme 4px → 84px) ──────────── */

/* ── 10. Убрать большой верхний отступ контента ───────────────
   [2026-06-05 · session claude-11 · по просьбе Димы]
   .page-content__col держал margin-top: 80px → пустота сверху внутри
   .page-content__row (таблица уезжала вниз на 80px). Обнуляем. */
.details-page .page-content__col { margin-top: 0 !important; }