/*
 * RADONEGA mobile gradient v22
 *
 * ВАЖНО:
 * desktop не меняется.
 * animation v21 не меняется.
 *
 * На мобильном фон начинается непосредственно
 * под шапкой сайта, а не за ней.
 */

@media (max-width: 991px) {

    body.radonega-about-vector-bg {
        background-image: none !important;
        background-color: #f7feff !important;
    }

    /*
     * Один экземпляр ТОГО ЖЕ desktop background.
     * Верх изображения совмещён с нижним краем header.
     */
    body.radonega-about-vector-bg::before {
        content: "";

        position: absolute;
        top: var(--rad-mobile-bg-start, 0px);
        left: 0;
        right: 0;
        bottom: 0;

        z-index: -2;
        pointer-events: none;

        background-color: #b5bcc4;

        background-image:
            url("./fon-body2-clean.jpg") !important;

        background-repeat:
            no-repeat !important;

        background-position:
            top center !important;

        /*
         * Изображение начинается своим настоящим светлым верхом
         * и ОДИН РАЗ растягивается до конца страницы.
         */
        background-size:
            100% 100% !important;
    }
}

/* MOBILE GRADIENT V23 — transition 3x longer */
@media (max-width: 991px) {

    body.radonega-about-vector-bg::before {
        /*
         * Растягиваем тот же desktop-фон по вертикали в 3 раза.
         * Благодаря этому переход светлый → тёмный идёт гораздо медленнее.
         */
        background-size: 100% 300% !important;
        background-position: top center !important;
    }
}