/* 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; }
}