/* p43 (27.10.2026), 4 сайта boxicru: мобильная категория с товарами - до листинга меньше прокрутки.
   1. FAQ категории (.cv2-faq-side живёт в sidebar-main с display:contents, порядок 1) уходит под листинг.
   2. «Быстрый подбор» из описания - горизонтальная лента карточек вместо столбца.
   3. Плитки подкатегорий - компактные строки: название, счётчик, маленькая картинка, без описания.
   Только страницы с листингом (:has(.products-grid)); хабы без товаров не трогаем. Префикс с :not(#id) - чтобы
   перебить category-v2 ESD2 (html body.cv2-page:not(#cv2a):not(#cv2b) ...). */
@media (max-width: 767px) {
    .columns > .sidebar-main > .cv2-faq-side,
    .columns > .sidebar-main > .category-faq { order: 3 !important; }

    .column.main:has(.products-grid) .cv2-intro .sf-box .sf-grid {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
    }
    .column.main:has(.products-grid) .cv2-intro .sf-box .sf-opt {
        flex: 0 0 70%;
        margin: 0;
        scroll-snap-align: start;
    }

    html body.cv2-page:not(#cv2a):not(#cv2b):not(#p43) .column.main:has(.products-grid) .cv2-tiles .pneu-cat-grid { gap: 8px; }
    html body.cv2-page:not(#cv2a):not(#cv2b):not(#p43) .column.main:has(.products-grid) .cv2-tiles .pneu-cat-card {
        padding: 10px 12px;
        gap: 12px;
        align-items: center;
        min-height: 0;
    }
    html body.cv2-page:not(#cv2a):not(#cv2b):not(#p43) .column.main:has(.products-grid) .cv2-tiles .pneu-cat-desc { display: none; }
    html body.cv2-page:not(#cv2a):not(#cv2b):not(#p43) .column.main:has(.products-grid) .cv2-tiles .pneu-cat-img {
        flex: 0 0 56px;
        width: 56px;
        height: 56px;
    }
    html body.cv2-page:not(#cv2a):not(#cv2b):not(#p43) .column.main:has(.products-grid) .cv2-tiles .pneu-cat-img img {
        width: 56px;
        height: 56px;
        object-fit: contain;
    }
}