/*
 * EUROSPACE mobile hero raised background v3.4
 * Только mobile override.
 * Поднимает город выше, чтобы он читался уже за H1/текстом/кнопками.
 */

@media (max-width: 768px) {
    /*
     * Главная правка:
     * поднимаем обе фоновые копии выше внутри hero.
     */
    .es-render-hero::before {
        opacity: .74 !important;
    }

    .es-render-hero--ekb::before {
        background-position:
            13% 34%,
            87% 34% !important;
    }

    .es-render-hero--msk::before {
        background-position:
            11% 32%,
            89% 32% !important;
    }

    /*
     * Белую маску немного поднимаем и делаем менее тяжёлой,
     * чтобы картинка начиналась ощущаться раньше — уже возле кнопок.
     */
    .es-render-hero::after {
        background:
            radial-gradient(
                ellipse 82% 34% at 50% 11%,
                rgba(255,253,250,.96) 0%,
                rgba(255,253,250,.90) 34%,
                rgba(255,253,250,.60) 64%,
                rgba(255,253,250,.22) 100%
            ),
            linear-gradient(
                180deg,
                rgba(255,253,250,.40) 0%,
                rgba(255,253,250,.16) 22%,
                rgba(255,253,250,.08) 56%,
                rgba(255,253,250,.14) 100%
            ) !important;
    }
}

@media (max-width: 430px) {
    .es-render-hero::before {
        opacity: .77 !important;
    }

    .es-render-hero--ekb::before {
        background-position:
            15% 31%,
            85% 31% !important;
    }

    .es-render-hero--msk::before {
        background-position:
            13% 29%,
            87% 29% !important;
    }

    .es-render-hero::after {
        background:
            radial-gradient(
                ellipse 84% 33% at 50% 10%,
                rgba(255,253,250,.95) 0%,
                rgba(255,253,250,.88) 34%,
                rgba(255,253,250,.55) 66%,
                rgba(255,253,250,.18) 100%
            ),
            linear-gradient(
                180deg,
                rgba(255,253,250,.34) 0%,
                rgba(255,253,250,.14) 24%,
                rgba(255,253,250,.08) 58%,
                rgba(255,253,250,.14) 100%
            ) !important;
    }
}