/* Собрано tools/build-ui-bundle-1136.py из 8 источников участка gtyres-ui-1136 в порядке каскада.
   Источники остаются в src/frontend и правятся отдельно; этот файл — производный, править его руками нельзя.
   Свежесть тема проверяет по filemtime: этот файл против своих источников, сам CSS не читается.
   Рядом ui-1136.bundle.json — опись сборки с SHA входов, для человека. */
/* ===== rails-bc.css ===== */
/* 1136, слой BC: горизонтальные ленты без системной полосы прокрутки.
 *
 * Владелец 20.09 прислал узкую серую полосу с системными стрелками и просит убрать её
 * везде, где она появляется. Скрывается только сам индикатор у названных ниже лент:
 * свайп, колесо и трекпад, клавиши, ссылки и собственные кнопки лент продолжают работать,
 * содержимое не обрезается — overflow остаётся прокручиваемым.
 *
 * Сюда намеренно не входят вертикальные области (текст просмотрщика, выпадающие панели,
 * списки поиска). Таблицу сравнения .gt-compare-scroll этот слой тоже не трогает, но по
 * другой причине: с 20.09 её горизонтальной полосой занимается слой BJ, где у таблицы
 * появились свои кнопки и подсказка края, а вертикальная полоса осталась системной.
 * Вертикальная прокрутка страницы не затрагивается.
 *
 * Слой отдаётся напрямую с версией по filemtime; dist не пересобирается. */

.gt-album__thumbs,
.gtyres-life-viewer__album,
.gtyres-life-feed__stories,
.gtyres-life-feed__news,
.gt-stories-track,
.r57-carousel-viewport,
.gt-journal-video-rail,
.gt-journal-home__articles,
.gt-journal-topic-nav,
.r56-nav,
.r56-video-rail,
.gt-generation-nav,
.wheel-gallery-tabs,
.gtyres-short-video-strip__track,
.gt-catalog-specs--hub .gt-collection-related,
.gt-collection-shortcuts__rail,
.flow-index nav,
.gt-journal-tabs,
.gt-review-universe:not(.is-gallery-ready) .gt-review-viewport {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.gt-album__thumbs::-webkit-scrollbar,
.gtyres-life-viewer__album::-webkit-scrollbar,
.gtyres-life-feed__stories::-webkit-scrollbar,
.gtyres-life-feed__news::-webkit-scrollbar,
.gt-stories-track::-webkit-scrollbar,
.r57-carousel-viewport::-webkit-scrollbar,
.gt-journal-video-rail::-webkit-scrollbar,
.gt-journal-home__articles::-webkit-scrollbar,
.gt-journal-topic-nav::-webkit-scrollbar,
.r56-nav::-webkit-scrollbar,
.r56-video-rail::-webkit-scrollbar,
.gt-generation-nav::-webkit-scrollbar,
.wheel-gallery-tabs::-webkit-scrollbar,
.gtyres-short-video-strip__track::-webkit-scrollbar,
.gt-catalog-specs--hub .gt-collection-related::-webkit-scrollbar,
.gt-collection-shortcuts__rail::-webkit-scrollbar,
.flow-index nav::-webkit-scrollbar,
.gt-journal-tabs::-webkit-scrollbar,
.gt-review-universe:not(.is-gallery-ready) .gt-review-viewport::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}

/* Ленты, которые уже прячут полосу свойством scrollbar-width в своих файлах: оно
 * понятно Chrome начиная со 121-го, поэтому добавляем только webkit-пару. Правила
 * прокрутки, snap и отступы этих лент не трогаем. */
.gtyres-review-feed__track::-webkit-scrollbar,
.gt-model-directory__alphabet::-webkit-scrollbar,
.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 {
	width: 0;
	height: 0;
	display: none;
}

/* ===== controls-bd.css ===== */
/* 1136, слой BD: управление отзывами и мобильное меню по выбранному направлению.
 *
 * Владелец 20.09: круглые белые кнопки у отзывов не нравятся; «Из Кореи» и «Аукционы
 * онлайн» в меню набраны серым и читаются как отключённые; у мотоциклов автомобильный
 * значок, у аукционов тот же планшет, что и у «Как купить».
 *
 * Здесь только оформление: разметка, ссылки, порядок пунктов и обработчики прежние.
 * Слой отдаётся напрямую с версией по filemtime, идёт после AZ (49), BB (50) и BC (52). */

