/* /itogi/: laptop 992–1439 (docs/LAPTOP_992_1439.md).
   Весь артборд 1440 — absolute-сцена → scale.
   Full-bleed карусели (100vw) → ширина 1440 (после scale = viewport).
   Откат: снять link в doroga_itogi/header.php → _rollback/itogi-laptop-2026/ */

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

    body.itogi-body {
        overflow-x: clip;
        --itogi-scene-scale: calc(100vw / 1440px);
    }

    /* ——— artboard: сцена 1440 + scale ——— */
    body.itogi-body .itogi-artboard {
        width: 1440px;
        max-width: none;
        margin-left: calc((100vw - 1440px) / 2);
        margin-right: 0;
        transform: scale(calc(100vw / 1440px));
        transform-origin: top center;
        /* --itogi-board-h задаёт itogi.js (offsetHeight); fallback ≈ min-height */
        margin-bottom: calc(var(--itogi-board-h, 10045px) * (100vw / 1440px - 1));
    }

    /* Нужен in-flow сосед после артборда, иначе neg. margin не режет scrollHeight */
    body.itogi-body .itogi-artboard-end {
        height: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        pointer-events: none;
    }

    /* Full-bleed внутри scale: 100vw после scale < viewport.
       Фиксируем на ширину артборда — визуально edge-to-edge. */
    body.itogi-body .itogi-capsules,
    body.itogi-body .itogi-voices__viewport,
    body.itogi-body .itogi-gift__viewport,
    body.itogi-body .itogi-gift__panel {
        left: 0;
        width: 1440px;
        max-width: none;
    }

    body.itogi-body .itogi-capsules__track {
        margin-left: 140px;
        padding-right: 140px;
    }

    body.itogi-body .itogi-voices__track {
        margin-left: 139px;
        padding-right: 139px;
    }

    body.itogi-body .itogi-gift__track {
        margin-left: 140px;
        padding-right: 140px;
    }

    /* Sticky-бар вне scale-сцены — fluid по viewport (не 1440×scale) */
    body.itogi-body .itogi-foot__bar {
        width: 100%;
        max-width: 100%;
        padding-left: calc(140px * var(--itogi-scene-scale));
        padding-right: calc(140px * var(--itogi-scene-scale));
        gap: calc(24px * var(--itogi-scene-scale));
        height: calc(56px * var(--itogi-scene-scale));
    }

    body.itogi-body .itogi-foot__bar-raised {
        font-size: calc(20px * var(--itogi-scene-scale));
    }

    body.itogi-body .itogi-foot__bar-goal {
        font-size: calc(13px * var(--itogi-scene-scale));
    }

    body.itogi-body a.itogi-foot__bar-cta {
        min-width: calc(160px * var(--itogi-scene-scale));
        height: calc(40px * var(--itogi-scene-scale));
        padding: 0 calc(28px * var(--itogi-scene-scale));
        font-size: calc(18px * var(--itogi-scene-scale));
    }
}