/* Хир «Принять ребенка в семью». Кадр 2116:1595, холст 1920, колонка 1440 (x − 240).
   y = Figma y − 116 (шапка). Absolute-сцена от 1401px.
   ≤1400 — title + tagline + 4 фото + intro столбиком. */

body.page-looking .looking-page {
    background: #ffffff;
    overflow: visible;
}

body.page-looking.looking-page-section .wrapper,
body.page-looking .wrapper {
    background: #ffffff;
}

body.page-looking.looking-page-section .wrapper > .mv-breadcrumbs-wrap,
body.page-looking.looking-page-section .wrapper > .mv-breadcrumbs-wrap .mv-breadcrumbs,
body.page-looking.looking-page-section .wrapper > .mv-breadcrumbs-wrap .breadcrumbs {
    display: flex !important;
}

body.page-looking .looking-hero__breadcrumbs {
    display: none !important;
}

body.page-looking .looking-hero {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 8px 0 8px;
    overflow: visible;
    background: transparent !important;
    color: #343333;
}

body.page-looking .looking-hero img,
body.page-looking .looking-hero svg {
    max-width: none;
}

.looking-hero__line,
.looking-hero__dot {
    display: none;
}

.looking-hero__photo {
    display: none;
}

.looking-hero__stage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px 14px;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px 40px;
    box-sizing: border-box;
}

body.page-looking .looking-hero__title {
    order: 1;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: block;
    width: 100%;
    height: auto;
    margin: 12px 0 0;
    padding: 0 4px;
    color: #3EA74F;
    font-size: clamp(40px, 11vw, 56px);
    line-height: 0.95;
    letter-spacing: -0.02em;
    text-align: center;
    text-transform: none;
    white-space: normal;
}

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

