/* ============================================================================
   Адаптивная вёрстка — замечания протокола приёмочных испытаний, повторная проверка 21.09.2026.
   Подключается в footer.php последним, после ui-states.css и <style> инклудов:
   правила перекрывают их обычным порядком каскада.
   ============================================================================ */

/* З-189. Свёрнутая панель меню (до 1023 px) уезжает за правый край экрана, а её тень
   -8px 0 24px оставалась в кадре серой полосой шириной около 30 px. Тень — только у открытой панели. */
@media (max-width: 1023px) {
  .site-nav { box-shadow: none; }
  .site-nav.is-open { box-shadow: -8px 0 24px rgba(0, 0, 0, .25); }
}

/* З-192. До 1100 px включительно выдача идёт карточками в две колонки, а нижний предел
   ширины таблицы 860 px (ui-states.css, раздел 10 — он нужен табличному виду) выталкивал
   правую колонку карточек за край блока на 1024–1100 px. */
@media (min-width: 1024px) and (max-width: 1100px) {
  .results-table { min-width: 0; }
}

/* Карточки выдачи в две колонки: у колонок 1fr нижняя граница — ширина содержимого,
   и на телефоне две карточки с промежутком выходили за блок на 6 px — появлялась прокрутка. */
@media (max-width: 1100px) {
  .results-table tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* «Избранное» с добавленной техникой на 1024–1100 px: колонке контента рядом с левой панелью
   не хватало ширины — кнопки «Удалить все» и «Сохранить в подборку» и заголовок «Требования
   для агрегатирования» (неразрывный пробел) выходили за край, появлялась прокрутка страницы
   вбок. Кнопки переносятся под заголовок, текстовые колонки карточки делят ширину поровну. */
@media (min-width: 1024px) and (max-width: 1100px) {
  .fav-head { flex-wrap: wrap; }
  .fav-item { grid-template-columns: 180px minmax(0, 1fr) minmax(0, 1fr) 51px; }
  .fav-item__req-title { font-size: 16px; }
}

/* ============================================================================
   Корректировки интерфейсов 29.09.2026 (Planka 1874672638568171198)
   ============================================================================ */

/* п. 2. Единица измерения в мобильной таблице характеристик — в той же строке, что название
   параметра: «Рабочая скорость (км/ч)», а не «(км/ч)» отдельной строкой. Утилита
   .desktop-hidden делает её блоком (template_styles.css, ui-states.css разделы 17–18).
   Только у единиц со скобками (.mobile-unit): в таблицах вариантов сменных органов
   единица без скобок и приклеилась бы к названию. */
@media (max-width: 600px) {
  body .spec-table th .unit.desktop-hidden:not(:has(.mobile-unit:empty)):has(.mobile-unit),
  body .req-modal .agg-req__param .unit.desktop-hidden:not(:has(.mobile-unit:empty)):has(.mobile-unit) {
    display: inline !important; margin-left: .25em;
  }
}
@media (max-width: 768px) {
  body .machine-hero ~ .spec-table th .unit.desktop-hidden:not(:has(.mobile-unit:empty)):has(.mobile-unit) {
    display: inline !important; margin-left: .25em;
  }
}

/* п. 3. Вертикальные разделители между колонками значений на телефоне — белые, как
   горизонтальные между строками (было #D9D9D9, ui-states.css, п. 8). */
@media (max-width: 600px) {
  .spec-table tr:has(> td.value + td.value):not(:has(> td.value + td.value + td.value + td.value)) > td.value + td.value {
    background-image: linear-gradient(#fff, #fff);
  }
}

/* п. 4. Строки с четырьмя и более значениями — по колонкам раздела: подпись колонки, под ней
   значения через запятую (блок собирает spec-table-groups.js). Колонки равной ширины: по доле
   сетки колонка «540/540E» у BELARUS 2023 выходила в шестую часть строки и рвала подпись
   по слогам. На широком экране блока нет. */
.spec-table td.value-groups { display: none; }
@media (max-width: 600px) {
  .spec-table tr.has-value-groups > td.value { display: none; }
  .spec-table tr.has-value-groups > td.value-groups { display: flex; padding-top: 0; }
  .spec-table .value-groups__col { flex: 1 1 0; min-width: 0; padding: 0 8px; overflow-wrap: anywhere; }
  .spec-table .value-groups__col:first-child { padding-left: 0; }
  .spec-table .value-groups__col + .value-groups__col {
    background-image: linear-gradient(#fff, #fff); background-repeat: no-repeat;
    background-position: left center; background-size: 1px 100%;
  }
  .spec-table .value-groups__head { font-weight: 700; margin-bottom: 6px; }
}

/* ============================================================================
   Правки 3.0 — мобильная версия и несколько по десктопу, 29.09.2026
   (Planka 1874674619789608666, файл «ПРАВКИ 3_0»). Номера — пункты файла.
   ============================================================================ */

/* п. 1. Главная, «Найди свою технику»: заголовок раздела крупнее (в две строки, как на
   макете), картинка карточки — на всю ширину карточки, кнопка «Выбрать» ниже. */
@media (max-width: 600px) {
  body .find__title { font-size: 40px; line-height: 1.05; margin-bottom: 20px; }
  body .find-card__image { padding: 10px 0 12px; }
  body .find-card__image img { width: 100%; max-width: none; height: auto; max-height: none; }
  body .find-card__btn { padding: 6px 12px; min-height: 46px; font-size: 23px; line-height: 34px; }
}

/* п. 2. Подвал: иконки соцсетей крупнее и с промежутками — по четыре в ряд, как на макете. */
@media (max-width: 600px) {
  body .site-footer__social { gap: 14px; flex-wrap: wrap; }
  body .site-footer__social-link { width: 52px; height: 52px; }
  body .site-footer__social-link img { max-width: 24px; max-height: 24px; width: 24px; height: auto; }
}

/* п. 3. Страница 404: блок занимает экран под шапкой, цифры крупнее, текст уже (три строки),
   кнопка на всю ширину и ниже. */
@media (max-width: 600px) {
  body .err404 { min-height: calc(100svh - 58px); display: flex; align-items: center; padding: 24px 0 40px; }
  body .err404__inner { width: 100%; }
  body .err404__text { font-size: 18px; line-height: 1.35; max-width: 250px; margin-left: auto; margin-right: auto; }
  body .err404__actions { margin-top: 28px; }
  body .err404__btn { width: 100%; min-height: 46px; padding: 6px 16px; justify-content: center; font-size: 23px; }
}

/* п. 5. Подбор по мощности: иконки тракторов одного размера. Сервер отдаёт копии без пустых
   полей (api/tractor_power.php), здесь — одинаковая рамка под иконку в каждой строке. */
@media (max-width: 600px) {
  body .power-row { grid-template-columns: 50px minmax(0, 1fr) auto; }
  body .power-row__icon { display: flex; align-items: center; justify-content: center; width: 50px; height: 30px; }
  body .power-row__icon img { width: 100%; height: 100%; max-height: none; object-fit: contain; }
}

/* п. 4. Хлебные крошки на телефоне — в одну строку с прокруткой вбок, как на макете: длинная
   цепочка не занимает три строки над заголовком. direction: rtl у контейнера открывает
   прокрутку с правого края — видно последнее звено (текущую страницу); порядок звеньев
   внутри прежний. Полоса серий тракторов крупнее — надписи серий читаются. */
@media (max-width: 600px) {
  body .breadcrumbs { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; direction: rtl; text-align: left; }
  body .breadcrumbs::-webkit-scrollbar { display: none; }
  body .breadcrumbs .breadcrumbs__list { direction: ltr; display: inline-flex; flex-wrap: nowrap; white-space: nowrap; }
  body .breadcrumbs .breadcrumbs__item { flex: none; white-space: nowrap; }
  body .series-trip .series-trip__strip { gap: 33px; padding-top: 14px; padding-bottom: 12px; margin-right:-33px}
  body .series-trip .series-trip__strip button { font-size: 12px; line-height: 18px; }
}

/* п. 6, 14, 32, 33, 38, 41. На телефоне и планшете нет наведения мыши, но браузер после касания
   держит на элементе состояние :hover, пока не коснуться другого места. Стили наведения из
   стайлгайда (ui-states.css и стили страниц) от этого «залипали»:
   — «Подобрать машины» после закрытия списка оставалась белой (п. 6), «Сохранить в мои
     тракторы» — красной (п. 38);
   — флажок «В избранное» после сохранения был бледно-розовым (наведение = красный флажок
     с прозрачностью 0,4), а после удаления не пропадал (п. 32, 33);
   — пункт фильтра после снятия отметки оставался с розовой точкой (п. 41), а последний
     выбранный — с красной надписью (п. 14).
   Где наведения нет (hover: none), под :hover возвращаем обычный вид элемента. */
   

@media (hover: none) {
  body .country-select:not(.is-open) .country-select__toggle:hover,
  body .profile-actions__select:not(.profile-save):hover {
    background: var(--c-red); color: #fff; border-color: #fff;
  }
  body .country-select.is-open .country-select__toggle:hover { background: #fff; color: var(--c-red); border-color: #DEDEDE; }
  body .tractor-profile button.profile-save:not(.profile-save--disabled):hover,
  body .profile-save:not(.profile-save--disabled):hover {
    /*background: transparent; color: var(--c-text); border-color: #CCCCCC;*/
  } 
  
  body .country-select.is-open .country-select__toggle:active { background: #fff; color: var(--c-red); border-color: #DEDEDE; }
  

  body .profile-save:not(.profile-save--disabled):active,
  body .tractor-profile button.profile-save:not(.profile-save--disabled):focus,
  body .profile-save:not(.profile-save--disabled):focus   {
	   transition: all 0.3s ease;
	   background: var(--c-red); color: #fff; border-color: var(--c-red);
  }
  
  body .btn--primary:hover, body .country-select__apply:hover {
    background: var(--c-red); color: #fff; border-color: var(--c-red);
  }

  body input.fav-flag:hover:not(:checked) {
    background: url("/local/templates/agregatirovanie/images/icons/flag.svg") center / contain no-repeat;
    opacity: 1;
  }
  body input.fav-flag:checked:hover { opacity: 1; }
  body .add-to-fav:not(.is-active):hover svg path { fill: none; stroke: #BDBDBD; }

  body .custom-checkbox:hover input ~ .checkmark { border-color: #C5C5C5; }
  body .custom-checkbox:hover span:not(.checkmark) { color: inherit; }
  body .custom-checkbox:hover input:not(:checked) ~ .checkmark::after { transform: translate(-50%, -50%) scale(0); }
}

/* п. 7. Подбор машин на планшете и телефоне: быстрые фильтры («BELARUS 82.1 ×») стоят над
   строкой с моделью трактора и кнопкой «Характеристики», как на макете; надпись фильтра —
   обычным начертанием, не жирным. */
@media (max-width: 1100px) {
  body .agri-params-strip { display: flex; flex-direction: column; }
  body .agri-params-strip > .quick-filters { order: -1; padding-bottom: 8px; }
  body .quick-filters .tag {  font-size: 12px; }
}

/* п. 11, 12. Карточки машин в выдаче (планшет и телефон): «Наименование» перед «Типом
   машины»; равные отступы между картинкой и кнопками «Описание» / «Требования»; значения
   полей — с межстрочным интервалом 1,2 вместо 1,45: двух-трёхстрочные названия и списки
   серий не «рассыпаются». */
@media (max-width: 1100px) {
  body .results-table tbody td.col-name { order: 5; }
  body .results-table tbody td.col-machine-type { order: 6; }
  body .results-table tbody td.col-image { margin-bottom: 6px; }
  body .results-table tbody td.col-info .info-btn + .info-btn { margin-top: 3px; }
  body .results-table tbody td.col-name,
  body .results-table tbody td.col-machine-type,
  body .results-table tbody td.col-model,
  body .results-table tbody td.col-manuf,
  body .results-table tbody td.col-series { line-height: 1.2; }
  body .results-table tbody td .hidden-desktop { margin-bottom: 2px; }
}

/* п. 8, 9, 51. Списки в фильтрах подбора («Производитель», «Типы машин», «Серии», «Виды
   выполняемых работ»):
   — полоса прокрутки везде одна: тонкая серая на светлой дорожке, как в «Типах машин»; дорожка
     нарисована и фоном списка — на iPhone Safari не показывает полосу прокрутки, пока список
     не прокручивают, и не было видно, что список длиннее (п. 51);
   — разделительные линии пунктов заканчиваются за 12 px до полосы прокрутки (п. 8);
   — у последнего пункта группы тот же отступ до линии, что и у остальных (п. 9);
   — «Типы машин» раскрываются на ту же высоту, что «Серии», а не на 40 % экрана (п. 51). */
   
   
   
 /*  
.holding-grid, .mtype-list, .series-filter__list, .worktype-grid { scrollbar-width: thin; scrollbar-color: #9B9B9B #E9E9E9; }
.holding-grid::-webkit-scrollbar, .mtype-list::-webkit-scrollbar,
.series-filter__list::-webkit-scrollbar, .worktype-grid::-webkit-scrollbar { width: 4px; }
.holding-grid::-webkit-scrollbar-track, .mtype-list::-webkit-scrollbar-track,
.series-filter__list::-webkit-scrollbar-track, .worktype-grid::-webkit-scrollbar-track { background: #E9E9E9; border-radius: 2px; }
.holding-grid::-webkit-scrollbar-thumb, .mtype-list::-webkit-scrollbar-thumb,
.series-filter__list::-webkit-scrollbar-thumb, .worktype-grid::-webkit-scrollbar-thumb { background: #9B9B9B; border-radius: 2px; border: 0; }
.holding-grid::-webkit-scrollbar-button, .mtype-list::-webkit-scrollbar-button,
.series-filter__list::-webkit-scrollbar-button, .worktype-grid::-webkit-scrollbar-button { display: none; }

 */

@media (max-width: 1023px) {
  body .holding-grid, body .mtype-list, body .series-filter__list {
    padding-right: 16px;
    /*  background: linear-gradient(#E9E9E9, #E9E9E9) right top / 4px 100% no-repeat;*/
  }
  body .filters__group-body .mtype-list { max-height: 60vh; }
  body .mtype-list .mtype-group label.checkbox:last-child { padding-bottom: 9px; }
  body .worktype-item:last-child { padding-bottom: 10px; }
}

/* п. 10. Плитки «Возможно, вас заинтересует» на телефоне и планшете: у подписи машины
   («Полуприцеп малогабаритный тракторный») и названия производителя межстрочный интервал
   1,2 — как на макете; с общим 1,45 трёхстрочная подпись занимала полплитки. */
@media (max-width: 1023px) {
  body .agri-reco__text, body .agri-reco__manuf,
  body .reco-tile__text, body .spec-reco__text, body .name__prod { line-height: 1.2; }
}

/* п. 13, 26, 35. Таблица характеристик на телефоне: во всех профайлах — машин, мини- и лесной
   техники, спецтехники — тот же кегль, что в профайле трактора (18 px у названий, значений
   и заголовков разделов «Параметры агрегатирования», «Двигатель», «ВОМ»). Было 12 px. */
@media (max-width: 600px) {
  html body .spec-table,
  html body .spec-table th, html body .spec-table td,
  html body .spec-table tr.section-row th { font-size: 18px; }
  html body .spec-table th, html body .spec-table td { line-height: 1.3; }
}

/* п. 16. Заголовок раздела под раскрытым разделом таблицы — с линией сверху, как на макете:
   иначе серая строка «2560±20» упиралась прямо в «Бульдозерное оборудование». Линия нужна,
   когда над заголовком видны строки: у раскрытого раздела (.is-visible) и у первого,
   всегда раскрытого раздела таблицы. */
@media (max-width: 600px) {
  body .spec-table tr.spec-section-item.is-visible + tr.section-row,
  body .spec-table tr.section-row--first ~ tr.section-row:not(tr.section-row--first ~ tr.section-row ~ tr.section-row) {
    border-top: 1px solid #BDBDBD;	
  }
  body .spec-table tr.section-row--first ~ tr.section-row:not(tr.section-row--first ~ tr.section-row ~ tr.section-row) {margin-top: 13px }
}

/* п. 40. Примечания под таблицей характеристик («*Комплектация по заказу», «Характеристики
   представлены…», сноски «1)») — один кегль во всех профайлах. */
@media (max-width: 600px) {
  body .spec-notes, body .spec-notes p, body .spec-notes div, body .spec-notes li,
  body .spec-table ~ p.text-muted.text-small { font-size: 16px; line-height: 1.3; }
}

/* п. 39. «Сменные рабочие органы» в профайле машины на телефоне — заголовком раздела, как
   «Гидронавесная система» на макете: без рамки кнопки, с линией сверху и отступом текста
   таблицы; «Вариант 1» — на одной вертикали с названиями строк таблицы. */
@media (max-width: 600px) {
  body .parts-block__head { border: 0; border-top: 1px solid #BDBDBD; padding: 13px 23px; }
  body .parts-variant__title { padding-left: 23px; }
}

/* п. 15. «По вашему запросу ничего не найдено» на телефоне: между кнопкой «Сбросить последний
   фильтр» и полем поиска по модели — 12 px, как на макете (было 20). */
@media (max-width: 600px) {
  body .empty-query__actions { gap: 10px; }
}

/* п. 17, 18. FAQ на телефоне: картинки с тракторами под списком нет — на мобильном макете её
   нет; вложенные вопросы и ответы начинаются на одной вертикали с разделами («Общие вопросы»,
   «Регистрация»), а не со сдвигом 50 px. */
@media (max-width: 600px) {
  body .page-banner { display: none; }
  body .faq-item__body .sub-item-heading { padding-left: 16px; }
  body .faq-item__body .sub-item { padding-left: 16px; padding-right: 16px; }
  body .faq-item__body .sub-item p {margin-top:0;}
}

/* п. 20, 23, 24, 48. «Избранное» и подборка на телефоне:
   — стрелка раздела справа от первой строки заголовка, а не после последнего слова (п. 20);
   — строки тракторов кеглем 20 px, как на макете: при 30 px длинные модели («BELARUS МПТ-40…»)
     обрезались многоточием; BELARUS — начертанием Black, номер модели — обычным (п. 23, 24, 48). */
@media (max-width: 600px) {
  body .fav-section__title { position: relative; display: block; width: fit-content; max-width: 100%; padding-right: 34px; text-align: left; line-height: 1.15; }
  body .fav-section__title .fav-section__arrow { position: absolute; right: 0; top: .2em; margin: 0; }
  body .fav-row__model { font-size: 30px; font-weight: 700; }
  body .fav-row__model strong { font-weight: 900; }
}

/* п. 21, 49. Карточка машины в «Избранном» и подборке на телефоне: картинка крупнее (половина
   ширины карточки) и отделена от описания; межстрочный интервал текстов 1,25 вместо 1,6;
   «Требования для агрегатирования» ближе к своему тексту, чем к блоку над ним. */
@media (max-width: 600px) {
  body .fav-item__img img { width: 50%; max-width: 180px; height: auto; margin-right: 0; }
  body .fav-item__img { margin-bottom: 14px; }
  body .fav-item__props, body .fav-item__props p, body .fav-item__props span { line-height: 1.25; }
  body .fav-item__props p { margin-bottom: 8px; }
  body .fav-item__req { font-size: 12px; line-height: 1.25; padding-top: 10px; }
  body .fav-item__req .fav-item__req-title { display: block; margin-bottom: 6px; }
  body .fav-item__req > span:not(.fav-item__req-title) { line-height: 1.25; }
}

/* п. 22. Личный кабинет на телефоне: кнопка «Обратная связь» под заголовком «Личный кабинет»,
   шириной в половину строки, как на макете, а не рядом с ним. */
@media (max-width: 600px) {
  body .lk-content__head { flex-direction: column; align-items: flex-start; gap: 10px; }
  body .lk-content__head .btn { width: 50%; min-width: 180px; justify-content: center; }
}

/* п. 36. «Сортировать по» на телефоне: у кнопок без стрелки («Производителю», «Видам
   выполняемых работ») надпись по центру, как на макете; «Параметрам трактора» со стрелкой
   раскрытия — как была, надпись слева, стрелка справа. */
@media (max-width: 600px) {
  body a.agri-btn { justify-content: center; text-align: center; }
}

/* п. 50. Окно требований для агрегатирования на телефоне: таблица тяг ЗНУ («Особенности»,
   «Изображение», «Обозначение») не шире окна — ячейки больше не держат текст в одну строку
   (длинное обозначение «50-4605030-А3-04(правая)/…» переносится), картинка тяги вписывается
   в ширину окна. */
@media (max-width: 600px) {
  body .req-modal .agg-req__table--tugs,
  body .req-modal .agg-req__table--tugs tbody { display: block; width: 100%; max-width: 100%; }
  body .req-modal .agg-req__table--tugs td { white-space: normal; overflow-wrap: anywhere; min-width: 0; max-width: 100%; }
  body .req-modal .agg-req__table--tugs img { max-width: 100%; height: auto; }
  body .req-modal .agg-req__variant { max-width: 100%; overflow-x: hidden; }
}

/* п. 29, 52. Плашки согласования агрегатирования в профайле машины — по дизайн-макету: без
   цветной полосы, фона и значка-галочки; перед текстом красный «!», текст полужирный тёмный,
   кеглем описания машины (18 px). Заголовок («Согласовано», «Не проходило согласование»,
   «Предупреждение…») на макете не выводится — смысл несёт сам текст. Оформление задано
   стилем в разметке, поэтому здесь с !important. */
body .machine-approval {
  padding: 0 !important; border: 0 !important; background: none !important;
  font-size: 18px !important; line-height: 1.3 !important; color: #2A3948 !important;
  font-weight: 600; gap: 12px !important; margin-bottom: 16px !important;
}
body .machine-approval > span:first-child { display: none; }
body .machine-approval::before {
  content: "!"; flex: 0 0 auto; color: var(--c-red, #A21B2C); font-weight: 900;
  font-size: 1.6em; line-height: .85;
}
body .machine-approval > span:last-child > strong:first-child,
body .machine-approval > span:last-child > strong:first-child + br { display: none; }

/* п. 37. Подборка на телефоне: крестик у машины и «Удалить все» после касания не остаются
   красными — возвращаются к обычному виду (см. блок hover: none выше; сама кнопка не
   срабатывала из-за ошибки скрипта ЛК, исправлено в script.js). */
@media (hover: none) {
  body .fav-del:hover { background: #F0F0F0; }
  body .fav-del:hover img { filter: none; }
  body .fav-section__clear:hover { color: #2A3948; background: none; border-color: #CCCCCC; }
}

/* п. 45, 46. Кнопка меню («три полоски») и крестик закрытия на iPhone. Safari рисует кнопку
   со своим оформлением и сжимает её во flex-строке шапки — полоски без явной ширины
   пропадали; крестик открытого меню был светло-серым #B3B3B3 на белом. Полоскам задана
   ширина, кнопка не сжимается, крестик — тёмный. */
   
   
@media (max-width: 1100px) {
    .results-table .col-image img.no-image {
        aspect-ratio: 16 / 9;
        object-fit: cover;
		width: 100%
    }
	
	.results-table .col-image:has(.no-image) {border-color: transparent;}
}


@media (max-width: 1023px) {
  body .site-header__burger { -webkit-appearance: none; appearance: none; flex: 0 0 32px; min-width: 32px; -webkit-tap-highlight-color: transparent; }
  body .site-header__burger span { width: 100%; flex: 0 0 2px; min-height: 2px; }
  body.burger-open .site-header__burger span { background: #2A3948; }
  body .machine-hero__desc {    font-size: 14px; margin-top: 20px;}
}

/* п. 34. Окно обратной связи на телефоне, по макету:
   — окно не выше экрана, с полями сверху и снизу: на телефоне с панелью браузера оно
     занимало всю высоту, и верхней и нижней границ окна видно не было;
   — звёздочка обязательного поля — справа от поля, у его верхнего края, а не над ним;
   — пункты «Выберите тип своего сообщения» и поля ввода — с равными промежутками;
   — кнопка «Отправить» выше. */
@media (max-width: 600px) {
  body .modal-backdrop[data-modal-id="feedback"] { padding: 24px 16px; }
  body .modal--feedback { max-height: calc(100svh - 48px); overflow-y: auto; }
  body .modal--feedback .feedback-topics { gap: 12px; }
  body .modal--feedback .feedback-topics__item { font-size: 13px; }
  body .modal--feedback .field-group { padding-right: 16px; margin-bottom: 14px; }
  body .modal--feedback .field-group .required { top: -4px; right: 0; left: auto; }
  body .modal--feedback .feedback-form__submit { min-height: 48px; justify-content: center; }
}

/* п. 30. Окна со сканом протокола/сертификата и окна требований: полоса прокрутки тонкая
   серая с отступом от края окна, как на макете, а не системная широкая. */
   
.modal, .doc-modal__body, .req-modal__body { /*scrollbar-width: thin; scrollbar-color: #9B9B9B transparent;*/ }

.modal::-webkit-scrollbar, .doc-modal__body::-webkit-scrollbar, .req-modal__body::-webkit-scrollbar { width: 12px; }
.modal::-webkit-scrollbar-track, .doc-modal__body::-webkit-scrollbar-track, .req-modal__body::-webkit-scrollbar-track { background: transparent; }
.modal::-webkit-scrollbar-thumb, .doc-modal__body::-webkit-scrollbar-thumb, .req-modal__body::-webkit-scrollbar-thumb {
  background: #9B9B9B; border: 4px solid transparent; background-clip: padding-box; border-radius: 6px;
}
.modal::-webkit-scrollbar-button, .doc-modal__body::-webkit-scrollbar-button, .req-modal__body::-webkit-scrollbar-button { display: none; }

/* п. 42. «Избранное», поле «Изменить язык для отчёта» (десктоп): у выбранного языка при
   наведении нет серого фона — серым подсвечиваются только другие языки, которые можно выбрать. */
.fav-side .choices__list--dropdown .choices__item--selectable.is-current.is-highlighted,
.fav-side .choices__list[aria-expanded] .choices__item--selectable.is-current.is-highlighted,
.lk-sidebar .choices__list--dropdown .choices__item--selectable.is-current.is-highlighted,
.lk-sidebar .choices__list[aria-expanded] .choices__item--selectable.is-current.is-highlighted {
  background: transparent; color: var(--c-red, #A21B2C);
}

/* п. 43. Подвал на телефоне: логотипы министерств и ведомств — сеткой в две колонки на всех
   страницах. На части страниц («Подбор по видам выполняемых работ» и др.) стиль страницы
   переключал блок в display: block, и логотипы рассыпались строкой разной ширины. */
@media (max-width: 600px) {
  body .site-footer .site-footer__partners.hidden-desktop { display: grid !important; grid-template-columns: 1fr 1fr; }
}

/* п. 44. Плитки «Возможно, вас заинтересует»: у машины без фото заглушка вписывается в рамку
   фотографии, и сверху и снизу оставались белые полосы — фон рамки белый, а у заглушки
   серый #F0F0F0. Фон рамки под заглушкой — тот же серый. */
body img.agri-reco__noimage, body img.spec-reco__noimage, body img.reco-tile__noimage { background: #F0F0F0; }

/* п. 28. Окно требований на телефоне: под названием машины и трактора отступ 32 px до
   «Способ агрегатирования» — на iPhone текст подходил вплотную к названию. */
@media (max-width: 600px) {
  body .req-modal .req-modal__head { margin-bottom: 24px; }
  body .req-modal .req-modal__body { padding-top: 8px; }
}

/* п. 35. Профайлы мини-техники: стиль страницы дорисовывал скобки вокруг единицы измерения
   (::before/::after), а в разметке единица уже в скобках — выходило «((кВт (л.с.)))». У единиц
   со своими скобками (.mobile-unit) дорисованные убираем. */
@media (max-width: 600px) {
  body .unit:has(.mobile-unit)::before, body .unit:has(.mobile-unit)::after { content: none; }
}


@media (max-width: 600px) {
    a[href].agri-btn {justify-content: center; text-align: center;}         
	.spec-reco { margin-top: 16px;}
	.spec-reco__title { margin: 0 0 15px;}
	.manuf-country, .filters__group-body {padding-right: 9px;}
	body .doc-modal__pages { margin-right: 14px;}
	body .doc-modal .modal {padding-right: 10px;}
  
}

    body .holding-grid, body .mtype-list, body .series-filter__list, body .benergy-list  {padding-right: 16px;}
	body .benergy-list { max-height: 40vh; overflow-y: auto; }
	 
	.browser-firefox .benergy-list {
		  /* Firefox */
		  scrollbar-width: thin;
		  scrollbar-color: #9B9B9B #E9E9E9;
		}
	.benergy-list::-webkit-scrollbar, .doc-modal__body::-webkit-scrollbar {
		width: 4px;
		height: 8px;
		border-radius: 2px;		
	}

	.doc-modal__body::-webkit-scrollbar-track, .benergy-list::-webkit-scrollbar-track {
		background: #E9E9E9;
			 border-left: 1px solid transparent;
			border-right: 1px solid transparent;
			/* Ensures the background doesn't bleed into the transparent borders */
			background-clip: padding-box; 
	}

	.doc-modal__body::-webkit-scrollbar-thumb, .benergy-list::-webkit-scrollbar-thumb {
		background: #9B9B9B;
		border-radius:37px;
		width: 4px;
		border: 4px solid #9B9B9B;;
	}

	.doc-modal__body::-webkit-scrollbar-thumb:hover, .benergy-list::-webkit-scrollbar-thumb:hover {
		background: #9B9B9B;
	}
	
	.doc-modal .modal {    padding-right: 16px;}
	.doc-modal__pages   {margin-right: 52px;}