.topnav {
        position: sticky;
        z-index: 300;
        top: 0; left: 0;
    }


    .header {
        position: relative;
        z-index: 100;
        background-color: rgba(var(--rgb-bgr), var(--opacity));
    }
    .header.overmenu {
        /*order: -1;*/
    }



@media screen and (min-width: 992px) {
        .topnav {
            right: 0;
        }

        /* шапка поверх слайдера / оффера (has-header-over-hero) */
        .innerpage.has-header-over-hero.has-header-over-nav {
            padding-top: var(--hw-height);
        }
        .homepage.has-header-over-hero .topnav {
            position: fixed;
        }

        /* На главной поверх слайдера у шапки убираем фон и затемнение */
        .homepage.has-header-over-hero .header {
            background-image: none;
        }
        .homepage.has-header-over-hero .header::after {
            display: none;
        }


        .homepage.has-header-over-hero:not(.has-header-over-nav) .header {
            position: absolute;
            top: var(--topnav-height, 0);
            left: 0; right: 0;
        }


        /* полоска меню под шапкой (has-header-over-nav) */
        .has-header-over-nav .header {
            order: -1;
            z-index: 301;
        }

        /* если полоска меню под шапкой, сворачиваем шапку при прокрутке*/
        .has-header-over-nav.has-header-over-hero .header {
            /*max-height: var(--header-height);
            overflow: hidden;*/
            transition: all .2s;
        }
        .is-scrolled.has-header-over-nav.has-header-over-hero .header {
            max-height: 0;
        }

        .has-header-over-nav.has-header-over-hero .topnav {
            position: fixed;
            transition: all .2s;
        }
        .has-header-over-nav.has-header-over-hero:not(.is-scrolled) .topnav {
            top: var(--header-height);
        }
        .has-header-over-nav.has-header-over-hero .header {
            position: fixed;
            top: 0; left: 0; right: 0;
        }


    }