/* ---------- значок мотоцикла из локального набора ----------
 * Адрес внутри custom property Chrome разрешает относительно того листа, где
 * свойство используется (правило .gtyres-icon уехало в dist), поэтому маску задаём
 * здесь напрямую: тогда путь считается от этого файла. --gtyres-icon оставлен для
 * остальных потребителей набора. */
.gtyres-icon--motorcycle {
	--gtyres-icon: url('../../images/icons/motorcycle.svg');
	-webkit-mask-image: url('../../images/icons/motorcycle.svg');
	mask-image: url('../../images/icons/motorcycle.svg');
}

/* ---------- управление отзывами: один компактный ряд ---------- */
.gt-review-toolbar {
	gap: 16px;
	flex-wrap: nowrap;
}

.gt-review-position {
	gap: 14px;
	min-width: 0;
	flex-wrap: nowrap;
}

/* Счётчик и подпись не переносим: иначе шкала сжимает их в столбик. */
.gt-review-position output,
.gt-review-position > span {
	flex: none;
	white-space: nowrap;
}

/* Тонкая шкала: доля пройденных карточек. --gt-review-progress ставит тот же
   обработчик, что и счётчик, отдельного счёта и таймера у неё нет. */
.gt-review-position::after {
	content: '';
	flex: 0 0 120px;
	height: 2px;
	border-radius: 2px;
	background-color: #0000001f;
	background-image: linear-gradient(to right, var(--gt-red) 0 calc(var(--gt-review-progress, 0) * 100%), transparent 0);
}

.gt-review-controls {
	gap: 8px;
	align-items: center;
}

/* Прежние правила темы задают круг 40 px селектором с двумя классами
   (.gtyres-marketing :is(...)), поэтому здесь селектор поднят классами самого блока. */
