/* «Будущим опекунам и родителям» по макету Draft (Copy) 2005:61, y 7214–7926.
   Карточка школы на главной скрыта — как в десктопном Draft (есть в блоке «Вектор»). */

body.page-home .section-future-guardians__item--dark {
    display: none !important;
}

/* Цвета карточек как на десктопе Draft — на всех ширинах */
body.page-home .section-future-guardians__item--yellow {
    background: #3EA74F !important;
    color: #fff !important;
}

body.page-home .section-future-guardians__item--yellow .section-future-guardians__title,
body.page-home .section-future-guardians__item--yellow .section-future-guardians__text {
    color: #fff !important;
}

body.page-home .section-future-guardians__item--parent,
body.page-home .section-future-guardians__item--green.section-future-guardians__item--parent {
    background: #FFE74F !important;
    color: #4D4D4D !important;
}

body.page-home .section-future-guardians__item--parent .section-future-guardians__title,
body.page-home .section-future-guardians__item--parent .section-future-guardians__text,
body.page-home .section-future-guardians__item--green.section-future-guardians__item--parent .section-future-guardians__title,
body.page-home .section-future-guardians__item--green.section-future-guardians__item--parent .section-future-guardians__text {
    color: #4D4D4D !important;
}

@media (min-width: 1401px) {
    body.page-home .section-future-guardians {
        background: #fff;
        padding-top: 128px;
        padding-bottom: 183px;
    }

    body.page-home .section-future-guardians > .container {
        display: grid !important;
        grid-template-columns: 26px 490px 165px 674px 85px;
        justify-content: start !important;
        column-gap: 0 !important;
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        padding: 0 !important;
    }

    body.page-home .section-future-guardians__left {
        display: contents;
        max-width: none !important;
    }

    body.page-home .section-future-guardians__left h2 {
        grid-column: 1 / -1;
        margin: 0 0 64px !important;
        text-align: center !important;
        font-size: 66px !important;
        font-weight: 400;
        line-height: 1 !important;
        letter-spacing: -1.32px;
        color: #4D4D4D;
    }

    body.page-home .section-future-guardians__left h2 span {
        color: #3EA74F;
    }

    body.page-home .section-future-guardians__photo {
        grid-column: 2;
        grid-row: 2;
        position: relative;
        left: 0 !important;
        width: 490px;
        height: 575px;
        margin-top: -5px;
        overflow: visible;
    }

    body.page-home .section-future-guardians__photo::before,
    body.page-home .section-future-guardians__photo::after {
        display: none !important;
    }

    body.page-home .section-future-guardians__photo img {
        display: block;
        width: 518px !important;
        height: 575px !important;
        max-width: none;
        object-fit: fill;
        border-radius: 0;
    }

    body.page-home .section-future-guardians__right {
        grid-column: 4;
        grid-row: 2;
        align-self: start;
        width: 674px !important;
        max-width: 674px !important;
        row-gap: 26px !important;
    }

    body.page-home .section-future-guardians__item--yellow,
    body.page-home .section-future-guardians__item--green {
        width: 674px !important;
        max-width: 674px !important;
        padding: 0 !important;
        row-gap: 0 !important;
        border-radius: 20px !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    body.page-home .section-future-guardians__item--yellow {
        order: -1;
        height: 270px;
        background: #3EA74F !important;
        color: #fff !important;
    }

    body.page-home .section-future-guardians__item--green {
        height: 286px;
    }

    body.page-home .section-future-guardians__item--parent {
        background: #FFE74F;
        color: #4D4D4D;
    }

    body.page-home .section-future-guardians__item--yellow .section-future-guardians__title,
    body.page-home .section-future-guardians__item--green .section-future-guardians__title {
        position: absolute;
        z-index: 2;
        margin: 0;
        font-size: 36px;
        font-weight: 600;
        line-height: 0.9;
        letter-spacing: 0;
        text-align: left;
    }

    body.page-home .section-future-guardians__item--yellow .section-future-guardians__title {
        left: 49px;
        top: 39px;
        width: 275px;
        max-width: 275px;
        color: #fff;
    }

    body.page-home .section-future-guardians__item--green .section-future-guardians__title {
        left: 49px;
        top: 42px;
        width: 355px;
        max-width: 355px;
        color: #4D4D4D;
    }

    body.page-home .section-future-guardians__item--yellow .section-future-guardians__text,
    body.page-home .section-future-guardians__item--green .section-future-guardians__text {
        position: absolute;
        z-index: 2;
        margin: 0;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.22px;
    }

    body.page-home .section-future-guardians__item--yellow .section-future-guardians__text {
        left: 49px;
        top: 92px;
        width: 298px;
        max-width: 298px;
        color: #fff;
    }

    body.page-home .section-future-guardians__item--green .section-future-guardians__text {
        left: 49px;
        top: 129px;
        width: 367px;
        max-width: 367px;
        color: #4D4D4D;
    }

    body.page-home .section-future-guardians__item--yellow .section-future-guardians__btn,
    body.page-home .section-future-guardians__item--green .section-future-guardians__btn {
        position: absolute;
        z-index: 3;
        left: 44px;
        margin: 0;
        padding: 0;
        height: 38px;
        border-radius: 60px;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.32px;
        text-transform: uppercase;
        color: #4D4D4D;
    }

    body.page-home .section-future-guardians__item--yellow .section-future-guardians__btn,
    body.page-home .section-future-guardians__item--yellow:hover .section-future-guardians__btn,
    body.page-home .section-future-guardians__item--yellow:focus-visible .section-future-guardians__btn {
        bottom: 28px;
        width: 147px;
        background: #fff;
        color: #4D4D4D;
    }

    body.page-home .section-future-guardians__item--green .section-future-guardians__btn,
    body.page-home .section-future-guardians__item--green .section-future-guardians__btn--disabled,
    body.page-home .section-future-guardians__item--green:hover .section-future-guardians__btn,
    body.page-home .section-future-guardians__item--green:hover .section-future-guardians__btn--disabled,
    body.page-home .section-future-guardians__item--green:focus-visible .section-future-guardians__btn--disabled {
        bottom: 31px;
        width: 253px;
        background: #FFF7C3;
        color: #4D4D4D;
        cursor: default;
    }

    body.page-home .section-future-guardians__icon--family {
        width: 267px;
        height: 187px;
        right: 29px;
        bottom: 28px;
        top: auto;
        left: auto;
    }

    body.page-home .section-future-guardians__icon--special {
        width: 229px;
        height: 162px;
        right: 41px;
        bottom: 62px;
        top: auto;
        left: auto;
    }
}