/* /itogi/: tablet 768–991 — stacked layout по Figma Mobile · 402 (3935:1193),
   шире колонка. --itogi-hm только для геометрии сцены (не кегль: ×1.9 раздувает).
   Типографика: фиксированные px (~12–32). ≤767 — мобилка. ≥992 — desktop.
   Откат: снять link в doroga_itogi/header.php → _rollback/itogi-tablet-2026/ */

@media (min-width: 768px) and (max-width: 991px) {
    html:has(body.itogi-body) {
        overflow-x: clip;
        /* scrollport: якоря / scrollIntoView не уезжают под fixed-шапку */
        --itogi-header-h: 72px;
        scroll-padding-top: calc(
            var(--itogi-header-h) + var(--bx-panel-offset, 0px) + 8px
        );
    }

    body.itogi-body {
        /* overflow-x на body ломает sticky — клип у html / секций */
        --itogi-pad: 32px;
        --itogi-col: min(704px, calc(100vw - 64px));
        --itogi-hm: calc(var(--itogi-col) / 370px);
        --itogi-header-h: 72px;
    }

    body.itogi-body .itogi-artboard {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0;
        transform: none;
        overflow: visible;
        padding-top: var(--itogi-header-h); /* место под fixed-шапку */
        padding-bottom: 140px; /* sticky bar */
    }

    body.itogi-body .itogi-main {
        display: flex;
        flex-direction: column;
        gap: 48px;
        width: 100%;
    }

    /* ——— Header (Mobile·402 → tablet) ———
       fixed: sticky не держится при overflow-x:clip / bleed-каруселях */
    body.itogi-body .itogi-header {
        position: fixed;
        top: var(--bx-panel-offset, 0px);
        left: 0;
        right: 0;
        z-index: 50;
        width: 100%;
        height: var(--itogi-header-h);
        margin: 0;
        background: #fff;
        pointer-events: auto;
    }

    body.itogi-body .itogi-header__logo {
        left: var(--itogi-pad);
        top: 18px;
        width: 192px; /* 160 × 1.2 */
        height: 46.8px; /* 39 × 1.2 */
    }

    body.itogi-body .itogi-header__logo-img {
        width: 192px;
        height: 46.8px;
    }

    body.itogi-body .itogi-header__badge {
        left: auto;
        right: calc(var(--itogi-pad) + 56px);
        transform: none;
        top: 16px;
        width: 120px;
        height: 40px;
    }

    /* bar не должен быть containing block для dropdown — иначе меню «уезжает» */
    body.itogi-body .itogi-header__bar {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
    }

    body.itogi-body .itogi-header__tagline {
        position: absolute;
        left: calc(var(--itogi-pad) + 212px); /* 192 лого + ~20 зазор */
        /* до бейджа «10 лет» + бургер */
        right: calc(var(--itogi-pad) + 56px + 120px + 16px);
        /* центр по вордмарку увеличенного лого 46.8 */
        top: calc(18px + 46.8px * ((13.6 + 29.2) / 2) / 53);
        transform: translateY(-50%);
        max-width: none;
        margin: 0;
        font-size: 12px;
        line-height: 1;
        white-space: normal;
    }

    body.itogi-body .itogi-header__support {
        display: none !important;
    }

    body.itogi-body .itogi-header__burger {
        display: inline-flex;
        position: absolute;
        right: var(--itogi-pad);
        top: 16px;
        z-index: 3;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        border-radius: 80px;
        background: #fe4eca;
        cursor: pointer;
        pointer-events: auto;
    }

    body.itogi-body .itogi-header__burger-icon {
        display: flex;
        flex-direction: column;
        gap: 3px;
        width: 18px;
    }

    body.itogi-body .itogi-header__burger-icon span {
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 4px;
        background: #fff;
        transition: transform 0.15s ease, opacity 0.15s ease;
    }

    body.itogi-body .itogi-header.is-menu-open .itogi-header__burger-icon span:nth-child(1) {
        transform: translateY(5px) rotate(45deg);
    }

    body.itogi-body .itogi-header.is-menu-open .itogi-header__burger-icon span:nth-child(2) {
        opacity: 0;
    }

    body.itogi-body .itogi-header.is-menu-open .itogi-header__burger-icon span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
    }

    /* Dropdown Figma 4071:3733 — 16px, right, lowercase; правый край у бургера */
    body.itogi-body .itogi-header__nav {
        position: absolute;
        left: auto;
        right: var(--itogi-pad);
        top: 64px; /* 16 + 44 + 4 */
        z-index: 60;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: max-content;
        min-width: 190px;
        max-width: calc(100vw - var(--itogi-pad) * 2);
        padding: 16px;
        box-sizing: border-box;
        border: 1px solid #fe4eca;
        border-radius: 16px;
        background: #fff;
        box-shadow: none;
    }

    body.itogi-body .itogi-header.is-menu-open .itogi-header__nav {
        display: flex;
    }

    body.itogi-body .itogi-header__nav-link {
        position: static;
        left: auto;
        top: auto;
        display: block;
        width: 100%;
        font-weight: 600;
        font-size: 16px;
        line-height: normal;
        text-align: right;
        text-transform: lowercase;
        white-space: nowrap;
        color: #343333;
    }

    body.itogi-body .itogi-header__nav-link--support {
        display: block;
        color: #343333;
    }

    /* ——— Hero: сцена Mobile·402 370×193, scale на --itogi-col ——— */
    body.itogi-body .itogi-hero,
    body.itogi-body .itogi-hero.is-capsule-open {
        --itogi-hm: calc(var(--itogi-col) / 370px);
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 8px var(--itogi-pad) 0;
        box-sizing: border-box;
        transition: none;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    body.itogi-body .itogi-hero__visual {
        display: block;
        position: relative;
        width: var(--itogi-col);
        max-width: 100%;
        height: calc(193px * var(--itogi-hm));
        margin: 0 auto;
        /* path--m шире колонки — без clip даёт горизонтальный скролл страницы */
        overflow: hidden;
        border-radius: calc(24px * var(--itogi-hm));
        flex: 0 0 auto;
    }

    body.itogi-body .itogi-hero__stage {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: calc(24px * var(--itogi-hm));
    }

    /* Координаты от зелёного 370×193 (Figma 3935:1223) */
    body.itogi-body .itogi-hero__title {
        left: calc(15 / 370 * 100%);
        top: calc(20 / 193 * 100%);
        width: calc(185 / 370 * 100%);
        height: auto;
    }

    body.itogi-body .itogi-hero__title img {
        width: 100%;
        height: auto;
    }

    body.itogi-body .itogi-hero__path:not(.itogi-hero__path--m),
    body.itogi-body .itogi-hero__train:not(.itogi-hero__train--m) {
        display: none;
    }

    body.itogi-body .itogi-hero__path--m {
        display: block;
        left: calc(-71 / 370 * 100%);
        top: calc(68 / 193 * 100%);
        width: calc(512 / 370 * 100%);
        height: calc(89 / 193 * 100%);
        max-width: none;
    }

    body.itogi-body .itogi-hero__smoke {
        left: calc(260 / 370 * 100%);
        top: calc(-2 / 193 * 100%);
        width: calc(80 / 370 * 100%);
        height: auto;
        right: auto;
    }

    body.itogi-body .itogi-hero__train--m {
        display: block;
        left: calc(175 / 370 * 100%);
        top: calc(14 / 193 * 100%);
        width: calc(185 / 370 * 100%);
        height: calc(152 / 193 * 100%);
        right: auto;
    }

    body.itogi-body .itogi-hero__line1 {
        left: calc(33 / 370 * 100%);
        top: calc(83 / 193 * 100%);
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }

    body.itogi-body .itogi-hero__line2 {
        left: calc(112 / 370 * 100%);
        top: calc(103 / 193 * 100%);
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }

    body.itogi-body .itogi-hero__note {
        left: calc(15 / 370 * 100%);
        top: calc(147 / 193 * 100%);
        width: auto;
        max-width: calc(220 / 370 * 100%);
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
    }

    /* Mobile·402: зелёный прогресс, не розовый desktop */
    body.itogi-body .itogi-hero__progress-rail {
        background: #c8f08a;
    }

    body.itogi-body .itogi-hero__progress-fill,
    body.itogi-body .itogi-hero__progress-cap,
    body.itogi-body .itogi-hero__progress-value::before,
    body.itogi-body .itogi-hero__progress-value::after {
        background: #3ea74f;
    }

    /* Figma 4084:4167 — прогресс, затем CTA */
    body.itogi-body .itogi-hero__progress {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: calc(24px * var(--itogi-hm)) auto 0;
    }

    body.itogi-body .itogi-hero__progress-top {
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
        gap: 12px;
        margin-bottom: calc(12px * var(--itogi-hm));
    }

    body.itogi-body .itogi-hero__progress-sum {
        font-size: 20px;
    }

    body.itogi-body .itogi-hero__progress-goal {
        font-size: 15px;
        padding-bottom: 0;
    }

    body.itogi-body a.itogi-hero__cta {
        position: relative;
        left: auto;
        top: auto;
        display: flex;
        width: calc(145px * var(--itogi-hm));
        height: calc(40px * var(--itogi-hm));
        margin: calc(16px * var(--itogi-hm)) auto 0;
        font-size: 18px;
        line-height: 1;
        border-radius: 80px;
    }

    body.itogi-body .itogi-hero__progress-track {
        --itogi-track: 100%;
        width: 100%;
    }

    body.itogi-body .itogi-hero__lead {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: 28px auto 0;
        font-size: 18px;
        text-align: left;
    }

    body.itogi-body .itogi-hero__lead br {
        display: none;
    }

    body.itogi-body .itogi-hero__subhead {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: calc(12px * var(--itogi-hm)) auto 0;
        font-weight: 500;
        font-size: 28px;
        line-height: 1.1;
        text-align: left;
    }

    body.itogi-body .itogi-capsules {
        position: relative;
        left: auto;
        top: auto;
        width: 100vw;
        max-width: none;
        margin: calc(16px * var(--itogi-hm)) calc(50% - 50vw) 0;
        transform: none;
    }

    body.itogi-body .itogi-capsules__track {
        margin: 0 0 0 var(--itogi-pad);
        padding: 0 var(--itogi-pad) 0 0;
        gap: 20px;
    }

    /* Карточки ~×2 к прежним 150 → 300 (desktop 200 × 1.5) */
    body.itogi-body .itogi-capsules__item,
    body.itogi-body .itogi-capsules__card {
        flex: 0 0 300px;
        width: 300px;
        height: 300px;
        border-radius: 17.15px; /* 11.43 × 300/200 */
    }

    body.itogi-body .itogi-capsules__card > img,
    body.itogi-body .itogi-capsules__card-art {
        width: 300px;
        height: 300px;
    }

    body.itogi-body .itogi-capsules__card-text {
        left: 43.5px; /* 29 × 1.5 */
        top: 46.35px; /* 30.9 × 1.5 */
        width: 172.5px; /* 115 × 1.5 */
        font-size: 24px; /* 16 × 1.5 */
    }

    body.itogi-body .itogi-capsules__item--shnurki .itogi-capsules__card-text {
        width: 213px; /* 142 × 1.5 */
    }

    body.itogi-body .itogi-capsules__item--fonarik .itogi-capsules__card-text {
        width: 222px; /* 148 × 1.5 */
    }

    body.itogi-body .itogi-capsules__viewport {
        height: 332px; /* 300 + запас под hover */
    }

    /* Capsule detail: column under carousel */
    body.itogi-body .itogi-capsule-detail {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        margin-top: 24px;
        pointer-events: auto;
    }

    body.itogi-body .itogi-capsule-detail__copy {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        height: auto;
        max-height: none;
        margin: 0 auto;
        gap: 20px;
        overflow: visible;
    }

    body.itogi-body .itogi-capsule-detail__title {
        width: 100%;
        font-size: 28px;
    }

    body.itogi-body .itogi-capsule-detail__text {
        width: 100%;
        font-size: 18px;
    }

    body.itogi-body a.itogi-capsule-detail__cta {
        width: 220px;
        height: 56px;
        font-size: 20px;
        line-height: 1;
    }

    body.itogi-body .itogi-capsule-detail__visual {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        height: auto;
        margin: 24px auto 0;
        aspect-ratio: 415 / 593;
    }

    body.itogi-body .itogi-capsule-detail__visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 24px;
    }

    /* ——— Wait: Mobile·402 370×994, scale на колонку ——— */
    body.itogi-body .itogi-wait {
        position: relative;
        width: 100%;
        height: auto;
        margin: calc(48px * var(--itogi-hm)) auto 0;
        padding: 0 var(--itogi-pad);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-wait__title {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: 0;
        font-weight: 500;
        font-size: 28px;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
    }

    body.itogi-body .itogi-wait__dark,
    body.itogi-body .itogi-wait__photo,
    body.itogi-body .itogi-wait__green {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: 0;
        height: auto;
    }

    body.itogi-body .itogi-wait__dark {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(20px * var(--itogi-hm));
        padding: calc(24px * var(--itogi-hm));
        border-radius: calc(24px * var(--itogi-hm));
    }

    body.itogi-body .itogi-wait__dark br,
    body.itogi-body .itogi-wait__green-accent br {
        display: none;
    }

    body.itogi-body .itogi-wait__dark-text {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.27px;
    }

    body.itogi-body .itogi-wait__dark-accent {
        font-weight: 500;
        font-size: 26px;
        line-height: 1.1;
    }

    body.itogi-body .itogi-wait__photo {
        height: calc(339px * var(--itogi-hm));
        border-radius: calc(40px * var(--itogi-hm));
    }

    body.itogi-body .itogi-wait__green {
        display: flex;
        flex-direction: column;
        gap: calc(20px * var(--itogi-hm));
        padding: calc(24px * var(--itogi-hm));
        border-radius: calc(24px * var(--itogi-hm));
    }

    body.itogi-body .itogi-wait__green-body {
        width: 100%;
        gap: calc(20px * var(--itogi-hm));
    }

    body.itogi-body .itogi-wait__green-text {
        font-size: 15px;
        line-height: 1.5;
    }

    body.itogi-body .itogi-wait__green-accent {
        font-weight: 500;
        font-size: 28px;
        line-height: 1.1;
    }

    body.itogi-body a.itogi-wait__cta {
        position: relative;
        left: auto;
        top: auto;
        width: calc(200px * var(--itogi-hm));
        height: calc(55px * var(--itogi-hm));
        margin-top: 0;
        font-size: 18px;
        line-height: 1;
    }

    /* ——— Route: столбик Mobile·402 ——— */
    body.itogi-body .itogi-route {
        position: relative;
        width: 100%;
        height: auto;
        margin: calc(40px * var(--itogi-hm)) 0 0;
        padding: calc(24px * var(--itogi-hm)) var(--itogi-pad) calc(40px * var(--itogi-hm));
        box-sizing: border-box;
        background: #3f3c42;
    }

    body.itogi-body .itogi-route__title {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: 0 auto calc(20px * var(--itogi-hm));
        color: #fff;
        font-weight: 500;
        font-size: 28px;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
    }

    body.itogi-body .itogi-route__panel {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        height: auto;
        margin: 0 auto;
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-route__card--tall { order: 0; }
    body.itogi-body .itogi-route__card--02 { order: 1; }
    body.itogi-body .itogi-route__card--03 { order: 2; }
    body.itogi-body .itogi-route__card--04 { order: 3; }
    body.itogi-body .itogi-route__card--05 { order: 4; }
    body.itogi-body a.itogi-route__cta { order: 5; }

    body.itogi-body .itogi-route__card,
    body.itogi-body .itogi-route__card--tall,
    body.itogi-body .itogi-route__card--02,
    body.itogi-body .itogi-route__card--03,
    body.itogi-body .itogi-route__card--04,
    body.itogi-body .itogi-route__card--05,
    body.itogi-body .itogi-route__card--03.is-open,
    body.itogi-body .itogi-route__card--04.is-open {
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0;
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: calc(16px * var(--itogi-hm));
        align-items: center;
        border-radius: calc(16px * var(--itogi-hm));
        overflow: hidden;
    }

    body.itogi-body .itogi-route__num {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        grid-column: 1;
        grid-row: 1;
        margin: calc(16px * var(--itogi-hm)) 0 0 calc(16px * var(--itogi-hm));
        width: auto;
        height: auto;
    }

    body.itogi-body .itogi-route__num img {
        height: calc(54px * var(--itogi-hm));
        width: auto;
    }

    body.itogi-body .itogi-route__card-title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        grid-column: 2;
        grid-row: 1;
        width: auto !important;
        margin: calc(16px * var(--itogi-hm)) calc(16px * var(--itogi-hm)) 0 0;
        font-size: 17px;
        line-height: 1.2;
        white-space: normal;
    }

    body.itogi-body .itogi-route__card-title br {
        display: none;
    }

    body.itogi-body .itogi-route__card--tall .itogi-route__card-title {
        font-size: 20px;
    }

    body.itogi-body .itogi-route__card-text {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        grid-column: 1 / -1;
        width: auto !important;
        margin: calc(12px * var(--itogi-hm)) calc(16px * var(--itogi-hm)) calc(16px * var(--itogi-hm));
        font-size: 16px;
        line-height: 24px;
        max-height: none;
    }

    body.itogi-body .itogi-route__card--03:not(.is-open) .itogi-route__card-text,
    body.itogi-body .itogi-route__card--04:not(.is-open) .itogi-route__card-text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    body.itogi-body .itogi-route__card.is-open .itogi-route__card-text {
        display: block;
        -webkit-line-clamp: unset;
        overflow: visible;
    }

    body.itogi-body .itogi-route__card-photo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        bottom: auto;
        grid-column: 1 / -1;
        width: 100% !important;
        height: calc(160px * var(--itogi-hm)) !important;
        border-radius: 0 0 calc(16px * var(--itogi-hm)) calc(16px * var(--itogi-hm));
        z-index: 0;
    }

    body.itogi-body .itogi-route__more {
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: calc(16px * var(--itogi-hm));
        bottom: calc(138px * var(--itogi-hm));
        z-index: 3;
        width: calc(44px * var(--itogi-hm));
        height: calc(44px * var(--itogi-hm));
    }

    body.itogi-body .itogi-route__more img {
        width: calc(44px * var(--itogi-hm));
        height: calc(44px * var(--itogi-hm));
    }

    body.itogi-body a.itogi-route__cta {
        position: relative;
        left: auto;
        top: auto;
        display: flex;
        width: calc(200px * var(--itogi-hm));
        height: calc(55px * var(--itogi-hm));
        margin: 0 auto;
        font-size: 18px;
        line-height: 1;
    }

    /* ——— Voices: карточка 140×(147+текст), Mobile·402 ——— */
    body.itogi-body .itogi-voices {
        position: relative;
        width: 100%;
        height: auto;
        margin: calc(40px * var(--itogi-hm)) 0 0;
        padding: 0 0 calc(8px * var(--itogi-hm));
        overflow: visible;
    }

    body.itogi-body .itogi-voices__title {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: 0 auto calc(16px * var(--itogi-hm));
        padding: 0 var(--itogi-pad);
        box-sizing: border-box;
        font-weight: 500;
        font-size: 28px;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
        color: #1c1c1c;
    }

    body.itogi-body .itogi-voices__viewport {
        position: relative;
        left: auto;
        top: auto;
        width: 100vw;
        max-width: none;
        height: auto;
        margin: 0 0 0 calc(50% - 50vw);
        overflow: hidden;
        /* место под scale(1.04) активной карточки */
        padding: calc(24px * var(--itogi-hm)) 0;
        box-sizing: content-box;
    }

    body.itogi-body .itogi-voices__track {
        height: auto;
        align-items: stretch; /* равная высота card-face */
        gap: calc(12px * var(--itogi-hm));
        margin: 0 0 0 var(--itogi-pad);
        padding: 0 var(--itogi-pad) 0 0;
    }

    body.itogi-body .itogi-voices__card {
        display: flex;
        flex-direction: column;
        flex: 0 0 calc(140px * var(--itogi-hm));
        width: calc(140px * var(--itogi-hm));
        height: auto;
        border-radius: calc(16px * var(--itogi-hm));
        clip-path: inset(0 round calc(16px * var(--itogi-hm)));
        transform-origin: center center;
    }

    body.itogi-body .itogi-voices__card-face {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        height: auto;
        min-height: 100%;
        border-radius: calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-voices__photo {
        box-sizing: border-box;
        width: 100%;
        height: calc(147px * var(--itogi-hm));
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        border-radius: calc(16px * var(--itogi-hm)) calc(16px * var(--itogi-hm)) 0 0;
    }

    body.itogi-body .itogi-voices__play {
        left: 50%;
        top: calc(135px * var(--itogi-hm));
        width: calc(24px * var(--itogi-hm));
        height: calc(24px * var(--itogi-hm));
        transform: translateX(-50%);
    }

    body.itogi-body .itogi-voices__play img {
        width: calc(24px * var(--itogi-hm));
        height: calc(24px * var(--itogi-hm));
    }

    body.itogi-body .itogi-voices__card:hover {
        transform: scale(1.04);
    }

    body.itogi-body .itogi-voices__viewport.is-dragging .itogi-voices__card:hover {
        transform: scale(1);
    }

    body.itogi-body .itogi-voices__card.is-playing,
    body.itogi-body .itogi-voices__card.is-paused {
        transform: scale(1.04);
    }

    body.itogi-body .itogi-voices__progress {
        top: calc(147px * var(--itogi-hm));
        width: 100%;
    }

    body.itogi-body .itogi-voices__body {
        flex: 1 1 auto;
        width: 100%;
        height: auto;
        min-height: calc(180px * var(--itogi-hm));
        gap: calc(8px * var(--itogi-hm));
        padding: calc(18px * var(--itogi-hm)) calc(8px * var(--itogi-hm)) calc(12px * var(--itogi-hm));
        border-radius: 0 0 calc(16px * var(--itogi-hm)) calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-voices__time {
        left: auto;
        right: calc(8px * var(--itogi-hm));
        top: calc(4px * var(--itogi-hm));
        font-size: 12px;
    }

    body.itogi-body .itogi-voices__quote {
        font-size: 14px;
        line-height: 1.25;
    }

    body.itogi-body .itogi-voices__name {
        font-size: 14px;
    }

    body.itogi-body .itogi-voices__role {
        font-size: 12px;
    }

    body.itogi-body a.itogi-voices__cta {
        position: relative;
        left: auto;
        top: auto;
        display: flex;
        width: calc(300px * var(--itogi-hm));
        max-width: calc(100% - var(--itogi-pad) * 2);
        height: calc(56px * var(--itogi-hm));
        margin: calc(20px * var(--itogi-hm)) auto 0;
        font-size: 20px;
        line-height: 1;
    }

    /* ——— Stats: карточки pink/green, не фоновая ячейка сетки ——— */
    body.itogi-body .itogi-stats {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: calc(20px * var(--itogi-hm));
        width: 100%;
        height: auto;
        margin: calc(40px * var(--itogi-hm)) 0 0;
        padding: 0 var(--itogi-pad) calc(28px * var(--itogi-hm));
        box-sizing: border-box;
        overflow: visible;
    }

    body.itogi-body .itogi-stats__decor {
        display: none;
    }

    body.itogi-body .itogi-stats__panel {
        display: none;
    }

    body.itogi-body .itogi-stats__sheet {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: calc(20px * var(--itogi-hm));
        row-gap: calc(16px * var(--itogi-hm));
        width: 100%;
        box-sizing: border-box;
        padding: calc(40px * var(--itogi-hm)) calc(32px * var(--itogi-hm)) calc(36px * var(--itogi-hm));
        border-radius: calc(40px * var(--itogi-hm));
    }

    body.itogi-body .itogi-stats__sheet--pink { background: #ff9ee2; }
    body.itogi-body .itogi-stats__sheet--green { background: #9af05a; }

    body.itogi-body .itogi-stats__title,
    body.itogi-body .itogi-stats__intro,
    body.itogi-body .itogi-stats__plan,
    body.itogi-body .itogi-stats__num,
    body.itogi-body .itogi-stats__cap,
    body.itogi-body a.itogi-stats__cta {
        position: relative;
        left: auto !important;
        top: auto !important;
        z-index: 1;
        margin-left: 0;
        margin-right: 0;
    }

    body.itogi-body .itogi-stats__title {
        width: 100%;
        max-width: none;
        margin: 0;
        font-weight: 500;
        font-size: 28px;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
    }

    body.itogi-body .itogi-stats__intro,
    body.itogi-body .itogi-stats__num--18238,
    body.itogi-body .itogi-stats__cap--18238,
    body.itogi-body .itogi-stats__plan,
    body.itogi-body a.itogi-stats__cta {
        grid-column: 1 / -1;
    }

    body.itogi-body .itogi-stats__intro {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        font-size: 17px;
        line-height: 1.3;
        text-align: center;
    }

    body.itogi-body .itogi-stats__num--18238 {
        justify-self: center;
        width: min(100%, calc(280px * var(--itogi-hm)));
        height: auto;
        margin: 0;
    }

    body.itogi-body .itogi-stats__cap--18238 {
        text-align: center;
        padding: 0;
    }

    body.itogi-body .itogi-stats__num--51,
    body.itogi-body .itogi-stats__cap--51,
    body.itogi-body .itogi-stats__num--3552,
    body.itogi-body .itogi-stats__cap--3552,
    body.itogi-body .itogi-stats__num--370,
    body.itogi-body .itogi-stats__cap--370,
    body.itogi-body .itogi-stats__num--45,
    body.itogi-body .itogi-stats__cap--45,
    body.itogi-body .itogi-stats__num--15c,
    body.itogi-body .itogi-stats__cap--15c { grid-column: 1; }

    body.itogi-body .itogi-stats__num--152,
    body.itogi-body .itogi-stats__cap--152,
    body.itogi-body .itogi-stats__num--0pct,
    body.itogi-body .itogi-stats__cap--0pct,
    body.itogi-body .itogi-stats__num--15a,
    body.itogi-body .itogi-stats__cap--15a,
    body.itogi-body .itogi-stats__num--15b,
    body.itogi-body .itogi-stats__cap--15b,
    body.itogi-body .itogi-stats__num--6,
    body.itogi-body .itogi-stats__cap--6 { grid-column: 2; }

    body.itogi-body .itogi-stats__num--51 { grid-row: 4; }
    body.itogi-body .itogi-stats__cap--51 { grid-row: 5; }
    body.itogi-body .itogi-stats__num--152 { grid-row: 4; }
    body.itogi-body .itogi-stats__cap--152 { grid-row: 5; }
    body.itogi-body .itogi-stats__num--3552 { grid-row: 6; }
    body.itogi-body .itogi-stats__cap--3552 { grid-row: 7; }
    body.itogi-body .itogi-stats__num--0pct { grid-row: 6; }
    body.itogi-body .itogi-stats__cap--0pct { grid-row: 7; }

    body.itogi-body .itogi-stats__plan {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
        font-size: 17px;
        line-height: 1.3;
        text-align: center;
    }

    body.itogi-body a.itogi-stats__cta {
        display: flex;
        width: min(100%, calc(300px * var(--itogi-hm)));
        height: calc(56px * var(--itogi-hm));
        margin: calc(8px * var(--itogi-hm)) auto;
        font-size: 20px;
        line-height: 1;
        grid-row: 2;
    }

    body.itogi-body .itogi-stats__num--370 { grid-row: 3; }
    body.itogi-body .itogi-stats__cap--370 { grid-row: 4; }
    body.itogi-body .itogi-stats__num--15a { grid-row: 3; }
    body.itogi-body .itogi-stats__cap--15a { grid-row: 4; }
    body.itogi-body .itogi-stats__num--45 { grid-row: 5; }
    body.itogi-body .itogi-stats__cap--45 { grid-row: 6; }
    body.itogi-body .itogi-stats__num--15b { grid-row: 5; }
    body.itogi-body .itogi-stats__cap--15b { grid-row: 6; }
    body.itogi-body .itogi-stats__num--15c { grid-row: 7; }
    body.itogi-body .itogi-stats__cap--15c { grid-row: 8; }
    body.itogi-body .itogi-stats__num--6 { grid-row: 7; }
    body.itogi-body .itogi-stats__cap--6 { grid-row: 8; }

    body.itogi-body .itogi-stats__num {
        display: block;
        width: auto;
        max-width: 100%;
        height: calc(64px * var(--itogi-hm));
        margin: 0;
        object-fit: contain;
        object-position: left center;
    }

    body.itogi-body .itogi-stats__cap {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 1.3;
        text-align: left;
    }

    /* ——— Gift: карточка 186, фото 162 (Mobile·402) ——— */
    body.itogi-body .itogi-gift {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto !important;
        min-height: 0;
        margin: calc(40px * var(--itogi-hm)) 0 0;
        padding: 0 0 24px;
        overflow: visible;
    }

    body.itogi-body .itogi-gift__title {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: 0 auto calc(16px * var(--itogi-hm));
        padding: 0 var(--itogi-pad);
        box-sizing: border-box;
        font-weight: 500;
        font-size: 28px;
        line-height: 1.2;
        text-align: center;
        white-space: normal;
        color: #1c1c1c;
    }

    body.itogi-body .itogi-gift__panel {
        display: none;
    }

    body.itogi-body .itogi-gift__viewport {
        position: relative;
        left: auto;
        top: auto;
        width: 100vw;
        max-width: none;
        height: auto;
        margin: 0 0 0 calc(50% - 50vw);
        padding: calc(24px * var(--itogi-hm)) 0 calc(28px * var(--itogi-hm));
        overflow: hidden;
        background: #3f3c42;
        transform: none;
    }

    body.itogi-body .itogi-gift__track {
        align-items: stretch; /* одинаковая высота карточек */
        margin: 0 0 0 var(--itogi-pad);
        padding: 0 var(--itogi-pad) 0 0;
        gap: calc(18px * var(--itogi-hm));
    }

    body.itogi-body .itogi-gift__card {
        display: flex;
        flex-direction: column;
        flex: 0 0 calc(186px * var(--itogi-hm));
        width: calc(186px * var(--itogi-hm));
        height: auto;
    }

    body.itogi-body .itogi-gift__photo,
    body.itogi-body .itogi-gift__body {
        width: 100%;
    }

    body.itogi-body .itogi-gift__photo {
        flex: 0 0 auto;
        height: calc(162px * var(--itogi-hm));
        border-radius: calc(16px * var(--itogi-hm)) calc(16px * var(--itogi-hm)) 0 0;
    }

    body.itogi-body .itogi-gift__body {
        flex: 1 1 auto;
        height: auto;
        min-height: calc(220px * var(--itogi-hm));
        gap: calc(12px * var(--itogi-hm));
        padding: calc(16px * var(--itogi-hm)) calc(12px * var(--itogi-hm));
        border-radius: 0 0 calc(16px * var(--itogi-hm)) calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-gift__text {
        gap: calc(8px * var(--itogi-hm));
    }

    body.itogi-body .itogi-gift__name {
        font-size: 17px;
    }

    body.itogi-body .itogi-gift__desc {
        font-size: 15px;
    }

    body.itogi-body .itogi-gift__price {
        font-size: 17px;
    }

    body.itogi-body a.itogi-gift__btn {
        height: calc(40px * var(--itogi-hm));
        font-size: 17px;
        border-width: calc(2px * var(--itogi-hm));
    }

    body.itogi-body .itogi-gift__viewport {
        padding-bottom: calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-gift__other {
        position: relative;
        left: auto;
        top: auto;
        z-index: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: 100vw;
        height: auto;
        margin: 0 0 0 calc(50% - 50vw);
        padding: 8px var(--itogi-pad) 24px;
        background: #3f3c42;
        box-sizing: border-box;
    }

    body.itogi-body .itogi-gift__other-lead {
        flex: none;
        max-width: none;
        width: 100%;
        font-size: 18px;
        line-height: 1.3;
    }

    body.itogi-body .itogi-gift__other-controls {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
        width: 100%;
    }

    body.itogi-body .itogi-gift__other-field {
        flex: 1 1 240px;
        min-width: 0;
    }

    body.itogi-body .itogi-gift__other-input {
        width: 100%;
        height: 52px;
        padding: 0 20px;
        border-radius: 40px;
        font-size: 16px;
    }

    body.itogi-body .itogi-gift__other-btn {
        flex: 0 0 151px;
        width: 151px;
        height: 52px;
        font-size: 20px;
    }

    body.itogi-body .itogi-donate {
        position: relative;
        left: auto;
        top: auto;
        width: calc(100% - 64px);
        max-width: var(--itogi-col);
        margin: 32px auto 0;
        padding: 0;
        gap: 24px;
    }

    body.itogi-body .itogi-donate.is-success {
        gap: 32px;
    }

    body.itogi-body .itogi-donate__flow {
        gap: 24px;
        padding: 28px;
        border-radius: 32px;
    }

    body.itogi-body .itogi-donate__success {
        width: 100%;
        flex-direction: column;
        gap: 24px;
    }

    body.itogi-body .itogi-donate.is-success .itogi-donate__success,
    body.itogi-body .itogi-donate__success:not([hidden]) {
        flex-direction: column;
        gap: 24px;
    }

    body.itogi-body .itogi-donate__success-media {
        flex: none;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

    body.itogi-body .itogi-donate__title {
        font-size: 32px;
        letter-spacing: 0;
    }

    body.itogi-body .itogi-donate__period {
        width: 100%;
        max-width: calc(427px * var(--itogi-hm));
        height: auto;
    }

    body.itogi-body .itogi-donate__period-btn {
        height: calc(48px * var(--itogi-hm));
        font-size: 17px;
    }

    body.itogi-body .itogi-donate__sums {
        width: 100%;
    }

    body.itogi-body .itogi-donate__sums-row {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 12px 16px;
        /* desktop padding 24 под ::before inset -24 — на tablet inset:0 */
        padding: 8px 0;
    }

    body.itogi-body .itogi-donate__sum.is-active::before {
        inset: 0;
    }

    body.itogi-body .itogi-donate__panel--bank {
        min-height: 0;
    }

    body.itogi-body .itogi-donate img {
        max-width: 100%;
        height: auto;
    }

    body.itogi-body .itogi-donate__period-btn[data-period="monthly"],
    body.itogi-body .itogi-donate__period-btn[data-period="once"] {
        flex: 1 1 50%;
        width: auto;
        min-width: 0;
        padding: 0 calc(8px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__methods {
        gap: calc(12px * var(--itogi-hm)) calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__method {
        font-size: 18px;
    }

    body.itogi-body .itogi-donate__sum {
        flex: 1 1 auto;
        min-width: 0;
        height: 48px;
        padding: 0 12px;
        font-size: 22px;
    }

    body.itogi-body .itogi-donate__fields {
        flex-direction: column;
        width: 100%;
        gap: calc(12px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__submit {
        width: 100%;
        height: calc(56px * var(--itogi-hm));
        font-size: 20px;
    }

    body.itogi-body .itogi-donate__banks {
        flex-direction: column;
        gap: calc(16px * var(--itogi-hm));
    }

    /* Банки — горизонтальные табы; без --itogi-hm (иначе ~×1.9) */
    body.itogi-body .itogi-donate__bank-list {
        flex: none;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    body.itogi-body .itogi-donate__bank {
        width: auto;
        flex: 0 0 auto;
        min-height: 44px;
        padding: 8px 16px;
        border-width: 2px;
        font-size: 16px;
        white-space: nowrap;
    }

    body.itogi-body .itogi-donate__bank-panels {
        max-width: 100%;
    }

    body.itogi-body .itogi-donate__reqs dt,
    body.itogi-body .itogi-donate__reqs dd {
        font-size: 16px;
    }

    body.itogi-body .itogi-donate__bank-links {
        gap: 12px 20px;
        margin-top: 20px;
    }

    body.itogi-body .itogi-donate__bank-links a {
        font-size: 14px;
    }

    /* История — под формой, не справа */
    body.itogi-body .itogi-donate__story {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: calc(364px * var(--itogi-hm));
        margin: calc(8px * var(--itogi-hm)) auto 0;
    }

    body.itogi-body .itogi-donate__story-photo {
        width: 100%;
        height: calc(220px * var(--itogi-hm));
        border-radius: calc(24px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__story-title {
        font-size: 20px;
        padding: 0;
    }

    body.itogi-body .itogi-donate__story-desc {
        font-size: 16px;
        padding: 0;
    }

    body.itogi-body .itogi-donate__bank-aside {
        display: none;
    }

    body.itogi-body .itogi-donate__sms {
        max-width: 100%;
        gap: calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__sms-lead {
        font-size: 18px;
    }

    body.itogi-body .itogi-donate__sms-key {
        width: 100%;
        max-width: calc(320px * var(--itogi-hm));
        height: calc(72px * var(--itogi-hm));
        font-size: 28px;
    }

    body.itogi-body .itogi-donate__sms-cols {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: calc(16px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__sms-how {
        font-size: 17px;
        line-height: 1.35;
    }

    /* Success: столбик */
    body.itogi-body .itogi-donate__success-media {
        flex: none;
        width: 100%;
        max-width: calc(320px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__success-phone {
        width: 100%;
        border-radius: calc(24px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__success-copy {
        width: 100%;
        max-width: none;
        min-height: 0;
    }

    body.itogi-body .itogi-donate__success-title {
        margin-bottom: calc(16px * var(--itogi-hm));
        font-size: 28px;
        line-height: 1.1;
    }

    body.itogi-body .itogi-donate__success-text {
        gap: calc(12px * var(--itogi-hm));
        margin-bottom: 0;
    }

    body.itogi-body .itogi-donate__success-text p {
        font-size: 17px;
        line-height: 1.35;
    }

    body.itogi-body .itogi-donate__success-actions {
        flex-direction: column;
        align-items: stretch;
        gap: calc(16px * var(--itogi-hm));
        margin-top: calc(20px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__success-share {
        flex: none;
        width: 100%;
        max-width: 296px;
        height: auto;
        aspect-ratio: 296 / 65;
    }

    body.itogi-body .itogi-donate__success-share-img {
        width: 100%;
        height: 100%;
    }

    body.itogi-body .itogi-donate__success-share-link {
        width: 22%;
        height: 100%;
    }

    body.itogi-body .itogi-donate__success-share-link[data-itogi-share="telegram"] { left: 0 !important; }
    body.itogi-body .itogi-donate__success-share-link[data-itogi-share="ok"] { left: 26% !important; }
    body.itogi-body .itogi-donate__success-share-link[data-itogi-share="vk"] { left: 52% !important; }
    body.itogi-body .itogi-donate__success-share-link[data-itogi-share="copy"] { left: 78% !important; }

    /* Согласия — столбик */
    body.itogi-body .itogi-donate__consents {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: calc(12px * var(--itogi-hm));
    }

    body.itogi-body .itogi-donate__consent,
    body.itogi-body .itogi-donate__consent--wide,
    body.itogi-body .itogi-donate__consent--mail {
        width: 100%;
        min-width: 0;
        gap: 12px;
    }

    body.itogi-body .itogi-donate__consent-box {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
    }

    body.itogi-body .itogi-donate__consent-box > img {
        width: 16px;
        height: 15px;
    }

    body.itogi-body .itogi-donate__consent-text {
        font-size: 14px;
    }

    body.itogi-body .itogi-donate__progress,
    body.itogi-body .itogi-donate__bar {
        width: 100%;
        --itogi-track: 100%;
    }

    body.itogi-body .itogi-donate__raised {
        font-size: 24px;
    }

    body.itogi-body .itogi-donate__goal {
        font-size: 15px;
    }

    /* ——— Partners + footer (Mobile·402) ——— */
    body.itogi-body .itogi-partners {
        position: relative;
        width: 100%;
        height: auto;
        /* без ×hm: было ~91 + gap main 48 = 139 */
        margin: 0;
        padding: 0 var(--itogi-pad) 32px;
        box-sizing: border-box;
    }

    body.itogi-body .itogi-partners__title {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin: 0 0 calc(20px * var(--itogi-hm));
        font-weight: 500;
        font-size: 28px;
        text-align: center;
        white-space: normal;
    }

    /* Tablet — вертикальный стек: Совкомбанк, Строй-Альянс, mos.ru */
    body.itogi-body .itogi-partners__list {
        position: relative;
        left: auto;
        top: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: calc(48px * var(--itogi-hm));
        width: 100%;
        max-width: calc(334px * var(--itogi-hm));
        height: auto;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }

    body.itogi-body .itogi-partners__item {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body.itogi-body .itogi-partners__logo {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: none;
        object-fit: contain;
    }

    body.itogi-body .itogi-partners__logo--sovkom {
        width: calc(280px * var(--itogi-hm));
    }

    body.itogi-body .itogi-partners__logo--stroy {
        width: calc(207px * var(--itogi-hm));
    }

    body.itogi-body .itogi-partners__logo--mosru {
        width: calc(160px * var(--itogi-hm)); /* 240 / 1.5 */
    }

    body.itogi-body .itogi-foot {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 32px var(--itogi-pad) 160px;
        overflow: visible;
        background: #333;
        box-sizing: border-box;
    }

    body.itogi-body .itogi-foot__panel {
        display: none;
    }

    body.itogi-body .itogi-foot__logo,
    body.itogi-body .itogi-foot__tagline,
    body.itogi-body .itogi-foot__contacts,
    body.itogi-body .itogi-foot__legal,
    body.itogi-body .itogi-foot__copy,
    body.itogi-body .itogi-foot__socials,
    body.itogi-body .itogi-foot__socials-title,
    body.itogi-body .itogi-foot__subscribe {
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 100%;
        max-width: var(--itogi-col);
        margin: 0 0 16px;
    }

    body.itogi-body .itogi-foot__logo {
        width: 280px;
        height: auto;
    }

    body.itogi-body .itogi-foot__tagline,
    body.itogi-body .itogi-foot__contacts,
    body.itogi-body .itogi-foot__legal,
    body.itogi-body .itogi-foot__copy,
    body.itogi-body .itogi-foot__socials-title {
        font-size: 16px;
        line-height: 1.35;
    }

    body.itogi-body .itogi-foot__legal {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    body.itogi-body .itogi-foot__subscribe {
        height: auto;
        min-height: 0;
        padding: 24px 20px;
        border-radius: 20px;
        box-sizing: border-box;
    }

    body.itogi-body .itogi-foot__subscribe-lead {
        font-size: 18px;
        line-height: 1.3;
    }

    body.itogi-body .itogi-foot__email,
    body.itogi-body .itogi-foot__subscribe-btn {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.itogi-body .itogi-foot__email {
        height: 52px;
        font-size: 16px;
    }

    body.itogi-body .itogi-foot__subscribe-btn {
        height: 52px;
        margin-left: 0;
        font-size: 18px;
    }

    body.itogi-body .itogi-foot__subscribe-lead,
    body.itogi-body .itogi-foot__check,
    body.itogi-body .itogi-foot__check--mail {
        width: 100%;
        max-width: 100%;
    }

    body.itogi-body .itogi-foot__check {
        gap: 10px;
    }

    body.itogi-body .itogi-foot__check-box {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
    }

    body.itogi-body .itogi-foot__check-box img {
        width: 28px;
        height: 28px;
    }

    body.itogi-body .itogi-foot__check-text {
        font-size: 14px;
    }

    body.itogi-body .itogi-foot__socials {
        display: flex;
        gap: 12px;
    }

    /* Как mobile: сумма+цель в 1 строку · прогресс · CTA */
    body.itogi-body .itogi-foot__bar {
        display: flex;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        left: 0;
        transform: none;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 10px var(--itogi-pad);
        border-radius: 24px 24px 0 0;
    }

    body.itogi-body .itogi-foot__bar-sum {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
        column-gap: 12px;
        row-gap: 6px;
        width: 100%;
    }

    body.itogi-body .itogi-foot__bar-raised {
        margin: 0;
        flex: 0 0 auto;
        font-size: 20px;
        line-height: 1.1;
    }

    body.itogi-body .itogi-foot__bar-goal {
        margin: 0 0 0 auto;
        flex: 0 1 auto;
        min-width: 0;
        font-size: 13px;
        line-height: 1.2;
        white-space: nowrap;
        text-align: right;
    }

    body.itogi-body .itogi-foot__bar-progress {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        min-width: 0;
        --itogi-foot-track: 100%;
    }

    /* Figma 4068:2727 — белая пилюля, розовый текст */
    body.itogi-body a.itogi-foot__bar-cta {
        width: min(100%, 300px);
        height: 44px;
        margin: 0 auto;
        border: 0;
        border-radius: 80px;
        background: #fff;
        box-shadow: none;
        color: #fe4eca;
        font-weight: 700;
        font-size: 18px;
        line-height: 1;
    }

    body.itogi-body a.itogi-foot__bar-cta:hover {
        background: #fff;
        color: #e83eb8;
    }
}
