/* ─────────────────────────────────────────────────────────────────────────
   Базовое оформление лендингов
   ─────────────────────────────────────────────────────────────────────────
   Английских страниц на page-god-landing.php — 145. Поштучно их не оформить,
   поэтому схема живёт на уровне шаблона: id секций шаблон печатает
   фиксированные (#offer, #pricing, #cases, #advantages, #audience, #process,
   #section-faq-content, .god-upsell), а набор блоков устойчив — hero 99%,
   FAQ 92%, process 88%, content 85%.

   Где есть место. На обычном лендинге карточки занимают почти весь
   контейнер: до правого края экрана остаётся 180–225 px. Поэтому предметы
   идут во внешнее поле и срезаются краем — тот самый выход за сетку.
   Исключение — #process и FAQ, там свободно по 360–380 px.

   Отступ сверху в процентах, а не в пикселях: секции на разных страницах
   от 354 до 1847 px, и проценты сами держат предмет внутри секции.

   Файл грузится ДО illustrations.css — там ручные схемы Европы, Германии
   и русской Европы, они должны перебивать базу. Эти три страницы из базы
   исключены, иначе декор бы удвоился.
   ───────────────────────────────────────────────────────────────────── */

@media (min-width: 1240px) {

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #pricing,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #cases,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #advantages,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #audience,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #process,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #section-faq-content,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) .god-upsell {
        position: relative;
        overflow: visible;
    }

    /* Содержимое всегда выше декора своей секции. */
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer > .container,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #pricing > .container,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #cases > .container,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #advantages > .container,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #audience > .container,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #process > .container,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #section-faq-content > .container,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) .god-upsell > .container {
        position: relative;
        z-index: 2;
    }

    /* Лесенка: секция, из которой предмет вылезает, лежит выше соседней. */
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer     { z-index: 8; }
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #pricing   { z-index: 7; }
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #cases     { z-index: 6; }
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #advantages{ z-index: 5; }
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #audience  { z-index: 4; }
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #process   { z-index: 3; }
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #section-faq-content { z-index: 2; }
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) .god-upsell{ z-index: 1; }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #pricing::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #cases::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #advantages::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #audience::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #process::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #section-faq-content::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) .god-upsell::after {
        content: "";
        position: absolute;
        width: 200px;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events: none;
        z-index: 1;
        opacity: .95;
        filter: drop-shadow(0 18px 32px rgba(42, 43, 75, .12));
    }

    /* Справа: предмет начинается за текстом (он кончается около 1 260 px)
       и уходит за край экрана. */
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #cases::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #audience::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #section-faq-content::after {
        right: -44px;
        top: 22%;
        transform: rotate(3deg);
    }

    /* Слева — со сдвигом по вертикали, чтобы шёл зигзаг, а не стенка. */
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #pricing::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #advantages::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #process::after,
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) .god-upsell::after {
        left: -44px;
        top: 34%;
        transform: rotate(-4deg);
    }

    /* Сюжеты по смыслу секций. */
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer::after {
        background-image: url("../img/il/seo-method.webp");
    }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #pricing::after {
        background-image: url("../img/il/prop-tag.webp");
        width: 156px;
        height: 157px;
    }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #cases::after {
        background-image: url("../img/il/prop-pins.webp");
        width: 142px;
        height: 174px;
    }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #advantages::after {
        background-image: url("../img/il/seo-growth.webp");
    }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #audience::after {
        background-image: url("../img/il/seo-reach.webp");
    }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #process::after {
        background-image: url("../img/il/de-stages.webp");
    }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #section-faq-content::after {
        background-image: url("../img/il/de-faq.webp");
    }

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) .god-upsell::after {
        background-image: url("../img/il/prop-cards.webp");
        width: 186px;
        height: 181px;
        opacity: .85;
    }
}


/* ── Рамки под иллюстрации вместо стоковых фото ───────────────────────────
   Фотографию правильно обрезать по краям, иллюстрацию — нет: она с
   прозрачным фоном и рисунком по центру, её надо вписывать целиком и
   класть на подложку. Отличаем по адресу файла, чтобы не трогать те
   места, где картинка всё-таки растровая. */
.god-case-card .case-img img {
    -o-object-fit: cover;
    object-fit: cover;
}

.god-case-card .case-img img[src*="/img/il/"] {
    padding: 14px;
    -o-object-fit: contain;
    object-fit: contain;
}

.god-hero .right_block img[src*="/img/il/"],
.god-two-col .col-image img[src*="/img/il/"] {
    padding: 26px;
    border-radius: 16px;
    background: -webkit-gradient(linear, left top, right bottom, from(#F1F7FF), to(#EEE8F9));
    background: linear-gradient(160deg, #F1F7FF 0%, #EEE8F9 100%);
    -o-object-fit: contain;
    object-fit: contain;
}


/* ── Полотно текста в #offer ──────────────────────────────────────────────
   Абзац шёл на 1 108 px при кегле 16 — это 139 знаков в строке, вдвое
   больше комфортных 60–90. Сужаем колонку до 820 px (около ста знаков):
   читать легче, а справа освобождается полоса под предмет, из-за чего
   секция и выглядела пустой. Текст при этом не трогаем — только ширину. */
@media (min-width: 1240px) {

    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer .left .text {
        max-width: 820px;
    }

    /* Места стало больше — предмет крупнее и заходит в полосу, а не
       прячется за край экрана. */
    .page-template-page-god-landing:not(.page-id-142):not(.page-id-243):not(.page-id-175) #offer::after {
        right: 40px;
        width: 260px;
        height: 260px;
    }
}