/* Старые зелёные хиро → светлый фон + зелёный Life-заголовок
   (как у программных лендингов: deti-v-bolnice / social-center).
   Градиент один непрерывный: от верха viewport (под меню) вниз по хиро.
   Десктоп ≥992px. */

@media (min-width: 992px) {

    /* ——— непрерывный mint-градиент от верха экрана под прозрачное меню ——— */
    .journal-media .journal-hero,
    .vacancies-hero,
    .about-wards-hero,
    .looking-hero,
    .help-hero,
    .help-other-hero,
    .help-corporate-hero,
    .help-hub-hero,
    .work-hero {
        position: relative;
        overflow: visible !important;
        background: transparent !important;
        color: #343333;
        isolation: isolate;
    }

    .journal-media .journal-hero::before,
    .vacancies-hero::before,
    .about-wards-hero::before,
    .looking-hero::before,
    .help-hero::before,
    .help-other-hero::before,
    .help-corporate-hero::before,
    .help-hub-hero::before,
    .work-hero::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        /* тянем выше хиро, чтобы захватить fixed-шапку (~116px) и крошки */
        top: -160px;
        height: calc(100% + 160px);
        background: linear-gradient(180deg, #E2FFE7 0%, #FFFFFF 100%);
        z-index: 0;
        pointer-events: none;
    }

    .journal-media .journal-hero > *,
    .vacancies-hero > *,
    .about-wards-hero > *,
    .looking-hero > *,
    .help-hero > *,
    .help-other-hero > *,
    .help-corporate-hero > *,
    .help-hub-hero > *,
    .work-hero > * {
        position: relative;
        z-index: 1;
    }

    /* ——— заголовок: зелёный Life, без uppercase ——— */
    .journal-media .journal-hero__title,
    .journal-media .journal-hero__title-text,
    .vacancies-hero__title,
    .vacancies-hero__title-text,
    .about-wards-hero__title,
    .about-wards-hero__title-text,
    .looking-hero__title,
    .looking-hero__title-text,
    .help-hero__title,
    .help-hero__title-text,
    .help-other-hero__title,
    .help-other-hero__title-text,
    .help-corporate-hero__title,
    .help-corporate-hero__title-text,
    .help-hub-hero__title,
    .help-hub-hero__title-text,
    .work-hero__title,
    .work-hero__title-text {
        color: #3EA74F !important;
        text-transform: none !important;
        font-family: "life-full", "LifeFull", "life4", "Life4", "life", "Life", "Google Sans", Arial, sans-serif !important;
        font-weight: 400;
        letter-spacing: -0.04em;
    }

    /* ——— лид / подзаголовок ——— */
    .journal-media .journal-hero__text,
    .vacancies-hero__text,
    .about-wards-hero__subtitle,
    .looking-hero__text,
    .help-hero__subtitle,
    .help-hero__text,
    .help-other-hero__subtitle,
    .help-corporate-hero__subtitle,
    .help-corporate-hero__text,
    .help-hub-hero__lead {
        color: #4D4D4D !important;
    }

    /* Белые line-SVG декоры на светлом фоне не читаются */
    .vacancies-hero__decor,
    .about-wards-hero__decor,
    .looking-hero__decor,
    .help-hero__decor,
    .help-other-hero__decor,
    .help-corporate-hero__decor {
        display: none !important;
    }

    /* Журнал: цветочные PNG оставляем */
    .journal-media .journal-hero__flower,
    .journal-media .journal-hero__sun {
        opacity: 0.9;
    }

    /* Looking: ровно 2 строки заголовка */
    .looking-hero__title-text {
        white-space: normal !important;
    }

    .looking-hero__title-line {
        display: block;
        white-space: nowrap;
    }
}

/* Крошки поверх светлого хиро — Figma 2093:1836 */
.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs {
    color: rgba(77, 77, 77, 0.5);
}

.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs a,
.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs span {
    color: rgba(77, 77, 77, 0.5);
}

.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs > span[aria-hidden="true"] {
    color: rgba(77, 77, 77, 0.45);
}

.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs a:hover,
.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs a:focus-visible {
    color: #3EA74F;
}

.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs > span:last-child,
.wrapper > .mv-breadcrumbs-wrap.mv-bc--hero > .mv-breadcrumbs > span:last-child span {
    color: rgba(77, 77, 77, 0.5);
}

