/* ============================================================
   HOME ALL CARDS -2PX V106.9

   ЦЕЛЬ:
   все карточки главной сделать ровно на 2px уже.

   НЕ ТРОГАЕМ:
   - магазины
   - высоту
   - hover
   - transform
   - scale
   - border
   - radius
   - тени
   - изображения
   ============================================================ */


/* ============================================================
   1. МЕРЧ / ФРАНШИЗА

   Это GRID-карточки.
   Просто уменьшаем ширину на 2px
   и центрируем внутри их исходной grid-ячейки.
   ============================================================ */

body.site-home-modern
.home-feature-tile-v5{

    width:
        calc(100% - 2px)!important;

    justify-self:
        center!important;

    box-sizing:
        border-box!important;
}


/* ============================================================
   2. КАТЕГОРИИ — DESKTOP

   Исходная формула:
   (shell - gaps) / 6

   Просто отнимаем 2px.
   ============================================================ */

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

    flex-basis:
        calc(
            (
                min(1280px, 100vw - 64px)
                - 60px
            ) / 6
            - 2px
        )!important;

    width:
        calc(
            (
                min(1280px, 100vw - 64px)
                - 60px
            ) / 6
            - 2px
        )!important;

    box-sizing:
        border-box!important;
}


/* ============================================================
   CATEGORY <=1120
   ============================================================ */

@media(max-width:1120px){

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

        flex-basis:
            calc(
                (
                    min(100vw - 48px, 100%)
                    - 48px
                ) / 5
                - 2px
            )!important;

        width:
            calc(
                (
                    min(100vw - 48px, 100%)
                    - 48px
                ) / 5
                - 2px
            )!important;
    }

}


/* ============================================================
   CATEGORY <=900
   ============================================================ */

@media(max-width:900px){

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

        flex-basis:
            calc(
                (100vw - 68px) / 4
                - 2px
            )!important;

        width:
            calc(
                (100vw - 68px) / 4
                - 2px
            )!important;
    }

}


/* ============================================================
   CATEGORY <=700
   ============================================================ */

@media(max-width:700px){

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

        flex-basis:
            calc(
                (100vw - 58px) / 3
                - 2px
            )!important;

        width:
            calc(
                (100vw - 58px) / 3
                - 2px
            )!important;
    }

}


/* ============================================================
   CATEGORY <=520
   ============================================================ */

@media(max-width:520px){

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

        flex-basis:
            calc(
                (100vw - 46px) / 2.25
                - 2px
            )!important;

        width:
            calc(
                (100vw - 46px) / 2.25
                - 2px
            )!important;
    }

}


/* ============================================================
   3. НОВОЕ + ПОПУЛЯРНЫЕ

   У них одна карточка:
   .home-popular-card-v7
   ============================================================ */

body.site-home-modern
.home-popular-card-v7{

    flex-basis:
        calc(
            (
                min(1280px, 100vw - 64px)
                - 56px
            ) / 5
            - 2px
        )!important;

    width:
        calc(
            (
                min(1280px, 100vw - 64px)
                - 56px
            ) / 5
            - 2px
        )!important;

    box-sizing:
        border-box!important;
}


/* ============================================================
   PRODUCTS <=1100
   ============================================================ */

@media(max-width:1100px){

    body.site-home-modern
    .home-popular-card-v7{

        flex-basis:
            calc(
                (100vw - 80px) / 4
                - 2px
            )!important;

        width:
            calc(
                (100vw - 80px) / 4
                - 2px
            )!important;
    }

}


/* ============================================================
   PRODUCTS <=820
   ============================================================ */

@media(max-width:820px){

    body.site-home-modern
    .home-popular-card-v7{

        flex-basis:
            calc(
                (100vw - 66px) / 3
                - 2px
            )!important;

        width:
            calc(
                (100vw - 66px) / 3
                - 2px
            )!important;
    }

}


/* ============================================================
   PRODUCTS <=700
   ============================================================ */

@media(max-width:700px){

    body.site-home-modern
    .home-popular-card-v7{

        flex-basis:
            calc(
                (100vw - 54px) / 2.35
                - 2px
            )!important;

        width:
            calc(
                (100vw - 54px) / 2.35
                - 2px
            )!important;
    }

}


/* ============================================================
   PRODUCTS <=470
   ============================================================ */

@media(max-width:470px){

    body.site-home-modern
    .home-popular-card-v7{

        flex-basis:
            calc(
                (100vw - 45px) / 1.75
                - 2px
            )!important;

        width:
            calc(
                (100vw - 45px) / 1.75
                - 2px
            )!important;
    }

}


/* ============================================================
   4. НОВОСТИ

   GRID-item уменьшаем на 2px,
   слот остаётся прежний.
   ============================================================ */

body.site-home-modern
.news-card{

    width:
        calc(100% - 2px)!important;

    justify-self:
        center!important;

    box-sizing:
        border-box!important;
}


/* ============================================================
   5. КРИТИЧЕСКИ ВАЖНО

   МАГАЗИНЫ НЕ ТРОГАЕМ.

   Ни одного:
   .home-store-card-v106

   здесь специально нет.
   ============================================================ */