.gt-review-toolbar .gt-review-controls button {
	width: 44px;
	height: 44px;
	min-height: 44px;
	flex-basis: 44px;
	border-radius: 8px;
	border: 1px solid var(--gt-cloud, #dcdcd8);
	background: #fff;
	color: var(--gt-black, #111);
	box-shadow: none;
	transition: border-color 180ms, background 180ms, color 180ms;
}

.gt-review-toolbar .gt-review-controls button svg { width: 18px; height: 18px; }

.gt-review-toolbar .gt-review-controls button:hover,
.gt-review-toolbar .gt-review-controls button:focus-visible {
	border-color: var(--gt-black, #111);
	background: #fff;
}

.gt-review-toolbar .gt-review-controls button:focus-visible {
	outline: 2px solid var(--gt-red);
	outline-offset: 2px;
}

/* Пауза отделена от пары стрелок: сначала она, затем зазор, затем стрелки. */
.gt-review-toolbar .gt-review-controls .gt-review-toggle {
	margin-right: 4px;
	width: 44px;
	height: 44px;
	color: var(--gt-black, #111);
}

.gt-review-arrows {
	gap: 8px;
	padding: 0;
	border: 0;
	background: none;
	border-radius: 0;
}

@media (max-width: 767px) {
	.gt-review-toolbar { gap: 10px; }
	.gt-review-position::after { flex-basis: 56px; }
	.gt-review-controls { gap: 6px; }
}

/* ---------- меню: равный вес Японии, Китая и Кореи ---------- */
@media (max-width: 767px) {
	.gtyres-navigation [data-menu-group=cars] .gtyres-menu-items {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0 10px;
	}

	.gtyres-navigation .gtyres-menu-items [data-menu-route=avtomobili-iz-yaponii],
	.gtyres-navigation .gtyres-menu-items [data-menu-route=avtomobili-iz-kitaya],
	.gtyres-navigation .gtyres-menu-items [data-menu-route=avtomobili-iz-korei] {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		min-height: 108px;
		padding: 14px 12px;
		margin-bottom: 12px;
		/* 14 px: «Из Японии» на 390 при 15 px уходило на две строки, а соседние названия нет */
		font-size: 14px;
		line-height: 1.25;
		background: #f3f3f0;
		border: 1px solid #e8e8e5;
		border-radius: var(--radius-lg);
		color: var(--gt-black, #111);
	}

	.gtyres-navigation .gtyres-menu-items [data-menu-route=avtomobili-iz-yaponii] > .gtyres-icon,
	.gtyres-navigation .gtyres-menu-items [data-menu-route=avtomobili-iz-kitaya] > .gtyres-icon,
	.gtyres-navigation .gtyres-menu-items [data-menu-route=avtomobili-iz-korei] > .gtyres-icon {
		color: var(--gt-red);
	}

	/* Остальные пункты раздела остаются строками во всю ширину. 1138: «Как купить» и
	   «Доставка по России» ушли из этого раздела, их селекторы сняты вместе с ними. */
	.gtyres-navigation [data-menu-group=cars] .gtyres-menu-items > a[data-menu-route=motoczikly-iz-yaponii],
	.gtyres-navigation [data-menu-group=cars] .gtyres-menu-items > a[data-menu-route=aukcziony] {
		grid-column: 1 / -1;
	}

	/* «Аукционы онлайн» набирался серым 12 px и читался как отключённый пункт. */
	.gtyres-navigation .gtyres-menu-items [data-menu-route=aukcziony] {
		font-size: 14px;
		color: var(--gt-black, #111);
	}

	/* 1138: между группами стояли две линии с пустой полосой. Замер на 390: нижняя граница
	   последней ссылки на 344, затем 16 px хвоста списка, затем верхняя граница следующей
	   группы на 360. Граница группы уже разделяет разделы, поэтому нижнюю у последней
	   ссылки снимаем; отступ остаётся. */
	.gtyres-navigation .gtyres-menu-items > a:last-child {
		border-bottom: 0;
	}
}

/* ---------- 1138: флаги стран в меню ----------
   Замечание владельца 21.09: у Японии, Китая и Кореи стояли три одинаковых автомобиля.
   Берём уже лежащие в теме флаги images/flags/*.svg — те же, что на главной. Общий
   .gtyres-icon рисует фигуру маской по currentColor и залил бы флаг одним цветом, поэтому
   у флага свой класс и обычный фон. Размер занимает тот же слот, что значок, чтобы
   подписи стояли на прежней базовой линии. Путь относительный: файл отдаётся из
   src/frontend, и собранный ui-1136.bundle.css лежит там же. */
.gtyres-nav-flag {
	display: inline-block;
	flex: 0 0 24px;
	width: 24px;
	height: 18px;
	background: center / cover no-repeat;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #0000001f;
}

.gtyres-nav-flag--jp { background-image: url('../../images/flags/jp.svg'); }
.gtyres-nav-flag--cn { background-image: url('../../images/flags/cn.svg'); }
.gtyres-nav-flag--kr { background-image: url('../../images/flags/kr.svg'); }

@media (max-width: 767px) {
	/* В мобильной плитке стран значок стоит над подписью и занимает всю её ширину. */
	.gtyres-navigation .gtyres-menu-items > a > .gtyres-nav-flag { width: 28px; height: 21px; flex-basis: 28px; }
}

/* ===== contact-choice-be.css ===== */
/* 1136, слой BE: выбор способа связи нативными radio-card.
 *
 * Контракт окна 2 (CONTACT_CHOICE_CONTRACT_v1): пять существующих каналов, тот же
 * серверный контракт, меняется только форма ввода. Карточка кликается целиком,
 * стрелки клавиатуры переключают канал, Tab входит в группу один раз, у группы один
 * заголовок (legend). Состояние дублируется классом is-selected — для браузеров без :has().
 *
 * Слой отдаётся напрямую с версией по filemtime, идёт после AZ (49), BB (50), BC (52)
 * и BD (53); dist не пересобирается. */

.gt-channel {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.gt-channel__legend {
	padding: 0;
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	color: inherit;
}

.gt-channel__grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.gt-channel__card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	/* 48 px: столько же, сколько у полей формы (--field-height), и не меньше 44 px касания */
	min-height: 48px;
	margin: 0;
	padding: 11px 12px;
	cursor: pointer;
	border: 1px solid var(--line, #e2e2e2);
	border-radius: var(--radius-sm, 8px);
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--gt-black, #111);
	transition: border-color 160ms ease, background-color 160ms ease;
}

/* Модальное окно заявки одевает подписи полей правилом с id
   (#main-form .form-fields-input label — display:block, 11–12 px), поэтому карточке
   нужен селектор не ниже по весу: иначе кнопка и название встают в столбик. */
#main-form .gt-channel .gt-channel__grid label.gt-channel__card {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	min-height: 48px;
	padding: 11px 12px;
	font-size: 14px;
	line-height: 1.3;
}

/* Нативная радиокнопка остаётся в разметке ради клавиатуры и чтения с экрана, но
   рисуем мы. Правило формы задаёт input высоту поля через селектор с id, поэтому
   здесь тот же вес: иначе невидимая кнопка вылезала бы за карточку и перехватывала
   нажатия по соседней. */
.gt-channel__card input[type='radio'],
#main-form .gt-channel .gt-channel__grid input[type='radio'] {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}

.gt-channel__mark {
	position: relative;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #a8a8a8;
	background: #fff;
	display: grid;
	place-items: center;
}

.gt-channel__mark::after {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gt-red);
	transform: scale(0);
	transition: transform 160ms ease;
}

.gt-channel__name { position: relative; min-width: 0; }

.gt-channel__card:hover { border-color: #b4b4b4; }

.gt-channel__card:has(input:checked),
.gt-channel__card.is-selected {
	border-color: var(--gt-red);
	background: #fff6f5;
}

.gt-channel__card:has(input:checked) .gt-channel__mark,
.gt-channel__card.is-selected .gt-channel__mark { border-color: var(--gt-red); }

.gt-channel__card:has(input:checked) .gt-channel__mark::after,
.gt-channel__card.is-selected .gt-channel__mark::after { transform: scale(1); }

.gt-channel__card:has(input:focus-visible) {
	outline: 2px solid var(--gt-red);
	outline-offset: 2px;
}

.gt-channel .form-error { margin-top: 6px; }

@media (prefers-reduced-motion: reduce) {
	.gt-channel__card,
	.gt-channel__mark::after { transition: none; }
}

@media (max-width: 480px) {
	.gt-channel__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Тёмная поверхность модального окна заявки. */
.gtyres-lead-modal .gt-channel__card,
.lead-form .gt-channel__card {
	background: #232629;
	border-color: #3a3d40;
	color: #fff;
}

.gtyres-lead-modal .gt-channel__mark,
.lead-form .gt-channel__mark { background: #1b1d1f; border-color: #6d7073; }

.gtyres-lead-modal .gt-channel__card:has(input:checked),
.gtyres-lead-modal .gt-channel__card.is-selected,
.lead-form .gt-channel__card:has(input:checked),
.lead-form .gt-channel__card.is-selected { background: #2b1e1f; }

/* ===== scenes-bf.css ===== */
/* 1136, слой BF: полосы с выбранными сценами в каталоге, расчёте и контактах.
 *
 * Кадр поддерживает интерфейс: высота ограничена, полоса стоит после первого действия
 * страницы и не закрывает ни поиск каталога, ни поля расчёта. Высота задана явно,
 * поэтому при загрузке кадра вёрстка не прыгает. */

.gt-scene {
	margin: 28px 0;
	padding: 0;
}

.gt-scene img {
	display: block;
	width: 100%;
	height: clamp(140px, 17vw, 240px);
	object-fit: cover;
	object-position: center 55%;
	border-radius: var(--radius-lg, 14px);
	background: #171819;
}

.gt-scene figcaption {
	margin-top: 6px;
	font-size: 11px;
	line-height: 1.4;
	color: var(--gt-iron, #6b6b6b);
}

/* Полоса внутри содержимого страницы контактов держит ту же ширину, что и текст. */
.gt-scene-wrap {
	max-width: var(--gtyres-content-width, 1180px);
	margin-inline: auto;
	padding-inline: var(--gtyres-gutter, 20px);
}

@media (max-width: 700px) {
	.gt-scene { margin: 20px 0; }
	.gt-scene img { height: 132px; }
}

/* ===== first-screen-bg.css ===== */
/* 1136 (слой BG): первый экран телефона в каталоге и калькуляторе.
 *
 * Решение root 20.09: поле поиска каталога и первое ценовое поле калькулятора обязаны
 * целиком помещаться между шапкой и верхом нижнего дока при scrollY = 0 на 390×844.
 * Замерено до правки: поиск 831→879, ценовое поле 835→887, док начинается с 785.6.
 *
 * Слой только сокращает вертикальные интервалы и возвращает странам ряд чипов
 * (вариант B из VISUAL_BRIEF). Поля, их имена, значения и порядок расчёта прежние.
 */

/* Калькулятор: страны — компактный ряд из трёх чипов вместо трёх карточек-строк. */
@media (max-width: 600px) {
  .gt-customs__countries { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 20px; }
  .gt-customs__countries span {
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 7px 6px;
    text-align: center;
    line-height: 1.25;
  }
  .gt-customs__countries small { margin-top: 2px; font-size: 10px; }
  /* Разделитель раздела «01 Автомобиль» стоит вплотную к полям, а не отдельным блоком. */
  .gt-customs__section-title { padding-top: 14px; margin-bottom: 14px; }
  .gt-customs__intro { margin-bottom: 24px; }
}

/* Каталог: короткий заголовок и одно пояснение, дальше сразу поиск и выбор марки.
   Надзаголовок «Найдите свой автомобиль» на телефоне повторяет h1 и подпись поля. */
@media (max-width: 767px) {
  .gt-catalog-heading .gt-catalog-kicker { display: none; }
  .gt-catalog-heading { margin-bottom: 20px; }
  .gt-catalog-heading p { font-size: 14px; line-height: 1.45; }
  .gt-catalog-search .gt-search-hint { margin-top: 8px; font-size: 13px; }
  .gt-catalog-search .gt-catalog-selector-row { margin-top: 16px; }
  .gt-catalog-search .gt-catalog-selector-row > label { gap: 8px; }
  .gt-catalog-search .gt-catalog-selector-row .gt-combo { margin-top: 8px; }
  .gt-catalog-search .gt-search-combobox label { margin-bottom: 8px; }
  .gt-catalog-search .gt-catalog-quick-search { gap: 10px; }
  .gt-catalog-search .gt-catalog-quick-search > button { min-height: 44px; }
}

/* Ниже первого фильтра стоят тематические входы: пальцу нужна цель 44 px, поэтому
   растим область нажатия отступом, а подчёркивание остаётся у самого текста. */
@media (max-width: 767px) {
  .gt-catalog-service-links { gap: 4px 20px; }
  .gt-catalog-service-links a {
    display: inline-flex;
    align-items: flex-end;
    min-height: 44px;
    padding-bottom: 6px;
  }
}

/* Действие рядом с готовым расчётом: тот же единственный элемент, что и был, только
   выше справки о курсах, и его область нажатия не ниже 44 px. */
.gt-customs .gt-customs__result .gt-customs__contact {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* Новый посетитель видит баннер cookie: он фиксирован снизу и поднимает нижнюю границу
   первого экрана с 785.6 до 720. Замерено 20.09 — при баннере поле марки (702→754) и
   ценовое поле (673→725) снова уходили под полосу. Верх сокращаем дальше, баннер и его
   кнопки не трогаем. */
@media (max-width: 600px) {
  /* Ряд назначения занимал два ряда: колонки auto-fit по 120 px давали две штуки по 175.
     Естественная ширина ставит чипы в одну строку, сами чипы остаются не ниже 44 px. */
  .gt-catalog-shell .gt-purpose-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 20px; }
  .gt-catalog-shell .gt-purpose-tabs > * { width: auto; }
  .gt-catalog-shell .gt-purpose-tabs > :is(a, button),
  .gt-catalog-shell .gt-purpose-tabs > form > button { width: auto; }
}

/* Замер 20.09 с баннером: нижняя граница первого экрана — верх поднятого дока, 662,
   а не 785.6. Поле марки уходило за неё на 84 px, ценовое поле — на 43 px. Ниже только
   компоновка: тексты, поля, значения и порядок расчёта не меняются. */
@media (max-width: 600px) {
  /* Калькулятор */
  .gt-customs .gt-customs__intro h1 { font-size: 30px; }
  .gt-customs .gt-customs__form .gt-customs__mode { margin-bottom: 20px; }
  .gt-customs .gt-customs__form .gt-customs__mode span { min-height: 48px; }
  /* У ссылки на режим мотоцикла отрицательный отступ был рассчитан на 32 px снизу. */
  .gt-customs .gt-customs__mode-link { margin-top: -12px; }
  .gt-customs .gt-customs__countries { margin-bottom: 16px; }
  .gt-customs .gt-customs__section-title { padding-top: 12px; margin-bottom: 12px; }

  /* Каталог: ряд назначения в одну строку с прокруткой и подсказкой края вместо двух
     рядов; системной полосы у него нет, поэтому край подсказывает тень. */
  .gt-catalog-shell .gt-purpose-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-image:
      linear-gradient(to right, #fff, rgba(255, 255, 255, 0)),
      linear-gradient(to left, #fff, rgba(255, 255, 255, 0)),
      radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0)),
      radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-size: 26px 100%, 26px 100%, 13px 100%, 13px 100%;
    background-attachment: local, local, scroll, scroll;
  }
  .gt-catalog-shell .gt-purpose-tabs::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .gt-catalog-shell .gt-purpose-tabs > :is(a, button),
  .gt-catalog-shell .gt-purpose-tabs > form > button { flex: 0 0 auto; white-space: nowrap; }

  /* Поиск: кнопка встаёт рядом с полем, подпись у неё остаётся текстом. */
  .gt-catalog-search .gt-catalog-quick-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
  }
  .gt-catalog-search .gt-catalog-quick-search > button { white-space: nowrap; padding-inline: 14px; }

  .gt-catalog-heading { margin-bottom: 14px; }
  .gt-catalog-search .gt-search-hint { margin-top: 4px; }
  .gt-catalog-search .gt-catalog-selector-row { margin-top: 10px; }
  .gt-catalog-search .gt-catalog-selector-row > label { gap: 6px; }
  .gt-catalog-search .gt-catalog-selector-row .gt-combo { margin-top: 6px; }
  .gt-catalog-search .gt-search-combobox label { margin-bottom: 6px; }
}

/* 1136: EN-поверхность расходов — интервал между подводкой и вставленным разделом
   считался дважды: 24 px нижнего поля .gt-customs__intro плюс 64 px верхнего поля
   раздела, около 90 px пустоты на телефоне. Оставляем один интервал. Русская страница
   правило не видит: раздела .gtyres-worldwide-duties на ней нет. */
@media (max-width: 700px) {
  .gt-customs__intro + .gtyres-worldwide-duties { padding-top: 8px; }
}

/* ===== city-actions-bh.css ===== */
/* 1136 (слой BH): панель действий городской посадочной.
 *
 * Строка стоит первой в содержимом, сразу под заголовком и подводкой. Пара кнопок
 * берёт оформление у .gt-lead-entry--pair: на широком экране обе одинаковой ширины
 * в строку, на телефоне — во всю ширину столбиком. Своих цветов и размеров слой не
 * вводит, только отступы вокруг панели.
 */
.gt-city-actions {
  /* Поле как у соседних секций страницы: 1200 по центру, на телефоне 20 px по краям. */
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto 32px;
}

@media (max-width: 767px) {
  .gt-city-actions { margin: 0 auto 24px; }
}

/* ===== journal-bi.css ===== */
/* 1136 (слой BI): журнал — цели пальца, подсказка прокрутки разделов, ровный низ карточек.
 *
 * Замеры до правки на /zhizn-gtyres/ (390 и 1440): «Читать материал» и «Смотреть видео»
 * 40 px, кнопка воспроизведения 40×40, стрелки ленты 40×40, ссылка «Читать» в сетке
 * «Почитать» 34 px. Строка разделов на 390 прокручивается (запас 134 px), системной
 * полосы у неё нет после слоя BC — признака продолжения не остаётся. В сетке «Почитать»
 * карточки одной высоты, но ссылки стоят на разной высоте, по концу текста.
 *
 * Размеры значков не меняются: растёт область нажатия. Цвета, шрифты и порядок блоков
 * прежние; ссылки и их адреса не добавляются и не дублируются.
 */

/* 1. Цели 44 px. final-polish.css:303 держит 40 px правилом .gtyres-marketing :is(...)
      (0-2-0), поэтому поднимаем селектор, а не ставим !important. */
.gtyres-marketing .gt-journal-card .gt-journal-card__play,
.gtyres-marketing .gtyres-life-feed .gtyres-life-feed__arrow,
.gtyres-marketing .gtyres-case-showcase .gtyres-case-showcase__controls button {
  width: 44px;
  height: 44px;
  min-height: 44px;
  flex-basis: 44px;
}

.gtyres-marketing .gt-journal-card .gt-journal-card__read,
.r56-journal .r56-read,
.r56-journal .r56-categories a,
.r56-journal .r56-guides a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.r56-journal .r56-categories a,
.r56-journal .r56-guides a { justify-content: space-between; }

/* 2. Подсказка прокрутки у строки разделов: тень видна, только пока справа есть
      содержимое, и исчезает в конце прокрутки. Фон-подложка не гасит сами ссылки,
      в отличие от маски поверх текста. */
.r56-journal .r56-nav {
  background-image:
    linear-gradient(to right, #fff, rgba(255, 255, 255, 0)),
    linear-gradient(to left, #fff, rgba(255, 255, 255, 0)),
    radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0));
  background-position: 0 0, 100% 0, 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 26px 100%, 26px 100%, 13px 100%, 13px 100%;
  background-attachment: local, local, scroll, scroll;
}

/* 3. Низ карточек «Почитать» на одной линии: ссылка прижата к нижнему краю карточки.
      Текстовый вариант .is-text центрирует содержимое по своей раскладке — его не трогаем. */
.r56-blog-grid > .r56-blog-box:not(.is-text) { display: flex; flex-direction: column; }
.r56-blog-grid > .r56-blog-box:not(.is-text) > .r56-blog-content { display: flex; flex-direction: column; flex: 1 1 auto; }
.r56-blog-grid > .r56-blog-box:not(.is-text) .r56-read { margin-top: auto; }

/* ===== compare-nav-bj.css ===== */
/* 1136 (слой BJ): таблица сравнения — свои кнопки вместо системной горизонтальной полосы.
 *
 * Замерено 20.09 на маршруте /catalog/honda/n-box/japan/g2-2020-11-hatchback-facelift/
 * с тремя выбранными версиями: горизонтальный запас 304 px на 390 и 239 px на 768,
 * своего управления не было, оставалась только системная полоса.
 *
 * Правила включаются классом .is-enhanced, который ставит сценарий: без JavaScript
 * системная полоса и подсказка остаются как были. Вертикальная прокрутка не скрывается.
 */
.gt-compare-viewport { position: relative; }

.gt-compare-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.gt-compare-head .gt-compare-scroll-hint { margin: 8px 0 10px; }

.gt-compare-nav { display: flex; gap: 8px; flex: 0 0 auto; }
.gt-compare-nav button {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--gt-cloud, #dcdcd8);
  border-radius: 8px;
  background: #fff;
  color: var(--gt-black, #111);
  font: 600 16px/1 var(--font-body, Montserrat, Arial, sans-serif);
  cursor: pointer;
}
.gt-compare-nav button:hover:not(:disabled) { border-color: var(--gt-red, #dc0100); color: var(--gt-red, #dc0100); }
.gt-compare-nav button:focus-visible { outline: 2px solid var(--gt-red, #dc0100); outline-offset: 2px; }
.gt-compare-nav button:disabled { opacity: .35; cursor: default; }

/* Рамка нужна, чтобы подсказка края стояла у таблицы, а не у всего блока с кнопками. */
.gt-compare-frame { position: relative; }
.gt-compare-viewport.is-enhanced.is-scrollable:not(.is-at-end) .gt-compare-frame::after {
  content: '';
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 22px;
  background: linear-gradient(to left, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0));
  pointer-events: none;
}

/* Системная горизонтальная полоса убирается только там, где уже работают кнопки.
   scrollbar-color в базовом правиле отключает ::-webkit-scrollbar, поэтому возвращаем
   ему auto; вертикальная полоса остаётся системной и видимой. */
.gt-compare-viewport.is-enhanced .gt-compare-scroll { scrollbar-color: auto; }
.gt-compare-viewport.is-enhanced .gt-compare-scroll::-webkit-scrollbar:horizontal { height: 0; }

@media (max-width: 600px) {
  .gt-compare-head { flex-wrap: wrap; gap: 4px 12px; }
  .gt-compare-head .gt-compare-scroll-hint { margin: 8px 0 4px; }
  .gt-compare-nav { margin-bottom: 8px; }
}