/* ============================================================
   CATEGORY EDGES 2PX V106.7

   ТОЛЬКО пространство слева/справа.

   НЕ МЕНЯЕТ:
   - hover
   - scale
   - transform
   - border
   - border-radius
   - высоту
   - ширину обычных карточек
   - изображения
   ============================================================ */


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

    /*
     * Две крайние карточки больше
     * не лежат вплотную к месту обрезания viewport.
     */
    padding-left:
        2px!important;

    padding-right:
        2px!important;

    box-sizing:
        border-box!important;
}


/*
 * Компенсируем эти 4px по ширине,
 * чтобы сам блок визуально не сжался.
 */

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

    box-sizing:
        border-box!important;
}


/* ============================================================
   КРАЙНИЕ КАРТОЧКИ

   Ещё по 1px внутреннего отступа непосредственно
   от внешнего края. Визуально незаметно.
   ============================================================ */

body.site-home-modern
.home-category-track-v6
.home-category-card-v6:first-child{

    margin-left:
        1px!important;
}


body.site-home-modern
.home-category-track-v6
.home-category-card-v6:last-child{

    margin-right:
        1px!important;
}


/*
 * Hover крайних карточек остаётся РОВНО таким,
 * какой уже настроен в проекте.
 *
 * Здесь специально НЕТ transform.
 */


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

   На телефоне тоже сохраняем небольшой безопасный край.
   ============================================================ */

@media(max-width:700px){

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

        padding-left:
            2px!important;

        padding-right:
            2px!important;
    }

}