/* 1129 (вход AV): единый контейнер внутри страниц — формула .gtyres-section (design-system/spacing.css: --content-max 1200, поля 40 на 1200
   и 20 на 390). Файл отдаётся напрямую из inc/layout-av.php (как layout-c2.css из 1082) и печатается раньше dist-бандлов, поэтому селекторы
   на одну ступень выше исходных (body …, id): при равной специфичности бандл побеждал бы. Ширины между разделами (каталог 1320,
   журнал 1280, калькулятор 1350) здесь не трогаются — только предложение владельцу в RESULT 1129. */

/* 04 и 07 внутри страниц: повествовательные блоки. Было: .service-flow на 701+ — max-width 1440 и width calc(100% - 64px) (site-flow.css)
   → 32/1376 на 1440; всё семейство — max-width 1200 без width → на экране 1200 стоит без полей (0/1200). */
@media (min-width: 701px) {
  body :is(.gtyres-buy-guide, .country-flow, .service-flow, .delivery-flow) { width: min(calc(100% - 80px), var(--content-max, 1200px)); max-width: none; }
}

/* 05: «Другие направления GTYRES». Было: обёртка .flow-related max-width 1360 (40/1360), триптих width min(calc(100% - 64px),1360px)
   (section-refinement.css) → 72/1296. Ниже 700 остаются свои правила (calc(100% - 40px) / calc(100% - 32px)). */
@media (min-width: 701px) {
  body .flow-related { width: min(calc(100% - 80px), var(--content-max, 1200px)); max-width: none; }
  body .gtyres-service-triptych { width: min(calc(100% - 80px), var(--content-max, 1200px)); }
}
/* внутри обёртки .flow-related триптих занимает её ширину на всех экранах (на 390 было 36/318 при обёртке 20/350) */
body .flow-related .gtyres-service-triptych { width: 100%; }

/* 06: хиро «О компании». Полоса остаётся во всю ширину (max-width 1800), копи и кадр — в контейнере страницы: поля хиро
   = (ширина − 1200) / 2, но не меньше прежних 40; внутренние поля копи (24) убраны, чтобы текст встал на x = 120 (было 40 + 24 = 64).
   Ниже 900 действуют исходные owner-ui.css (24 / 0). */
@media (min-width: 901px) {
  body .gtyres-company-hero--real { padding-left: max(40px, calc((100% - var(--content-max, 1200px)) / 2)); padding-right: max(40px, calc((100% - var(--content-max, 1200px)) / 2)); }
  body .gtyres-company-hero--real .gtyres-company-hero__copy { padding-left: 0; padding-right: 0; }
}

/* 10: «Контакты». Три секции .gtyres-section по 96 сверху и снизу давали 192 px между хиро и командой и между командой и офисами
   (128 на 390). Шаг между секциями 80 (40 + 40), на ≤600 — 64 (32 + 32); верх хиро и низ офисов не меняются. */
header.gtyres-contacts-intro { padding-bottom: 40px; }
#gtyres-team { padding-top: 40px; padding-bottom: 40px; }
#gtyres-offices { padding-top: 40px; }
@media (max-width: 600px) {
  header.gtyres-contacts-intro { padding-bottom: 32px; }
  #gtyres-team { padding-top: 32px; padding-bottom: 32px; }
  #gtyres-offices { padding-top: 32px; }
}

/* 12: главная, блок кейсов. Было: от кнопки «Все кейсы» до линии 90 (padding блока), от линии до подписи «Семейного дела» 96.
   Стало 56 и 64 (шаг сетки 56–80); на ≤600 — 40 и 40. Разница высот колонок слайда (подпись под миниатюрами заканчивается раньше
   текста) остаётся содержанием кейса и здесь не правится. */
body .gtyres-case-showcase { padding-bottom: 56px; }
body .gtyres-founder--personal { padding-top: 64px; }
@media (max-width: 600px) {
  body .gtyres-case-showcase { padding-bottom: 40px; }
  body .gtyres-founder--personal { padding-top: 40px; }
}

/* 12 (там же): «Семейное дело» на экране 1200 стояло 32/1136 (brand-sections.css: calc(100% - 64px)) рядом с секциями 40/1120 — та же формула;
   ниже 600 остаётся своё calc(100% - 40px). */
@media (min-width: 601px) {
  body .gtyres-founder { width: min(calc(100% - 80px), var(--content-max, 1200px)); }
}

/* 07 внутри страниц: блок «Жизнь GTYRES» на главной и страницах услуг берёт журнальный контейнер .r56-width 1280 (frontend-r56.css)
   → заголовок при x = 80 рядом с секциями при 120. На страницах журнала этот файл не подключается, там 1280 остаётся. */
@media (min-width: 1051px) {
  body .r56-home-social .r56-width { width: min(var(--content-max, 1200px), calc(100% - 80px)); }
}

/* 07 внутри страниц: статья журнала — крошки стояли в контейнере 1200 (120/1200), заголовок статьи — в колонке 980 с полями 28
   (текст при 258). Крошки ставятся в ту же колонку; на ≤730 поля 20, как у заголовка. */
.gt-journal-edition.edition-article .breadcrumbs { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 28px; padding-right: 28px; }
@media (max-width: 730px) {
  .gt-journal-edition.edition-article .breadcrumbs { padding-left: 20px; padding-right: 20px; }
}