/* «Наши няни» на /work/broshennye-deti-v-bolnice/. Кадр 2049:2315.
   Координаты от левого края колонки 1440 и от верха заголовка (Figma y 1937).
   Только ширина от 1401px. */

.db-nannies__glow,
.db-nannies__line,
.db-nannies__photo,
.db-nannies__dot,
.db-nannies__card {
    display: none;
}

.db-nannies__title {
    margin: 32px 0 16px;
    padding: 0 20px;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.64px;
    text-align: center;
    color: #4D4D4D;
}

.db-nannies__title span {
    color: #3EA74F;
}

.db-nannies__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 560px;
    margin: 0 auto;
    padding: 0 20px 48px;
}

.db-nannies__card {
    display: block;
    padding: 24px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 6px 44px rgba(94, 176, 226, 0.22);
}

.db-nannies__card-title {
    margin: 0 0 12px;
    color: #0C8AE0;
    font-size: 20px;
    font-weight: 600;
    line-height: 0.9;
}

.db-nannies__card-text {
    margin: 0;
    color: #4D4D4D;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.18px;
}

.db-nannies__card-text p {
    margin: 0;
}

.db-nannies__card-text p + p {
    margin-top: 16px;
}

@media (max-width: 991px) {

    body.page-deti-bolnice .db-nannies {
        position: relative;
        padding: 40px 0 8px;
        background: linear-gradient(
            180deg,
            #FFFFFF 0%,
            #E2FFE7 18%,
            #E2FFE7 78%,
            #FFFFFF 100%
        );
        overflow-x: clip;
    }

    body.page-deti-bolnice .db-nannies__glow,
    body.page-deti-bolnice .db-nannies__line,
    body.page-deti-bolnice .db-nannies__dot {
        display: none;
    }

    body.page-deti-bolnice .db-nannies__stage {
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
        padding: 0 16px;
        box-sizing: border-box;
    }

    body.page-deti-bolnice .db-nannies__title {
        margin: 0 0 20px;
        padding: 0;
        font-size: clamp(28px, 7vw, 40px);
        line-height: 1.15;
        letter-spacing: -0.02em;
    }

    body.page-deti-bolnice .db-nannies__photos {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: 10px;
        margin: 0 0 28px;
    }

    body.page-deti-bolnice .db-nannies__photo {
        display: block;
        width: 28%;
        max-width: 120px;
        aspect-ratio: 1;
        height: auto;
        border-radius: 12px;
        object-fit: cover;
        flex: 0 0 auto;
    }

    body.page-deti-bolnice .db-nannies__photo--train { transform: rotate(7deg); }
    body.page-deti-bolnice .db-nannies__photo--mid { transform: rotate(-5deg); margin-bottom: 12px; }
    body.page-deti-bolnice .db-nannies__photo--care { transform: rotate(-8deg); }

    body.page-deti-bolnice .db-nannies__list {
        max-width: none;
        margin: 0;
        padding: 0 0 48px;
        gap: 16px;
    }

    body.page-deti-bolnice .db-nannies__card {
        padding: 28px 24px;
    }

    body.page-deti-bolnice .db-nannies__card-title {
        font-size: clamp(18px, 4.5vw, 22px);
        line-height: 1.15;
        margin-bottom: 14px;
    }

    body.page-deti-bolnice .db-nannies__card-text {
        font-size: clamp(16px, 4vw, 18px);
        line-height: 1.25;
    }
}

@media (min-width: 640px) and (max-width: 991px) {

    body.page-deti-bolnice .db-nannies__photo {
        max-width: 148px;
    }

    body.page-deti-bolnice .db-nannies__list {
        gap: 20px;
    }
}

