/* /journal/looking/: laptop 992–1439 (docs/LAPTOP_992_1439.md).
   Absolute hero — scale 1440.
   Kids/found/info/faq/guardians (клики) — fluid, без scale.
   Откат: _rollback/looking-laptop-2026/ */

@media (min-width: 992px) and (max-width: 1439px) {
    html:has(body.page-looking) {
        overflow-x: clip;
    }

    body.page-looking {
        overflow-x: clip;
    }

    /* ——— hero: scale ——— */
    body.page-looking .looking-hero__stage {
        width: 1440px;
        max-width: none;
        margin-left: calc((100vw - 1440px) / 2);
        margin-right: 0;
        transform: scale(calc(100vw / 1440px));
        transform-origin: top center;
        margin-bottom: calc(1220px * (100vw / 1440px - 1));
    }

    /* ——— kids: fluid grid (344×4 + gap 21 не влезают в <1440) ——— */
    body.page-looking .looking-children {
        padding: calc(90px * 100vw / 1440px) 0 calc(80px * 100vw / 1440px);
    }

    body.page-looking .looking-children__title {
        max-width: calc(1377px * 100vw / 1440px);
        font-size: calc(66px * 100vw / 1440px);
        letter-spacing: calc(-1.32px * 100vw / 1440px);
        margin-bottom: calc(57px * 100vw / 1440px);
        white-space: normal;
    }

    body.page-looking .looking-children .looking-container {
        width: calc(1440px * 100vw / 1440px);
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    body.page-looking .looking-kids__grid {
        display: block;
        width: calc(1440px * 100vw / 1440px);
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    /* Компонент journal-list-looking: display:grid !important на wrapper + 2 col до 1279.
       Сетка — на wrapper; внешний .looking-kids__grid не должен быть 4-col (иначе ширина = 344). */
    body.page-looking .looking-kids__grid .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(4, calc(344px * 100vw / 1440px)) !important;
        gap: calc(27px * 100vw / 1440px) calc(21px * 100vw / 1440px) !important;
        justify-content: center;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        position: static !important;
        transform: none !important;
        box-sizing: border-box;
    }

    body.page-looking .looking-kids__grid .swiper-slide {
        width: calc(344px * 100vw / 1440px) !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    body.page-looking .looking-child-card {
        width: calc(344px * 100vw / 1440px);
        height: calc(401px * 100vw / 1440px);
        border-radius: calc(20px * 100vw / 1440px);
    }

    body.page-looking .looking-child-card__image,
    body.page-looking .looking-child-card__image img {
        border-radius: calc(20px * 100vw / 1440px);
    }

    body.page-looking .looking-child-card__body {
        left: calc(14px * 100vw / 1440px);
        right: calc(14px * 100vw / 1440px);
        bottom: calc(14px * 100vw / 1440px);
        height: calc(149px * 100vw / 1440px);
        padding: calc(22px * 100vw / 1440px) calc(23px * 100vw / 1440px) calc(20px * 100vw / 1440px);
        border-radius: calc(12px * 100vw / 1440px);
        gap: calc(15px * 100vw / 1440px);
    }

    body.page-looking .looking-page .looking-child-card__name,
    body.page-looking.looking-page-section .looking-child-card__name {
        font-size: calc(24px * 100vw / 1440px) !important;
    }

    body.page-looking .looking-page .looking-child-card__text,
    body.page-looking.looking-page-section .looking-child-card__text {
        font-size: calc(18px * 100vw / 1440px) !important;
    }

    body.page-looking .looking-container {
        width: calc(1440px * 100vw / 1440px);
        max-width: 100%;
        margin: 0 auto;
        padding: 0 calc(20px * 100vw / 1440px);
        box-sizing: border-box;
    }

    /* ——— info: fluid ——— */
    body.page-looking .looking-info {
        padding-top: calc(100px * 100vw / 1440px);
    }

    body.page-looking .looking-info__stage {
        width: calc(1440px * 100vw / 1440px);
        max-width: 100%;
        margin: 0 auto;
    }

    body.page-looking .looking-info__title {
        margin-bottom: calc(57px * 100vw / 1440px);
        font-size: calc(66px * 100vw / 1440px);
        letter-spacing: calc(-1.32px * 100vw / 1440px);
    }

    body.page-looking .looking-info__intro {
        margin-bottom: calc(56px * 100vw / 1440px);
        font-size: calc(28px * 100vw / 1440px);
    }

    body.page-looking .looking-info__docs.is-open {
        padding: calc(80px * 100vw / 1440px) calc(78px * 100vw / 1440px) calc(64px * 100vw / 1440px);
    }

    body.page-looking .looking-info__docs.is-open .looking-info__docs-body {
        gap: calc(40px * 100vw / 1440px);
        max-width: calc(920px * 100vw / 1440px);
    }

    body.page-looking .looking-info__doc-title {
        gap: calc(16px * 100vw / 1440px);
        margin-bottom: calc(16px * 100vw / 1440px);
        font-size: calc(26px * 100vw / 1440px);
    }

    body.page-looking .looking-info__doc-num {
        width: calc(36px * 100vw / 1440px);
        height: calc(36px * 100vw / 1440px);
        font-size: calc(18px * 100vw / 1440px);
    }

    body.page-looking .looking-info__doc-lead {
        margin-bottom: calc(14px * 100vw / 1440px);
        padding-left: calc(52px * 100vw / 1440px);
        font-size: calc(20px * 100vw / 1440px);
    }

    body.page-looking .looking-info__doc-list {
        padding-left: calc(52px * 100vw / 1440px);
    }

    body.page-looking .looking-info__doc-list li {
        padding-left: calc(28px * 100vw / 1440px);
        font-size: calc(20px * 100vw / 1440px);
    }

    body.page-looking .looking-info__doc-list li + li {
        margin-top: calc(12px * 100vw / 1440px);
    }

    body.page-looking .looking-info__steps {
        margin-top: calc(56px * 100vw / 1440px);
        font-size: calc(28px * 100vw / 1440px);
    }

    body.page-looking .looking-info__docs.is-open + .looking-info__steps {
        margin-top: calc(72px * 100vw / 1440px);
    }

    body.page-looking .looking-info__notice {
        min-height: calc(427px * 100vw / 1440px);
        padding: calc(51px * 100vw / 1440px) calc(54px * 100vw / 1440px) calc(40px * 100vw / 1440px);
    }

    body.page-looking .looking-info__notice-main {
        font-size: calc(22px * 100vw / 1440px);
    }

    body.page-looking .looking-info__notice-title {
        font-size: calc(26px * 100vw / 1440px);
    }

    body.page-looking .looking-info__notice-foot {
        font-size: calc(22px * 100vw / 1440px);
    }

    /* ——— found: fluid slider ——— */
    body.page-looking .looking-soft__start {
        padding: calc(54px * 100vw / 1440px) 0 0;
    }

    body.page-looking .looking-found__inner {
        width: calc(1440px * 100vw / 1440px);
        max-width: 100%;
        padding: 0 calc(20px * 100vw / 1440px);
        box-sizing: border-box;
    }

    body.page-looking .looking-found .looking-block-title,
    body.page-looking .looking-found__title {
        margin: 0 auto calc(68px * 100vw / 1440px);
        font-size: calc(66px * 100vw / 1440px);
        letter-spacing: calc(-1.32px * 100vw / 1440px);
    }

    body.page-looking .looking-found__slider {
        padding: calc(16px * 100vw / 1440px) calc(96px * 100vw / 1440px) calc(28px * 100vw / 1440px);
    }

    body.page-looking .looking-found__viewport {
        margin: calc(-36px * 100vw / 1440px) calc(-32px * 100vw / 1440px) calc(-56px * 100vw / 1440px);
        padding: calc(36px * 100vw / 1440px) calc(32px * 100vw / 1440px) calc(56px * 100vw / 1440px);
    }

    body.page-looking .looking-found__arrow--prev {
        left: calc(12px * 100vw / 1440px);
    }

    body.page-looking .looking-found__arrow--next {
        right: calc(12px * 100vw / 1440px);
    }

    /* ——— faq: fluid ——— */
    body.page-looking .section-form-faq.looking-faq {
        padding: calc(60px * 100vw / 1440px) 0 calc(100px * 100vw / 1440px);
    }

    body.page-looking .section-form-faq.looking-faq > .container {
        width: calc(1440px * 100vw / 1440px);
        max-width: 100%;
    }

    /* ——— guardians: fluid clicks ——— */
    body.page-looking .looking-guardians__inner {
        width: calc(1440px * 100vw / 1440px);
        max-width: 100%;
        margin: 0 auto;
        padding: 0 calc(20px * 100vw / 1440px);
        box-sizing: border-box;
    }

    body.page-looking .looking-guardians .looking-section-title {
        font-size: calc(66px * 100vw / 1440px);
    }

    body.page-looking .looking-guardian-card__btn {
        min-height: calc(50px * 100vw / 1440px);
        padding: calc(12px * 100vw / 1440px) calc(24px * 100vw / 1440px);
        font-size: calc(16px * 100vw / 1440px);
    }
}