/* 1131 (вход AZ): аудит 1128 «глазами владельца» — п. 19 (текст мельче 12 px), 08 (кнопки не по ролям 1078 вне подвала),
   20 (кликабельные цели < 24 px), 21 (один вид у элементов одной роли), 22 (иконка паузы «Шести причин»).
   Слой поверх существующих файлов (подключается inc/layout-az.php приоритетом 49, после AL/AN/AS): правила повторяют исходные
   селекторы (та же специфичность, позже в каскаде) или поднимают её на один класс. Цвета — только токены design-system.
   Отдаётся напрямую, dist не пересобирается. Ширины не меняются: где кегль поднят, проверено отсутствие переносов/скролла (TEST_RECEIPT). */

/* ---------- 19. текст не мельче 12 px (порог 1096: служебные подписи — 12 px, минимум — 11) ---------- */
/* курсовая полоска и часы: было 10 px (rates-bar.css), 10 px часы (editorial-refine.css), 9 px ≤ 760 */
.gtyres-rate-bar { font-size: 12px; }
.gtyres-rate-bar__clocks { font-size: 12px; }
@media (max-width: 1023px) {
  .gtyres-rate-bar { font-size: 11px; }
  .gtyres-rate-bar__clocks { font-size: 11px; }
}
@media (max-width: 760px) {
  .gtyres-rate-bar__inner { font-size: 11px; }
}
/* копия курсов/часов в меню телефона (AS v2: .gt-shell-menu-meta 12 px) — правило 11 px для узкой полоски на неё не распространяется, в меню места хватает */
.gt-shell-menu-meta .gtyres-rate-bar__quotes, .gt-shell-menu-meta .gtyres-rate-bar__clocks, .gt-shell-menu-meta .gtyres-rate-bar__inner { font-size: 12px; }
/* подписи кружков сторис: было 10 px (frontend-r56.css, creative-studio.css), 9 px в ряду под шапкой телефона (mobile-life.css; пункт 70 px — 11 px, «12.09.2026» ≈ 62 px) */
.r56-social .gtyres-life-feed__story-title { font-size: 12px; }
.gtyres-life-feed .gt-stories-track .gtyres-life-feed__story-title { font-size: 12px; }
.gt-mobile-stories .gtyres-life-feed__story-title { font-size: 11px; }
/* крошки и шаги каталога: было 12/10 px, на узком — 10 и 11 px */
.gt-catalog-crumbs li { font-size: 12px; }
.gt-catalog-steps { font-size: 12px; }
.gt-catalog-steps > :is(a, span) > span, .gt-catalog-steps > form > button > span { font-size: 12px; }
/* меню «Все разделы»: заголовки групп 11 → 12 px */
.gt-nav-dropdown__group > p { font-size: 12px; }
/* триптих услуг: подводка 11 → 12 px только там, где была 11 (services-refine.css: ≤1000; ≤700 — max-width 255 px, переносов не добавляется); на десктопе 13 px не трогается (v1.2: ревью root — «не мельче прежнего»);
   «Подробнее» 12 px на десктопе уже есть, 11 → 12 на ≤700 */
@media (max-width: 1000px) {
  .gtyres-service-triptych p { font-size: 12px; }
}
.gtyres-service-triptych__link, .gtyres-service-triptych .gtyres-service-triptych__link { font-size: 12px; }
/* аукционы: ссылка «Открыть фотографию» в деталях образца — 10 → 12 px (и цель ≥ 24, п. 20) */
.gt-auction-sample details a { font-size: 12px; min-height: 24px; }

