/* 1088 (этап C-5 аудита 1072): низкая серьёзность §3 (#24, #26, #29, #30, #31, #32) и аккордеон калькулятора (#16).
 * Отдаётся напрямую (подключение — inc/layout-c5.php), dist не пересобирается. Цвета — только токены design-system/colors.css
 * и color-mix() от токена; новых hex нет. Кнопки marketing.css и colors.css не трогаются (1078, вход Z). */

/* #24 хлебные крошки. Разметка одна (template-parts/page-intro.php ×3, single-cases.php, content/company-page.html,
 * content/contacts-page.html), а стиль задавался пятью scoped-правилами (gap 12/14, отступ 24/40) и ни одним на /kak-kupit/ —
 * там nav стоит вне героя и печатался «Главная/Как купить». Один компонент: flex, gap 12, 13px, --gt-iron, отступ 24. */
.gtyres-breadcrumbs.gtyres-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 24px; font-size: 13px; line-height: 1.4; color: var(--gt-iron); }
.gtyres-breadcrumbs.gtyres-breadcrumbs a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.gtyres-breadcrumbs.gtyres-breadcrumbs a:hover { color: var(--gt-black); }
.gtyres-breadcrumbs.gtyres-breadcrumbs > span[aria-hidden] { color: var(--gt-steel); }
/* /kak-kupit/: nav вне героя — своя ширина по .flow-layout (services-refine.css), отступ снизу даёт flow-intro */
.gtyres-breadcrumbs.gt-buy-breadcrumbs { width: min(calc(100% - 64px), 1200px); margin: 28px auto 0; }
@media (max-width: 700px) { .gtyres-breadcrumbs.gt-buy-breadcrumbs { width: calc(100% - 40px); margin-top: 20px; } }

/* #26 /kases/: семь карточек в три колонки оставляли последний ряд с одной. Ровно при семи видимых карточках — 3 + 4
 * (12-колоночная сетка: первые три по 4 колонки, остальные четыре по 3); фильтры «Из Японии»/«Из Китая» и другое число
 * карточек — прежняя сетка 3 колонки. Бокс кадра .gtyres-case-card__photo (case-studies.css, 1087) не трогается. */
