/* ============================================================
   CATEGORY RIGHT HOVER FIX V106.9

   Крайняя видимая карточка справа уже получает класс:
       sd-category-right-edge-v1068

   При scale фиксируем ПРАВУЮ грань карточки.
   Карточка увеличивается внутрь слайдера,
   а не наружу за viewport.
   ============================================================ */

body.site-home-modern
.home-category-card-v6.sd-category-right-edge-v1068{

    /*
     * V106.8 уже сдвигает её на 2px внутрь.
     */
    right:
        2px!important;

    /*
     * КЛЮЧЕВО:
     * правая грань остаётся на одном месте
     * во время scale.
     */
    transform-origin:
        right center!important;
}


/*
 * Hover transform НЕ задаём.
 * Используется существующий:
 *
 * translateY(...)
 * scale(...)
 *
 * Меняем только точку масштабирования.
 */

@media (hover:hover) and (pointer:fine){

    body.site-home-modern
    .home-category-card-v6.sd-category-right-edge-v1068:hover{

        transform-origin:
            right center!important;

        /*
         * Поднимаем над соседними карточками,
         * но сам transform не трогаем.
         */
        z-index:
            20!important;
    }

}


/* ============================================================
   ЛЕВАЯ СТОРОНА

   НИЧЕГО НЕ МЕНЯЕМ.
   Она уже выглядит правильно.
   ============================================================ */


/* ============================================================
   LIGHT / DARK

   Геометрия абсолютно одинаковая.
   ============================================================ */

html[data-site-theme="light"]
body.site-home-modern
.home-category-card-v6.sd-category-right-edge-v1068,

html[data-site-theme="dark"]
body.site-home-modern
.home-category-card-v6.sd-category-right-edge-v1068{

    transform-origin:
        right center!important;
}


/* ============================================================
   MOBILE

   На телефоне оставляем только 1px,
   как было в V106.8.
   ============================================================ */

@media(max-width:700px){

    body.site-home-modern
    .home-category-card-v6.sd-category-right-edge-v1068{

        right:
            1px!important;

        transform-origin:
            right center!important;
    }

}