@media (min-width: 992px) {

    /* Мятный пояс full-bleed: Figma Rectangle 114 (−94…2010, y 2866, h 588).
       Абсолютный glow шире колонки + overflow-x: clip; мягкие края по Y,
       чтобы не было жёсткого горизонтального обреза через карточки. */
    body.page-deti-bolnice .db-nannies {
        position: relative;
        padding-top: 121px;
        background: #fff;
        overflow-x: clip;
    }

    body.page-deti-bolnice .db-nannies__photos {
        display: contents;
    }

    body.page-deti-bolnice .db-nannies__stage {
        position: relative;
        z-index: 1;
        width: 1440px;
        max-width: 100%;
        height: 1700px;
        margin: 0 auto;
        overflow: visible;
    }

    body.page-deti-bolnice .db-nannies__glow {
        display: block;
        position: absolute;
        left: 50%;
        top: 850px;
        width: 2103px;
        height: 750px;
        transform: translateX(-50%);
        background: linear-gradient(
            180deg,
            #FFFFFF 0%,
            #E2FFE7 18%,
            #E2FFE7 55%,
            #FFFFFF 100%
        );
        z-index: 0;
        pointer-events: none;
    }

    body.page-deti-bolnice .db-nannies__list {
        display: contents;
        padding: 0;
    }

    body.page-deti-bolnice .db-nannies__line,
    body.page-deti-bolnice .db-nannies__photo,
    body.page-deti-bolnice .db-nannies__dot,
    body.page-deti-bolnice .db-nannies__card,
    body.page-deti-bolnice .db-nannies__title {
        position: absolute;
        margin: 0;
    }

    body.page-deti-bolnice .db-nannies__title {
        z-index: 4;
        left: 192px;
        top: 0;
        width: 1056px;
        padding: 0;
        font-size: 66px;
        line-height: 1;
        letter-spacing: -1.32px;
        white-space: nowrap;
    }

    body.page-deti-bolnice .db-nannies__line {
        display: block;
        left: 189.15px;
        top: 75px;
        width: 710px;
        height: 1217px;
        z-index: 1;
        pointer-events: none;
    }

    body.page-deti-bolnice .db-nannies__dot {
        display: block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #185E30;
        z-index: 3;
        pointer-events: none;
    }

    body.page-deti-bolnice .db-nannies__dot--1 { left: 192px; top: 71px; }
    body.page-deti-bolnice .db-nannies__dot--2 { left: 674px; top: 71px; }
    body.page-deti-bolnice .db-nannies__dot--3 { left: 525px; top: 247px; }
    body.page-deti-bolnice .db-nannies__dot--4 { left: 884px; top: 539px; }
    body.page-deti-bolnice .db-nannies__dot--5 { left: 598px; top: 843px; }
    body.page-deti-bolnice .db-nannies__dot--6 { left: 854px; top: 1047px; }
    body.page-deti-bolnice .db-nannies__dot--7 { left: 667px; top: 1277px; }

    body.page-deti-bolnice .db-nannies__card {
        display: block;
        z-index: 2;
        padding: 0;
        box-sizing: border-box;
    }

    body.page-deti-bolnice .db-nannies__card--pros {
        left: 0;
        top: 136px;
        width: 529px;
        height: 423px;
    }

    body.page-deti-bolnice .db-nannies__card--train {
        left: 894px;
        top: 246px;
        width: 546px;
        height: 557px;
    }

    body.page-deti-bolnice .db-nannies__card--doctors {
        left: 77px;
        top: 702px;
        width: 529px;
        height: 421px;
    }

    body.page-deti-bolnice .db-nannies__card--care {
        left: 861px;
        top: 879px;
        width: 529px;
        height: 446px;
    }

    body.page-deti-bolnice .db-nannies__card--family {
        left: 113px;
        top: 1180px;
        width: 562px;
        height: 449px;
    }

    body.page-deti-bolnice .db-nannies__card-title,
    body.page-deti-bolnice .db-nannies__card-text {
        position: absolute;
    }

    body.page-deti-bolnice .db-nannies__card-title {
        margin: 0;
        color: #0C8AE0;
        font-size: 24px;
        font-weight: 600;
        line-height: 0.9;
    }

    body.page-deti-bolnice .db-nannies__card-text {
        margin: 0;
        color: #4D4D4D;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.22px;
    }

    body.page-deti-bolnice .db-nannies__card--pros .db-nannies__card-title {
        left: 36px;
        top: 33px;
        width: 384px;
    }

    body.page-deti-bolnice .db-nannies__card--pros .db-nannies__card-text {
        left: 35px;
        top: 122px;
        width: 444px;
    }

    body.page-deti-bolnice .db-nannies__card--train .db-nannies__card-title {
        left: 50px;
        top: 29px;
        width: 446px;
    }

    body.page-deti-bolnice .db-nannies__card--train .db-nannies__card-text {
        left: 56px;
        top: 123px;
        width: 440px;
    }

    body.page-deti-bolnice .db-nannies__card--doctors .db-nannies__card-title {
        left: 36px;
        top: 40px;
        width: 392px;
    }

    body.page-deti-bolnice .db-nannies__card--doctors .db-nannies__card-text {
        left: 42px;
        top: 102px;
        width: 458px;
    }

    body.page-deti-bolnice .db-nannies__card--care .db-nannies__card-title {
        left: 48px;
        top: 43px;
        width: 380px;
    }

    body.page-deti-bolnice .db-nannies__card--care .db-nannies__card-text {
        left: 51px;
        top: 105px;
        width: 446px;
    }

    body.page-deti-bolnice .db-nannies__card--family .db-nannies__card-title {
        left: 39px;
        top: 40px;
        width: 438px;
    }

    body.page-deti-bolnice .db-nannies__card--family .db-nannies__card-text {
        left: 39px;
        top: 102px;
        width: 494px;
    }

    body.page-deti-bolnice .db-nannies__photo {
        display: block;
        z-index: 3;
        border-radius: 12px;
        object-fit: cover;
        pointer-events: none;
    }

    body.page-deti-bolnice .db-nannies__photo--train {
        left: 1357.5px;
        top: 183.5px;
        width: 165.147px;
        height: 165.147px;
        transform: rotate(7.01deg);
    }

    body.page-deti-bolnice .db-nannies__photo--mid {
        left: 520.2px;
        top: 583.2px;
        width: 162.285px;
        height: 162.285px;
        transform: rotate(-5.34deg);
    }

    body.page-deti-bolnice .db-nannies__photo--care {
        left: 910.8px;
        top: 1257.8px;
        width: 182.463px;
        height: 182.463px;
        transform: rotate(-8deg);
    }
}