/* ============================================================
   MOBILE HEADER LINKS TRANSPARENT V50.2
   Вторая строка прозрачная поверх hero
   ============================================================ */

@media (max-width:700px){

    /* сама вторая строка полностью прозрачная */

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

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

        border:0!important;

        box-shadow:none!important;

        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;

        overflow:visible!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{

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

        border:0!important;

        box-shadow:none!important;

        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;

        color:#fff!important;

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

        opacity:.92!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{

        background:transparent!important;

        transform:none!important;

        opacity:1!important;

    }


    /*
     * Убираем любой светлый фон,
     * который мог остаться от старой мобильной шапки.
     */

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

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

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

        box-shadow:none!important;

    }


    /*
     * Вторая строка лежит поверх hero,
     * а не расширяет белую область сверху.
     */

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

        position:absolute!important;

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

        width:100%!important;

        height:40px!important;

        padding:0 10px!important;

        box-sizing:border-box!important;

        z-index:8!important;

    }


    /*
     * Первая строка снова занимает только свою высоту.
     */

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

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

        grid-template-rows:54px!important;

        padding:
            8px
            0
            8px!important;

        overflow:visible!important;

    }


    /*
     * Управлять опускаем под прозрачную строку.
     */

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

        top:120px!important;

    }


    /*
     * Каталог dropdown открывается под двумя строками.
     */

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

        top:112px!important;

    }

}