/* ---------- 08. кнопки по ролям 1078 §4 вне подвала: primary — --gt-red, 52 px (≤ 767 — 50: решение root 19.09 v1.1 — как пара AN, которую видел владелец; блок ролей 1078 даёт 48), радиус 8, 14/600, отступы 14/22 ---------- */
/* каталог: «Показать →» и «Применить фильтры» — радиус 0 (carsbase-catalog.css: border-radius:0; catalog-search.css: 48 px) */
.gt-catalog-search button,
.gt-search-actions > button,
/* калькулятор: «Рассчитать стоимость» — 60 px / радиус 6 (customs-calculator.css) */
.gt-customs__submit,
/* журнал: «Найти» — тёмная #202124, 50 px, радиус 0, 12 px (frontend-r56.css) */
.r56-search button,
/* аукционы: «Найти автомобиль →» — тёмная #222626 (auction-showcase.css); в своём ряду одна, поэтому primary */
.gt-auction-showcase-page .gtyres-button-dark, .gt-auction-showcase-page .gtyres-button-dark:visited,
/* «Как купить»: «Начать разговор ↗» — .gtyres-button без роли → серая база (читалась как неактивная) */
.flow-invitation .gtyres-button, .flow-invitation .gtyres-button:visited {
  min-height: 52px;
  padding: 14px 22px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm, 8px);
  background: var(--btn-primary-bg, var(--gt-red));
  color: var(--btn-primary-text, #fff);
  font-family: var(--font-body, Montserrat, Arial, sans-serif);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
}
.gt-catalog-search button:hover,
.gt-search-actions > button:hover,
.gt-customs__submit:hover,
.r56-search button:hover,
.gt-auction-showcase-page .gtyres-button-dark:hover,
.flow-invitation .gtyres-button:hover {
  background: var(--btn-primary-hover, var(--gt-red-deep));
  color: var(--btn-primary-text, #fff);
}
.gt-customs__submit { margin-top: 28px; } /* отступ калькулятора сохраняется, меняются только высота/радиус */
.gt-catalog-search button { gap: 20px; }
@media (max-width: 767px) {
  .gt-catalog-search button, .gt-search-actions > button, .gt-customs__submit, .r56-search button,
  .gt-auction-showcase-page .gtyres-button-dark, .flow-invitation .gtyres-button { min-height: 50px; padding: 13px 20px; }
}
/* кнопка формы до отметки согласия стоит disabled с opacity .58/.65 (blocks/application-form/style.css, short-form.css 1115, marketing.css)
   и читалась как «бледно-розовая». Правило владельца (дополнение root 19.09 10:12Z): кнопка всегда того же сплошного красного, что
   «Позвоните мне» в шапке; до согласия клик показывает подсказку «Отметьте согласие, чтобы отправить» (layout-az.js), цвет не меняется.
   pointer-events: none — чтобы клик по недоступной кнопке долетал до формы (disabled-кнопка сама событий не получает). */
#main-form .submit[disabled], .gtyres-marketing .form .submit[disabled],
.application-form .form button.submit:disabled, .application-form .gt-apply button.submit:disabled {
  opacity: 1;
  background: var(--btn-primary-bg, var(--gt-red));
  color: var(--btn-primary-text, #fff);
  cursor: default;
  pointer-events: none;
}
/* подсказка согласия: у короткой формы 1115 она стоит под кнопкой всегда; по клику — короткое подчёркивание внимания (без смены цвета кнопки) */
.gt-consent-hint.is-nudged, .gt-ax-consent-hint.is-nudged { animation: gt-ax-nudge .6s ease-out; }
.gt-ax-consent-hint { margin: 8px 0 0; font: 400 12px/1.5 var(--font-body, Montserrat, Arial, sans-serif); color: inherit; }
.gt-ax-consent-hint[hidden] { display: none; }
@keyframes gt-ax-nudge { 0% { transform: translateX(0); } 20% { transform: translateX(-4px); } 40% { transform: translateX(4px); } 60% { transform: translateX(-2px); } 100% { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .gt-consent-hint.is-nudged, .gt-ax-consent-hint.is-nudged { animation: none; } }

/* ---------- 20. кликабельные цели ≥ 24 × 24 CSS px (WCAG 2.2 AA) — отступами, не кеглем ---------- */
/* ссылки подвала: строчный бокс 19 px → вертикальные отступы 3 px расширяют цель до 25 px, строка и ритм списка не меняются */
.gtyres-footer-nav a, .gtyres-marketing #secondary .gtyres-footer-nav a, .gtyres-marketing #secondary #block-32 .image-text-block a { padding-block: 3px; }
/* чекбокс согласия 18 × 18 → 24 × 24 (форма заявки #main-form и блок application-form) */
#main-form .checkbox-wrapper input, .application-form .checkbox-wrapper input[type="checkbox"], .form .checkbox-wrapper input[type="checkbox"] {
  width: 24px; height: 24px; min-width: 24px; min-height: 24px;
}
/* «Обсудить подбор ↗» в шаге 01 главной: текст 14 px без отступов → цель ≥ 24 px отступами; inline-block, а не flex (v1.2: flex делал стрелку отдельным боксом — зазор и второй отрезок подчёркивания) */
.gtyres-step-cta { display: inline-block; min-height: 24px; padding: 4px 0; line-height: 1.3; }
/* активный шаг каталога (catalog-navigation.css: --gt-red-dark, бордовый) → тот же --gt-red (решение root v1.2) */
.gt-catalog-steps [aria-current="step"], .gt-catalog-steps [aria-current="step"] > span { color: var(--gt-red); }
/* крошки каталога и шаги: ссылки 18 px → 24 */
.gt-catalog-crumbs a, .gt-catalog-crumbs li > span { display: inline-flex; align-items: center; min-height: 24px; }
/* ссылки в тексте статей и материалов (20 px строчный бокс) */
.r56-journal article p a, .gt-journal-article p a, .single .entry-content p a, .gt-case-article p a { padding-block: 2px; }

/* ---------- 21. один вид у одной роли ---------- */
/* tertiary «действие → форма»: «Обсудить подбор» (аукционы, .gtyres-inline-link без рамки) и «Подобрать колёса…» (шины, .wheel-gallery-cta с линией сверху) — один вид: текст 14/600, глиф «↗» цветом бренда, без рамки и линии, цель ≥ 24 px */
.gt-auction-actions .gtyres-inline-link, .wheel-gallery-cta, .gt-wheel-gallery-v2 .wheel-gallery-cta, .page-id-1121 .gtyres-wheel-gallery .wheel-gallery-cta {
  display: inline-flex; align-items: center; gap: 12px; min-height: 24px; padding: 12px 0;
  border: 0; background: none;
  font: 600 14px/1.4 var(--font-body, Montserrat, Arial, sans-serif); text-decoration: none; text-underline-offset: 6px;
}
.gt-auction-actions .gtyres-inline-link > span, .wheel-gallery-cta > span { color: var(--gt-red); }
/* чипы фильтра кейсов (квадратные, серые, 44 px) — как чипы каталога: капсула --chip-radius, рамка #dedede, 42 px (≤ 600 — 44), при наведении — обводка бренда;
   активный чип — сплошной красный шапки (дополнение root 10:12Z: один красный на чипы действий; вкладки каталога .gt-purpose-tabs — так же, см. 23) */
.gtyres-case-filters button {
  min-height: 42px; padding: 8px 16px;
  border: 1px solid #dedede; border-radius: var(--chip-radius, 999px);
  background: #fff; color: var(--gt-black, #191919);
  font: 600 14px/1.3 var(--font-body, Montserrat, Arial, sans-serif);
}
.gtyres-case-filters button:hover, .gtyres-case-filters button:focus-visible { border-color: var(--gt-red); color: var(--gt-red-dark); }
.gtyres-case-filters button[aria-pressed="true"] { background: var(--gt-red); color: #fff; border-color: var(--gt-red); }
@media (max-width: 600px) {
  .gtyres-case-filters button { min-height: 44px; }
}

/* ---------- 22. «Шесть причин»: кнопка паузы — та же svg-иконка пауза/пуск, что у отзывов (review-gallery), вместо текстового «Ⅱ»/«▷».
   Кнопку создаёт home-refinement.js (dist), поэтому иконка — CSS-маской по тем же путям Phosphor, текст скрыт; состояние — aria-pressed ---------- */
.gt-reasons-controls .gt-reasons-controls__pause {
  position: relative; font-size: 0; color: transparent;
  width: 40px; height: 40px; min-height: 40px; /* роль icon 1078: 40 × 40, радиус 50 % */
}
.gt-reasons-controls .gt-reasons-controls__pause::before {
  content: ''; display: block; width: 18px; height: 18px; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z'/%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 256 256'%3E%3Cpath d='M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.gt-reasons-controls .gt-reasons-controls__pause[aria-pressed="true"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z'/%3E%3C/svg%3E");
}

/* пауза каруселей кейсов (inc/case-studies.php: два тонких svg-штриха 1.8 px) — та же иконка Phosphor, что в «Шести причинах» и отзывах (решение root v1.2):
   инлайн-svg скрыты, иконка — ::before-маской цветом currentColor, состояние — aria-pressed */
.gtyres-case-showcase[data-showcase] .gtyres-case-showcase__controls [data-showcase-toggle] svg { display: none; }
.gtyres-case-showcase[data-showcase] .gtyres-case-showcase__controls [data-showcase-toggle]::before {
  content: ''; display: block; width: 18px; height: 18px; border: 0; background: currentColor; transform: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z'/%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 256 256'%3E%3Cpath d='M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.gtyres-case-showcase[data-showcase] .gtyres-case-showcase__controls [data-showcase-toggle][aria-pressed="true"]::before {
  width: 18px; height: 18px; border: 0; background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z'/%3E%3C/svg%3E");
}

/* v1.3 (ревью root): номера шагов покупки на главной — пройденные шаги (.is-passed) базой красились --gt-red с переходом 320 ms, в кадре — коралл
   rgb(225,124,123) (хвост перехода); владелец такие оттенки отверг. Правило: активный (.is-current) — сплошной --gt-red (база), неактивные —
   нейтральный серый: на светлых карточках --caption (графит), на первой тёмной — --gt-steel; переход цвета снят, чтобы промежуточных розовых не было */
.gtyres-process--route .gtyres-step.is-passed:not(.is-current) .gtyres-step-number { color: var(--caption, #4c4c4c); }
.gtyres-process--route .gtyres-step:first-child.is-passed:not(.is-current) .gtyres-step-number { color: var(--gt-steel, #888); }
.gtyres-process--route .gtyres-step-number { transition: none; }

/* ---------- 23. один красный (дополнение root 19.09 10:12Z по скриншотам владельца с проверочной копии): все кнопки, иконки и чипы действий — сплошной
   --gt-red, как «Позвоните мне» в шапке; бледные/коралловые варианты (--gt-red-soft #F26D65, #ff817a, розовые подложки #fff0ee/#fff5f4,
   рамки rgba(--gt-red-rgb, .53)) на элементах действий заменены. Мелкий текст 12 px на графите (лейблы секций, ссылка согласия,
   тексты ошибок форм) оставлен на --gt-red-soft: контраст 5.9:1 против 3.35:1 у сплошного (AA для текста — 4.5:1); обоснование в RESULT.
   Инвентарь — evidence/RED_*_1131.json (scripts/red_inventory_1131.py). Подвал и блок «Остались вопросы?» — наряд 1134. ---------- */
/* иконки обещаний заказа (experience-polish.css): кружок 40 px с розовой подложкой #fff0ee и красной иконкой → сплошной красный, иконка белая */
.support-icon { background: var(--gt-red); color: #fff; }
/* вкладки назначения каталога (catalog-commercial.css): активная — розовая подложка #fff5f4 с тёмно-красным текстом → сплошной красный чип с белым текстом */
.gt-purpose-tabs [aria-current="page"] { border-color: var(--gt-red); color: #fff; background: var(--gt-red); }
/* точки аукционного листа (site-flow.css): рамка полупрозрачным красным (.53/.67) → сплошная рамка; подложка остаётся прозрачной — это оверлей на изображении листа */
.sheet-stage .sheet-hotspot { border-color: var(--gt-red); }
@media (max-width: 760px) { .sheet-stage .sheet-hotspot { border-color: var(--gt-red); } }
/* «Шесть причин»: иконка и номер активного пункта — coral (creative-studio.css) → сплошной красный */
.gt-reason-choice[aria-pressed="true"] .gt-reason-choice__top { color: var(--gt-red); }
/* шины: номера шагов процесса на графите #ff817a (wheel-store.css) → сплошной красный (числа-индексы, не читаемый текст) */
.gt-wheel-store .gtyres-wheels-process__grid li > span { color: var(--gt-red); }
/* триптих услуг на графите: пиктограммы --icon-on-dark (coral) → сплошной красный */
.gtyres-service-triptych > a > .gtyres-icon { color: var(--gt-red); }
/* галерея колёс: иконка активной вкладки coral → сплошной красный */
.wheel-gallery-tab[aria-selected="true"] i { color: var(--gt-red); }
/* короткая форма 1115: фокус/ошибка поля — coral рамка и обводка → сплошной красный (текст ошибки 12 px остаётся soft — читаемость на графите) */
.application-form .gt-apply-field :is(input, textarea):focus { outline-color: var(--gt-red); border-color: var(--gt-red); }
.application-form .gt-apply-field.is-invalid :is(input, textarea) { border-color: var(--gt-red); }
/* короткая форма 1115: ссылка «согласие на обработку» была coral на графите → цвет подписи (белый) с подчёркиванием, как ссылки подвала на графите; второго красного нет */
.application-form .gt-apply .checkbox-wrapper a { color: inherit; }
/* форма-сцена на графите (блок application-form, страницы автомобилей/ТО/опций): та же ссылка была #ffa093 (experience-polish.css) → цвет подписи */
.gtyres-form-detail .checkbox-wrapper label a { color: inherit; }
/* акцент в заголовках форм и колонок — инлайн <span style="color:red"> в контенте (БД): чистый #ff0000 рядом с кнопками #DC0100 — второй красный.
   Перекрыт по атрибуту (инлайн-стиль иначе не перебить); чистое решение — правка контента пакетом root */
h2 > span[style="color:red"], h2 > span[style="color: red"], h2 > span[style="color:#ff0000"] { color: var(--gt-red) !important; }
/* фокусные обводки #ff817a вне подвала → сплошной красный */
.gtyres-service-triptych a:focus-visible, .gtyres-life-viewer__album button:focus-visible,
.wheel-gallery-tab:focus-visible, .wheel-view-switch button:focus-visible, .wheel-gallery-cta:focus-visible, .wheel-comparison:focus-visible { outline-color: var(--gt-red); }