/**
 * Mobile catalog gallery — swipe via CSS scroll-snap.
 * Step 5 (final): все правила включены.
 * Перебивает Aspro Max media.css:4257-4263 (display:none на __item:not(._active)).
 * Стратегия: НЕ меняем position img (остаётся absolute из темы), делаем items
 * position:relative — img заполняют item, а не thumb.
 */
@media (hover: none), (max-width: 767px) {
    /* (1) показать все items */
    .compact-catalog .section-gallery-wrapper__item:not(._active) {
        display: block !important;
    }

    /* (2) wrapper как scroll-snap контейнер */
    .compact-catalog .section-gallery-wrapper.flexbox {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap !important;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .compact-catalog .section-gallery-wrapper.flexbox::-webkit-scrollbar { display: none; }

    /* (3) items — полноразмерные slot'ы с position:relative */
    .compact-catalog .section-gallery-wrapper__item {
        flex: 0 0 100% !important;
        position: relative !important;
        height: 100%;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* (4) img видимы все (opacity:1), position наследуется из темы (absolute relative к item) */
    .compact-catalog .section-gallery-wrapper__item img {
        opacity: 1 !important;
        transition: none !important;
    }
}