@media (min-width: 1101px) {
  .gtyres-case-grid__items:has(> .gtyres-case-card:nth-child(1 of :not([hidden])):nth-last-child(7 of :not([hidden]))) { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .gtyres-case-grid__items:has(> .gtyres-case-card:nth-child(1 of :not([hidden])):nth-last-child(7 of :not([hidden]))) > .gtyres-case-card { grid-column: span 4; }
  .gtyres-case-grid__items:has(> .gtyres-case-card:nth-child(1 of :not([hidden])):nth-last-child(7 of :not([hidden]))) > .gtyres-case-card:nth-child(n+4 of :not([hidden])) { grid-column: span 3; }
  .gtyres-case-grid__items:has(> .gtyres-case-card:nth-child(1 of :not([hidden])):nth-last-child(7 of :not([hidden]))) > .gtyres-case-card:nth-child(n+4 of :not([hidden])) h3 { font-size: var(--h3-size); }
}

/* #29 ряды ссылок .gtyres-landing-links на телефоне: вместо колонки из 4–9 подчёркнутых строк — чипы в горизонтальной прокрутке
 * (одно решение для трёх страниц; десктоп без изменений). Только страницы 985 (Япония), 1440 (ТО) и на 1382 (доставка)
 * nav «Покупка и расчёт» секции .delivery-geography — навигации внутри секций .gtyres-landing-reading на 1382 входят в блоки 1082
 * (column-span) и здесь не трогаются. */
@media (max-width: 700px) {
  .page-id-985 .gtyres-landing-links, .page-id-1440 .gtyres-landing-links, .page-id-1382 .delivery-geography > .gtyres-landing-links {
    display: flex; flex-wrap: nowrap; gap: 8px; margin-top: 24px; padding: 16px 0; border-top: 1px solid var(--gt-cloud);
    overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none;
  }
  .page-id-985 .gtyres-landing-links::-webkit-scrollbar, .page-id-1440 .gtyres-landing-links::-webkit-scrollbar, .page-id-1382 .delivery-geography > .gtyres-landing-links::-webkit-scrollbar { display: none; }
  .page-id-985 .gtyres-landing-links a, .page-id-1440 .gtyres-landing-links a, .page-id-1382 .delivery-geography > .gtyres-landing-links a {
    flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px;
    border: 1px solid var(--gt-cloud); border-radius: 999px; background: var(--gt-paper); color: var(--gt-black);
    font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap; text-decoration: none; scroll-snap-align: start;
  }
}

/* #30 «Открыть во весь экран» (публикация с альбомом, template-parts/journal-album.php): pill 999px → роль secondary 8px.
 * Классы роли gtyres-button gtyres-button-secondary добавлены в разметку; пока Z (1078) не на стенде, минимальная
 * геометрия роли задана здесь — СНЯТЬ ПОСЛЕ Z (тогда роль даст final-polish.css/marketing.css). */
.gt-album__full.gtyres-button-secondary { min-height: 52px; padding: 14px 22px; border: 1px solid var(--btn-secondary-line, var(--gt-black)); border-radius: var(--radius-sm); background: transparent; color: var(--gt-black); font: 600 14px/1.4 Montserrat, Arial, sans-serif; }
.gt-album__full.gtyres-button-secondary:hover { border-color: var(--btn-secondary-line, var(--gt-black)); background: var(--gt-paper); color: var(--gt-black); }
@media (max-width: 767px) {
  .gt-album__full.gtyres-button-secondary { min-height: 48px; padding: 12px 14px; font-size: 13px; white-space: nowrap; }
  .gt-album__controls .gt-album__position { white-space: nowrap; } /* «1 / 6» не переносится в столбик рядом с кнопкой */
}

/* #31 «Заглянуть в канал» (/zhizn-gtyres/, a.r56-channel .r56-read): svg стрелки без размера растягивался на ширину блока
 * (189px на 1440; в аудите 60px) — icon-кнопка 40px по роли icon: круг с рамкой --gt-cloud на бумаге, глиф 18px. */
.r56-channel .r56-read { gap: 12px; }
.r56-channel .r56-read svg { flex: none; width: 40px; height: 40px; padding: 11px; box-sizing: border-box; border: 1px solid var(--gt-cloud); border-radius: 50%; background: var(--gt-white); color: var(--gt-black); transition: border-color 160ms, background-color 160ms, color 160ms; }
.r56-channel:hover .r56-read svg { border-color: var(--gt-black); background: var(--gt-black); color: var(--gt-white); }

/* #32 обложка статьи (single-gtyres_news.php): фото-кадр рисовался contain шириной min(980, 500·w/h) = 667px внутри шапки 980px —
 * теперь на ширину шапки, cover в боксе 7:4 (4:3-кадр теряет по 12 % сверху и снизу, 16:9 — почти ничего). Пресс-обложки
 * .is-press (1084): подложка уже на ширину шапки, кадр contain — без изменений. Публикации Telegram (виртуальные адреса
 * на странице журнала, без body.single-gtyres_news) и видео не затрагиваются. sizes для srcset — gtyres_journal_editorial_cover_image(). */
@media (min-width: 716px) {
  .single-gtyres_news .edition-article .article-cover:not(.is-press):not(.is-portrait) > img { display: block; width: 100%; height: auto; aspect-ratio: 7 / 4; max-height: 560px; object-fit: cover; }
}
/* портретный кадр (.is-portrait — класс из single-gtyres_news.php по метаданным вложения; на стенде один: 720×1280) остаётся contain */

/* #16 /tamozhennyj-kalkulyator/: нативные <details> с треугольником браузера → аккордеон темы (семейство FAQ главной,
 * home-refinement.css .gtyres-faq-list): карточка 12px, рамка --gt-cloud, шеврон-уголок --gt-red, open — рамка красным на 32 %,
 * summary 16px/600, текст 15px/400 (ELEMENTS_AUDIT §8). Стили калькулятора customs-calculator.css → dist/customs.style.css —
 * вход R (1061), поэтому правило живёт здесь, отдельным прямым файлом; dist не пересобирается. */
details.gt-customs__assumptions { margin: 16px 0 0; padding: 0; border: 1px solid var(--gt-cloud); border-radius: var(--radius-lg); background: var(--gt-white); overflow: clip; font-size: 15px; line-height: 1.7; color: var(--gt-iron); }
details.gt-customs__assumptions + details.gt-customs__assumptions { margin-top: 12px; }
details.gt-customs__assumptions[open] { border-color: rgba(220,1,0,.32); border-color: color-mix(in srgb, var(--gt-red) 32%, transparent); }
details.gt-customs__assumptions > summary { position: relative; list-style: none; cursor: pointer; padding: 22px 56px 22px 22px; color: var(--gt-black); font-size: 16px; font-weight: 600; line-height: 1.45; }
details.gt-customs__assumptions > summary::-webkit-details-marker { display: none; }
details.gt-customs__assumptions > summary::after { content: ''; position: absolute; right: 24px; top: calc(50% - 6px); width: 9px; height: 9px; border-right: 2px solid var(--gt-red); border-bottom: 2px solid var(--gt-red); transform: rotate(45deg); transform-origin: center; transition: transform 200ms cubic-bezier(.22, 1, .36, 1); }
details.gt-customs__assumptions[open] > summary::after { transform: rotate(225deg); }
details.gt-customs__assumptions > summary:focus-visible { outline: 3px solid var(--gt-red); outline-offset: 3px; }
details.gt-customs__assumptions > p { margin: 0; padding: 0 22px 16px; font-size: 15px; line-height: 1.7; }
details.gt-customs__assumptions > p:last-child { padding-bottom: 22px; }
details.gt-customs__assumptions a { color: var(--gt-black); }
@media (max-width: 700px) {
  details.gt-customs__assumptions > summary { padding: 18px 48px 18px 18px; font-size: 15px; }
  details.gt-customs__assumptions > summary::after { right: 20px; }
  details.gt-customs__assumptions > p { padding: 0 18px 14px; font-size: 14px; }
  details.gt-customs__assumptions > p:last-child { padding-bottom: 18px; }
}