/* kovroff.by, чат «Ускорение», 24.09.2026. Файл /local/assets/kv-speed.css, подключается из speed-tweaks.php
   только на страницах /catalog/. Откат: убрать подключение в speed-tweaks.php блок 5 или удалить файл. */

/* Карточки листинга за пределами экрана браузер не раскладывает и не рисует, пока они не приблизятся к экрану:
   на категории 18 карточек по ~230 узлов, на телефоне видны одна-две. Меньше работы при раскрытии фильтра,
   вставке «показать ещё», прилипании шапки и любом касании, которое трогает раскладку.
   Заглушка 371px = высота карточки в две колонки на телефоне (замер 24.09), «auto» хранит реальную высоту
   после первой отрисовки, поэтому полоса прокрутки не прыгает. Только телефоны: на десктопе карточки
   выравниваются по высоте скриптом Аспро, и заглушки его бы обманули. */
@media (max-width: 767px) {
    .catalog_block .catalog_item {
        content-visibility: auto;
        contain-intrinsic-size: auto 371px;
    }

    /* Панель «Фильтр · N | Сбросить | Сортировка» (kv-filterbar.js, 24.09.2026): одна строка без переносов */
    /* 24.09 вечер: на iPhone панель вылезала за экран — ширина ограничена контейнером, лишнее переносится или режется */
    .filter-panel-wrapper { max-width: 100%; overflow: hidden; }
    .filter-panel.sort_header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; width: auto; max-width: 100%; min-width: 0; box-sizing: border-box; overflow: hidden; }
    .filter-panel.sort_header > * { min-width: 0; max-width: 100%; }
    .filter-panel.sort_header > .filter-panel__filter,
    .filter-panel.sort_header > .kv-reset { float: none !important; flex: 0 0 auto; }
    .filter-panel.sort_header > .filter-panel__sort { float: none !important; flex: 0 1 auto; width: auto !important; margin-left: auto; }
    .filter-panel.sort_header .bx-filter-title { white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; }
    .filter-panel.sort_header .bx-filter-title .svg-inline-icon { display: inline-block; margin: 0; }
    .filter-panel.sort_header .controls-hr { display: none; }
    .filter-panel__sort .dropdown-select,
    .filter-panel__sort .dropdown-select__title { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .kv-filter-count { display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: 8px; background: var(--theme-base-color, #ff2300); color: #fff; font-size: 10px; font-weight: 600; line-height: 1; margin-left: 2px; }
    .kv-reset { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: var(--theme-base-color, #ff2300); }
    .kv-reset svg { width: 11px; height: 11px; flex: none; }
    .kv-reset .kv-lbl { color: inherit; border-bottom: 1px dotted currentColor; line-height: 1.2; font-size: 10px; letter-spacing: .03em; }
    .kv-reset svg { width: 9px; height: 9px; }
}