/* «Задаём вектор системных изменений». Макет Draft nl1bs8SmKBK7fR5HorLVFB,
   кадр 2078:2213. Координаты — от левого края колонки 1440 (x макета − 240)
   и от верха заголовка (y − 211). */

/* Старый блок «Фокус на здоровье» — только десктопный Draft-контент.
   .d-none.m-none в main.css на ≤755px снова включает облако — гасим сильнее. */
body.page-home .section-setting-vector > .container,
body.page-home .section-setting-vector > .section-setting-vector__cloud-svg,
body.page-home .section-setting-vector .section-setting-vector__cloud-svg.d-none.m-none {
    display: none !important;
}

body.page-home .vector-2026 {
    display: block;
}

@media (min-width: 1401px) {
    body.page-home .section-setting-vector {
        background: #fff;
        padding: 80px 0 0;
        /* Выступы полароидов/карточек в поля 1920; на 1440 не дают горизонтальный скролл */
        overflow-x: clip;
    }

    body.page-home .vector-2026 {
        position: relative;
        width: 1440px;
        max-width: 100%;
        height: 1520px;
        margin: 0 auto;
        overflow: visible;
    }

    body.page-home .vector-2026__title,
    body.page-home .vector-2026__lead,
    body.page-home .vector-2026__line,
    body.page-home .vector-2026__card,
    body.page-home .vector-2026__polaroid,
    body.page-home .vector-2026__icon,
    body.page-home .vector-2026__name,
    body.page-home .vector-2026__text {
        position: absolute;
        margin: 0;
    }

    body.page-home .vector-2026__title {
        z-index: 5;
        left: 163px;
        top: 0;
        width: 1114px;
        height: 66px;
        font-size: 66px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -1.32px;
        text-align: center;
        color: #4D4D4D;
    }

    body.page-home .vector-2026__title span {
        color: #3EA74F;
    }

    body.page-home .vector-2026__lead {
        z-index: 5;
        left: 285px;
        top: 128px;
        width: 870px;
        font-size: 28px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.56px;
        text-align: center;
        color: #4D4D4D;
    }

    body.page-home .vector-2026__line {
        left: 59.5px;
        top: 68.5px;
        width: 792px;
        height: 1037px;
        z-index: 2;
        pointer-events: none;
    }

    body.page-home .vector-2026__card {
        display: block;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 6px 44px rgba(94, 176, 226, 0.22);
        z-index: 1;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        transition: box-shadow 0.2s ease;
    }

    body.page-home a.vector-2026__card:hover {
        box-shadow: 0 8px 52px rgba(94, 176, 226, 0.34);
    }

    /* Порядок сверху вниз: Медицина → Доступная → Дети → Соццентр → Школа */
    body.page-home .vector-2026__card--med { left: 843px; top: 237px; width: 490px; height: 334px; }
    body.page-home .vector-2026__card--help { left: 54px; top: 396px; width: 514px; height: 346px; }
    body.page-home .vector-2026__card--hospital { left: 791px; top: 660px; width: 538px; height: 339px; }
    body.page-home .vector-2026__card--social { left: 32px; top: 828px; width: 510px; height: 317px; }
    body.page-home .vector-2026__card--school { left: 742px; top: 1077px; width: 558px; height: 352px; }

    body.page-home .vector-2026__polaroid {
        object-fit: contain;
        z-index: 3;
        pointer-events: none;
    }

    body.page-home .vector-2026__polaroid--3 { left: -34px; top: 313px; width: 220px; height: 220px; }
    body.page-home .vector-2026__polaroid--4 { left: 701px; top: 486px; width: 180px; height: 180px; }
    body.page-home .vector-2026__polaroid--5 { left: 488px; top: 1064px; width: 236px; height: 236px; }
    body.page-home .vector-2026__polaroid--2 { left: 1134px; top: 1279px; width: 201px; height: 201px; }

    body.page-home .vector-2026__icon {
        z-index: 4;
        pointer-events: none;
    }

    /* Координаты внутри карточки (от макета) */
    body.page-home .vector-2026__icon--med { left: 267px; top: 22px; width: 179px; height: 169px; }
    body.page-home .vector-2026__icon--help { left: 258px; top: 29px; width: 222px; height: 158px; }
    body.page-home .vector-2026__icon--hospital { left: 335px; top: 17px; width: 166px; height: 150px; }
    body.page-home .vector-2026__icon--social { left: 314px; top: 22px; width: 165px; height: 143px; }
    body.page-home .vector-2026__icon--school { left: 358px; top: 38px; width: 150px; height: 131px; }

    body.page-home .vector-2026__name {
        z-index: 5;
        font-size: 36px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0;
        text-align: left;
        color: #0C8AE0;
    }

    body.page-home .vector-2026__text {
        z-index: 5;
        font-size: 22px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.22px;
        text-align: left;
        color: #4D4D4D;
    }

    body.page-home .vector-2026__name--med { left: 55px; top: 127px; width: 275px; }
    body.page-home .vector-2026__text--med { left: 56px; top: 207px; width: 383px; }
    body.page-home .vector-2026__name--help { left: 39px; top: 137px; width: 269px; }
    body.page-home .vector-2026__text--help { left: 39px; top: 216px; width: 441px; }
    body.page-home .vector-2026__name--hospital { left: 44px; top: 95px; width: 275px; }
    body.page-home .vector-2026__text--hospital { left: 45px; top: 181px; width: 430px; }
    body.page-home .vector-2026__name--social { left: 48px; top: 91px; width: 275px; }
    body.page-home .vector-2026__text--social { left: 49px; top: 177px; width: 430px; }
    body.page-home .vector-2026__name--school { left: 56px; top: 103px; width: 424px; }
    body.page-home .vector-2026__text--school { left: 58px; top: 190px; width: 314px; }
}

/* <1401: тот же контент Draft, карточки столбиком */
@media (max-width: 1400px) {
    body.page-home .section-setting-vector {
        background: #fff;
        padding: 24px 0 24px;
        overflow-x: clip;
    }

    body.page-home .vector-2026 {
        position: relative;
        width: 100%;
        max-width: 520px;
        height: auto;
        margin: 0 auto;
        padding: 8px 16px 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        scroll-margin-top: 80px;
        overflow-x: clip;
    }

    body.page-home .vector-2026__line,
    body.page-home .vector-2026__polaroid {
        display: none !important;
    }

    body.page-home .vector-2026__title {
        position: static;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0;
        font-size: clamp(24px, 6.4vw, 34px);
        font-weight: 400;
        line-height: 1.15;
        letter-spacing: -0.02em;
        text-align: center;
        color: #4D4D4D;
        box-sizing: border-box;
        overflow-wrap: anywhere;
    }

    body.page-home .vector-2026__title span {
        color: #3EA74F;
    }

    body.page-home .vector-2026__lead {
        position: static;
        width: auto;
        margin: 0 0 8px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: -0.02em;
        text-align: center;
        color: #4D4D4D;
    }

    body.page-home .vector-2026__card {
        position: relative;
        display: block;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 20px 20px 22px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 6px 44px rgba(94, 176, 226, 0.22);
        box-sizing: border-box;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }

    body.page-home .vector-2026__icon {
        position: static;
        display: block;
        width: 96px;
        height: auto;
        margin: 0 0 12px auto;
    }

    body.page-home .vector-2026__name {
        position: static;
        width: auto;
        margin: 0 0 10px;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.05;
        color: #0C8AE0;
    }

    body.page-home .vector-2026__text {
        position: static;
        width: auto;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: -0.02em;
        color: #4D4D4D;
    }

}