/* /itogi/: mobile ≤767 — первый блок (шапка + хиро + прогресс + CTA)
   1:1 с Figma Mobile · 402, scale = 100vw / 402.
   768–991 — itogi-tablet-2026.css. ≥992 — desktop.
   Откат: снять link в doroga_itogi/header.php. */

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

    body.itogi-body {
        /* overflow-x на body ломает sticky/fixed-scroll — клип только у секций */
        --itogi-m: calc(100vw / 402px);
        --itogi-pad: calc(16px * var(--itogi-m));
        --itogi-col: calc(370px * var(--itogi-m));
        --itogi-hm: var(--itogi-m);
        --itogi-header-h: calc(66px * var(--itogi-m));
    }

    body.itogi-body .itogi-artboard {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0;
        transform: none;
        overflow: visible;
        padding-top: 0;
    }

    /* ——— Header 00 · 401×66 — в потоке, без sticky/fixed ——— */
    body.itogi-body .itogi-header {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        z-index: 50;
        width: 100%;
        height: var(--itogi-header-h);
        margin: 0;
        background: #fff;
        pointer-events: auto;
    }

    body.itogi-body .itogi-header__logo {
        left: calc(15px * var(--itogi-m));
        top: calc(18px * var(--itogi-m));
        width: calc(120px * var(--itogi-m));
        height: calc(36px * var(--itogi-m));
    }

    body.itogi-body .itogi-header__logo-img {
        width: calc(120px * var(--itogi-m));
        height: calc(36px * var(--itogi-m));
    }

    body.itogi-body .itogi-header__tagline {
        position: absolute;
        left: calc(138px * var(--itogi-m));
        /* центр по вордмарку лого 36px (как tablet) */
        top: calc(18px * var(--itogi-m) + 36px * var(--itogi-m) * ((13.6 + 29.2) / 2) / 53);
        transform: translateY(-50%);
        max-width: calc(88px * var(--itogi-m));
        margin: 0;
        font-size: calc(6px * var(--itogi-m));
        line-height: 1;
        white-space: normal;
    }

    body.itogi-body .itogi-header__badge {
        left: auto;
        right: calc(72px * var(--itogi-m));
        transform: none;
        top: calc(16px * var(--itogi-m));
        width: calc(100px * var(--itogi-m));
        height: calc(33px * var(--itogi-m));
    }

    body.itogi-body .itogi-header__bar {
        position: static;
        width: auto;
        height: auto;
    }

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

    body.itogi-body .itogi-header__burger {
        display: inline-flex;
        position: absolute;
        right: calc(16px * var(--itogi-m));
        top: calc(12px * var(--itogi-m));
        z-index: 3;
        align-items: center;
        justify-content: center;
        width: calc(40px * var(--itogi-m));
        height: calc(40px * var(--itogi-m));
        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: calc(2px * var(--itogi-m));
        width: calc(18px * var(--itogi-m));
    }

    body.itogi-body .itogi-header__burger-icon span {
        display: block;
        width: 100%;
        height: calc(2px * var(--itogi-m));
        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(calc(4px * var(--itogi-m))) 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(calc(-4px * var(--itogi-m))) rotate(-45deg);
    }

    body.itogi-body .itogi-header__nav {
        position: absolute;
        left: auto;
        right: calc(16px * var(--itogi-m));
        top: calc(56px * var(--itogi-m));
        z-index: 60;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: calc(12px * var(--itogi-m));
        width: max-content;
        max-width: calc(100vw - var(--itogi-pad) * 2);
        padding: calc(16px * var(--itogi-m));
        box-sizing: border-box;
        border: 1px solid #fe4eca;
        border-radius: calc(16px * var(--itogi-m));
        background: #fff;
    }

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

    body.itogi-body .itogi-header__nav-link {
        position: static;
        display: block;
        width: 100%;
        font-weight: 600;
        font-size: calc(16px * var(--itogi-m));
        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 01 · зелёная сцена 370×193 ——— */
    body.itogi-body .itogi-hero,
    body.itogi-body .itogi-hero.is-capsule-open {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        margin: 0;
        padding: calc(4px * var(--itogi-m)) 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));
    }

    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: calc(12px * var(--itogi-hm));
        font-weight: 500;
        white-space: nowrap;
    }

    body.itogi-body .itogi-hero__line2 {
        left: calc(112 / 370 * 100%);
        top: calc(103 / 193 * 100%);
        font-size: calc(12px * var(--itogi-hm));
        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: calc(10px * var(--itogi-hm));
        font-weight: 500;
        white-space: nowrap;
    }

    body.itogi-body .itogi-hero__progress {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        margin: calc(16px * var(--itogi-hm)) auto 0;
    }

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

    body.itogi-body .itogi-hero__progress-sum {
        font-size: calc(20px * var(--itogi-hm));
    }

    body.itogi-body .itogi-hero__progress-goal {
        font-size: calc(13px * var(--itogi-hm));
        padding-bottom: 0;
        text-align: right;
    }

    body.itogi-body .itogi-hero__progress-track {
        --itogi-knob: calc(11px * var(--itogi-hm));
        --itogi-rail-h: calc(7px * var(--itogi-hm));
        --itogi-track: 100%;
        width: 100%;
    }

    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;
    }

    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(12px * var(--itogi-hm)) auto 0;
        font-size: calc(18px * var(--itogi-hm));
        line-height: 1;
        border-radius: 80px;
    }

    /* Ниже первого блока — не наезжать на хиро, пока нет своей мобилки */
    body.itogi-body .itogi-hero__lead,
    body.itogi-body .itogi-hero__subhead,
    body.itogi-body .itogi-capsules,
    body.itogi-body .itogi-capsule-detail {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    body.itogi-body .itogi-hero__lead {
        margin-top: calc(20px * var(--itogi-m));
        font-size: calc(14px * var(--itogi-m));
        line-height: 1.35;
    }

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

    body.itogi-body .itogi-hero__subhead {
        margin-top: calc(12px * var(--itogi-m));
        font-weight: 500;
        font-size: calc(22px * var(--itogi-m));
        line-height: 1.1;
        text-align: left;
    }

    /* Карусель капсул — Figma 3935:1242 / capsule_card 118×118, text 11 @12/12 w94, r16, gap 8 */
    body.itogi-body .itogi-capsules {
        width: 100vw;
        max-width: none;
        margin: calc(16px * var(--itogi-m)) 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: calc(8px * var(--itogi-m));
    }

    body.itogi-body .itogi-capsules__item,
    body.itogi-body .itogi-capsules__card {
        flex: 0 0 calc(118px * var(--itogi-m));
        width: calc(118px * var(--itogi-m));
        height: calc(118px * var(--itogi-m));
        border-radius: calc(16px * var(--itogi-m));
    }

    body.itogi-body .itogi-capsules__card > img,
    body.itogi-body .itogi-capsules__card-art {
        width: calc(118px * var(--itogi-m));
        height: calc(118px * var(--itogi-m));
    }

    body.itogi-body .itogi-capsules__card-text,
    body.itogi-body .itogi-capsules__item--shnurki .itogi-capsules__card-text,
    body.itogi-body .itogi-capsules__item--fonarik .itogi-capsules__card-text {
        left: calc(12px * var(--itogi-m));
        top: calc(12px * var(--itogi-m));
        width: calc(94px * var(--itogi-m));
        font-size: calc(11px * var(--itogi-m));
        line-height: normal;
    }

    body.itogi-body .itogi-capsules__viewport {
        height: calc(126px * var(--itogi-m)); /* 118 + запас под hover */
    }

    /* Раскрытие капсулы — столбик под каруселью (desktop absolute ломал height:0) */
    body.itogi-body .itogi-capsule-detail {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: var(--itogi-col);
        height: auto;
        margin: calc(16px * var(--itogi-m)) auto 0;
        pointer-events: auto;
    }

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

    body.itogi-body .itogi-capsule-detail__title {
        width: 100%;
        font-size: calc(22px * var(--itogi-m));
        line-height: 1.15;
    }

    body.itogi-body .itogi-capsule-detail__text {
        width: 100%;
        font-size: calc(14px * var(--itogi-m));
        line-height: 1.35;
    }

    body.itogi-body a.itogi-capsule-detail__cta {
        width: calc(200px * var(--itogi-m));
        height: calc(55px * var(--itogi-m));
        font-size: calc(18px * var(--itogi-m));
        line-height: 1;
    }

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

    body.itogi-body .itogi-capsule-detail__visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: calc(24px * var(--itogi-m));
    }

    /* ——— Wait: тот же столбик, scale 100vw/402 ——— */
    body.itogi-body .itogi-wait {
        position: relative;
        width: 100%;
        height: auto;
        margin: calc(40px * var(--itogi-m)) auto 0;
        padding: 0 var(--itogi-pad);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(16px * var(--itogi-m));
    }

    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: calc(22px * var(--itogi-m));
        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-m));
        padding: calc(24px * var(--itogi-m));
        border-radius: calc(24px * var(--itogi-m));
    }

    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: calc(14px * var(--itogi-m));
        line-height: 1.5;
        letter-spacing: 0.27px;
    }

    body.itogi-body .itogi-wait__dark-accent {
        font-weight: 500;
        font-size: calc(26px * var(--itogi-m));
        line-height: 1.1;
    }

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

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

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

    body.itogi-body .itogi-wait__green-text {
        font-size: calc(16px * var(--itogi-m));
        line-height: 1.5;
    }

    body.itogi-body .itogi-wait__green-accent {
        font-weight: 500;
        font-size: calc(28px * var(--itogi-m));
        line-height: 1.1;
    }

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

    /* ——— Route ——— */
    body.itogi-body .itogi-route {
        position: relative;
        width: 100%;
        height: auto;
        margin: calc(40px * var(--itogi-m)) 0 0;
        padding: calc(24px * var(--itogi-m)) var(--itogi-pad) calc(40px * var(--itogi-m));
        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-m));
        color: #fff;
        font-weight: 500;
        font-size: calc(22px * var(--itogi-m));
        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-m));
    }

    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-m));
        align-items: center;
        border-radius: calc(16px * var(--itogi-m));
        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-m)) 0 0 calc(16px * var(--itogi-m));
        width: auto;
        height: auto;
    }

    body.itogi-body .itogi-route__num img {
        height: calc(54px * var(--itogi-m));
        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-m)) calc(16px * var(--itogi-m)) 0 0;
        font-size: calc(16px * var(--itogi-m));
        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: calc(20px * var(--itogi-m));
    }

    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-m)) calc(16px * var(--itogi-m)) calc(16px * var(--itogi-m));
        font-size: calc(15px * var(--itogi-m));
        line-height: calc(21px * var(--itogi-m));
        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-m)) !important;
        border-radius: 0 0 calc(16px * var(--itogi-m)) calc(16px * var(--itogi-m));
        z-index: 0;
    }

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

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

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

    /* ——— Voices ——— */
    body.itogi-body .itogi-voices {
        position: relative;
        width: 100%;
        height: auto;
        margin: calc(40px * var(--itogi-m)) 0 0;
        padding: 0 0 calc(8px * var(--itogi-m));
        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-m));
        padding: 0 var(--itogi-pad);
        box-sizing: border-box;
        font-weight: 500;
        font-size: calc(20px * var(--itogi-m));
        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(20px * var(--itogi-m)) 0;
        box-sizing: content-box;
    }

    body.itogi-body .itogi-voices__track {
        height: auto;
        align-items: stretch; /* равная высота card-face */
        gap: calc(12px * var(--itogi-m));
        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(218px * var(--itogi-m));
        width: calc(218px * var(--itogi-m));
        height: auto;
        border-radius: calc(16px * var(--itogi-m));
        clip-path: inset(0 round calc(16px * var(--itogi-m)));
        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-m));
    }

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

    body.itogi-body .itogi-voices__play {
        left: 50%;
        top: calc(216px * var(--itogi-m));
        width: calc(31px * var(--itogi-m));
        height: calc(31px * var(--itogi-m));
        transform: translateX(-50%);
    }

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

    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(230px * var(--itogi-m));
        width: 100%;
    }

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

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

    body.itogi-body .itogi-voices__quote {
        font-size: calc(13px * var(--itogi-m));
        line-height: 1.25;
    }

    body.itogi-body .itogi-voices__name {
        font-size: calc(13px * var(--itogi-m));
    }

    body.itogi-body .itogi-voices__role {
        font-size: calc(11px * var(--itogi-m));
    }

    body.itogi-body a.itogi-voices__cta {
        position: relative;
        left: auto;
        top: auto;
        display: flex;
        width: calc(300px * var(--itogi-m));
        max-width: calc(100% - var(--itogi-pad) * 2);
        height: calc(56px * var(--itogi-m));
        margin: calc(20px * var(--itogi-m)) auto 0;
        font-size: calc(20px * var(--itogi-m));
        line-height: 1;
    }
    /* ——— Stats: карточки pink/green, не фоновая ячейка сетки ——— */
    body.itogi-body .itogi-stats {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: calc(20px * var(--itogi-m));
        width: 100%;
        height: auto;
        margin: calc(40px * var(--itogi-m)) 0 0;
        padding: 0 var(--itogi-pad) calc(28px * var(--itogi-m));
        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-m));
        row-gap: calc(16px * var(--itogi-m));
        width: 100%;
        box-sizing: border-box;
        padding: calc(40px * var(--itogi-m)) calc(32px * var(--itogi-m)) calc(36px * var(--itogi-m));
        border-radius: calc(40px * var(--itogi-m));
    }

    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: calc(22px * var(--itogi-m));
        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: calc(16px * var(--itogi-m));
        line-height: 1.3;
        text-align: center;
    }

    body.itogi-body .itogi-stats__num--18238 {
        justify-self: center;
        width: min(100%, calc(280px * var(--itogi-m)));
        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: calc(16px * var(--itogi-m));
        line-height: 1.3;
        text-align: center;
    }

    body.itogi-body a.itogi-stats__cta {
        display: flex;
        width: min(100%, calc(300px * var(--itogi-m)));
        height: calc(56px * var(--itogi-m));
        margin: calc(8px * var(--itogi-m)) auto;
        font-size: calc(20px * var(--itogi-m));
        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-m));
        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: calc(12px * var(--itogi-m));
        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-m)) 0 0;
        padding: 0 0 calc(24px * var(--itogi-m));
        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-m));
        padding: 0 var(--itogi-pad);
        box-sizing: border-box;
        font-weight: 500;
        font-size: calc(20px * var(--itogi-m));
        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-m)) 0 calc(28px * var(--itogi-m));
        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-m));
    }

    body.itogi-body .itogi-gift__card {
        display: flex;
        flex-direction: column;
        flex: 0 0 calc(186px * var(--itogi-m));
        width: calc(186px * var(--itogi-m));
        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-m));
        border-radius: calc(16px * var(--itogi-m)) calc(16px * var(--itogi-m)) 0 0;
    }

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

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

    body.itogi-body .itogi-gift__name {
        font-size: calc(16px * var(--itogi-m));
    }

    body.itogi-body .itogi-gift__desc {
        font-size: calc(13px * var(--itogi-m));
    }

    body.itogi-body .itogi-gift__price {
        font-size: calc(16px * var(--itogi-m));
    }

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

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

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

    body.itogi-body .itogi-gift__other-lead {
        flex: none;
        max-width: none;
        width: 100%;
        font-size: calc(16px * var(--itogi-m));
        line-height: 1.3;
    }

    body.itogi-body .itogi-gift__other-controls {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: calc(10px * var(--itogi-m));
        width: 100%;
    }

    body.itogi-body .itogi-gift__other-field {
        width: 100%;
        max-width: calc(300px * var(--itogi-m));
        margin: 0 auto;
    }

    body.itogi-body .itogi-gift__other-input {
        width: 100%;
        height: calc(48px * var(--itogi-m));
        padding: 0 calc(16px * var(--itogi-m));
        border-radius: calc(40px * var(--itogi-m));
        font-size: calc(15px * var(--itogi-m));
        box-sizing: border-box;
    }

    body.itogi-body .itogi-gift__other-btn {
        flex: none;
        width: 100%;
        max-width: calc(300px * var(--itogi-m));
        height: calc(48px * var(--itogi-m));
        margin: 0 auto;
        font-size: calc(18px * var(--itogi-m));
    }

    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: calc(36px * var(--itogi-m));
        letter-spacing: 0;
    }

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

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

    body.itogi-body .itogi-donate__sums {
        width: 100%;
        gap: calc(12px * var(--itogi-m));
    }

    /* desktop panel gap 40 — на phone как между инпутами */
    body.itogi-body .itogi-donate__panel[data-method-panel="site"] {
        gap: calc(12px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__sums-row {
        flex-wrap: wrap;
        padding: 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-m));
    }

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

    body.itogi-body .itogi-donate__method {
        font-size: calc(18px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__sum {
        font-size: calc(22px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__fields {
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        gap: calc(12px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__field {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.itogi-body .itogi-donate__field .itogi-donate__input {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

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

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

    /* Банки — горизонтальные табы (как .form-donate-banks > .tabs ≤991) */
    body.itogi-body .itogi-donate__bank-list {
        flex: none;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: calc(8px * var(--itogi-m));
        width: 100%;
    }

    body.itogi-body .itogi-donate__bank {
        width: auto;
        flex: 0 0 auto;
        min-height: calc(40px * var(--itogi-m));
        padding: calc(8px * var(--itogi-m)) calc(14px * var(--itogi-m));
        border-width: 2px;
        font-size: calc(14px * var(--itogi-m));
        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: calc(14px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__bank-links {
        gap: calc(12px * var(--itogi-m)) calc(16px * var(--itogi-m));
        margin-top: calc(16px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__bank-links a {
        font-size: calc(13px * var(--itogi-m));
    }

    /* История — только desktop/tablet; на mobile скрыта */
    body.itogi-body .itogi-donate__story {
        display: none;
    }

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

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

    body.itogi-body .itogi-donate__sms-lead {
        font-size: calc(18px * var(--itogi-m));
    }

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

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

    body.itogi-body .itogi-donate__sms-how {
        font-size: calc(16px * var(--itogi-m));
        line-height: 1.35;
    }

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

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

    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-m));
        font-size: calc(28px * var(--itogi-m));
        line-height: 1.1;
    }

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

    body.itogi-body .itogi-donate__success-text p {
        font-size: calc(16px * var(--itogi-m));
        line-height: 1.35;
    }

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

    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-m));
    }

    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: calc(12px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__consent-box {
        flex-basis: calc(36px * var(--itogi-m));
        width: calc(36px * var(--itogi-m));
        height: calc(36px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__consent-text {
        font-size: calc(12px * var(--itogi-m));
    }

    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: calc(22px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__goal {
        font-size: calc(13px * var(--itogi-m));
    }


    /* ——— Partners + footer (Mobile·402) ——— */
    body.itogi-body .itogi-partners {
        position: relative;
        width: 100%;
        height: auto;
        margin: calc(48px * var(--itogi-m)) 0 0;
        padding: 0 var(--itogi-pad) calc(32px * var(--itogi-m));
        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-m));
        font-weight: 500;
        font-size: calc(22px * var(--itogi-m));
        text-align: center;
        white-space: normal;
    }

    /* Mobile·402 — вертикальный стек: Совкомбанк, Строй-Альянс, 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-m));
        width: 100%;
        max-width: calc(334px * var(--itogi-m));
        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-m));
    }

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

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

    /* Mobile·402 Figma 4090:4230 «10 · Footer» + sticky 4089:4225 (171) */
    body.itogi-body .itogi-foot {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        /* низ: место под fixed sticky-бар 171 */
        padding: calc(20px * var(--itogi-m)) var(--itogi-pad) calc(187px * var(--itogi-m));
        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 calc(16px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__logo {
        width: calc(325px * var(--itogi-m));
        height: auto;
        margin-bottom: calc(16px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__tagline {
        margin-bottom: calc(16px * var(--itogi-m));
        font-size: calc(12px * var(--itogi-m));
        line-height: 1.5;
        color: #fff;
    }

    body.itogi-body .itogi-foot__contacts {
        margin-bottom: calc(24px * var(--itogi-m));
        font-size: calc(12px * var(--itogi-m));
        line-height: normal;
        color: #b3b3b3; /* подписи; org / a / value — #fff из itogi.css */
    }

    body.itogi-body .itogi-foot__subscribe {
        height: auto;
        min-height: 0;
        margin-bottom: calc(24px * var(--itogi-m));
        padding: calc(20px * var(--itogi-m)) calc(16px * var(--itogi-m));
        border-radius: calc(16px * var(--itogi-m));
        box-sizing: border-box;
        background: #b3b3b3;
    }

    body.itogi-body .itogi-foot__subscribe-lead {
        font-size: calc(20px * var(--itogi-m));
        line-height: normal;
        color: #333;
    }

    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: calc(55px * var(--itogi-m));
        font-size: calc(20px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__subscribe-btn {
        height: calc(66px * var(--itogi-m));
        margin-left: 0;
        font-size: calc(24px * var(--itogi-m));
    }

    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: calc(10px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__check-box {
        flex-basis: calc(44px * var(--itogi-m));
        width: calc(44px * var(--itogi-m));
        height: calc(44px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__check-box img {
        width: calc(44px * var(--itogi-m));
        height: calc(44px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__check-text {
        font-size: calc(14px * var(--itogi-m));
        color: #333;
    }

    body.itogi-body .itogi-foot__socials-title {
        margin-bottom: calc(12px * var(--itogi-m));
        font-size: calc(13px * var(--itogi-m));
        line-height: normal;
        white-space: normal;
        color: #fff;
    }

    body.itogi-body .itogi-foot__socials {
        display: flex;
        align-items: center;
        gap: calc(12px * var(--itogi-m));
        width: auto;
        max-width: var(--itogi-col);
        height: auto;
        margin-bottom: calc(32px * var(--itogi-m));
    }

    body.itogi-body a.itogi-foot__social {
        flex: 0 0 calc(51px * var(--itogi-m));
        width: calc(51px * var(--itogi-m));
        height: calc(51px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__social svg {
        width: calc(51px * var(--itogi-m));
        height: calc(51px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__legal {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-bottom: calc(14px * var(--itogi-m));
        font-size: calc(12px * var(--itogi-m));
    }

    body.itogi-body .itogi-foot__legal a {
        font-size: calc(12px * var(--itogi-m));
        line-height: 1.8;
        color: #b3b3b3;
    }

    body.itogi-body .itogi-foot__copy {
        margin-bottom: 0;
        height: auto;
        font-size: calc(14px * var(--itogi-m));
        line-height: normal;
        white-space: normal;
        color: #b3b3b3;
    }

    /* Sticky: сумма+цель в 1 строку · прогресс · CTA */
    body.itogi-body .itogi-foot__bar {
        display: flex;
        width: 100%;
        max-width: 100%;
        height: auto;
        /* без min-height 171: иначе снизу пусто больше, чем сверху */
        min-height: 0;
        left: 0;
        transform: none;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: calc(8px * var(--itogi-m));
        padding: calc(10px * var(--itogi-m)) var(--itogi-pad);
        border-radius: calc(24px * var(--itogi-m)) calc(24px * var(--itogi-m)) 0 0;
    }

    body.itogi-body .itogi-foot__bar-sum {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
        column-gap: calc(10px * var(--itogi-m));
        row-gap: calc(6px * var(--itogi-m));
        width: 100%;
    }

    body.itogi-body .itogi-foot__bar-raised {
        margin: 0;
        flex: 0 0 auto;
        font-size: calc(20px * var(--itogi-m));
        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: calc(12px * var(--itogi-m));
        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%;
        --itogi-foot-knob: calc(12px * var(--itogi-m));
        --itogi-foot-rail-h: calc(8px * var(--itogi-m));
    }

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

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

    /* Форма доната: плотнее, в колонку 370 */
    body.itogi-body .itogi-donate {
        width: calc(100% - var(--itogi-pad) * 2);
        margin-top: calc(24px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__flow {
        gap: calc(16px * var(--itogi-m));
        padding: calc(20px * var(--itogi-m)) calc(16px * var(--itogi-m));
        border-radius: calc(28px * var(--itogi-m));
        min-width: 0;
        max-width: 100%;
    }

    body.itogi-body .itogi-donate__title {
        font-size: calc(26px * var(--itogi-m));
        line-height: 1.15;
    }

    body.itogi-body .itogi-donate__period-btn {
        height: calc(44px * var(--itogi-m));
        font-size: calc(14px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__methods {
        flex-wrap: wrap;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        gap: calc(8px * var(--itogi-m)) calc(10px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__method {
        flex: 0 0 auto;
        height: calc(40px * var(--itogi-m));
        padding: 0 calc(12px * var(--itogi-m));
        border-width: 2px;
        font-size: calc(15px * var(--itogi-m));
    }

    body.itogi-body .itogi-donate__sums-row {
        flex-wrap: wrap;
        align-items: center;
        gap: calc(10px * var(--itogi-m)) calc(12px * var(--itogi-m));
        padding: calc(4px * var(--itogi-m)) 0;
    }

    /* desktop height 62 + узкий текст → круг; нужна горизонтальная пилюля */
    body.itogi-body .itogi-donate__sum {
        height: calc(40px * var(--itogi-m));
        padding: 0 calc(14px * var(--itogi-m));
        font-size: calc(18px * var(--itogi-m));
        line-height: 1;
    }

    body.itogi-body .itogi-donate__sum.is-active::before {
        inset: 0;
        border-width: 2px;
        border-radius: 80px;
    }

    body.itogi-body .itogi-donate__input,
    body.itogi-body .itogi-donate__custom-input {
        height: calc(48px * var(--itogi-m));
        padding: 0 calc(16px * var(--itogi-m));
        font-size: calc(16px * var(--itogi-m));
    }
}