/* Главная (/ и /kz).
   Как Zero-блоки Tilda, макет масштабируется под ширину окна: размеры заданы в долях --u
   (десктоп — макет 1200 px, телефон и планшет — 320 px, масштаб не больше 1.6).
   Слайдер в первом экране, как в Tilda, не растёт шире макета: --uh = min(--u, 1px).
   Ширины текстов (--w / --wm) взяты из Tilda, чтобы строки переносились там же.
   Элементы-коллажи (картинки в карточках, тексты слайдов) стоят по координатам макета:
   .mp-pos + --x/--y/--pw/--ph (десктоп) и --xm/--ym/--pwm/--phm (телефон). */

.mp { --u: calc(var(--vw, 1vw) * 100 / 1200); --uh: min(var(--u), 1px); overflow-x: clip; color: #232323; }
.mp [style*="--w:"] { max-width: calc((var(--w) + 3) * var(--u)); } /* +3: в Tilda текст чуть шире поля */

.mp-pos { position: absolute; left: calc(var(--x) * var(--k, var(--u))); top: calc(var(--y) * var(--k, var(--u))); }
.mp-pos[style*="--pw:"] { width: calc(var(--pw) * var(--k, var(--u))); }
.mp-pos[style*="--ph:"] { height: calc(var(--ph) * var(--k, var(--u))); }
img.mp-pos { display: block; height: auto; }
img.mp-pos[style*="--ph:"] { object-fit: cover; }
.mp-tilt { transform: rotate(var(--rot, 0deg)); }

@media (min-width: 960px) { .mp-only-m { display: none !important; } }

.mp-h2 { margin: 0 auto; font-size: calc(50 * var(--u)); font-weight: 500; line-height: 1; letter-spacing: calc(-1.4 * var(--u)); text-align: center; }

.mp-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: calc(136 * var(--u)); height: calc(34 * var(--u)); border-radius: calc(10 * var(--u));
    font-size: calc(12 * var(--u)); line-height: 1.55; text-align: center;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.mp-btn--deep { background: #124645; color: #fff; font-weight: 500; }
.mp-btn--deep:hover { background: #fff; color: #124645; }
.mp-btn--green { background: #00e774; color: #fff; line-height: 1.15; }
.mp-btn--teal { background: var(--c-teal); color: #fff; line-height: 1.15; }
.mp-btn--green:hover, .mp-btn--teal:hover { background: #fff; color: var(--c-dark); }
.mp-btn--dark { background: var(--c-dark); color: #fff; }
.mp-btn--dark:hover { background: var(--c-green); }
.mp-btn--green-dark { background: var(--c-green); color: var(--c-dark); }
.mp-btn--green-dark:hover { background: var(--c-dark); color: #fff; }

/* светлые «листы» со скруглением на тёмном фоне страницы */
.mp-panel { background: var(--c-bg); border-radius: calc(40 * var(--u)); }
.mp-panel--top { padding: calc(80 * var(--u) + 80 * var(--uh)) 0 calc(180 * var(--u)); }
.mp-panel--mid { padding: calc(100 * var(--u)) 0 calc(40 * var(--u)); }

/* ---------- первый экран: слайдер (смена затуханием, как slick fade в Tilda) ---------- */
.mp-hero { height: calc(400 * var(--uh)); }
.mp-slider { position: relative; width: calc(1200 * var(--uh)); height: 100%; margin: 0 auto; }
.mp-slider .slider__view { position: absolute; left: calc(100 * var(--uh)); top: 0; width: calc(1000 * var(--uh)); height: 100%; touch-action: pan-y; }
.mp-slider .slider__track { display: grid; height: 100%; }
.mp-slider .slider__slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity 1s ease-in-out, visibility 0s 1s; }
.mp-slider .slider__slide.is-active { z-index: 1; opacity: 1; visibility: visible; transition: opacity 1s ease-in-out; }
.mp-slider__arrow {
    position: absolute; z-index: 2; top: calc(184 * var(--uh)); left: 0;
    width: calc(32 * var(--uh)); height: calc(32 * var(--uh)); padding: 0; border: 0; border-radius: 50%; cursor: pointer;
    background: #fff url('../img/chevron_left_bold.svg') center / 75% no-repeat;
    transition: background-color .2s ease-in-out;
}
.mp-slider__arrow--next { left: auto; right: 0; background-image: url('../img/chevron_right_bold.svg'); }
.mp-slider__arrow:hover { background-color: var(--c-teal); }

.mp-slide { --k: var(--uh); position: relative; overflow: hidden; border-radius: calc(20 * var(--uh)); background: var(--c-dark) center / cover no-repeat; color: #fff; }
.mp-slide__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mp-slide img { user-select: none; -webkit-user-drag: none; }
.mp-slide .mp-btn { border-radius: calc(10 * var(--uh)); font-size: calc(12 * var(--uh)); }
.mp-slide mark { color: inherit; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

.mp-slide--ofd { background-color: #74a5f4; border-radius: calc(15 * var(--uh)); color: #124645; }
.mp-slide--ofd .mp-slide__title { font-size: calc(36 * var(--uh)); font-weight: 700; line-height: 1.25; }
.mp-slide--ofd mark { padding: 0 calc(6 * var(--uh)); background: #fff; border-radius: calc(8 * var(--uh)); }
.mp-slide--ofd .mp-slide__sub { font-size: calc(24 * var(--uh)); font-weight: 500; line-height: 1; letter-spacing: calc(.5 * var(--uh)); }
.mp-slide--ofd strong { font-weight: 700; }

.mp-slide--fee { background-image: url('../img/6135-383-bg.svg'); }
.mp-slide--fee .mp-slide__title { font-size: calc(40 * var(--uh)); font-weight: 500; line-height: .9; letter-spacing: calc(-1.4 * var(--uh)); }
.mp-slide__for { font-size: calc(16 * var(--uh)); line-height: 1.25; letter-spacing: calc(-.6 * var(--uh)); white-space: nowrap; }
.mp-slide__for mark { background: var(--c-green); color: var(--c-dark); border-radius: calc(4 * var(--uh)); }
.mp-slide__deal {
    display: flex; justify-content: space-between; padding: calc(15 * var(--uh)) calc(16 * var(--uh));
    background: var(--c-green); border-radius: calc(15 * var(--uh)); color: #222;
    font-size: calc(16 * var(--uh)); line-height: 1.25; letter-spacing: calc(-.6 * var(--uh)); white-space: nowrap;
}
.mp-slide__deal strong { font-weight: 700; }
.mp-slide__deal span { text-align: right; }
.mp-slide__corner { border-radius: 0 calc(20 * var(--uh)) 0 0; }
.mp-slide--fee img.mp-only-d { border-radius: calc(15 * var(--uh)); }
.mp-slide--fee img.mp-only-m { border-radius: calc(8 * var(--uh)); }

.mp-slide--halyk .mp-slide__title { font-size: calc(40 * var(--uh)); font-weight: 500; line-height: 1.05; letter-spacing: calc(-1.4 * var(--uh)); }
.mp-slide__gift {
    display: flex; align-items: center; gap: calc(12 * var(--uh)); padding-left: calc(16 * var(--uh));
    border: calc(2 * var(--uh)) solid rgba(34, 34, 34, .2); border-radius: calc(12 * var(--uh)); background: rgba(255, 255, 255, .2);
    font-size: calc(32 * var(--uh)); line-height: 1.25; letter-spacing: calc(-.6 * var(--uh));
}
.mp-slide__gift img { flex: none; width: calc(60 * var(--uh)); height: auto; }
.mp-slide__gift span { transition: opacity .5s; }
.mp-slide__gift:hover span { opacity: .65; }
.mp-slide__price { display: flex; align-items: center; font-size: calc(52 * var(--uh)); line-height: 1.25; letter-spacing: calc(-.6 * var(--uh)); white-space: nowrap; }
.mp-slide__price strong { font-weight: 700; }
.mp-slide__price span { margin-left: calc(12 * var(--uh)); padding-left: calc(14 * var(--uh)); border-left: calc(2 * var(--uh)) solid rgba(255, 255, 255, .65); line-height: calc(64 * var(--uh)); }

.mp-slide--pos .mp-slide__title { font-size: calc(36 * var(--uh)); font-weight: 500; line-height: .9; letter-spacing: calc(-1.4 * var(--uh)); }
.mp-slide--pos .mp-slide__sub { font-size: calc(24 * var(--uh)); font-weight: 500; line-height: .9; letter-spacing: calc(-1.4 * var(--uh)); }
.mp-slide__license { font-size: calc(12 * var(--uh)); line-height: 1.3; opacity: .75; }

.mp-slide--promo .mp-slide__title { font-size: calc(52 * var(--uh)); font-weight: 500; line-height: .9; letter-spacing: calc(-1.4 * var(--uh)); }
.mp-slide--promo .mp-slide__sub { font-size: calc(14 * var(--uh)); line-height: 1.2; letter-spacing: calc(-.6 * var(--uh)); }
.mp-slide--promo .mp-slide__sub:not([style*="--pw:"]) { white-space: nowrap; }

/* ---------- сервисы для любого бизнеса ---------- */
.mp-svc { padding-top: calc(100 * var(--u)); }
.mp-svc .mp-h2 { line-height: .9; }
.mp-svc__grid { display: grid; grid-template-columns: 411fr 74fr 74fr 411fr; gap: calc(10 * var(--u)); width: calc(1000 * var(--u)); margin: calc(40 * var(--u)) auto 0; }
.mp-card {
    position: relative; overflow: hidden; height: calc(376 * var(--u)); padding: calc(24 * var(--u)) 0 calc(24 * var(--u)) calc(24 * var(--u));
    background: #fff center / cover no-repeat; border-radius: calc(20 * var(--u));
}
.mp-card > * { position: relative; }
.mp-card .mp-pos { position: absolute; }
.mp-card > .mp-chat { position: static; }
.mp-card__title { font-size: calc(24 * var(--u)); font-weight: 600; line-height: 1.55; letter-spacing: calc(-.6 * var(--u)); }
.mp-card__text { margin-top: calc(10 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.4; letter-spacing: calc(.1 * var(--u)); opacity: .7; }
.mp-card--logistics { grid-column: 1 / 3; }
.mp-card--shop { grid-column: 3 / 5; display: flex; flex-direction: column; justify-content: flex-end; background-image: url('../img/3565-646-Frame_110.webp'); color: #fff; }
.mp-card--retail { background: var(--c-dark) url('../img/3538-383-photo.webp') 43.905% 0 / 107.978% no-repeat; color: #fff; }
.mp-card--agro { grid-column: 2 / 5; }
.mp-card--beauty { grid-column: 1 / 4; background-image: url('../img/6634-663-Frame_2087325624.svg'); background-position: left top; }
.mp-card--food { grid-column: 4 / 5; }
.mp-card__phone { position: absolute !important; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.mp-card--beauty .mp-card__title, .mp-card--beauty .mp-card__text { z-index: 1; }
.mp-card .mp-pos[style*="--ph:"] { border-radius: calc(15 * var(--u)); }
.mp-card--agro img[src*="Frame_72"]:first-of-type { border-radius: calc(20 * var(--u)); }
.mp-card--food img { border-radius: calc(13 * var(--u)) !important; }

/* переписка в карточке «Логистика» */
.mp-bubble {
    margin: 0; padding: calc(30 * var(--u)) 0 0 calc(42 * var(--u)); background: url('../img/3261-303-Comment.webp') center / 100% 100% no-repeat;
    font-size: calc(12 * var(--u)); line-height: 1.55; letter-spacing: calc(-.2 * var(--u)); color: #000; white-space: nowrap;
}
.mp-bubble--2 { padding-top: calc(33 * var(--u)); background-image: url('../img/3938-363-Comment.webp'); }
.mp-avatar { border-radius: 50%; background: center / cover no-repeat; }
.mp-avatar--1 { background-image: url('../img/3665-343-photo.webp'); background-position: 76.923% 28.602%; background-size: 119.697%; }
.mp-avatar--2 { background-image: url('../img/3564-313-2.webp'); }

/* ---------- работайте с любого устройства ---------- */
.mp-dev { padding: calc(100 * var(--u)) 0 calc(110 * var(--u)); color: #fff; text-align: center; }
.mp-dev .mp-h2 { line-height: 1.1; }
.mp-dev__sub { margin: calc(10 * var(--u)) auto 0; font-size: calc(18 * var(--u)); line-height: 1.4; letter-spacing: calc(-.2 * var(--u)); color: rgba(255, 255, 255, .6); }
.mp-dev__visual { position: relative; width: calc(683 * var(--u)); height: calc(683 * var(--u)); margin: calc(28 * var(--u)) auto 0; }
.mp-dev__visual img { position: absolute; display: block; height: auto; }
.mp-dev__ring--3 { left: 0; top: 0; width: 100%; animation: mp-ring-a 5s linear infinite; }
.mp-dev__ring--2 { left: calc(102 * var(--u)); top: calc(102 * var(--u)); width: calc(479 * var(--u)); animation: mp-ring-b 5s linear infinite; }
.mp-dev__ring--1 { left: calc(160 * var(--u)); top: calc(160 * var(--u)); width: calc(362 * var(--u)); }
.mp-dev__phone { left: calc(212 * var(--u)); top: calc(80 * var(--u)); width: calc(258 * var(--u)); }
/* кольца вокруг телефона «дышат» по кругу, как пошаговая анимация Tilda */
@keyframes mp-ring-a { 0% { opacity: 0; } 60% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mp-ring-b { 0% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .mp-dev__ring--3, .mp-dev__ring--2 { animation: none; } }

.mp-dev__stores { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(10 * var(--u)); width: calc(1000 * var(--u)); margin: calc(80 * var(--u)) auto 0; }
.mp-store { position: relative; height: calc(134 * var(--u)); padding-top: calc(23 * var(--u)); background: rgba(255, 255, 255, .1); border-radius: calc(20 * var(--u)); }
.mp-store__icon { position: absolute; left: 50%; top: calc(-22 * var(--u)); width: calc(45 * var(--u)); height: calc(45 * var(--u)); margin-left: calc(-22.5 * var(--u)); border-radius: 50%; box-shadow: 0 3px 20px rgba(0, 0, 0, .2); }
.mp-store__name { font-size: calc(24 * var(--u)); font-weight: 600; line-height: 1.55; }
.mp-store__btn {
    display: inline-flex; align-items: center; justify-content: center; height: calc(34 * var(--u)); margin-top: calc(15 * var(--u)); padding: 0 calc(15 * var(--u));
    background: #2a5958; border-radius: calc(10 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.55;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.mp-store__btn:hover { background: #fff; color: #2a5958; }

/* ---------- функциональные возможности ---------- */
.mp-fn .mp-h2 { line-height: .9; }
.mp-fn__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(9.33 * var(--u)); width: calc(1000 * var(--u)); margin: calc(40 * var(--u)) auto 0; }
.mp-fn__card { height: calc(292 * var(--u)); padding: calc(24 * var(--u)) 0 0 calc(24 * var(--u)); background: var(--c-dark) center / cover no-repeat; border-radius: calc(20 * var(--u)); color: #fff; }
.mp-fn__card--1 { background-image: url('../img/3836-623-Frame_2087325628-min.webp'); }
.mp-fn__card--2 { background-image: url('../img/6230-306-Frame_2087325628-min.webp'); }
.mp-fn__card--3 { background-image: url('../img/3366-323-Frame_2087325628-min.webp'); }
.mp-fn__card--4 { background-image: url('../img/3566-636-Frame_1350.webp'); }
.mp-fn__title { font-size: calc(24 * var(--u)); font-weight: 600; line-height: 1; }
.mp-fn__text { margin-top: calc(20 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.2; opacity: .7; }

/* ---------- POS-терминалы ---------- */
.mp-posb { padding-top: calc(100 * var(--u)); }
.mp-posb__card { position: relative; width: calc(1000 * var(--u)); height: calc(156 * var(--u)); margin: 0 auto; padding: calc(32 * var(--u)) calc(24 * var(--u)); background: #fff; border-radius: calc(20 * var(--u)); }
.mp-posb__title { font-size: calc(24 * var(--u)); font-weight: 600; line-height: 1.55; letter-spacing: calc(-.6 * var(--u)); }
.mp-posb__text { margin-top: calc(10 * var(--u)); font-size: calc(18 * var(--u)); line-height: 1.2; letter-spacing: calc(-.2 * var(--u)); opacity: .6; }

/* ---------- баннер ОФД ---------- */
.mp-ofdb { padding-top: calc(130 * var(--u)); }
.mp-ofdb__card {
    width: calc(1000 * var(--u)); height: calc(427 * var(--u)); margin: 0 auto; padding: calc(34 * var(--u)) 0 0 calc(59 * var(--u));
    background: var(--c-teal) url('../img/6564-383-_2-min.webp') center / cover no-repeat; border-radius: calc(15 * var(--u)); color: #fff;
}
.mp-ofdb__title { font-size: calc(36 * var(--u)); font-weight: 700; line-height: 1.25; }
.mp-ofdb__title mark { display: inline-block; margin-left: calc(-6 * var(--u)); padding: 0 calc(6 * var(--u)); background: #124645; border-radius: calc(8 * var(--u)); color: inherit; }
.mp-ofdb__lead { margin-top: calc(20 * var(--u)); font-size: calc(24 * var(--u)); font-weight: 500; line-height: 1; letter-spacing: calc(.5 * var(--u)); }
.mp-ofdb__list { display: flex; flex-direction: column; gap: calc(8.5 * var(--u)); margin-top: calc(15 * var(--u)); padding-left: calc(15 * var(--u)); }
.mp-ofdb__list li { display: flex; align-items: flex-start; gap: calc(5 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.1; }
.mp-ofdb__list li { color: rgba(255, 255, 255, .7); }
.mp-ofdb__list li::before {
    content: ''; flex: none; width: calc(11 * var(--u)); height: calc(11 * var(--u)); margin-top: calc(1 * var(--u));
    background: url('../img/6630-393-photo.svg') center / contain no-repeat; transition: transform .5s;
}
.mp-ofdb__list li:hover::before { transform: rotate(90deg); }
.mp-ofdb .mp-btn { margin-top: calc(48 * var(--u)); }

/* ---------- работаем на максимум ---------- */
.mp-stats { padding-top: calc(181 * var(--u)); }
.mp-stats__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(10 * var(--u)); width: calc(1000 * var(--u)); margin: calc(50 * var(--u)) auto 0; }
.mp-stat { position: relative; overflow: hidden; height: calc(230 * var(--u)); padding: calc(24 * var(--u)); background: center / cover no-repeat; border-radius: calc(20 * var(--u)); color: #fff; }
.mp-stat > p { position: relative; }
.mp-stat--reg { background-color: #fff; background-image: url('../img/3230-653-Frame_2087325616.webp'); color: #000; }
.mp-stat--users { background-color: var(--c-orange); background-image: url('../img/3235-343-Group_2087325380.webp'); background-position: 11.434% 38.608%; background-size: 109.756%; }
.mp-stat--checks { background-color: #821dff; background-image: url('../img/3065-313-Frame_2087325623.webp'); }
.mp-stat__reg { font-size: calc(24 * var(--u)); font-weight: 500; line-height: 1; letter-spacing: calc(-.4 * var(--u)); }
.mp-stat__num { font-size: calc(50 * var(--u)); font-weight: 700; line-height: 1; white-space: nowrap; }
.mp-stat__label { font-size: calc(18 * var(--u)); line-height: 1; }
.mp-stat__face { border-radius: 50%; background: var(--img) center / cover no-repeat; }

/* ---------- баннер приложения ---------- */
.mp-promo {
    width: calc(1000 * var(--u)); height: calc(375 * var(--u)); margin: calc(20 * var(--u)) auto 0; padding: calc(33 * var(--u)) 0 0 calc(52 * var(--u));
    background: var(--c-blue) url('../img/6365-316-Frame_2087325630.svg') left top / cover no-repeat; border-radius: calc(20 * var(--u)); color: #fff;
}
.mp-promo__logo { width: calc(149 * var(--u)); height: auto; }
.mp-promo__text { margin: calc(13 * var(--u)) 0 0 1px; font-size: calc(20 * var(--u)); font-weight: 600; line-height: 1; }
.mp-promo__logo + .mp-promo__text { margin-top: calc(20 * var(--u)); }
.mp-promo__badges { display: flex; gap: calc(6 * var(--u)); margin: calc(44 * var(--u)) 0 0 1px; }
.mp-promo__badges a { display: block; width: calc(110 * var(--u)); height: calc(32 * var(--u)); background: #fff; border-radius: calc(5 * var(--u)); transition: opacity .2s; }
.mp-promo__badges a:hover { opacity: .85; }
.mp-promo__badges img { width: 100%; height: 100%; }

/* ---------- нам доверяют: бегущая лента логотипов ---------- */
.mp-trust { padding: calc(105 * var(--u)) 0 calc(83 * var(--u)); color: #fff; }
.mp-trust .mp-h2 { line-height: .9; }
.mp-logos {
    --gap: 44; --dur: 14s;
    overflow: hidden; margin-top: calc(95 * var(--u));
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 calc(200 * var(--u)), #000 calc(100% - 200 * var(--u)), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 calc(200 * var(--u)), #000 calc(100% - 200 * var(--u)), transparent);
}
/* три одинаковых набора: лента сдвигается ровно на один набор (1041 ед., моб. 795, как в Tilda) — шов не виден */
.mp-logos__track { display: flex; width: max-content; margin-left: calc(43 * var(--u)); animation: mp-marquee var(--dur) linear infinite; }
.mp-logos__set { display: flex; align-items: center; gap: calc(var(--gap) * var(--u)); padding-right: calc(var(--gap) * var(--u)); }
.mp-logos__set img { width: calc(var(--lw) * var(--u)); height: calc(40 * var(--u)); object-fit: contain; }
@keyframes mp-marquee { to { transform: translateX(calc(-100% / 3)); } }
@media (prefers-reduced-motion: reduce) { .mp-logos__track { animation: none; } }

/* ---------- бесплатная навсегда ---------- */
.mp-free { padding-top: calc(100 * var(--u)); color: #fff; text-align: center; }
.mp-free__card {
    display: flex; flex-direction: column; align-items: center;
    width: calc(1000 * var(--u)); height: calc(382 * var(--u)); margin: 0 auto; padding-top: calc(36 * var(--u));
    background: #821dff url('../img/3937-373-Frame_2087325624.svg') center / cover no-repeat; border-radius: calc(15 * var(--u));
}
.mp-free__icon { width: calc(67 * var(--u)); height: calc(67 * var(--u)); border-radius: calc(16 * var(--u)); }
.mp-free__title { margin-top: calc(20 * var(--u)); font-size: calc(50 * var(--u)); font-weight: 500; line-height: 1; letter-spacing: calc(-1.4 * var(--u)); }
.mp-free__text { margin-top: calc(20 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.1; opacity: .7; }
.mp-free .mp-btn { margin-top: calc(20 * var(--u)); }

/* ---------- как начать: картинка слева «прилипает», пока листаются шаги ---------- */
.mp-steps { width: calc(1000 * var(--u)); margin: 0 auto; padding: calc(101 * var(--u)) 0 calc(1 * var(--u)); color: #fff; }
.mp-steps .mp-h2 { margin: 0; text-align: left; }
.mp-steps__body { display: grid; grid-template-columns: 494fr 491fr; gap: calc(15 * var(--u)); margin-top: calc(-10 * var(--u)); }
.mp-steps__img { position: sticky; top: calc(var(--header-h) + 20px); width: 100%; height: auto; border-radius: calc(20 * var(--u)); }
.mp-steps__list { display: grid; align-content: start; gap: calc(15 * var(--u)); margin: 0; padding: calc(86 * var(--u)) 0 0; list-style: none; }
.mp-step { min-height: calc(215 * var(--u)); padding: calc(32 * var(--u)) calc(32 * var(--u)) 0; background: rgba(255, 255, 255, .11); border-radius: calc(20 * var(--u)); }
.mp-step--1 { min-height: calc(283 * var(--u)); }
.mp-step__num {
    display: inline-flex; align-items: center; height: calc(25 * var(--u)); margin-left: 1px; padding: 0 calc(13 * var(--u));
    border: 1px solid rgba(255, 255, 255, .38); border-radius: calc(12.5 * var(--u)); background: rgba(255, 255, 255, .07);
    font-size: calc(12 * var(--u)); color: rgba(255, 255, 255, .53);
}
.mp-step__title { margin-top: calc(20 * var(--u)); font-size: calc(24 * var(--u)); font-weight: 600; line-height: 1; }
.mp-step__text { margin-top: calc(20 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.1; }
.mp-step .mp-btn { margin-top: calc(30 * var(--u)); }

/* ---------- частые вопросы ---------- */
.mp-faq { padding: calc(100 * var(--u)) 0 calc(4 * var(--u)); color: #fff; }
.mp-faq__list { width: calc(1000 * var(--u)); margin: calc(41 * var(--u)) auto 0; }
.mp-faq .qa summary { padding: calc(17 * var(--u)) 0; font-size: calc(24 * var(--u)); line-height: 1.35; }
.mp-faq .qa__icon { width: calc(40 * var(--u)); height: calc(40 * var(--u)); }
.mp-faq .qa__a { padding: calc(10 * var(--u)) calc(110 * var(--u)) calc(35 * var(--u)) 0; font-size: calc(12 * var(--u)); color: rgba(255, 255, 255, .56); }
.mp-faq .qa__a p + p, .mp-faq .qa__a ol + p, .mp-faq .qa__a p + ol { margin-top: 1.55em; }
.mp-faq .qa__a ol { margin: 0; padding-left: 1.5em; }
.mp-faq .qa__a a { text-decoration: underline; }


/* ---------- /kz: в Tilda свой макет — без отступа над слайдером, без баннера ОФД, тексты в карточках выше ---------- */
.mp--kz .mp-panel--top { padding: calc(80 * var(--u)) 0 calc(100 * var(--u)); }
.mp--kz .mp-card { padding-top: calc(9 * var(--u)); }
.mp--kz .mp-card--shop { padding-top: 0; }
.mp--kz .mp-fn__text { margin-top: calc(15 * var(--u)); }
.mp--kz .mp-stats { padding-top: calc(150 * var(--u)); }
.mp--kz .mp-card--shop { background-image: url('/kz/assets/img/3730-613-App_Icon_iPhone_3003.webp'); }
.mp--kz .mp-card--retail { background-image: url('/kz/assets/img/6365-303-__.webp'); background-position: 50% 0; background-size: 106.649%; }
.mp--kz .mp-avatar--1 { background-image: url('/kz/assets/img/3736-653-_.webp'); }
.mp--kz .mp-avatar--2 { background-image: url('/kz/assets/img/3962-366-_.webp'); }
.mp--kz .mp-fn__card--1 { background-image: url('../img/6665-343-Frame_2087325628-min.webp'); }
.mp--kz .mp-fn__card--2 { background-image: url('/kz/assets/img/3639-663-_-min_2.webp'); }
.mp--kz .mp-fn__card--3 { background-image: url('/kz/assets/img/3364-356--min.webp'); }
.mp--kz .mp-fn__card--4 { background-image: url('/kz/assets/img/3564-633--min.webp'); }
.mp-slide__price--text { display: block; font-size: calc(40 * var(--uh)); font-weight: 700; line-height: 1.1; white-space: normal; }
.mp--kz .mp-slide__deal span { white-space: normal; }

/* ---------- планшет и телефон: мобильный макет Tilda (320 px), масштаб не больше 1.6 ---------- */
@media (max-width: 959px) {
    .mp { --u: min(calc(var(--vw, 1vw) * 100 / 320), 1.6px); --uh: var(--u); }
    .mp [style*="--wm:"] { max-width: calc((var(--wm) + 1) * var(--u)); }
    .mp-pos { left: calc(var(--xm, var(--x)) * var(--k, var(--u))); top: calc(var(--ym, var(--y)) * var(--k, var(--u))); }
    .mp-pos[style*="--pwm:"] { width: calc(var(--pwm) * var(--k, var(--u))); }
    .mp-pos[style*="--phm:"] { height: calc(var(--phm) * var(--k, var(--u))); }
    .mp-tilt { transform: rotate(var(--rotm, var(--rot, 0deg))); }
    .mp-only-d { display: none !important; }

    .mp-h2 { font-size: calc(20 * var(--u)); letter-spacing: calc(-.5 * var(--u)); }
    .mp-btn { width: calc(123 * var(--u)); height: calc(27 * var(--u)); border-radius: calc(7 * var(--u)); font-size: calc(10 * var(--u)); }

    .mp-panel { border-radius: calc(30 * var(--u)); }
    .mp-panel--top { padding: calc(70 * var(--u)) 0 calc(59 * var(--u)); }
    .mp-panel--mid { padding: calc(52 * var(--u)) 0 calc(40 * var(--u)); border-radius: calc(23 * var(--u)); }

    .mp-hero { height: calc(360 * var(--u)); }
    .mp-slider { width: calc(320 * var(--u)); }
    .mp-slider .slider__view { left: calc(15 * var(--u)); width: calc(290 * var(--u)); }
    .mp-slider__arrow { top: calc(168 * var(--u)); width: calc(24 * var(--u)); height: calc(24 * var(--u)); }
    .mp-slide { border-radius: calc(12 * var(--u)); }
    .mp-slide .mp-btn { border-radius: calc(4 * var(--u)); font-size: calc(12 * var(--u)); }
    .mp-slide--ofd { border-radius: calc(8 * var(--u)); }
    .mp-slide--ofd .mp-slide__title { font-size: calc(20 * var(--u)); letter-spacing: calc(-.5 * var(--u)); text-align: center; }
    .mp-slide--ofd mark { padding: 0 calc(3 * var(--u)); border-radius: calc(4 * var(--u)); }
    .mp-slide--ofd .mp-slide__sub { font-size: calc(14 * var(--u)); letter-spacing: calc(-.5 * var(--u)); text-align: center; }
    .mp-slide--ofd .mp-btn { border-radius: calc(7 * var(--u)); font-size: calc(10 * var(--u)); }
    .mp-slide--fee { background-position: 29.344% 0; background-size: 310.345%; }
    .mp-slide--fee .mp-slide__title { font-size: calc(20 * var(--u)); line-height: 1.05; letter-spacing: calc(-.5 * var(--u)); text-align: center; }
    .mp-slide__for { font-size: calc(9 * var(--u)); letter-spacing: calc(-.1 * var(--u)); text-align: center; }
    .mp-slide__for mark { border-radius: calc(2 * var(--u)); }
    .mp-slide__deal { padding: calc(12 * var(--u)) calc(16 * var(--u)); border-radius: calc(8 * var(--u)); font-size: calc(10 * var(--u)); line-height: 1.15; }
    .mp-slide__deal span { font-size: calc(9 * var(--u)); }
    .mp-slide--halyk .mp-slide__title { font-size: calc(24 * var(--u)); letter-spacing: calc(-.5 * var(--u)); text-align: center; }
    .mp-slide__gift { gap: calc(8 * var(--u)); padding-left: calc(19 * var(--u)); border-radius: calc(8 * var(--u)); font-size: calc(16 * var(--u)); line-height: 1.15; letter-spacing: calc(-.1 * var(--u)); text-align: center; }
    .mp-slide__gift img { width: calc(40 * var(--u)); }
    .mp-slide__gift span { width: calc(114 * var(--u)); }
    .mp-slide__price { font-size: calc(24 * var(--u)); line-height: 1.15; }
    .mp-slide__price span { margin-left: calc(8 * var(--u)); padding-left: calc(8 * var(--u)); line-height: calc(24 * var(--u)); }
    .mp-slide--pos .mp-slide__title { font-size: calc(18 * var(--u)); letter-spacing: calc(-.5 * var(--u)); text-align: right; }
    .mp-slide--pos .mp-slide__sub { font-size: calc(14 * var(--u)); letter-spacing: calc(-.5 * var(--u)); text-align: right; white-space: nowrap; }
    .mp-slide__license { font-size: calc(8 * var(--u)); letter-spacing: calc(-.5 * var(--u)); text-align: right; }
    .mp-slide--promo .mp-slide__title { font-size: calc(24 * var(--u)); letter-spacing: calc(-.5 * var(--u)); text-align: center; white-space: nowrap; }
    .mp-slide--promo .mp-slide__sub { font-size: calc(12 * var(--u)); line-height: 1.15; text-align: center; white-space: normal !important; }

    .mp-svc { padding-top: calc(40 * var(--u)); }
    .mp-svc__grid { grid-template-columns: 1fr; width: calc(290 * var(--u)); margin-top: calc(21 * var(--u)); }
    .mp-card { grid-column: auto !important; height: calc(var(--hm) * var(--u)); padding: calc(13 * var(--u)) 0 calc(13 * var(--u)) calc(13 * var(--u)); border-radius: calc(15 * var(--u)); }
    .mp-card__title { font-size: calc(14 * var(--u)); line-height: 1; }
    .mp-card__text { font-size: calc(9 * var(--u)); }
    .mp-card--logistics { --hm: 150; }
    .mp-card--shop { --hm: 201; }
    .mp-card--agro { --hm: 150; order: 1; border-radius: calc(10 * var(--u)); }
    .mp-card--retail { --hm: 180; order: 2; background: var(--c-dark) url('../img/3934-623-88.webp') center / cover no-repeat; }
    .mp-card--beauty { --hm: 180; order: 3; }
    .mp-card--food { --hm: 200; order: 4; background-image: url('../img/6166-363-66.webp'); }
    .mp-card .mp-pos[style*="--ph:"] { border-radius: calc(10 * var(--u)); }
    .mp-card__phone { inset: auto; left: calc(64 * var(--u)); top: calc(23 * var(--u)); width: calc(225 * var(--u)); height: calc(157 * var(--u)); object-position: 99.808% 0; border-radius: calc(15 * var(--u)); }
    .mp-bubble { padding: calc(14 * var(--u)) 0 0 calc(21 * var(--u)); font-size: calc(8 * var(--u)); }

    .mp-dev { padding: calc(37 * var(--u)) 0 calc(38 * var(--u)); }
    .mp-dev .mp-h2 { line-height: 1; }
    .mp-dev__sub { font-size: calc(10 * var(--u)); }
    .mp-dev__visual { width: calc(341 * var(--u)); height: calc(341 * var(--u)); margin-top: calc(10 * var(--u)); }
    .mp-dev__ring--2 { left: calc(42 * var(--u)); top: calc(42 * var(--u)); width: calc(256 * var(--u)); }
    .mp-dev__ring--1 { left: calc(74 * var(--u)); top: calc(74 * var(--u)); width: calc(193 * var(--u)); }
    .mp-dev__phone { left: calc(102 * var(--u)); top: calc(28 * var(--u)); width: calc(137 * var(--u)); }
    .mp-dev__stores { grid-template-columns: 1fr 1fr; gap: calc(5 * var(--u)); width: calc(290 * var(--u)); margin-top: calc(40 * var(--u)); }
    .mp-store { height: calc(80 * var(--u)); padding-top: calc(14 * var(--u)); border-radius: calc(15 * var(--u)); }
    .mp-store__icon { top: calc(-17 * var(--u)); width: calc(28 * var(--u)); height: calc(28 * var(--u)); margin-left: calc(-14 * var(--u)); }
    .mp-store__name { font-size: calc(14 * var(--u)); }
    .mp-store__btn { height: calc(22 * var(--u)); margin-top: calc(6 * var(--u)); padding: 0 calc(15 * var(--u)); border-radius: calc(5 * var(--u)); font-size: calc(10 * var(--u)); }

    .mp-fn .mp-h2 { line-height: .9; }
    .mp-fn__grid { grid-template-columns: 1fr 1fr; gap: calc(9 * var(--u)) calc(5 * var(--u)); width: calc(290 * var(--u)); margin-top: calc(26 * var(--u)); }
    .mp-fn__card { height: calc(174 * var(--u)); padding: calc(13 * var(--u)) 0 0 calc(13 * var(--u)); border-radius: calc(15 * var(--u)); }
    .mp-fn__card--2 { background-position: 38.323% 6.5%; background-size: 108.282%; }
    .mp-fn__card--3 { background-image: url('../img/6362-343-Frame_1349_1.webp'); background-position: 9.208% 26.81%; background-size: 103.774%; }
    .mp-fn__card--4 { background-image: url('../img/3366-653-photo.webp'); background-position: 0 27.966%; background-size: 100%; }
    .mp-fn__title { font-size: calc(14 * var(--u)); }
    .mp-fn__text { margin-top: calc(8 * var(--u)); font-size: calc(9 * var(--u)); }

    .mp-posb { padding-top: calc(61 * var(--u)); }
    .mp-posb__card { width: calc(290 * var(--u)); height: calc(136 * var(--u)); padding: calc(17 * var(--u)) calc(23 * var(--u)) 0; border-radius: calc(15 * var(--u)); text-align: center; }
    .mp-posb__title { margin: 0 auto; font-size: calc(14 * var(--u)); }
    .mp-posb__text { margin: calc(5 * var(--u)) auto 0; font-size: calc(9 * var(--u)); }

    .mp-ofdb { padding-top: calc(50 * var(--u)); }
    .mp-ofdb__card { width: calc(290 * var(--u)); height: calc(520 * var(--u)); padding: calc(25 * var(--u)) 0 0 calc(10 * var(--u)); background-image: url('../img/3466-333-_3-min.webp'); background-position: 52.868% 99.918%; background-size: 143.565%; border-radius: calc(16 * var(--u)); }
    .mp-ofdb__title { font-size: calc(20 * var(--u)); letter-spacing: calc(-.5 * var(--u)); }
    .mp-ofdb__title mark { margin-left: calc(-3 * var(--u)); padding: 0 calc(3 * var(--u)); border-radius: calc(4 * var(--u)); }
    .mp-ofdb__lead { margin-top: calc(16 * var(--u)); font-size: calc(14 * var(--u)); letter-spacing: calc(-.5 * var(--u)); }
    .mp-ofdb__list { flex-direction: column-reverse; gap: calc(10 * var(--u)); margin-top: calc(10 * var(--u)); padding-left: calc(9 * var(--u)); }
    .mp-ofdb__list li { font-size: calc(10 * var(--u)); }
    .mp-ofdb__list li::before { width: calc(10 * var(--u)); height: calc(10 * var(--u)); }
    .mp-ofdb .mp-btn { margin: calc(20 * var(--u)) 0 0 calc(71 * var(--u)); }

    .mp-stats { padding-top: calc(41 * var(--u)); }
    .mp-stats__grid { grid-template-columns: 1fr 1fr; gap: calc(5 * var(--u)); width: calc(290 * var(--u)); margin-top: calc(16 * var(--u)); }
    .mp-stat { height: calc(123 * var(--u)); padding: calc(10 * var(--u)) calc(13 * var(--u)); border-radius: calc(15 * var(--u)); }
    .mp-stat__num { font-size: calc(20 * var(--u)); }
    .mp-stat__label { margin-top: calc(3 * var(--u)); font-size: calc(11 * var(--u)); }

    .mp-promo { width: calc(290 * var(--u)); height: calc(110 * var(--u)); margin-top: calc(10 * var(--u)); padding: calc(9 * var(--u)) 0 0 calc(15 * var(--u)); border-radius: calc(15 * var(--u)); }
    .mp-promo__logo { width: calc(43 * var(--u)); }
    .mp-promo__text, .mp-promo__logo + .mp-promo__text { margin: calc(5 * var(--u)) 0 0 calc(2 * var(--u)); font-size: calc(9 * var(--u)); }
    .mp-promo__badges { gap: calc(5 * var(--u)); margin: calc(7 * var(--u)) 0 0 calc(3 * var(--u)); }
    .mp-promo__badges a { width: calc(32 * var(--u)); height: calc(10 * var(--u)); border-radius: calc(2 * var(--u)); }

    .mp-trust { padding: calc(54 * var(--u)) 0 calc(26 * var(--u)); }
    .mp-logos { --gap: 34.67; margin-top: calc(47 * var(--u)); }
    .mp-logos__track { margin-left: 0; }
    .mp-logos__set img { width: calc(var(--lwm) * var(--u)); height: calc(30 * var(--u)); }

    .mp-free { padding-top: 0; }
    .mp-free__card { width: calc(290 * var(--u)); height: calc(240 * var(--u)); padding-top: calc(20 * var(--u)); }
    .mp-free__icon { width: calc(35 * var(--u)); height: calc(35 * var(--u)); border-radius: calc(9 * var(--u)); }
    .mp-free__title { margin-top: calc(13 * var(--u)); font-size: calc(20 * var(--u)); letter-spacing: calc(-.5 * var(--u)); }
    .mp-free__text { margin-top: calc(11 * var(--u)); font-size: calc(11 * var(--u)); }
    .mp-free .mp-btn { margin-top: calc(11 * var(--u)); border-radius: calc(6 * var(--u)); font-size: calc(11 * var(--u)); }

    .mp-steps { width: calc(290 * var(--u)); padding: calc(50 * var(--u)) 0 calc(30 * var(--u)); }
    .mp-steps .mp-h2 { margin: 0 auto; text-align: center; }
    .mp-steps__body { display: block; margin-top: calc(21 * var(--u)); }
    .mp-steps__list { gap: calc(10 * var(--u)); padding: 0; }
    .mp-step { min-height: calc(130 * var(--u)); padding: calc(15 * var(--u)) calc(13 * var(--u)) 0; border-radius: calc(15 * var(--u)); }
    .mp-step--1 { min-height: calc(194 * var(--u)); background: url('../img/6161-366-Frame_2087325620.webp') center / cover no-repeat, rgba(255, 255, 255, .11); }
    .mp-step__num { height: calc(20 * var(--u)); margin-left: 0; padding: 0 calc(6 * var(--u)); border-radius: calc(10 * var(--u)); font-size: calc(10 * var(--u)); }
    .mp-step__title { margin-top: calc(16 * var(--u)); font-size: calc(12 * var(--u)); }
    .mp-step__text { margin-top: calc(15 * var(--u)); font-size: calc(10 * var(--u)); line-height: 1.2; }
    .mp-step .mp-btn { margin-top: calc(11 * var(--u)); }

    .mp-faq { padding: calc(40 * var(--u)) 0 calc(4 * var(--u)); }
    .mp-faq__list { width: calc(290 * var(--u)); margin-top: calc(20 * var(--u)); }
    .mp-faq .qa summary { padding: calc(14 * var(--u)) 0; font-size: calc(13 * var(--u)); }
    .mp-faq .qa__icon { width: calc(32 * var(--u)); height: calc(32 * var(--u)); }
    .mp-faq .qa__a { padding: 0 0 calc(20 * var(--u)); font-size: calc(9.5 * var(--u)); }

    .mp--kz .mp-card--retail { background-image: url('/kz/assets/img/6535-376-_.webp'); background-position: center; background-size: cover; }
    .mp--kz .mp-card--food { background-image: url('/kz/assets/img/6163-666-Frame_115.webp'); }
    .mp--kz .mp-fn__card--3 { background-image: url('../img/6362-343-Frame_1349_1.webp'); }
    .mp--kz .mp-fn__card--4 { background-image: url('/kz/assets/img/3839-613-photo.webp'); }
    .mp--kz .mp-panel--top { padding: calc(40 * var(--u)) 0 calc(19 * var(--u)); }
    .mp--kz .mp-card { padding-top: calc(7 * var(--u)); }
    .mp--kz .mp-card__title { line-height: 1.55; }
    .mp--kz .mp-card__text { margin-top: calc(8 * var(--u)); }
    .mp--kz .mp-card--retail { padding-top: calc(11 * var(--u)); }
    .mp--kz .mp-card--retail .mp-card__title, .mp--kz .mp-card--shop .mp-card__title { line-height: 1; }
    .mp--kz .mp-card--shop { padding-top: 0; }
    .mp--kz .mp-fn__text { margin-top: calc(15 * var(--u)); }
    .mp--kz .mp-stats { padding-top: calc(50 * var(--u)); }
    .mp-slide__price--text { font-size: calc(24 * var(--u)); line-height: 1.15; text-align: center; }
    .mp--kz .mp-slide__deal span { font-size: calc(10 * var(--u)); }
    .mp--kz .mp-steps { padding-bottom: calc(35 * var(--u)); }
    .mp--kz .mp-steps .mp-h2 { margin: 0 calc(-15 * var(--u)); max-width: none; }
}