/* =========================================================
   MOBILE HEADER LINKS V21
   Возвращаем:
   Магазины / О нас / Контакты
   ========================================================= */

@media(max-width:900px){

    /* Две строки:
       1 — основная шапка
       2 — навигация
    */
    html[data-site-theme]
    body.site-home-modern
    .home-nav-v1{
        position:relative !important;

        min-height:112px !important;

        grid-template-columns:
            minmax(88px,1fr)
            44px
            minmax(105px,1.15fr)
            40px
            44px !important;

        grid-template-rows:
            66px
            34px !important;

        grid-template-areas:
            "logo catalog city theme account"
            "links links links links links" !important;

        column-gap:8px !important;
        row-gap:2px !important;

        align-items:center !important;
    }


    /* Существующие ссылки больше не скрываем */
    html[data-site-theme]
    body.site-home-modern
    .home-links-v1{
        grid-area:links !important;

        display:grid !important;

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;

        align-items:center !important;

        width:100% !important;
        height:34px !important;

        min-width:0 !important;

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

        border-top:
            1px solid
            rgba(255,255,255,.08) !important;
    }


    /* Все три пункта одинаковые */
    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > button,

    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > a{
        position:relative !important;

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

        width:100% !important;
        height:34px !important;

        min-width:0 !important;

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

        border:0 !important;
        border-radius:0 !important;

        background:transparent !important;

        color:var(--home-fg) !important;

        font:inherit !important;
        font-size:10px !important;
        font-weight:850 !important;
        line-height:1 !important;

        letter-spacing:.055em !important;
        text-transform:uppercase !important;

        text-decoration:none !important;

        white-space:nowrap !important;

        box-shadow:none !important;

        cursor:pointer !important;
    }


    /* Разделители */
    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > *:not(:last-child)::after{
        content:"";

        position:absolute;

        right:0;
        top:10px;

        width:1px;
        height:14px;

        background:
            rgba(255,255,255,.10);
    }


    /* Hover / tap */
    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > button:hover,

    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > a:hover{
        color:#ff2027 !important;

        background:transparent !important;
    }


    /* Выпадающий каталог теперь начинается
       уже под обеими строками шапки */
    body.site-home-modern .catalog-panel{
        top:112px !important;
    }

}


/* =========================================================
   СВЕТЛАЯ ТЕМА
   ========================================================= */

@media(max-width:900px){

    html[data-site-theme="light"]
    body.site-home-modern
    .home-links-v1{
        border-top-color:
            rgba(0,0,0,.08) !important;
    }


    html[data-site-theme="light"]
    body.site-home-modern
    .home-links-v1 > button,

    html[data-site-theme="light"]
    body.site-home-modern
    .home-links-v1 > a{
        color:#111 !important;
    }


    html[data-site-theme="light"]
    body.site-home-modern
    .home-links-v1 > *:not(:last-child)::after{
        background:
            rgba(0,0,0,.10) !important;
    }

}


/* =========================================================
   IPHONE / УЗКИЕ ЭКРАНЫ
   ========================================================= */

@media(max-width:520px){

    html[data-site-theme]
    body.site-home-modern
    .home-nav-v1{
        min-height:106px !important;

        grid-template-columns:
            88px
            40px
            minmax(70px,1fr)
            36px
            40px !important;

        grid-template-rows:
            62px
            32px !important;

        column-gap:6px !important;
    }


    html[data-site-theme]
    body.site-home-modern
    .home-links-v1{
        height:32px !important;
    }


    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > button,

    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > a{
        height:32px !important;

        padding:0 3px !important;

        font-size:9px !important;

        letter-spacing:.035em !important;
    }


    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > *:not(:last-child)::after{
        top:9px;
        height:13px;
    }


    body.site-home-modern .catalog-panel{
        top:106px !important;
    }

}


/* Очень узкие устройства */
@media(max-width:350px){

    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > button,

    html[data-site-theme]
    body.site-home-modern
    .home-links-v1 > a{
        font-size:8px !important;
        letter-spacing:0 !important;
    }

}