/* ——— мобилка: тот же mint-хиро, что на /journal/news/ ——— */
@media (max-width: 991px) {
    body.page-home-chrome {
        background-color: #ffffff !important;
        background-image: linear-gradient(180deg, #E2FFE7 0%, #FFFFFF 100%) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 480px !important;
    }

    .journal-media .journal-hero,
    .vacancies-hero,
    .about-wards-hero,
    .looking-hero,
    .help-hero,
    .help-other-hero,
    .help-corporate-hero,
    .help-hub-hero,
    .work-hero,
    .documents-hero,
    .reports-hero,
    .nr-hero,
    .about-page-hero,
    .sh-hero,
    .sc-hero,
    .db-hero,
    .mv-hero {
        position: relative;
        overflow: visible !important;
        background: transparent !important;
        color: #343333;
        isolation: isolate;
    }

    .journal-media .journal-hero::before,
    .vacancies-hero::before,
    .about-wards-hero::before,
    .looking-hero::before,
    .help-hero::before,
    .help-other-hero::before,
    .help-corporate-hero::before,
    .help-hub-hero::before,
    .work-hero::before,
    .documents-hero::before,
    .reports-hero::before,
    .nr-hero::before,
    .about-page-hero::before,
    .sh-hero::before,
    .sc-hero::before,
    .db-hero::before,
    .mv-hero::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        top: -80px;
        height: calc(100% + 80px);
        background: linear-gradient(180deg, #E2FFE7 0%, #FFFFFF 100%);
        z-index: 0;
        pointer-events: none;
    }

    .journal-media .journal-hero > *,
    .vacancies-hero > *,
    .about-wards-hero > *,
    .looking-hero > *,
    .help-hero > *,
    .help-other-hero > *,
    .help-corporate-hero > *,
    .help-hub-hero > *,
    .work-hero > *,
    .documents-hero > *,
    .reports-hero > *,
    .nr-hero > *,
    .about-page-hero > *,
    .sh-hero > *,
    .sc-hero > *,
    .db-hero > *,
    .mv-hero > * {
        position: relative;
        z-index: 1;
    }

    .looking-hero__title,
    .looking-hero__title-text,
    .help-hero__title,
    .help-hero__title-text,
    .help-other-hero__title,
    .help-other-hero__title-text,
    .help-corporate-hero__title,
    .help-corporate-hero__title-text,
    .help-hub-hero__title,
    .help-hub-hero__title-text,
    .work-hero__title,
    .work-hero__title-text,
    .about-page-hero__title,
    .about-page-hero__title-text {
        color: #3EA74F !important;
        text-transform: none !important;
    }

    .looking-hero__text,
    .help-hero__subtitle,
    .help-hero__text,
    .help-other-hero__subtitle,
    .help-corporate-hero__subtitle,
    .help-corporate-hero__text,
    .help-hub-hero__lead,
    .about-page-hero__text {
        color: #4D4D4D !important;
    }

    .vacancies-hero__decor,
    .about-wards-hero__decor,
    .looking-hero__decor,
    .help-hero__decor,
    .help-other-hero__decor,
    .help-corporate-hero__decor {
        display: none !important;
    }

    /* непрозрачные обёртки не должны перекрывать mint */
    body.documents-page,
    .documents-page,
    .documents-layout,
    .documents-page .wrapper,
    .reports-page,
    .reports-layout,
    .nr-layout,
    .new-reports-page,
    .contacts-page,
    .contacts-page .wrapper,
    .help-hub-page,
    .help-hub-page .wrapper,
    .journal-media:has(.journal-detail),
    .journal-media:has(.journal-detail) > .journal-media__body,
    .journal-detail {
        background-color: transparent !important;
    }

    /* крошки уже в потоке (main.css) — не дублировать pad-top, зазор = 32px */
    .journal-media .journal-hero__inner,
    .vacancies-hero__inner,
    .about-wards-hero__inner,
    .looking-hero__inner,
    .help-hero__inner,
    .help-other-hero__inner,
    .help-corporate-hero__inner,
    .help-hub-hero__inner,
    .work-hero__inner,
    .work-hero,
    .documents-hero,
    .reports-hero,
    .nr-hero,
    .about-page-hero,
    .contacts-layout,
    .sh-hero,
    .sc-hero,
    .db-hero,
    .mv-hero,
    .mv-hero__stage,
    .need-help-hero,
    .help-hero,
    .help-other-hero,
    .help-corporate-hero,
    .help-hub-hero,
    .journal-media:has(.journal-detail) > .journal-media__body,
    .ward-hero,
    .ward-hero__content {
        padding-top: 0 !important;
    }

    .about-page-hero__title,
    .vacancies-hero__title,
    .looking-hero__title,
    .db-hero__title,
    .sh-hero__title,
    .sc-hero__title,
    .mv-hero__title,
    .documents-title,
    .contacts-title,
    .reports-title,
    .nr-title,
    .help-hub-hero__title {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .looking-hero__title {
        top: 0 !important;
    }
}