/* ============================================================
   SD CATEGORY STORE SWIPE V114

   1. Маленькая стрелка магазина:
      - ниже
      - меньше
      - под стрелкой слайдера

   2. Категории:
      - такой же native swipe как "Наши магазины"
      - native smooth
      - scroll snap
      - размеры карточек НЕ меняем
   ============================================================ */


/* ============================================================
   HOME STORES
   МАЛЕНЬКАЯ СТРЕЛКА НИЖЕ БОЛЬШОЙ
   ============================================================ */

@media (min-width:1181px){

    body.site-home-modern
    .home-store-arrow-v106{

        /*
         * Самый правый нижний угол.
         */
        right:7px !important;
        bottom:5px !important;

        width:30px !important;
        height:30px !important;

        min-width:30px !important;
        min-height:30px !important;

        padding:0 !important;
        margin:0 !important;

        /*
         * Она всегда НИЖЕ по слою,
         * чем большая стрелка слайдера.
         */
        z-index:2 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        box-sizing:border-box !important;

        border-radius:50% !important;

        font-size:0 !important;
        line-height:0 !important;

        color:transparent !important;
    }


    body.site-home-modern
    .home-store-arrow-v106::before{

        content:"→" !important;

        position:absolute !important;

        left:50% !important;
        top:50% !important;

        margin:0 !important;
        padding:0 !important;

        color:#ef1d26 !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size:15px !important;
        font-weight:700 !important;
        font-style:normal !important;

        line-height:1 !important;

        transform:
            translate(-50%,-50%) !important;

        pointer-events:none !important;
    }


    /*
     * Большие стрелки всегда поверх карточек.
     */

    body.site-home-modern
    .home-stores-nav-v106-1{

        z-index:40 !important;
    }


    /*
     * Под маленькую кнопку теперь нужно
     * меньше свободного места.
     */

    body.site-home-modern
    .home-store-hours-v106{

        padding-right:40px !important;
    }

}



/* ============================================================
   CATEGORY SWIPE
   ОДИН В ОДИН ПО МЕХАНИКЕ HOME STORES
   ============================================================ */

body.site-home-modern
.home-category-stage-v6{

    position:relative !important;

    overflow:visible !important;
}


body.site-home-modern
.home-category-viewport-v6{

    position:relative !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    /*
     * Именно native smooth, как у магазинов.
     */
    scroll-behavior:smooth !important;

    /*
     * После свайпа карточка сама
     * становится ровно к началу viewport.
     */
    scroll-snap-type:x mandatory !important;

    scroll-padding-left:0 !important;
    scroll-padding-right:0 !important;

    scrollbar-width:none !important;
    -ms-overflow-style:none !important;

    overscroll-behavior-x:contain !important;

    /*
     * Разрешаем браузеру настоящий
     * горизонтальный touch swipe.
     */
    touch-action:
        pan-x
        pan-y
        pinch-zoom !important;

    -webkit-overflow-scrolling:
        touch !important;
}


body.site-home-modern
.home-category-viewport-v6::-webkit-scrollbar{

    display:none !important;
}


body.site-home-modern
.home-category-track-v6{

    /*
     * Никаких transform-анимаций.
     * Едет сам viewport.
     */
    transform:none !important;
    translate:none !important;
    transition:none !important;
    animation:none !important;
}


body.site-home-modern
.home-category-card-v6{

    /*
     * Как на магазинах.
     */
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
}


/*
 * Старый V54.1 ставил класс во время
 * своей ручной requestAnimationFrame анимации.
 * Больше он ничего делать не должен.
 */

body.site-home-modern
.home-category-viewport-v6.is-v541-animating{

    scroll-behavior:smooth !important;
}


/* ============================================================
   СТРЕЛКИ КАТЕГОРИЙ
   ============================================================ */

body.site-home-modern
.home-category-nav-v6{

    z-index:40 !important;
}


/*
 * Disabled визуально сохраняем,
 * но JS V114 теперь полностью управляет состоянием.
 */

body.site-home-modern
.home-category-nav-v6:disabled{

    opacity:.22 !important;

    pointer-events:none !important;
}