/* =========================================================
   Шапка главной: фиксация при прокрутке, синяя мобильная
   ========================================================= */

/* --- Десктоп (≥ 1200px): поверх первого экрана, при прокрутке — фиксированная синяя --- */
html #header.main_page {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 990;
    width: 100%;
    transition: background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

html #header.main_page.is-scrolled {
    position: fixed !important;
    background-color: rgba(10, 0, 127, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(2, 0, 24, 0.18);
}

/* якоря (/#map, /#invest_form) не должны уезжать под фиксированную шапку */
html:has(#header.main_page) {
    scroll-padding-top: 100px;
}

/* --- Мобильная (≤ 1199px): синяя с самого начала, прилипает при прокрутке --- */
@media (max-width: 1199px) {
    html #header.main_page,
    html #header.main_page.is-scrolled {
        position: sticky !important;
        top: 0;
        background-color: #0a007f;
        border-color: rgba(255, 255, 255, 0.14);
    }

    html #header.main_page a,
    html #header.main_page {
        color: #fff !important;
    }

    html #header.main_page path {
        fill: #fff !important;
    }

    /* на синем фоне нужен светлый логотип */
    html #header.main_page .logo_header .pc {
        display: block;
        height: 48px;
    }

    html #header.main_page .logo_header .mobile {
        display: none;
    }
    html #header.main_page .menu_mobile_wrap {
        background-color: #0a007f;
    }
}
@media (max-width: 575px) {
    html .main-content.main_page {
         margin-top: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    html #header.main_page {
        transition: none;
    }
}