/* ============================================================
   MOBILE HEADER GAP FIX V50.4
   Убираем огромный зазор между двумя строками шапки
   ============================================================ */

@media (max-width:700px){

    /*
     * ВАЖНО:
     * делаем именно nav точкой отсчёта для второй строки.
     */

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

        position:relative!important;

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

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

        overflow:visible!important;

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

    }


    /*
     * Первая строка остаётся сверху.
     */

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

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

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

    html[data-site-theme]
    body.site-home-modern
    .site-theme-toggle-v33,

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

        align-self:start!important;

        margin-top:0!important;
        margin-bottom:0!important;

    }


    /*
     * Вторая строка теперь находится
     * СТРОГО относительно .home-nav-v1.
     *
     * Первая строка ~54px.
     * top:58px = всего несколько пикселей зазора.
     */

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

        position:absolute!important;

        top:58px!important;
        left:0!important;
        right:0!important;
        bottom:auto!important;

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

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

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

        gap:6px!important;

        align-items:center!important;

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

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

        overflow:visible!important;

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

        z-index:30!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{

        position:relative!important;

        top:auto!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;

        width:100%!important;

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

        margin:0!important;
        padding:0 4px!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:10px!important;
        line-height:1!important;

        white-space:nowrap!important;
        text-align:center!important;

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

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

    }


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

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

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

        background:transparent!important;

    }


    /*
     * Управлять сразу под навигацией,
     * без лишней пустоты.
     */

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

        top:108px!important;
        right:15px!important;

    }


    /*
     * Выпадающий каталог тоже ниже всей шапки.
     */

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

        top:102px!important;

    }

}


/* iPhone поуже */

@media (max-width:390px){

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

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

    }

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

        top:56px!important;

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

        gap:4px!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:32px!important;
        min-height:32px!important;

        font-size:9px!important;

    }

}