body.page-looking .looking-hero__text {
    order: 2;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100%;
    max-width: 36em;
    margin: 16px auto 12px;
    padding: 0;
    font-size: clamp(16px, 4.2vw, 22px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-align: center;
    color: #4D4D4D;
}

.looking-hero__intro {
    order: 4;
    width: 100%;
    margin: 12px 0 0;
    color: #4D4D4D;
    font-size: clamp(16px, 4.2vw, 22px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-align: center;
}

.looking-hero__intro p {
    margin: 0 0 1em;
}

.looking-hero__intro p:last-child {
    margin-bottom: 0;
}

body.page-looking .looking-hero__photo {
    display: block;
    order: 3;
    width: calc(50% - 10px);
    max-width: 168px;
    aspect-ratio: 1;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
    flex: 0 0 auto;
}

body.page-looking .looking-hero__photo--1 { transform: rotate(-4deg); }
body.page-looking .looking-hero__photo--4 { transform: rotate(8deg); }
body.page-looking .looking-hero__photo--2 { transform: rotate(6deg); margin-top: 18px; }
body.page-looking .looking-hero__photo--3 { transform: rotate(-5deg); margin-top: 18px; }

body.page-looking .looking-hero__decor {
    display: none !important;
}

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

    body.page-looking .looking-hero__stage {
        gap: 14px 20px;
        padding-bottom: 56px;
    }

    body.page-looking .looking-hero__photo {
        max-width: 200px;
    }
}

@media (min-width: 992px) {

    body.page-looking .looking-hero {
        padding: 0;
    }

    /* Rectangle 3: градиент 1920×556 от y −86 (хиро начинается с 116). */
    body.page-looking .looking-hero::before {
        top: -202px;
        height: 556px;
    }

    body.page-looking .looking-hero__stage {
        position: relative;
        display: block;
        width: 1440px;
        max-width: 100%;
        height: 1220px;
        margin: 0 auto;
        padding: 0;
        gap: 0;
    }

    body.page-looking .looking-hero__line,
    body.page-looking .looking-hero__photo,
    body.page-looking .looking-hero__dot,
    body.page-looking .looking-hero__title,
    body.page-looking .looking-hero__text,
    body.page-looking .looking-hero__intro {
        position: absolute !important;
        margin: 0;
        order: unset;
        flex: unset;
        transform: none;
    }

    /* Линия под фото, точки поверх (якоря на углах). */
    body.page-looking .looking-hero__line {
        display: block;
        left: 265px;
        top: 591px;
        width: 1046.5px;
        height: 255px;
        z-index: 1;
        pointer-events: none;
    }

    body.page-looking .looking-hero__photo {
        display: block;
        z-index: 2;
        width: auto;
        max-width: none;
        aspect-ratio: 1;
        object-fit: cover;
        border-radius: 12px;
        pointer-events: none;
    }

    /* Квадрат + rotate. x/y у повёрнутого узла в Figma — это левый верхний угол
       ДО поворота, уже сдвинутый поворотом, а не рамка. left/top задают
       неповёрнутый квадрат, поэтому от координат Figma отнят сдвиг угла:
       dx = h(cos − sin) − h, dy = h(cos + sin) − h, h = сторона / 2.
       image 2 @286/507.93 r−4°, image 5 @626.95/746 r6°,
       image 3 @1021/746.21 r−5°, image 4 @1405.09/508 r8°. */
    body.page-looking .looking-hero__photo--1 {
        left: 53.685px;
        top: 383.686px;
        width: 228.344px;
        height: 228.344px;
        transform: rotate(-4deg);
    }

    body.page-looking .looking-hero__photo--2 {
        left: 375.4px;
        top: 640.401px;
        width: 210px;
        height: 210px;
        transform: rotate(6deg);
    }

    body.page-looking .looking-hero__photo--3 {
        left: 791.139px;
        top: 619.14px;
        width: 243.296px;
        height: 243.296px;
        transform: rotate(-5deg);
    }

    body.page-looking .looking-hero__photo--4 {
        left: 1146.58px;
        top: 407.381px;
        width: 237.664px;
        height: 237.664px;
        transform: rotate(8deg);
    }

    body.page-looking .looking-hero__dot {
        display: block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #185E30;
        z-index: 4;
        pointer-events: none;
    }

    /* Ellipse 56, 60, 61, 62, 58, 59 — по порядку вдоль линии. */
    body.page-looking .looking-hero__dot--1 { left: 266px; top: 594px; }
    body.page-looking .looking-hero__dot--2 { left: 370px; top: 727px; }
    body.page-looking .looking-hero__dot--3 { left: 569px; top: 801px; }
    body.page-looking .looking-hero__dot--4 { left: 793px; top: 826px; }
    body.page-looking .looking-hero__dot--5 { left: 1029px; top: 740px; }
    body.page-looking .looking-hero__dot--6 { left: 1219px; top: 630px; }

    body.page-looking .looking-hero__title {
        z-index: 4;
        left: 144px !important;
        top: 62px !important;
        width: 1138px;
        padding: 0;
        /* Figma: строка 1 — 1138×161, шаг ~222. Без scaleY — натуральные пропорции life-full. */
        font-size: 143px;
        line-height: 1.1168;
        letter-spacing: -0.03125em;
        text-align: center;
        color: #3EA74F;
    }

    /* «в семью» в макете разрежено сильнее первой строки. */
    body.page-looking .looking-hero__title-line + .looking-hero__title-line {
        letter-spacing: 0.0147em;
    }

    body.page-looking .looking-hero__text {
        z-index: 4;
        left: 376px !important;
        top: 532px !important;
        width: 688px;
        max-width: none;
        padding: 0;
        font-size: 28px;
        line-height: 1.1;
        letter-spacing: -0.56px;
    }

    body.page-looking .looking-hero__intro {
        z-index: 4;
        left: 75px;
        top: 941px;
        width: 1284px;
        font-size: 28px;
        line-height: 1.1;
        letter-spacing: -0.56px;
    }

    body.page-looking .looking-hero__intro p + p {
        margin-top: 1.1em;
    }
}

/* Композиция занимает колонку 1440 целиком (правое фото до x 1433),
   поэтому в узком диапазоне 1401–1439 сцену масштабируем, чтобы фото не
   обрезалось краем окна. */
/* DISABLED 1401–1439 fixed scale — looking-laptop-2026.css */
@media (min-width: 0px) and (max-width: 0px) {

    body.page-looking .looking-hero__stage {
        width: 1440px;
        max-width: none;
        transform: scale(0.9729);
        transform-origin: top center;
    }
}