/* boxic-mobile.css: мобильные правки 4 сайтов boxicru (подключается из design/head/includes).
   p43 (27.10.2026): мобильная категория с товарами - до листинга меньше прокрутки.
   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;
    }
}

/* p48 (27.10.2026): мобильная шапка и карточка товара (пункт 21 плана).
   1. Тап-зоны шапки 48x48 через ::after (меню, поиск, корзина) - раскладка не меняется.
   2. Карточка: H1 23 px, нижняя панель с ценой и «В корзину» видна сразу, а не после прокрутки (скрипт темы
      показывает её, только когда блок покупки целиком ушёл с экрана; на загрузке он задевает край экрана на 1 px).
   3. Подписи цены и «Кол-во» 11 px -> 12 px. */
@media (max-width: 767px) {
    .page-header .action.nav-toggle::after,
    .page-header .block-search .label::after,
    .page-header .action.showcart::after {
        content: ''; position: absolute; left: 50%; top: 50%;
        width: 48px; height: 48px; transform: translate(-50%, -50%);
    }
    html body.pdp-v2:not(#p48a):not(#p48b) .pdp-v2-title { font-size: 23px; line-height: 1.25; }
    html body.pdp-v2 .pdp-v2-bar[hidden]:has(.tocart) { display: flex !important; }
    html body.pdp-v2:has(.pdp-v2-bar .tocart) { padding-bottom: 72px; }
    html body.pdp-v2 .pdp-v2-bar small,
    html body.pdp-v2 .pdp-v2-price__lbl,
    html body.pdp-v2 .pdp-v2-buy .label > span { font-size: 12px; }
}