/* ============================================================
   SD_HOME_STORES_TEXT_ARROW_V111

   Только desktop:
   - сохраняем ровно 5 целых карточек
   - увеличиваем название
   - длинный текст продолжает переноситься
   - стрелка идеально центрируется в круге
   ============================================================ */

@media (min-width:1181px){

    /* --------------------------------------------------------
       НАЗВАНИЕ МАГАЗИНА
       -------------------------------------------------------- */

    body.site-home-modern
    .home-store-copy-v106{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        padding-top:2px !important;
    }

    body.site-home-modern
    .home-store-copy-v106 strong{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 2px 0 0 !important;

        font-size:clamp(
            17px,
            1.12vw,
            22px
        ) !important;

        line-height:1.08 !important;

        font-weight:900 !important;
        letter-spacing:-.018em !important;

        white-space:normal !important;

        overflow:visible !important;
        text-overflow:clip !important;

        overflow-wrap:anywhere !important;
        word-break:normal !important;

        box-sizing:border-box !important;
    }


    /* Адрес под названием тоже немного увеличиваем */

    body.site-home-modern
    .home-store-copy-v106 span{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        margin-top:3px !important;
        padding-right:3px !important;

        font-size:13px !important;
        line-height:1.25 !important;

        white-space:normal !important;

        overflow:visible !important;
        text-overflow:clip !important;

        overflow-wrap:anywhere !important;
        word-break:normal !important;
    }


    /* --------------------------------------------------------
       КРУГ ПЕРЕХОДА
       -------------------------------------------------------- */

    body.site-home-modern
    .home-store-arrow-v106{
        right:14px !important;
        bottom:14px !important;

        width:42px !important;
        height:42px !important;

        padding:0 !important;
        margin:0 !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;
        text-indent:0 !important;
    }


    /* Рисуем новую стрелку строго по центру круга */

    body.site-home-modern
    .home-store-arrow-v106::before{
        content:"→" !important;

        position:absolute !important;

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

        display:block !important;

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

        color:#ef1d26 !important;

        font-family:Arial, Helvetica, sans-serif !important;
        font-size:24px !important;
        font-weight:700 !important;
        font-style:normal !important;
        line-height:1 !important;

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

        pointer-events:none !important;
    }

}


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

@media (min-width:1181px){

    html[data-site-theme="light"]
    body.site-home-modern
    .home-store-copy-v106 strong{
        color:#171717 !important;
        -webkit-text-fill-color:#171717 !important;
    }

    html[data-site-theme="light"]
    body.site-home-modern
    .home-store-copy-v106 span{
        color:#686868 !important;
        -webkit-text-fill-color:#686868 !important;
    }

}


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

@media (min-width:1181px){

    html[data-site-theme="dark"]
    body.site-home-modern
    .home-store-copy-v106 strong{
        color:#fff !important;
        -webkit-text-fill-color:#fff !important;
    }

    html[data-site-theme="dark"]
    body.site-home-modern
    .home-store-copy-v106 span{
        color:rgba(255,255,255,.58) !important;
        -webkit-text-fill-color:rgba(255,255,255,.58) !important;
    }

}


/*
 * До 1180px ничего не меняем.
 * Текущий планшет/мобильный адаптив остаётся как есть.
 */