/* ============================================================
   MOBILE HEADER LINKS TIGHT V50.5
   Вторая строка прямо под первой
   ============================================================ */

@media (max-width:700px){

    /*
     * Первая строка занимает примерно 54px.
     * Ставим вторую сразу следом.
     */

    html[data-site-theme]
    body.site-home-modern
    .home-links-v1{

        position:absolute!important;

        top:52px!important;
        left:0!important;
        right:0!important;

        width:100%!important;

        height:32px!important;
        min-height:32px!important;

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

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

        gap:4px!important;

        align-items:center!important;

        background:transparent!important;
        background-image:none!important;

        border:0!important;
        box-shadow:none!important;

        transform:none!important;
        translate:none!important;

        z-index:50!important;

        box-sizing:border-box!important;

    }


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

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

        width:100%!important;

        height:32px!important;
        min-height:32px!important;

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

        display:flex!important;

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

        background:transparent!important;
        background-image:none!important;

        border:0!important;
        box-shadow:none!important;

        color:#fff!important;

        font-size:9px!important;
        line-height:1!important;

        white-space:nowrap!important;

        text-shadow:
            0 1px 4px rgba(0,0,0,.95),
            0 2px 8px rgba(0,0,0,.8)!important;

        transform:none!important;
        translate:none!important;

    }


    /*
     * Сам nav делаем компактнее, чтобы
     * вторая строка не резервировала лишнее место.
     */

    html[data-site-theme]
    body.site-home-modern
    .topbar
    .shell.home-nav-v1{

        position:relative!important;

        min-height:88px!important;
        height:88px!important;

        padding-top:6px!important;
        padding-bottom:0!important;

        overflow:visible!important;

        transform:none!important;
        translate:none!important;

    }


    /*
     * Управлять тоже подтягиваем выше.
     */

    html[data-site-theme]
    body.site-home-modern
    .hero-manage{

        top:92px!important;
        right:14px!important;

    }


    /*
     * Dropdown каталога ниже обеих строк.
     */

    html[data-site-theme]
    body.site-home-modern
    .catalog-panel{

        top:88px!important;

    }

}


/* очень узкие iPhone */

@media (max-width:390px){

    html[data-site-theme]
    body.site-home-modern
    .home-links-v1{

        top:50px!important;

        height:30px!important;
        min-height:30px!important;

    }

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

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

        height:30px!important;
        min-height:30px!important;

        font-size:8.5px!important;

    }

    html[data-site-theme]
    body.site-home-modern
    .topbar
    .shell.home-nav-v1{

        min-height:84px!important;
        height:84px!important;

    }

}