/* desktop-content.css — десктоп-слой (>=1024) для контентных страниц ContentPage
   (Контакты/Цены/Отзывы/Вакансии/Производство/Политика) и 404.
   Подключается ПОСЛЕ desktop-test.css (общий хром). Контент кладём на ТУ ЖЕ
   12-колоночную сетку, что шапка и листинги: repeat(12,1fr) + var(--grid-gutter),
   инсет var(--grid-margin), контейнер 1280. Своих ширин/сеток НЕ заводим.
   Всё под @media >=1024 → мобайл (<1024) не затрагивается. */

@media (min-width: 1024px) {

  /* ── Крошки и H1 — на инсете сетки, слева. ──────────────────────────────── */
  body.desktop-test #breadcrumbs_container,
  body.desktop-test .name_main {
    max-width: 1280px;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    box-sizing: border-box;
  }
  body.desktop-test .name_main,
  body.desktop-test .name_main h1 { text-align: left; max-width: none; margin: 6px 0 8px; }

  /* ── Контент = 12-колоночная сетка (колонки совпадают с шапкой). ─────────── */
  body.desktop-test .content-page {
    max-width: 1280px;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--grid-gutter);
    row-gap: 24px;
    align-items: start;
    padding-bottom: 48px; /* воздух до футера */
  }
  /* Дефолт: блок на все 12 колонок (проза, буллеты, заголовки, изображение,
     слайдер «Наша мастерская» 16:9); вертикальные марджины гасим (даёт row-gap). */
  body.desktop-test .content-page > * { grid-column: 1 / -1; margin-top: 0; }

  /* Заголовки секций — слева, кегль как на ЖК. */
  body.desktop-test .content-heading { font-size: 33px; margin-top: 12px; }

  /* ── Контакты: вложенная 12-сетка — реквизиты 1..6, карта 7..12 во всю высоту. ── */
  body.desktop-test .contact-info {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--grid-gutter);
    align-items: start;
  }
  body.desktop-test .contact-info > * { margin-top: 0; }
  body.desktop-test .contact-info__row,
  body.desktop-test .contact-info__requisites { grid-column: 1 / span 6; }
  body.desktop-test .contact-info__map {
    grid-column: 7 / span 6;
    grid-row: 1 / span 99;
    align-self: stretch;
  }
  body.desktop-test .contact-info__map iframe { height: 100%; min-height: 320px; }

  /* ── Этапы: 3 группы = колонки 1-4 / 5-8 / 9-12. ────────────────────────── */
  body.desktop-test .content-steps { grid-column: 1 / -1; }
  body.desktop-test .content-steps__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gutter);
  }

  /* Отзывы: карточки 3 в ряд (по 4 колонки) — грид задаёт desktop-test. */
  body.desktop-test .reviews-section { grid-column: 1 / -1; }

  /* ── 404 (вне .content-page — свой инсет 1280 + карточки 3 в ряд по 4 колонки). ── */
  body.desktop-test.template-404 .e404,
  body.desktop-test.template-404 .e404-projects {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    box-sizing: border-box;
  }
  body.desktop-test.template-404 .e404 { margin-top: calc(var(--dt-header-h) + 24px); }
  body.desktop-test.template-404 .e404__code { font-size: 72px; }
  body.desktop-test.template-404 .e404-projects .similar-projects__gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--grid-gutter);
    row-gap: 24px;
    max-width: none;
  }
}