/* mt.exchange — стили шаблона.
   Каркас 1440 с полями 64px из макета; на странице одна «рабочая» область в тёмной рамке
   (калькулятор или форма), всё остальное на тихих границах. */

/* Запасной шрифт с метриками Inter: пока Inter грузится, текст занимает столько же места, и страница не «прыгает» при подмене */
@font-face{font-family:"Inter Fallback";font-style:normal;font-weight:400 500;src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";font-style:normal;font-weight:600 700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Liberation Sans Bold");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("inter-cyrillic-ext.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("inter-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Токены размеров: шрифты --fs-* (12…52), отступы --sp-* (сетка 4/8 px), скругления --r-sm/md/lg/xl/pill, точки перелома 420 / 700 / 860 / 1180 (и 1360 только для шапки). */
/* Цвета. Палитра по умолчанию — «патина»: бумага и графит, один фирменный тон и один тёплый.
   Первая версия («пастель», как в макете Figma) лежит в palette-pastel.css и включается в template/helpers.php → mt_cfg('palette').
   Тоны карточек: tone-1 основной, tone-2 самый светлый, tone-3 насыщенный, tone-4…6 тёплые — для того, что требует внимания. */
:root{
  --bg:#f2f4f3;
  --surface:#ffffff;
  --raised:#f0f3f2;
  --field-bg:#ffffff;
  --ink:#172022;
  --ink-2:#4a5b5d;
  --accent:#24625e;
  --strong:#172022;
  --btn:#1f5d59;
  --btn-ink:#ffffff;
  --btn-hover:#174b48;
  --dark:#172022;
  --dark-2:#222d2f;
  --dark-line:#313f41;
  --panel-line:transparent;
  --footer:#172022;
  --on-dark:#b9cdca;
  --on-dark-2:#879a98;
  --on-dark-strong:#d6e5e1;
  --line:#dde3e2;
  --field:#b4c1bf;
  --field-line:#7d8e8c;
  --placeholder:#65787a;
  --ok-strong:#14573a;
  --muted:#869594;
  --tone-1:#d0e1dc;
  --tone-1-hover:#c2d7d1;
  --tone-2:#dde8e5;
  --tone-3:#bdd5ce;
  --tone-4:#e8e6f0;
  --tone-5:#e1e8f0;
  --tone-6:#ebe6ee;
  --danger:#a8321f;
  --danger-bg:#f9e6e2;
  --danger-line:#e3b8b0;
  --ok:#1c6846;
  --ok-bg:#dcefe4;
  --warn:#3a4547;
  --warn-dot:#d9980a;
  --warn-bg:#fff3c9;
  --ico-tint:rgba(23,32,34,.08);
  --shadow:rgba(23,32,34,.25);
  --glow:rgba(36,98,94,.2);
  --img-dim:none;
  color-scheme:light;
  --font:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --gutter:64px;
  --r-xl:28px; --r-lg:20px; --r-md:12px;
  --r-sm:8px; --r-pill:100px;
  --sp-4:4px; --sp-8:8px; --sp-12:12px; --sp-16:16px; --sp-20:20px; --sp-24:24px; --sp-28:28px; --sp-32:32px; --sp-36:36px; --sp-40:40px; --sp-48:48px; --sp-64:64px;
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px; --fs-20:20px; --fs-22:22px; --fs-24:24px; --fs-28:28px; --fs-32:32px; --fs-36:36px; --fs-44:44px; --fs-52:52px;
}
:root[data-theme="dark"]{
  --bg:#0f1414;
  --surface:#171d1d;
  --raised:#1f2727;
  --field-bg:#111616;
  --ink:#e8eeed;
  --ink-2:#a3b3b1;
  --accent:#84c2ba;
  --strong:#e8eeed;
  --btn:#86c5bd;
  --btn-ink:#0c1b1a;
  --btn-hover:#9bd3cb;
  --dark:#1c2424;
  --dark-2:#273231;
  --dark-line:#334240;
  --panel-line:#283231;
  --footer:#0a0e0e;
  --on-dark:#b9cdca;
  --on-dark-2:#879a98;
  --on-dark-strong:#d6e5e1;
  --line:#283231;
  --field:#3a4846;
  --field-line:#5f716f;
  --placeholder:#8a9b99;
  --ok-strong:#8fd3ac;
  --muted:#6d7f7d;
  --tone-1:#203432;
  --tone-1-hover:#273e3c;
  --tone-2:#1c2b2a;
  --tone-3:#254240;
  --tone-4:#25232d;
  --tone-5:#202a34;
  --tone-6:#2b2530;
  --danger:#f2a99d;
  --danger-bg:#3a1c18;
  --danger-line:#6b352d;
  --ok:#8fd3ac;
  --ok-bg:#17332a;
  --warn:#f0d77a;
  --warn-dot:#f0c040;
  --warn-bg:#2b2e36;
  --ico-tint:rgba(255,255,255,.08);
  --shadow:rgba(0,0,0,.6);
  --glow:rgba(132,194,186,.24);
  --img-dim:brightness(.82) saturate(.9);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
:root:not([data-theme]){
  --bg:#0f1414;
  --surface:#171d1d;
  --raised:#1f2727;
  --field-bg:#111616;
  --ink:#e8eeed;
  --ink-2:#a3b3b1;
  --accent:#84c2ba;
  --strong:#e8eeed;
  --btn:#86c5bd;
  --btn-ink:#0c1b1a;
  --btn-hover:#9bd3cb;
  --dark:#1c2424;
  --dark-2:#273231;
  --dark-line:#334240;
  --panel-line:#283231;
  --footer:#0a0e0e;
  --on-dark:#b9cdca;
  --on-dark-2:#879a98;
  --on-dark-strong:#d6e5e1;
  --line:#283231;
  --field:#3a4846;
  --field-line:#5f716f;
  --placeholder:#8a9b99;
  --ok-strong:#8fd3ac;
  --muted:#6d7f7d;
  --tone-1:#203432;
  --tone-1-hover:#273e3c;
  --tone-2:#1c2b2a;
  --tone-3:#254240;
  --tone-4:#25232d;
  --tone-5:#202a34;
  --tone-6:#2b2530;
  --danger:#f2a99d;
  --danger-bg:#3a1c18;
  --danger-line:#6b352d;
  --ok:#8fd3ac;
  --ok-bg:#17332a;
  --warn:#f0d77a;
  --warn-dot:#f0c040;
  --warn-bg:#2b2e36;
  --ico-tint:rgba(255,255,255,.08);
  --shadow:rgba(0,0,0,.6);
  --glow:rgba(132,194,186,.24);
  --img-dim:brightness(.82) saturate(.9);
  color-scheme:dark;
}
}

*{box-sizing:border-box}
.skip{position:absolute;left:12px;top:-120px;z-index:200;padding:var(--sp-12) var(--sp-20);border-radius:var(--r-md);background:var(--strong);color:var(--bg);font-weight:600;text-decoration:none;transition:top .15s}
.skip:focus{top:12px}
main:focus{outline:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-14);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
/* Фон сайта (включается настройкой mt_cfg('background'): glow, haze, hex; атрибут data-bg на html). Статичный, без анимации. */
html[data-bg]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
html[data-bg="glow"]::before{background:radial-gradient(60% 48% at 12% -4%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(52% 42% at 92% 6%,var(--tone-3),transparent 72%),radial-gradient(45% 38% at 55% 100%,var(--tone-2),transparent 75%);opacity:.9}
html[data-bg="haze"]::before{background:radial-gradient(100% 58% at 50% -12%,color-mix(in srgb,var(--tone-3) 85%,transparent),transparent 72%),linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--tone-2) 70%,transparent) 100%)}
html[data-bg="hex"]::before{background:var(--line);opacity:.8;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100' fill='none' stroke='black' stroke-width='1.1'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100'/%3E%3Cpath d='M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34'/%3E%3C/svg%3E"),radial-gradient(110% 80% at 50% 0,#000 0,transparent 72%);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100' fill='none' stroke='black' stroke-width='1.1'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100'/%3E%3Cpath d='M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34'/%3E%3C/svg%3E"),radial-gradient(110% 80% at 50% 0,#000 0,transparent 72%);-webkit-mask-size:56px 100px,100% 100%;mask-size:56px 100px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3{text-wrap:balance;letter-spacing:-0.01em}
p,li,dd,small{text-wrap:pretty}
a{color:inherit}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.ico{width:1em;height:1em;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-0.125em}
:focus-visible{outline:2px solid var(--strong);outline-offset:2px;border-radius:var(--r-sm)}
.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.page{flex:1;display:flex;flex-direction:column}
.stack{display:flex;flex-direction:column;gap:var(--sp-16)}
.mb{margin-bottom:var(--sp-12)}
.mt{margin-top:var(--sp-24)}

/* ---------- header ---------- */
.hdr{position:relative;z-index:40}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-24);height:96px}
.brand{display:flex;align-items:center;color:var(--ink);flex:none;text-decoration:none}
.brand svg{width:94px;height:52px;display:block}
.nav{display:flex;gap:var(--sp-28);font-weight:500}
.nav a{text-decoration:none;color:var(--ink);padding-block:var(--sp-8);border-bottom:2px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--accent)}
.nav a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}
.hdr-side{display:flex;align-items:center;gap:var(--sp-20)}
/* Статус оператора: боковая плашка у правого края, видна на всех страницах; подробности — по наведению или касанию */
.op-island{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-4) var(--sp-12);border-radius:var(--r-lg) 0 0 var(--r-lg);background:#172022;color:#fff;box-shadow:0 8px 24px -8px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08);cursor:default;-webkit-tap-highlight-color:transparent}
.op-island .op-text{display:block}
.op-island .op-text b{display:block;writing-mode:vertical-rl;font-size:var(--fs-13);letter-spacing:.02em;white-space:nowrap}
.op-island .op-text small{position:absolute;right:calc(100% + var(--sp-8));top:50%;transform:translate(8px,-50%);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;background:#172022;color:#e4ebe9;padding:var(--sp-8) var(--sp-12);border-radius:var(--r-md);box-shadow:0 8px 24px -8px rgba(0,0,0,.4);transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}
.op-island:hover .op-text small,.op-island.open .op-text small{opacity:1;visibility:visible;transform:translate(0,-50%);transition:opacity .15s ease,transform .15s ease}
@media (max-width:700px){.op-island{top:auto;bottom:calc(var(--mbar-h,0px) + 96px);transform:none;padding:var(--sp-8) var(--sp-4)}.op-island .op-text b{font-size:var(--fs-12)}}
@media print{.op-island{display:none}}
:root[data-theme="dark"] .op-island,:root[data-theme="dark"] .op-island .op-text small{background:#26343a}
:root[data-theme="dark"] .op-island{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 8px 24px -8px rgba(0,0,0,.6)}

.op-ind{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;gap:var(--sp-4);background:#3a4446;color:#e7c873;font-size:var(--fs-16)}
.op-island.on .op-ind{background:#1f7f58;color:#fff}
.op-ind i{display:block;width:3px;border-radius:2px;background:#fff;height:15px;transform:scaleY(.35);animation:op-eq 1.1s ease-in-out infinite}
.op-ind i:nth-child(2){animation-delay:-.45s}
.op-ind i:nth-child(3){animation-delay:-.8s}
.op-ind i:nth-child(4){animation-delay:-.2s}
@keyframes op-eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.op-text{display:inline-flex;align-items:baseline;gap:var(--sp-12);min-width:0}
.op-text b{font-size:var(--fs-14);font-weight:600}
.op-text small{font-size:var(--fs-13);font-weight:500;color:#b9c4c2;overflow:hidden;text-overflow:ellipsis}
.lang{display:flex;gap:0;font-size:var(--fs-14);font-weight:500;text-transform:uppercase}
.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;padding:0 var(--sp-8);color:var(--ink-2);border-radius:var(--r-md);text-decoration:none}
.lang a[aria-current]{color:var(--ink);font-weight:700}
.lang a:hover{color:var(--ink)}
.lang a[aria-current="true"]{color:var(--ink);font-weight:600}
.btn-soft{display:inline-flex;align-items:center;gap:var(--sp-8);height:40px;padding-inline:var(--sp-16);border-radius:var(--r-md);background:var(--tone-1);color:var(--ink);font-weight:600;font-size:var(--fs-13);border:0;text-decoration:none;white-space:nowrap}
.btn-soft:hover{background:var(--tone-1-hover)}
.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-18);padding:0;flex:none}
.icon-btn:hover{border-color:var(--accent)}
.burger{display:none;font-size:var(--fs-20)}
.theme-btn{display:none}
:root[data-theme] .theme-btn{display:inline-flex}
.theme-btn .i-sun,:root[data-theme="dark"] .theme-btn .i-moon{display:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:block}
.lang-mob{display:none}
.acct{position:relative}
.acct-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 16px 40px -12px var(--shadow);padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4)}
.acct-menu a,.acct-menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:var(--sp-12) var(--sp-12);border-radius:var(--r-md);text-decoration:none;font-size:var(--fs-14)}
.acct-menu a:hover,.acct-menu button:hover{background:var(--bg)}
.acct-menu form{margin:0;border-top:1px solid var(--line);padding-top:var(--sp-4);margin-top:var(--sp-4)}

/* ---------- buttons, links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-12);height:52px;padding-inline:var(--sp-24);border-radius:var(--r-md);border:1px solid var(--btn);background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:var(--fs-15);text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
.btn[disabled]{opacity:.6;cursor:progress}
.btn .ico{font-size:var(--fs-18)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--field-line)}
.btn-line:hover{background:var(--surface);border-color:var(--accent)}
.btn-light{background:#fff;color:#1c2425;border-color:#fff}
.btn-light:hover{background:#f0eef7;border-color:#f0eef7}
.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger-line)}
.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger-line)}
.btn-sm{height:40px;padding-inline:var(--sp-16);font-size:var(--fs-13)}
.btn-block{width:100%}
.link{color:var(--accent);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-8);border:0;background:none;padding:0}
.link:hover{color:var(--ink)}

/* ---------- page head ---------- */
.ph{padding-block:var(--sp-28) var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-12)}
.crumbs{font-size:var(--fs-12);color:var(--accent);display:flex;gap:var(--sp-8);flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.ph-title{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.25em;font-size:var(--fs-52);line-height:1.1;font-weight:700}
.ph-title h1,.ph-count{margin:0;font-size:inherit;line-height:inherit;font-weight:inherit}
.ph .lead{font-size:var(--fs-16);line-height:1.55;color:var(--ink-2);max-width:70ch}
.ph-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-20);flex-wrap:wrap}
.count{color:var(--accent);font-weight:600}
.ph .count-label{margin-left:.35em;font-size:.38em;font-weight:500;letter-spacing:0;color:var(--ink-2);white-space:nowrap}

/* ---------- sections ---------- */
.sec{padding-block:var(--sp-36)}
.sec-tight{padding-block:var(--sp-16)}
.sec-h{font-size:var(--fs-32);line-height:1.13;font-weight:700;margin-bottom:var(--sp-24)}
.sec-lead{color:var(--ink-2);font-size:var(--fs-15);max-width:90ch;margin:calc(var(--sp-12) * -1) 0 var(--sp-24)}
.eyebrow{font-size:var(--fs-12);font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}
.fine{font-size:var(--fs-12);color:var(--ink-2)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-24)}
.card-xl{border-radius:var(--r-xl);padding:var(--sp-28)}
.card h2,.card h3{font-weight:700}
.peach{background:var(--tone-5)} .sky{background:var(--tone-2)} .mint{background:var(--tone-3)} .lilac{background:var(--tone-1)} .butter{background:var(--tone-4)} .pink{background:var(--tone-6)}
.tint{border-radius:var(--r-lg);padding:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-12)}
.tint h3{font-size:var(--fs-20);font-weight:700}
.tint .big{font-size:var(--fs-24);font-weight:700}
.tint small{font-size:var(--fs-12);color:var(--ink-2)}
.tint-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-12)}
.tint-head .ico{font-size:var(--fs-20)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-12)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-12)}

/* ---------- alerts ---------- */
.alert{border-radius:var(--r-md);padding:var(--sp-16) var(--sp-16);font-size:var(--fs-14);display:flex;gap:var(--sp-12);align-items:flex-start;background:var(--bg);color:var(--ink)}
.alert .ico{font-size:var(--fs-18);margin-top:var(--sp-4)}
.alert-success{background:var(--ok-bg);color:var(--ok)}
.alert-danger{background:var(--danger-bg);color:var(--danger)}
.alert-warning{background:var(--warn-bg);color:var(--warn)}
.status-line{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-12);color:var(--ink-2)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}
.dot.on{background:#2e9d6a}

/* ---------- hero + calculator ---------- */
.hero{padding-block:var(--sp-28) var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-24)}
.hero-head{display:flex;flex-direction:column;align-items:center;gap:var(--sp-12);text-align:center}
.hero-head h1{font-size:var(--fs-52);line-height:1.08;font-weight:700}
.hero-head h1 span{color:var(--accent)}
.hero-head p{font-size:var(--fs-16);color:var(--ink-2);max-width:56ch;text-wrap:balance}
.calc{background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xl);padding:var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-12);box-shadow:0 8px 24px -8px rgba(28,36,37,.06)}
.calc-sides{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--sp-12);align-items:stretch}
.side{background:var(--raised);border-radius:var(--r-lg);padding:var(--sp-20) var(--sp-20) var(--sp-16);display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
.side-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-12)}
.side-head h2{font-size:var(--fs-16);font-weight:700;letter-spacing:0}
.side-head span{font-size:var(--fs-12);color:var(--ink-2);text-align:right}
.pick-wrap{position:relative}
.pick{display:flex;align-items:center;gap:var(--sp-12);width:100%;min-height:68px;border:1px solid var(--field-line);background:var(--field-bg);color:var(--ink);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16);text-align:left}
.pick:hover{border-color:var(--accent)}
.pick[aria-expanded="true"]{border-color:var(--strong)}
.pick img{width:40px;height:40px;border-radius:50%;flex:none}
.pick-text{flex:1;min-width:0}
.pick-name{font-size:var(--fs-20);font-weight:700;line-height:1.2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick-sub{font-size:var(--fs-12);color:var(--ink-2);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick>.ico{font-size:var(--fs-20);color:var(--accent);transition:transform .15s ease}
.pick[aria-expanded="true"]>.ico{transform:rotate(180deg)}
.amount{margin-top:auto;display:flex;align-items:center;gap:var(--sp-12);min-height:68px;border:1px solid var(--field-line);background:var(--field-bg);border-radius:var(--r-md);padding:0 var(--sp-16);cursor:text}
.amount:focus-within{border-color:var(--strong);box-shadow:0 0 0 3px var(--glow)}
.amount input{flex:1;min-width:0;width:100%;height:64px;border:0;outline:0;background:none;font-size:var(--fs-28);font-weight:600;line-height:1.1;padding:0}
.amount input::placeholder{color:var(--placeholder);font-weight:500}
.amount span{font-size:var(--fs-14);font-weight:600;color:var(--ink-2);flex:none}
.side-hint{font-size:var(--fs-12);color:var(--ink-2);min-height:18px;margin-top:calc(var(--sp-4) * -1)}
.side-hint.err{color:var(--danger);font-weight:600}
.calc-arrow{align-self:center;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink-2);font-size:var(--fs-22);pointer-events:none}
.chips{display:flex;flex-wrap:wrap;gap:var(--sp-8)}
.chips:empty{display:none}
.chip{display:inline-flex;align-items:center;gap:var(--sp-8);border:1px solid var(--line);background:var(--field-bg);border-radius:var(--r-pill);padding:var(--sp-8) var(--sp-16) var(--sp-8) var(--sp-8);font-size:var(--fs-12);color:var(--ink);text-decoration:none;white-space:nowrap}
.chip img{width:20px;height:20px;border-radius:50%}
.chip[aria-pressed="true"]{border-color:var(--strong);font-weight:600}
.chip:hover{border-color:var(--accent)}
.chip-plain{padding:var(--sp-8) var(--sp-16)}
.calc-foot{display:flex;align-items:stretch;gap:var(--sp-12)}
.facts{flex:1;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;background:var(--raised);border-radius:var(--r-lg);margin:0;padding:var(--sp-16) var(--sp-8);min-height:72px}
.facts div{display:flex;flex-direction:column;gap:var(--sp-4);padding-inline:var(--sp-16);min-width:0}
.facts div + div{border-left:1px solid var(--field)}
.facts dt{margin:0;font-size:var(--fs-12);color:var(--ink-2)}
.facts dd{margin:0;font-weight:600;font-size:var(--fs-15);color:var(--ink);overflow-wrap:anywhere}
.calc-foot .btn{height:auto;min-height:72px;padding-inline:var(--sp-40);font-size:var(--fs-16);border-radius:var(--r-lg)}
.hero-notes{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-24);font-size:var(--fs-12);color:var(--ink-2);padding-inline:var(--sp-8)}
.hero-notes b{color:var(--ink);font-weight:600}
.hero-notes span{display:inline-flex;align-items:center;gap:var(--sp-8)}
.hero-notes .ico{font-size:var(--fs-14);color:var(--accent)}
.pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-lg);box-shadow:0 16px 40px -12px var(--shadow);padding:var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-8);max-height:460px}
.pop-head,.pop-back{display:none}
.pop-search{display:flex;align-items:center;gap:var(--sp-8);border:1px solid var(--field-line);border-radius:var(--r-md);padding:var(--sp-8) var(--sp-12);color:var(--ink-2)}
.pop-search{background:var(--field-bg)}
.pop-search input{border:0;outline:0;background:none;flex:1;min-width:0;font-size:var(--fs-16)}
.pop-cats{display:flex;flex-wrap:wrap;gap:var(--sp-8)}
.pop-cats .chip{cursor:pointer}
.pop-cats .chip i,.pop-group i{font-style:normal;font-weight:500;color:var(--ink-2);font-size:var(--fs-12)}
.pop-cats .chip[aria-pressed="true"]{background:var(--tone-1)}
.pop-list{overflow:auto;display:flex;flex-direction:column;gap:var(--sp-4);overscroll-behavior:contain}
.pop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) var(--sp-8)}
.pop-group{position:sticky;top:0;z-index:1;background:var(--surface);font-size:var(--fs-12);font-weight:600;color:var(--accent);padding:var(--sp-12) var(--sp-12) var(--sp-4);letter-spacing:.04em;text-transform:uppercase}
.opt{display:flex;align-items:center;gap:var(--sp-12);border:0;background:none;color:var(--ink);text-align:left;padding:var(--sp-8) var(--sp-12);border-radius:var(--r-md);width:100%}
.opt:hover,.opt:focus-visible{background:var(--bg)}
.opt[aria-selected="true"]{background:var(--tone-1)}
.opt img{width:28px;height:28px;border-radius:50%;flex:none}
.opt span{min-width:0}
.opt b{font-weight:600;display:flex;align-items:center;gap:var(--sp-8);flex-wrap:wrap}
.opt-tag{font-style:normal;font-size:var(--fs-12);font-weight:600;line-height:1;padding:var(--sp-4) var(--sp-8);border-radius:var(--r-pill);background:var(--bg);color:var(--ink-2)}
.opt[aria-selected="true"] .opt-tag{background:var(--surface)}
.opt small{color:var(--ink-2);font-size:var(--fs-12);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop-empty{padding:var(--sp-12);color:var(--ink-2);font-size:var(--fs-13)}

/* ---------- home blocks ---------- */
.routes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-12)}
.route{border:0;text-align:left;border-radius:var(--r-lg);padding:var(--sp-16) var(--sp-20);display:flex;flex-direction:column;gap:var(--sp-12);min-width:0;text-decoration:none;color:var(--ink)}
.route-top{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-12);font-weight:600;color:var(--ink-2)}
.route-top .ico{font-size:var(--fs-16);color:var(--ink)}
.route img{width:40px;height:40px;border-radius:var(--r-md)}
.route-name{font-size:var(--fs-20);font-weight:700;line-height:1.15;display:block}
.route-meta{display:flex;justify-content:space-between;align-items:flex-end;font-size:var(--fs-12);color:var(--ink-2)}
.route-meta b{font-size:var(--fs-24);line-height:1;font-weight:600;color:var(--ink)}
.more{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-top:var(--sp-16);font-size:var(--fs-12);color:var(--ink-2)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-12);list-style:none;margin:0;padding:0}
.steps-4{grid-template-columns:repeat(4,1fr)}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-16)}
.step-top{display:flex;justify-content:space-between;align-items:flex-start;color:var(--accent);font-size:var(--fs-24)}
.step-n{width:32px;height:32px;border-radius:50%;background:var(--tone-1);color:var(--ink);font-size:var(--fs-13);font-weight:700;display:flex;align-items:center;justify-content:center}
.step h3{font-size:var(--fs-24);line-height:1.2;font-weight:700}
.steps-4 .step h3{font-size:var(--fs-18)}
.step p{color:var(--ink-2)}
.bento{display:grid;grid-template-columns:568fr 732fr;gap:var(--sp-12)}
.card-dark{background:var(--dark);border:1px solid var(--panel-line);color:#fff;border-radius:var(--r-xl);padding:var(--sp-32);display:flex;flex-direction:column;gap:var(--sp-20)}
.card-dark h3{font-size:var(--fs-32);line-height:1.15;font-weight:700}
.badge-ico{width:44px;height:44px;border-radius:var(--r-md);background:var(--dark-2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-24);color:var(--on-dark)}
.fix{display:flex;flex-direction:column;gap:var(--sp-8)}
.fix + .fix{border-top:1px solid var(--dark-line);padding-top:var(--sp-16)}
.fix-row{display:flex;align-items:center;gap:var(--sp-8);font-weight:600;font-size:var(--fs-16);color:var(--on-dark-strong)}
.fix-row img{width:28px;height:28px;border-radius:50%}
.fix p{color:var(--on-dark)}
.bento-col{display:flex;flex-direction:column;gap:var(--sp-12)}
.bento-col .tint{flex:1}
.after{margin-top:var(--sp-20)}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12)}
.about{border-radius:var(--r-xl);padding:var(--sp-36);display:flex;flex-direction:column;gap:var(--sp-20)}
.about h2{font-size:var(--fs-32);line-height:1.13;font-weight:700}
.about p{font-size:var(--fs-15);color:var(--ink-2);max-width:60ch}
.since{display:flex;align-items:baseline;gap:var(--sp-16)}
.since b{font-size:var(--fs-52);line-height:1;font-weight:700}
.since span{color:var(--ink-2)}
.about-img{filter:var(--img-dim);flex:1 1 0;height:0;min-height:160px;width:100%;object-fit:cover;border-radius:var(--r-lg);display:block}
.logos{display:flex;flex-wrap:wrap;gap:var(--sp-8)}
.logos img{width:40px;height:40px;border-radius:var(--r-md)}
.partners-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-16);min-width:0}
.partners-card h3{font-size:var(--fs-24);font-weight:700}
.partners-card>p{color:var(--ink-2)}
.partner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-12);flex:1;align-content:start}
.partner{display:flex;flex-direction:column;gap:var(--sp-12);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-8) var(--sp-8) var(--sp-16);text-decoration:none;color:var(--ink);min-width:0}
.partner:hover{border-color:var(--accent)}
.partner:last-child:nth-child(odd){grid-column:1/-1}
/* Логотипы партнёров нарисованы под тёмный фон, поэтому подложка тёмная в обеих темах. */
.partner-logo{height:84px;border-radius:var(--r-md);background:var(--footer);display:flex;align-items:center;justify-content:center;padding:var(--sp-12)}
.partner-logo img{max-height:48px;max-width:78%;width:auto;height:auto;display:block;border-radius:var(--r-sm)}
.partner-logo img[src$=".svg"]{max-width:88%;border-radius:0}
.partner-logo b{color:#fff;font-size:var(--fs-18);font-weight:600}
.partner-text{padding-inline:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
.partner-text b{font-weight:600;font-size:var(--fs-15);display:flex;align-items:center;gap:var(--sp-8)}
.partner-text .ico{font-size:var(--fs-14);color:var(--accent)}
.partner-text small{font-size:var(--fs-12);color:var(--ink-2)}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12)}
.offer{border-radius:var(--r-lg);padding:var(--sp-24) var(--sp-28);display:flex;align-items:center;gap:var(--sp-20)}
.offer-ico{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:var(--fs-24);flex:none;background:var(--ico-tint)}
.offer h3{font-size:var(--fs-20);font-weight:700}
.offer p{color:var(--ink-2);font-size:var(--fs-13)}
.offer-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-4)}
.faq{display:grid;grid-template-columns:390px 1fr;gap:var(--sp-64);align-items:start}
.faq-intro{display:flex;flex-direction:column;gap:var(--sp-20)}
.faq-intro h2{font-size:var(--fs-32);line-height:1.13;font-weight:700}
.faq-intro p{color:var(--ink-2)}
.qa{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
.qa details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.qa details[open]{background:var(--tone-1);border-color:var(--tone-1)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-16);padding:var(--sp-24) var(--sp-24);font-size:var(--fs-15);font-weight:500;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa details[open] summary{font-weight:600;font-size:var(--fs-16);padding-bottom:var(--sp-12)}
.qa summary .ico{font-size:var(--fs-18);color:var(--accent);transition:transform .15s ease}
.qa details[open] summary .ico{transform:rotate(45deg)}
.qa details p{padding:0 var(--sp-24) var(--sp-24);color:var(--ink-2);max-width:78ch}
.qa .qa-topic{display:block;font-size:var(--fs-12);font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--sp-4)}
.support{background:var(--dark);border:1px solid var(--panel-line);color:#fff;border-radius:var(--r-xl);padding:var(--sp-48);display:flex;align-items:center;gap:var(--sp-48)}
.support-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-12)}
.support h2{font-size:var(--fs-36);line-height:1.1;font-weight:700}
.support p{color:var(--on-dark);font-size:var(--fs-15)}
.contacts{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-20);color:var(--on-dark)}
.contacts a{display:inline-flex;align-items:center;gap:var(--sp-8);text-decoration:none}
.contacts a:hover{color:#fff}
.support-side{display:flex;flex-direction:column;gap:var(--sp-12);align-items:stretch;width:306px;flex:none;text-align:center;color:var(--on-dark-2);font-size:var(--fs-13)}

/* ---------- footer ---------- */
.ftr{background:var(--footer);color:#fff;margin-top:var(--sp-36)}
.ftr .wrap{padding-block:var(--sp-48) var(--sp-40);display:flex;flex-direction:column;gap:var(--sp-36)}
.ftr-top{display:grid;grid-template-columns:290px 1fr 1fr 245px;grid-template-areas:"brand service docs hours";gap:var(--sp-48);align-items:start}
.ftr-brand{grid-area:brand}
.ftr-service{grid-area:service}
.ftr-docs{grid-area:docs}
.ftr-top>.hours{grid-area:hours}
.ftr-brand{display:flex;flex-direction:column;gap:var(--sp-16)}
.ftr-brand svg{width:95px;height:52px;color:#fff}
.ftr-brand p{color:var(--on-dark);font-size:var(--fs-13)}
.ftr-brand a{text-decoration:none;display:block}
.ftr-brand a:hover{color:#fff}
.ftr-col{display:flex;flex-direction:column;gap:var(--sp-12)}
.ftr-col .ftr-h{font-size:var(--fs-12);font-weight:600;color:var(--on-dark-2);letter-spacing:.04em;text-transform:uppercase}
.ftr-col a{text-decoration:none;color:#fff}
.ftr-col a:hover{color:var(--on-dark)}
.hours{background:var(--dark-2);border-radius:var(--r-lg);padding:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-12)}
.hours b{font-size:var(--fs-24);font-weight:600}
.hours p{color:var(--on-dark);font-size:var(--fs-13)}
.hours .ico{font-size:var(--fs-20)}
.partners{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-12)}
.partners a{display:flex;align-items:center;justify-content:center;height:68px;padding:var(--sp-12) var(--sp-16);border:1px solid var(--dark-line);background:var(--dark-2);border-radius:var(--r-md);text-decoration:none;transition:border-color .2s,background-color .2s}
.partners a:hover{border-color:var(--on-dark-2)}
.partners img{display:block;width:auto;height:auto;max-height:30px;max-width:82%;border-radius:0}
.partners b{color:#fff;font-size:var(--fs-15);font-weight:600}
.ftr-note{color:var(--on-dark-2);font-size:var(--fs-12)}
.ftr-note a{color:var(--on-dark)}
.ftr-bottom{border-top:1px solid var(--dark-line);padding-top:var(--sp-24);display:flex;justify-content:space-between;gap:var(--sp-16);flex-wrap:wrap;color:var(--on-dark-2);font-size:var(--fs-12)}

/* ---------- forms ---------- */
.form{background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xl);padding:var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-28);min-width:0}
.fs{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-16);min-width:0}
.fs + .fs{border-top:1px solid var(--line);padding-top:var(--sp-28)}
.fs-title{font-size:var(--fs-22);font-weight:700;line-height:1.2}
.fs-note{color:var(--ink-2);font-size:var(--fs-13);margin-top:calc(var(--sp-8) * -1)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16)}
.field{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
.field>label,.field .lbl{font-size:var(--fs-12);font-weight:600;color:var(--ink)}
.control{display:flex;align-items:center;gap:var(--sp-12);border:1px solid var(--field-line);border-radius:var(--r-md);background:var(--field-bg);padding:0 var(--sp-16);min-height:52px}
.control:focus-within{border-color:var(--strong);box-shadow:0 0 0 3px var(--glow)}
.control input,.control select,.control textarea{flex:1;min-width:0;width:100%;border:0;outline:0;background:none;font-size:var(--fs-16);min-height:50px;padding:0}
.control textarea{padding-block:var(--sp-16);min-height:120px;resize:vertical;line-height:1.5}
.control select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:var(--sp-8)}
.control input::placeholder,.control textarea::placeholder{color:var(--placeholder)}
input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}
.control input[readonly]{color:var(--ink-2)}
.control input[type="file"]{font-size:var(--fs-14);padding-block:var(--sp-12);min-height:0}
.control img{width:28px;height:28px;border-radius:50%;flex:none}
.control>span{font-size:var(--fs-13);font-weight:600;color:var(--ink-2);white-space:nowrap}
.control>.ico{color:var(--accent);font-size:var(--fs-18)}
.control-ro{background:var(--bg)}
/* Адрес кошелька и реквизиты показываются целиком, с переносом, чтобы их можно было сверить глазами. */
.control-ro textarea{min-height:0;height:auto;resize:none;padding-block:var(--sp-16);font-size:var(--fs-15);line-height:1.4;word-break:break-all;overflow:hidden;color:var(--ink-2)}
.field.bad .control{border-color:var(--danger);background:var(--danger-bg)}
.msg{font-size:var(--fs-12);color:var(--ink-2)}
.msg:empty{display:none}
.field.bad .msg{color:var(--danger)}
.copy{border:0;background:none;color:var(--accent);font-weight:600;font-size:var(--fs-13);padding:var(--sp-8);white-space:nowrap}
.copy:hover{color:var(--ink)}
.seg{display:inline-flex;background:var(--bg);border-radius:var(--r-md);padding:var(--sp-4);gap:var(--sp-4);align-self:flex-start;flex-wrap:wrap}
.seg label{font-size:var(--fs-13);font-weight:500;color:var(--ink-2);padding:var(--sp-8) var(--sp-16);border-radius:var(--r-sm);cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg input:checked + label{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(28,36,37,.12)}
.seg input:focus-visible + label{outline:2px solid var(--strong);outline-offset:2px}
.check{display:flex;gap:var(--sp-12);align-items:flex-start;color:var(--ink-2);font-size:var(--fs-13);cursor:pointer}
.check input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--field-bg);flex:none;margin:0;display:grid;place-content:center;cursor:pointer}
.check input[type="radio"]{border-radius:50%}
.check input:checked{background:var(--btn);border-color:var(--btn)}
.check input:checked::after{content:"";width:9px;height:5px;border-left:2px solid var(--btn-ink);border-bottom:2px solid var(--btn-ink);transform:rotate(-45deg) translate(1px,-1px)}
.check input[type="radio"]:checked::after{width:8px;height:8px;border:0;border-radius:50%;background:var(--btn-ink);transform:none}
.check b{color:var(--ink);font-weight:600}
.check small{display:block;font-size:var(--fs-12);color:var(--ink-2)}
.aml{border-radius:var(--r-lg);padding:var(--sp-20);display:flex;flex-direction:column;gap:var(--sp-12)}
.aml h3{font-size:var(--fs-16);font-weight:700;display:flex;align-items:center;gap:var(--sp-8)}
.aml p{font-size:var(--fs-13)}
.captcha:empty{display:none}

/* ---------- exchange ---------- */
.ex-head{padding-block:var(--sp-28) var(--sp-8);display:flex;flex-direction:column;align-items:center;gap:var(--sp-12);text-align:center}
.ex-head h1{font-size:var(--fs-44);line-height:1.1;font-weight:700}
.ex-head p{color:var(--ink-2)}
.order-no{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-12) var(--sp-16);letter-spacing:.01em}
.order-head .eyebrow{margin:0}
.stepper{display:flex;gap:var(--sp-8);list-style:none;margin:var(--sp-20) 0 0;padding:0;width:100%;max-width:760px}
.stepper li{flex:1;border-top:3px solid var(--line);padding-top:var(--sp-12);text-align:left;font-size:var(--fs-13);color:var(--ink-2)}
.stepper li b{display:block;font-weight:600;color:var(--ink-2)}
.stepper li[aria-current="step"]{border-top-color:var(--strong)}
.stepper li[aria-current="step"] b{color:var(--ink)}
.stepper li.done{border-top-color:var(--accent)}
/* Регламент обработки: заметная плашка над заявкой и её короткий вид в правой колонке.
   Статус, время и график считает шаблон (часы работы — в template/helpers.php), предложения про сроки берутся из админки. */
.reg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-16) var(--sp-28);align-items:center;background:var(--tone-5);color:var(--ink);border-radius:var(--r-xl);padding:var(--sp-24) var(--sp-24);margin-top:var(--sp-24)}
.reg + .ex-grid,.reg + .order-grid{padding-top:var(--sp-16)}
/* Пояснение к заявке, которая приостановлена, отменена или выполнена */
.order-note{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16) var(--sp-28);flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-24) var(--sp-24);margin-top:var(--sp-24)}
.order-note + .order-grid{padding-top:var(--sp-16)}
.order-note>div{flex:1 1 320px;min-width:0}
.order-note h2{font-size:var(--fs-18);font-weight:700;line-height:1.25;margin-bottom:var(--sp-8)}
.order-note p{font-size:var(--fs-15);line-height:1.5;max-width:78ch;color:var(--ink-2)}
.order-note .btn{flex:none}
.order-note-2{background:var(--tone-5);border-color:transparent}
.order-note-2 p{color:var(--ink)}
.order-note-4{background:var(--tone-3);border-color:transparent}
.order-note-4 p{color:var(--ink)}
/* Выполненная заявка: приглашение оставить отзыв на площадках. Графитовая карточка с золотой рамкой.
   Движение собрано в один спокойный цикл на 6 секунд: блик по карточке → кольцо вокруг главной кнопки → волна по звёздам.
   При загрузке звёзды «набираются» по одной, на пятой — короткая искра. По рамке медленно идёт свет.
   Двигаются только transform и opacity. Рамка сделана фоном карточки: поверх него лежит «пластина» с отступом 1,5px,
   а между ними вращается градиент — так свет виден только в полоске рамки. */
.order-rate{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--sp-20) var(--sp-28);flex-wrap:wrap;background:#c9962a;background:color-mix(in srgb,#f2b01e 60%,var(--surface));color:var(--ink);box-shadow:0 14px 34px -22px #f2b01e;border-radius:var(--r-xl);padding:23.5px 25.5px;margin-top:var(--sp-12)}
.order-rate + .order-grid{padding-top:var(--sp-16)}
.order-rate-edge{position:absolute!important;inset:0;z-index:0!important;border-radius:inherit;pointer-events:none}
.order-rate-edge::before{content:"";position:absolute;left:50%;top:50%;width:112%;aspect-ratio:1;margin:-56% 0 0 -56%;background:conic-gradient(from 0deg,transparent 0 74%,rgba(255,221,128,.55) 86%,#fff1bf 92%,transparent 100%);animation:rate-edge 7s linear infinite}
.order-rate-edge::after{content:"";position:absolute;inset:1.5px;border-radius:calc(var(--r-xl) - 1.5px);background:var(--surface);background:linear-gradient(105deg,var(--surface) 45%,color-mix(in srgb,#f2b01e 13%,var(--surface)))}
@keyframes rate-edge{to{transform:rotate(1turn)}}
.order-rate::after{content:"";position:absolute;top:0;bottom:0;left:0;width:22%;background:linear-gradient(100deg,transparent,rgba(242,176,30,.16),transparent);transform:translateX(-280%) skewX(-18deg);pointer-events:none;animation:rate-shine 6s ease-in-out 1.8s infinite}
.order-rate>*{position:relative;z-index:1}
.order-rate-art{flex:none;display:inline-flex;gap:var(--sp-4);padding:var(--sp-12) var(--sp-16);background:var(--raised);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm)}
.order-rate-art i{position:relative;display:block;width:28px;height:28px;animation:rate-wave 6s ease-in-out 4.4s infinite}
.order-rate-art svg{position:absolute;inset:0;width:100%;height:100%}
.order-rate-art .s0{fill:var(--field)}
.order-rate-art .s1{fill:#f2b01e;transform-origin:50% 60%;animation:rate-in .5s cubic-bezier(.2,1.5,.4,1) .4s backwards}
.order-rate-art i:nth-child(2){animation-delay:4.52s}
.order-rate-art i:nth-child(3){animation-delay:4.64s}
.order-rate-art i:nth-child(4){animation-delay:4.76s}
.order-rate-art i:nth-child(5){animation-delay:4.88s}
.order-rate-art i:nth-child(2) .s1{animation-delay:.54s}
.order-rate-art i:nth-child(3) .s1{animation-delay:.68s}
.order-rate-art i:nth-child(4) .s1{animation-delay:.82s}
.order-rate-art i:nth-child(5) .s1{animation-delay:.96s}
/* Искра у пятой звезды: точки нарисованы тенями один раз, анимируются только масштаб и прозрачность */
.order-rate-art::after{content:"";position:absolute;left:161px;top:50%;width:4px;height:4px;margin:calc(var(--sp-4) * -1) 0 0 calc(var(--sp-4) * -1);border-radius:50%;color:#f2b01e;box-shadow:15px -13px 0 0 currentColor,-13px -15px 0 -.5px currentColor,18px 9px 0 -.5px currentColor,-15px 12px 0 0 currentColor,1px -21px 0 -1px currentColor,2px 20px 0 -1px currentColor;opacity:0;pointer-events:none;animation:rate-spark .7s ease-out 1.3s backwards}
@keyframes rate-in{from{transform:scale(.2) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}
@keyframes rate-wave{0%,10%,100%{transform:none}5%{transform:translateY(-6px) scale(1.18)}}
@keyframes rate-spark{0%{transform:scale(.3);opacity:0}35%{opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes rate-shine{0%{transform:translateX(-280%) skewX(-18deg)}32%,100%{transform:translateX(570%) skewX(-18deg)}}
/* Кольцо вокруг главной кнопки: расходится и гаснет раз в цикл */
.order-rate .btn{position:relative}
.order-rate .btn:not(.btn-line)::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:2px solid var(--btn);opacity:0;pointer-events:none;animation:rate-ring 6s ease-out 2.7s infinite}
@keyframes rate-ring{0%{transform:none;opacity:.7}14%,100%{transform:scale(1.07,1.32);opacity:0}}
.order-rate>div:not(.order-rate-btns){flex:1 1 300px;min-width:0}
.order-rate h2{font-size:var(--fs-20);font-weight:700;line-height:1.25;margin-bottom:var(--sp-8)}
.order-rate p{font-size:var(--fs-15);line-height:1.5;max-width:62ch;color:var(--ink)}
.order-rate-btns{display:flex;flex-wrap:wrap;gap:var(--sp-12);flex:none}
.order-rate .btn .ico{transition:transform .2s}
.order-rate .btn:hover .ico{transform:translate(2px,-2px)}
.order-rate .btn-line{border-color:var(--field-line);background:transparent}
.order-rate .btn-line:hover{background:var(--raised);border-color:var(--accent)}
.reg h2{font-size:var(--fs-18);font-weight:700;line-height:1.25;margin-bottom:var(--sp-8)}
.reg-body{display:flex;flex-direction:column;gap:var(--sp-8);font-size:var(--fs-15);line-height:1.5;max-width:78ch;overflow-wrap:break-word}
.reg-body b{font-weight:700}
.reg-body p + p{font-size:var(--fs-13);color:var(--ink-2)}
.reg-closed{margin-top:var(--sp-8);font-size:var(--fs-14);font-weight:600;color:var(--warn)}
.reg-board{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:var(--sp-8);margin:0;min-width:0}
.reg-board div{background:color-mix(in srgb,var(--surface) 62%,transparent);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16);min-width:0;display:flex;flex-direction:column;gap:var(--sp-4)}
.reg-board dt{font-size:var(--fs-12);color:var(--ink-2);overflow-wrap:anywhere}
.reg-board dd{margin:0;font-size:var(--fs-16);font-weight:700;display:flex;align-items:center;gap:var(--sp-8);flex-wrap:wrap;min-width:0}
.dot.off{background:var(--warn-dot)}
.reg-ico{width:44px;height:44px;border-radius:var(--r-md);background:var(--ico-tint);display:flex;align-items:center;justify-content:center;font-size:var(--fs-22);flex:none}
.reg-more{display:none;border:0;background:none;padding:0;margin-top:var(--sp-8);font-size:var(--fs-13);font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.reg-mini{background:var(--tone-5);color:var(--ink);border-radius:var(--r-lg);padding:var(--sp-16) var(--sp-16);display:flex;flex-direction:column;gap:var(--sp-12)}
.reg-mini-head{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-14)}
.reg-mini-head b{font-weight:700}
.reg-mini-head .num{margin-left:auto;font-size:var(--fs-13);color:var(--ink-2)}
.reg-mini .kv{font-size:var(--fs-13);gap:var(--sp-8)}
.reg-mini .reg-closed{margin:0;font-size:var(--fs-12)}
.auto-check{display:flex;gap:var(--sp-12);align-items:flex-start;background:var(--raised);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16);font-size:var(--fs-13);color:var(--ink)}
.pulse{position:relative;isolation:isolate;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:var(--sp-8);flex:none}
.pulse::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--glow);animation:mt-pulse 1.8s ease-in-out infinite}
@keyframes mt-pulse{0%,100%{transform:scale(1)}50%{transform:scale(2.5)}}
.ex-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--sp-16);align-items:start;padding-block:var(--sp-24) var(--sp-12)}
.ex-main{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
.ex-alerts{display:flex;flex-direction:column;gap:var(--sp-8)}
.ex-alerts:not(:has(*)){display:none}
.blk{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-20);min-width:0}
.blk-head{display:flex;align-items:center;gap:var(--sp-16)}
.blk-ico{width:40px;height:40px;border-radius:var(--r-md);background:var(--raised);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--fs-20);flex:none}
.blk-title{flex:1;min-width:0}
.blk-title h2{font-size:var(--fs-18);font-weight:700;line-height:1.25}
.blk-title p{font-size:var(--fs-13);color:var(--ink-2);margin-top:var(--sp-4)}
.blk-head .link{font-size:var(--fs-13);white-space:nowrap}
.amt-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--sp-12);align-items:start}
.amt-arrow{width:32px;height:32px;margin-top:var(--sp-40);display:flex;align-items:center;justify-content:center;color:var(--ink-2);font-size:var(--fs-20);pointer-events:none}
.amt-net{display:flex;align-items:center;gap:var(--sp-12);background:var(--tone-2);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16);font-size:var(--fs-14);color:var(--ink);text-decoration:none}
.amt-net .ico{font-size:var(--fs-18);color:var(--accent)}
.amt-net b{font-size:var(--fs-16);font-weight:700}
.amt-facts{display:flex;flex-direction:column;gap:var(--sp-8);border-top:1px solid var(--line);padding-top:var(--sp-16)}
.amt-facts:not(:has(*)){display:none}
.amt-fact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8) var(--sp-12);font-size:var(--fs-14);color:var(--ink-2)}
.amt-fact>span:first-child{min-width:44px}
.amt-fact b{color:var(--ink);font-weight:600}
.rate-note{display:inline-flex;align-items:center;gap:var(--sp-8);background:var(--warn-bg);color:var(--warn);border-radius:var(--r-sm);padding:var(--sp-4) var(--sp-12);font-size:var(--fs-13);font-weight:500}
.rate-note .ico{font-size:var(--fs-15)}
.kv .kv-note{display:block;margin-top:calc(var(--sp-4) * -1);font-size:var(--fs-12);color:var(--warn);text-align:right}
.opt-calc{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-20);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-16) var(--sp-24);align-items:start}
.opt-calc h3{font-size:var(--fs-16);font-weight:700;margin-bottom:var(--sp-12)}
.opt-calc .fine{grid-column:1/-1}
.sum-net{border-top:1px solid var(--field);padding-top:var(--sp-12);margin-top:var(--sp-4);font-size:var(--fs-13)}
.sum-net-total dt{color:var(--ink);font-weight:600}
.sum-net-total dd{font-size:var(--fs-18);font-weight:700}
.sum-errors{background:var(--danger-bg);color:var(--danger);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-12);font-size:var(--fs-13);display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-12)}
.sum-errors b{flex-basis:100%;font-weight:600}
.sum-errors a{color:inherit;font-weight:600}
.blk.bad{border-color:var(--danger)}
.blk-opts.bad{border-color:var(--danger)}
.blk-error{display:flex;align-items:center;gap:var(--sp-8);background:var(--danger-bg);color:var(--danger);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-12);font-size:var(--fs-13);font-weight:500}
.blk-error .ico{font-size:var(--fs-16)}
.notice{align-self:center;display:inline-flex;align-items:center;gap:var(--sp-12);background:var(--warn-bg);color:var(--warn);border-radius:var(--r-pill);padding:var(--sp-8) var(--sp-16);font-size:var(--fs-13);font-weight:500;max-width:100%}
.notice .ico{font-size:var(--fs-16);flex:none}
.notice a{color:inherit;font-weight:700}
.control-lg{min-height:60px}
.control-lg input{font-size:var(--fs-22);font-weight:600;min-height:58px}
.control-lg img{width:32px;height:32px}
.opt-list{display:flex;flex-direction:column;gap:var(--sp-8)}
.opt-row{align-items:flex-start;gap:var(--sp-12);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-16) var(--sp-16)}
.opt-row:hover{border-color:var(--accent)}
.opt-row:has(input:checked){border-color:var(--btn);box-shadow:inset 0 0 0 1px var(--btn)}
.opt-text{flex:1;min-width:0}
.opt-fee{font-size:var(--fs-12);font-weight:600;color:var(--ink);background:var(--raised);border-radius:var(--r-pill);padding:var(--sp-4) var(--sp-12);white-space:nowrap}
/* Дополнительные опции: единственный тонированный блок формы, чтобы его замечали. */
.blk.blk-opts{background:var(--tone-2);border-color:transparent}
.blk-opts .blk-ico{background:var(--btn);color:var(--btn-ink)}
.opt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-12)}
.opt-tile{display:flex;gap:var(--sp-12);align-items:flex-start;background:var(--surface);border:1px solid transparent;border-radius:var(--r-lg);padding:var(--sp-16);cursor:pointer;min-width:0}
.opt-tile:hover{border-color:var(--accent)}
.opt-tile:has(input:checked){border-color:var(--btn);box-shadow:inset 0 0 0 1px var(--btn)}
.opt-tile:last-child:nth-child(odd){grid-column:1/-1}
.opt-ico{width:36px;height:36px;border-radius:var(--r-md);background:var(--raised);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--fs-18);flex:none}
.opt-tile:has(input:checked) .opt-ico{background:var(--btn);color:var(--btn-ink)}
.opt-tile .opt-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4);font-size:var(--fs-13);color:var(--ink-2)}
.opt-tile .opt-text b{font-size:var(--fs-15);font-weight:600;color:var(--ink)}
.opt-tile .opt-fee{margin-top:var(--sp-8)}
.opt-tile .check{flex:none}
.blk-aml .blk-ico{background:var(--tone-5);color:var(--ink)}
.blk-aml .opt-text{color:var(--ink-2)}
.blk-aml .opt-text b{color:var(--ink)}
.aml-links{display:flex;flex-wrap:wrap;gap:var(--sp-8)}
.aml-links .chip{font-size:var(--fs-13);font-weight:600;padding:var(--sp-8) var(--sp-16);color:var(--accent)}
.aml-links .chip .ico{font-size:var(--fs-14)}
.blk{scroll-margin-top:16px}
.blk:target{position:relative}
.blk:target::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 4px var(--glow);opacity:0;pointer-events:none;animation:mt-flash 1.8s ease-out 1}
@keyframes mt-flash{0%,40%{opacity:1}100%{opacity:0}}
.sum{position:sticky;top:16px;background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xl);padding:var(--sp-20);display:flex;flex-direction:column;gap:var(--sp-16);min-width:0}
.sum h2{font-size:var(--fs-18);font-weight:700}
.sum-pair{background:var(--raised);border-radius:var(--r-lg);padding:var(--sp-16);display:flex;flex-direction:column;gap:var(--sp-8)}
.sum-coin{display:flex;align-items:center;gap:var(--sp-12);min-width:0}
.sum-coin img{width:36px;height:36px;border-radius:50%;flex:none}
.sum-coin span{min-width:0}
.sum-coin small{display:block;font-size:var(--fs-12);font-weight:600;color:var(--accent)}
.sum-coin b{display:block;font-size:var(--fs-20);line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.sum-coin i{display:block;font-style:normal;font-size:var(--fs-12);color:var(--ink-2)}
.sum-arrow{width:36px;display:flex;justify-content:center;color:var(--ink-2);font-size:var(--fs-14)}
.sum-note{font-size:var(--fs-12);color:var(--ink-2)}
.sum-note:empty{display:none}
.sum-hint{display:flex;gap:var(--sp-12);align-items:flex-start;background:var(--tone-2);border:1px solid var(--accent);border-radius:var(--r-md);padding:var(--sp-16) var(--sp-16);font-size:var(--fs-13);line-height:1.45;color:var(--ink);text-decoration:none;transition:background-color .2s,box-shadow .2s}
.sum-hint:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.sum-hint-ico{flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--surface);display:inline-flex;align-items:center;justify-content:center}
.sum-hint-ico .ico{font-size:var(--fs-18)}
.sum-hint-text{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
.sum-hint-text strong{font-size:var(--fs-15);font-weight:700;color:var(--ink)}
.sum-hint-text span{color:var(--ink-2)}
.sum-hint b{display:inline-flex;align-items:center;gap:var(--sp-4);color:var(--accent);font-weight:700}
.sum-hint b .ico{font-size:var(--fs-14)}
.sum-details>div{flex-direction:column;align-items:flex-start;gap:var(--sp-4)}
.sum-details dd{overflow-wrap:anywhere;text-align:left;min-width:0;font-weight:600;color:var(--ink)}
.sum hr{border:0;border-top:1px solid var(--line);margin:0;width:100%}
.kv{display:flex;flex-direction:column;gap:var(--sp-12);margin:0;font-size:var(--fs-13)}
.kv div{display:flex;justify-content:space-between;gap:var(--sp-12)}
.kv dt{color:var(--ink-2)}
.kv dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.get small{display:block;font-size:var(--fs-12);font-weight:600;color:var(--accent)}
.get b{display:block;font-size:var(--fs-24);line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.get span{font-size:var(--fs-12);color:var(--ink-2)}
.sum-next{font-size:var(--fs-12);color:var(--ink-2);text-align:center}
.pill{display:flex;align-items:center;gap:var(--sp-8);background:var(--bg);border-radius:var(--r-md);padding:var(--sp-12);font-size:var(--fs-12);color:var(--ink-2)}
.pill .ico{font-size:var(--fs-16);color:var(--accent)}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);padding-bottom:var(--sp-12)}
.note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-24) var(--sp-24);display:flex;gap:var(--sp-16)}
.note>.ico{font-size:var(--fs-22);color:var(--accent);margin-top:var(--sp-4)}
.note h3{font-size:var(--fs-16);font-weight:700;margin-bottom:var(--sp-4)}
.note p{color:var(--ink-2);font-size:var(--fs-13)}
.help{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-12);padding-block:var(--sp-8) var(--sp-24);color:var(--ink-2)}
.help b{color:var(--ink)}
.mbar{display:none}

/* ---------- review / order ---------- */
.dl{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:var(--sp-12) var(--sp-20);margin:0;font-size:var(--fs-14)}
.dl dt{color:var(--ink-2)}
.dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.dl dd img{width:20px;height:20px;border-radius:50%;vertical-align:-4px;margin-right:var(--sp-8)}
.dl-sep{grid-column:1/-1;border-top:1px solid var(--line)}
.dl>.dl-sep:last-child{display:none}
.order-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--sp-24);align-items:start;padding-block:var(--sp-8) var(--sp-24)}
.order-grid.single{grid-template-columns:minmax(0,1fr)}
.badge{display:inline-flex;align-items:center;gap:var(--sp-8);border-radius:var(--r-pill);padding:var(--sp-8) var(--sp-16);font-size:var(--fs-13);font-weight:600;background:var(--bg);color:var(--ink)}
.badge-0{background:var(--tone-4)} .badge-1{background:var(--tone-2)} .badge-2{background:var(--tone-5)} .badge-3{background:var(--danger-bg);color:var(--danger)} .badge-4{background:var(--tone-3);color:var(--ok-strong)}
.pay{background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xl);padding:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-16);position:sticky;top:16px;min-width:0}
.pay h2{font-size:var(--fs-22);font-weight:700}
.pay form{display:flex;flex-direction:column;gap:var(--sp-16);margin:0}
.qr{align-self:flex-start;padding:var(--sp-12);border:1px solid #e2e2ea;border-radius:var(--r-md);background:#fff;line-height:0}
.qr svg{width:128px;height:128px}
/* Ход заявки и блок оплаты */
.tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tl li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-16);padding-bottom:var(--sp-24);position:relative}
.tl li:last-child{padding-bottom:0}
.tl li::before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:var(--line)}
.tl li:last-child::before{display:none}
.tl li.done::before{background:var(--btn)}
.tl-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--field);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:var(--fs-14);color:var(--btn-ink)}
.tl .done .tl-dot{background:var(--btn);border-color:var(--btn)}
.tl .now .tl-dot{border-color:var(--btn);box-shadow:0 0 0 5px var(--glow)}
.tl .now .tl-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--btn)}
.tl .stop .tl-dot{background:var(--warn-bg);border-color:var(--warn-dot);color:var(--warn)}
.tl .cancel .tl-dot{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}
.tl b{display:block;font-size:var(--fs-16);font-weight:600;line-height:28px;color:var(--ink-2)}
.tl .done b,.tl .now b,.tl .stop b{color:var(--ink)}
.tl .now b,.tl .stop b{font-size:var(--fs-18);font-weight:700}
.tl p{color:var(--ink-2);font-size:var(--fs-14);margin-top:var(--sp-4);max-width:62ch;overflow-wrap:anywhere}
.tl p strong{color:var(--ink);font-weight:600}
.tl .tl-meta{font-size:var(--fs-12)}
.tl .tl-note{margin-top:var(--sp-12);background:var(--tone-2);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16);color:var(--ink);max-width:none}
.tl .stop .tl-note{background:var(--warn-bg);color:var(--warn)}
.more-data{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}
.more-data summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-20) var(--sp-24);font-weight:600;font-size:var(--fs-16);cursor:pointer}
.more-data summary::-webkit-details-marker{display:none}
.more-data summary .ico{font-size:var(--fs-18);color:var(--accent);transition:transform .15s ease}
.more-data[open] summary .ico{transform:rotate(180deg)}
.more-data .dl{padding:0 var(--sp-24) var(--sp-24)}
/* Данные заявки: главное — суммы и реквизиты выплаты, остальное по карточкам */
.od-body{padding:0 var(--sp-24) var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-12)}
.od-swap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-12);background:var(--tone-2);border:1px solid var(--tone-3);border-radius:var(--r-lg);padding:var(--sp-20) var(--sp-20)}
.od-side{display:flex;align-items:center;gap:var(--sp-12);min-width:0}
.od-side img{width:48px;height:48px;border-radius:50%;flex:none}
.od-side span{display:flex;flex-direction:column;min-width:0}
.od-side small{font-size:var(--fs-12);color:var(--ink-2)}
.od-side b{font-size:var(--fs-28);line-height:1.2;overflow-wrap:anywhere}
.od-side em{font-style:normal;font-size:var(--fs-13);color:var(--ink-2)}
.od-arrow{width:36px;height:36px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:var(--fs-18);flex:none}
.od-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-12);align-items:start}
.od-col{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
.od-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;overflow:hidden}
.od-card h3{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-14);margin:0;padding:var(--sp-12) var(--sp-20);background:var(--raised);border-bottom:1px solid var(--line)}
.od-card h3 .ico{font-size:var(--fs-18);color:var(--accent)}
.od-main{border-color:var(--accent)}
.od-main h3{border-bottom-color:var(--accent);background:var(--tone-2)}
/* Строки «подпись — значение» разделены линиями */
.od-kv{margin:0;display:flex;flex-direction:column}
.od-kv>div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:var(--sp-4) var(--sp-16);align-items:baseline;padding:var(--sp-12) var(--sp-20);border-top:1px solid var(--line)}
.od-kv>div:first-child{border-top:0}
.od-kv>.od-key{display:block;padding-block:var(--sp-16)}
.od-kv dt{font-size:var(--fs-13);color:var(--ink-2)}
.od-key dt{margin-bottom:var(--sp-4)}
.od-kv dd{margin:0;font-size:var(--fs-15);font-weight:600;overflow-wrap:anywhere}
.od-key dd{font-size:var(--fs-24);letter-spacing:.02em}
.od-num dd{font-size:var(--fs-16);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-4) var(--sp-12)}
.od-num .copy{padding:0;font-size:var(--fs-13)}
.od-rate{font-size:var(--fs-16)}
.od-tag{display:inline-block;border-radius:var(--r-pill);padding:var(--sp-4) var(--sp-12);font-size:var(--fs-12);font-weight:600;background:var(--surface);color:var(--ink-2);vertical-align:1px}
.od-tag.ok{background:var(--tone-3);color:var(--ok-strong)}
.od-opt{display:block}
.od-opt+.od-opt{margin-top:var(--sp-4)}
.od-opt small{font-weight:500;color:var(--ink-2);font-size:var(--fs-12);margin-left:var(--sp-4)}
.od-hash{font-weight:500;font-size:var(--fs-12)}
.pay-amount{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-12) var(--sp-12)}
.pay-amount small{display:block;font-size:var(--fs-12);font-weight:600;color:var(--accent)}
.pay-amount b{display:block;font-size:var(--fs-28);line-height:1.1;font-weight:700;white-space:nowrap}
.pay-net{background:var(--tone-5);color:var(--ink);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16);display:flex;gap:var(--sp-12);align-items:flex-start}
.pay-net .ico{font-size:var(--fs-20);margin-top:var(--sp-4)}
.pay-net b{display:block;font-size:var(--fs-16)}
.pay-net span{font-size:var(--fs-13)}
.pay-addr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-16);align-items:center}
.pay-addr .qr svg{width:104px;height:104px}
.pay-addr small{display:block;font-size:var(--fs-12);font-weight:600;color:var(--accent);margin-bottom:var(--sp-4)}
.pay-addr code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:var(--fs-14);font-weight:600;line-height:1.45;letter-spacing:0;word-break:break-all;text-wrap:balance;font-variant-ligatures:none}
.pay-addr .copy{padding:var(--sp-12) 0 0;margin-bottom:calc(var(--sp-8) * -1)}
.pay-fine{font-size:var(--fs-13);color:var(--ink-2)}
.countdown{display:flex;flex-direction:column;gap:var(--sp-8);font-size:var(--fs-13);color:var(--ink-2)}
.countdown strong{color:var(--ink);font-size:var(--fs-16)}
.bar{height:6px;background:var(--bg);border-radius:var(--r-sm);overflow:hidden}
.bar i{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform 1s linear}

/* ---------- auth ---------- */
.auth{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-20);padding-block:var(--sp-32) var(--sp-48)}
.auth-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xl);padding:var(--sp-36);display:flex;flex-direction:column;gap:var(--sp-20)}
.auth-card h1{font-size:var(--fs-32);line-height:1.15;font-weight:700}
.auth-card>p{color:var(--ink-2);font-size:var(--fs-15)}
.auth-card form{display:flex;flex-direction:column;gap:var(--sp-16);margin:0}
.auth-alt{text-align:center;color:var(--ink-2)}
.center-card{width:100%;max-width:560px;margin-inline:auto;text-align:center;align-items:center}
.auth-center{justify-content:center;min-height:100vh;padding-block:var(--sp-32)}
.center-card .reg-ico{background:var(--tone-5)}
.center-card .legacy{font-size:var(--fs-15)}
.maint-help{width:100%;display:flex;flex-direction:column;gap:var(--sp-12);border-top:1px solid var(--line);padding-top:var(--sp-20);color:var(--ink-2)}

/* ---------- prose (тексты из админки) ---------- */
.doc{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--sp-24);align-items:start;padding-bottom:var(--sp-24)}
.doc.no-toc{grid-template-columns:minmax(0,1fr)}
.toc{position:sticky;top:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-20);display:flex;flex-direction:column;gap:var(--sp-12);font-size:var(--fs-13);max-height:calc(100vh - 32px);overflow:auto}
.toc b{font-size:var(--fs-14)}
.toc a{text-decoration:none;color:var(--accent)}
.toc a:hover{color:var(--ink)}
.prose{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-36);font-size:var(--fs-15);line-height:1.65;color:var(--ink-2);min-width:0;overflow-wrap:anywhere}
.prose>*+*{margin-top:var(--sp-16)}
.prose h1,.prose h2,.prose h3,.prose h4{color:var(--ink);font-weight:700;line-height:1.25}
.prose h1{font-size:var(--fs-28)}
.prose h2{font-size:var(--fs-24);margin-top:var(--sp-32)}
.prose h3{font-size:var(--fs-18);margin-top:var(--sp-24)}
.prose h4{font-size:var(--fs-16)}
.prose>:first-child{margin-top:0}
.prose p{margin:var(--sp-16) 0 0}
.prose ul,.prose ol{padding-left:var(--sp-24);margin:var(--sp-16) 0 0}
.prose li+li{margin-top:var(--sp-8)}
.prose a{color:var(--accent);font-weight:600}
.prose b,.prose strong{color:var(--ink)}
.prose img{height:auto;border-radius:var(--r-md)}
.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-14)}
.prose th,.prose td{border:1px solid var(--line);padding:var(--sp-12) var(--sp-12);text-align:left}
.prose hr{border:0;border-top:1px solid var(--line);margin:var(--sp-24) 0}
/* Документы: блок «Коротко о главном» в начале и строка с датой редакции */
.prose .brief{background:var(--tone-2);border-radius:var(--r-lg);padding:var(--sp-20) var(--sp-24);color:var(--ink)}
.prose .brief p{margin:0}
.prose .brief ul{margin-top:var(--sp-12)}
.prose small{font-size:var(--fs-13);color:var(--muted)}
/* старые тексты из админки свёрстаны под тёмный шаблон — гасим их встроенные цвета и шрифты */
.prose [style],.legacy [style]{background:none!important;background-color:transparent!important;color:inherit!important;font-family:inherit!important;border-color:var(--line)!important;box-shadow:none!important;max-width:100%!important}
.prose-plain{background:none;border:0;border-radius:0;padding:0}
/* Документы: каждый раздел отдельной карточкой, важное — цветными плашками */
.prose.prose-cards{background:none;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-16)}
.prose-cards>.doc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-28) var(--sp-32);min-width:0;scroll-margin-top:16px}
.doc-card>*+*{margin-top:var(--sp-16)}
.doc-card>.brief+*{margin-top:var(--sp-20)}
.doc-head{display:flex;align-items:center;gap:var(--sp-16)}
.prose .doc-head h2{margin:0;font-size:var(--fs-20)}
.doc-n{flex:none;min-width:34px;height:34px;padding:0 var(--sp-8);border-radius:var(--r-md);background:var(--tone-2);color:var(--accent);font-weight:700;font-size:var(--fs-15);display:inline-flex;align-items:center;justify-content:center}
.doc-card ul:not(.plain){list-style:none;padding-left:0}
.doc-card ul:not(.plain)>li{position:relative;padding-left:var(--sp-28)}
.doc-card ul:not(.plain)>li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;background:var(--accent);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.doc-card ul ul:not(.plain)>li::before{width:8px;height:8px;top:.65em;left:4px;-webkit-mask:none;mask:none;border-radius:50%;background:var(--muted)}
.doc-card ul ul:not(.plain)>li{padding-left:var(--sp-24)}
.doc-card .brief ul>li::before{background:var(--accent)}
.prose p.callout{position:relative;padding:var(--sp-16) var(--sp-16) var(--sp-16) var(--sp-48);border-radius:var(--r-md);border:1px solid transparent;color:var(--ink);font-size:var(--fs-14)}
.prose p.callout::before{content:"";position:absolute;left:16px;top:15px;width:20px;height:20px;background:currentColor;-webkit-mask:var(--ic-warn) center/contain no-repeat;mask:var(--ic-warn) center/contain no-repeat}
.prose p.callout-danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}
.prose p.callout-danger::before{-webkit-mask-image:var(--ic-x);mask-image:var(--ic-x)}
.prose p.callout-warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn-dot) 45%,transparent);color:var(--warn)}
.prose p.callout b,.prose p.callout strong{color:inherit}
.prose-cards{--ic-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");--ic-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");--ic-warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9.5 16.5h-19z'/%3E%3Cpath d='M12 10v4.5M12 17.4v.1'/%3E%3C/svg%3E")}
@media (max-width:860px){.prose-cards>.doc-card{padding:var(--sp-20);border-radius:var(--r-xl)}.prose .doc-head h2{font-size:var(--fs-18)}}
.legacy{color:var(--ink-2);font-size:var(--fs-13);overflow-wrap:break-word}
.legacy [style]{border:0!important;padding:0!important;margin:0!important}
.legacy span[style]{margin-right:var(--sp-8)!important;font-weight:600}
.legacy>*+*{margin-top:var(--sp-8)}

/* ---------- tables and lists ---------- */
.tbl-wrap{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow-x:auto}
.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-14)}
.tbl th{font-size:var(--fs-12);font-weight:500;color:var(--accent);text-align:left;padding:var(--sp-16) var(--sp-20);white-space:nowrap}
.tbl td{padding:var(--sp-16) var(--sp-20);border-top:1px solid var(--line);vertical-align:middle}
.tbl td img{width:20px;height:20px;border-radius:50%;vertical-align:-4px;margin-right:var(--sp-8)}
.tbl a{color:var(--accent);font-weight:600;text-decoration:none}
.tbl a:hover{color:var(--ink)}
.tbl .nowrap{white-space:nowrap}
.tbl .dir b{display:block;font-weight:600}
.tbl .dir span{display:block;color:var(--ink)}
.tbl small{display:block;color:var(--ink-2);font-size:var(--fs-12)}
.empty{background:var(--surface);border:1px dashed var(--field);border-radius:var(--r-lg);padding:var(--sp-32);text-align:center;color:var(--ink-2)}
.filter{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-20);display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:var(--sp-12);align-items:end;margin:0}
.filter .btn{height:52px}
.pager{display:flex;justify-content:center;gap:var(--sp-8);list-style:none;padding:0;margin:var(--sp-24) 0 0;flex-wrap:wrap}
.pager a{color:var(--ink);display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding-inline:var(--sp-12);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);text-decoration:none;font-size:var(--fs-13)}
.pager a:hover{border-color:var(--accent)}
.pager a[aria-current="page"]{border-color:var(--strong);font-weight:700}
.pager-simple{justify-content:space-between}

/* ---------- reserves ---------- */
.res-tools{display:flex;flex-direction:column;gap:var(--sp-12)}
.res-group{display:flex;flex-direction:column;gap:var(--sp-16);margin-top:var(--sp-28)}
.res-group h2{font-size:var(--fs-24);font-weight:700}
.res-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8)}
.res{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-16) var(--sp-16);display:flex;align-items:center;gap:var(--sp-12);min-width:0}
.res img{width:28px;height:28px;border-radius:50%;flex:none}
.res span{min-width:0}
.res b{display:block;font-weight:500;font-size:var(--fs-14);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res small{display:block;color:var(--ink-2);font-size:var(--fs-13);overflow-wrap:anywhere}
.req{background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xl);padding:var(--sp-24);display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--sp-24);align-items:start}
.req h2{font-size:var(--fs-22);font-weight:700;margin-bottom:var(--sp-8)}
.req p{color:var(--ink-2);font-size:var(--fs-13)}
.req form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-12);margin:0}
.req form>.btn,.req form>.captcha,.req form>.alert{grid-column:1/-1}

/* ---------- reviews ---------- */
.rv-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--sp-24);align-items:start}
.rv-list{display:flex;flex-direction:column;gap:var(--sp-12)}
.review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-24) var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-12)}
.review b{display:block;font-weight:600}
.review small{color:var(--accent);font-size:var(--fs-12)}
.review p{font-size:var(--fs-15);overflow-wrap:anywhere}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-16);position:sticky;top:16px;min-width:0}
.side-card h2{font-size:var(--fs-24);font-weight:700;line-height:1.2}
.side-card>p{color:var(--ink-2);font-size:var(--fs-13)}
.side-card form{display:flex;flex-direction:column;gap:var(--sp-16);margin:0}
.plats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-12)}
.plat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-20) var(--sp-20);text-decoration:none;display:flex;flex-direction:column;gap:var(--sp-8)}
.plat:hover{border-color:var(--accent)}
.plat b{font-size:var(--fs-16);font-weight:600;display:flex;align-items:center;gap:var(--sp-8)}
.plat b .ico{font-size:var(--fs-14);color:var(--accent)}
.plat small{color:var(--ink-2);font-size:var(--fs-12)}

/* ---------- info pages ---------- */
.intro{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:var(--sp-12)}
.intro-main{border-radius:var(--r-xl);padding:var(--sp-40);display:flex;flex-direction:column;gap:var(--sp-20)}
.intro-main h2{font-size:var(--fs-36);line-height:1.1;font-weight:700}
.intro-main p{font-size:var(--fs-15);color:var(--ink-2);max-width:70ch}
.intro-side{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
.intro-side .tint{flex:1}
.intro-side img{filter:var(--img-dim);flex:none;height:auto;aspect-ratio:2/1;width:100%;object-fit:cover;border-radius:var(--r-xl);display:block}
.intro-main .logos{margin-top:auto}
.feature{border-radius:var(--r-lg);padding:var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-12);border:1px solid transparent}
.feature.plain{background:var(--surface);border-color:var(--line)}
.feature .ico{font-size:var(--fs-22);color:var(--accent)}
.feature h3{font-size:var(--fs-24);font-weight:700;line-height:1.2}
.feature p{color:var(--ink-2)}
a.feature{text-decoration:none}
a.feature:hover{border-color:var(--accent)}
.feature .handle{color:var(--accent);font-weight:600;font-size:var(--fs-16);display:inline-flex;align-items:center;gap:var(--sp-8);overflow-wrap:anywhere}
.contact-grid{display:grid;grid-template-columns:440px minmax(0,1fr);gap:var(--sp-64);align-items:start}
.contact-grid h2{font-size:var(--fs-32);line-height:1.13;font-weight:700}
.contact-side{display:flex;flex-direction:column;gap:var(--sp-20)}
.contact-side>p{color:var(--ink-2);font-size:var(--fs-16)}
.hours-card{border-radius:var(--r-lg);padding:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-8)}
.hours-card b{font-size:var(--fs-32);font-weight:700;line-height:1.1}
.faq-page{display:grid;grid-template-columns:245px minmax(0,1fr);gap:var(--sp-32);align-items:start}
.topics{display:flex;flex-direction:column;gap:var(--sp-8);position:sticky;top:16px}
.topics button{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:var(--sp-16);text-align:left;font-size:var(--fs-14);color:var(--ink-2)}
.topics button[aria-pressed="true"]{border-color:var(--strong);color:var(--ink);font-weight:600}
.faq-page .qa details p{font-size:var(--fs-15)}
.faq-page .qa summary{font-size:var(--fs-16)}
.faq-page .qa details[open] summary{font-size:var(--fs-18)}
.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-12);text-decoration:none}
a.post:hover{border-color:var(--accent)}
.post h2{font-size:var(--fs-20);font-weight:700;line-height:1.25}
.post p{color:var(--ink-2)}
.post small{color:var(--accent);font-size:var(--fs-12)}
.post img{border-radius:var(--r-md);height:auto}
.posts{display:flex;flex-direction:column;gap:var(--sp-12);max-width:900px}

/* ---------- account ---------- */
.acct-nav{display:flex;gap:var(--sp-8);flex-wrap:wrap;margin-bottom:var(--sp-24)}
.acct-nav a,.acct-nav button{display:inline-flex;align-items:center;height:40px;padding-inline:var(--sp-16);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);text-decoration:none;font-size:var(--fs-13);font-weight:500;color:var(--ink-2)}
.acct-nav a:hover,.acct-nav button:hover{border-color:var(--accent);color:var(--ink)}
.acct-nav a[aria-current="page"]{background:var(--btn);border-color:var(--btn);color:var(--btn-ink);font-weight:600}
.acct-nav form{margin:0;margin-left:auto}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-12);margin-bottom:var(--sp-24)}
.stat{border-radius:var(--r-lg);padding:var(--sp-20);display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
.stat small{font-size:var(--fs-12);color:var(--ink-2)}
.stat b{font-size:var(--fs-22);font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.stat b.sm{font-size:var(--fs-15);font-weight:600}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-16);min-width:0}
.panel h2{font-size:var(--fs-22);font-weight:700}
.panel form{display:flex;flex-direction:column;gap:var(--sp-16);margin:0}
.panel-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-12);flex-wrap:wrap}
.token{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-13);background:var(--bg);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16);overflow-wrap:anywhere}
.banner-item{display:flex;flex-direction:column;gap:var(--sp-12)}

/* ---------- modal ---------- */
dialog.modal{border:0;padding:0;border-radius:var(--r-xl);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);background:var(--surface);color:var(--ink);box-shadow:0 24px 80px -16px rgba(28,36,37,.45)}
dialog.modal::backdrop{background:rgba(28,36,37,.45)}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-16);padding:var(--sp-24) var(--sp-28) 0}
.modal-head h2{font-size:var(--fs-22);font-weight:700}
.modal-x{border:0;background:none;font-size:var(--fs-22);color:var(--accent);padding:var(--sp-4);line-height:0}
.modal-body{padding:var(--sp-20) var(--sp-28) var(--sp-28);display:flex;flex-direction:column;gap:var(--sp-16)}
.modal-body form{display:flex;flex-direction:column;gap:var(--sp-16);margin:0}

/* ---------- responsive ---------- */
/* ---------- Микроанимации ----------
   Правила: двигаем только transform и opacity (их считает видеокарта, вёрстка не пересчитывается),
   отклик на действие 0,12–0,25 с, никаких библиотек. Цифры к оплате, адрес и таймер не анимируются.
   При системной настройке «меньше движения» перемещения отключаются, короткие проявления остаются (конец файла). */
:root{--e-out:cubic-bezier(.16,1,.3,1);--e-std:cubic-bezier(.4,0,.2,1);--e-back:cubic-bezier(.34,1.56,.64,1);--t1:.12s;--t2:.18s;--t3:.24s}
/* На время смены темы переходы цвета выключаются, чтобы страница перекрасилась разом */
.no-tr,.no-tr *,.no-tr *::before,.no-tr *::after{transition:none!important}
@keyframes mt-fade{from{opacity:0}to{opacity:1}}
@keyframes mt-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mt-pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}

/* Кнопки: мгновенный отклик на нажатие, плавная смена цвета */
.btn,.btn-soft,.icon-btn{transition:transform var(--t1) var(--e-std),background-color var(--t2) ease,border-color var(--t2) ease,color var(--t2) ease,opacity var(--t2) ease}
.btn:active:not([disabled]),.btn-soft:active,.icon-btn:active{transform:scale(.97);transition-duration:.06s,var(--t2),var(--t2),var(--t2),var(--t2)}
.pop-cats .chip,.chips .chip{transition:transform var(--t1) var(--e-std),background-color var(--t2) ease,border-color var(--t2) ease}
.pop-cats .chip:active,.chips button.chip:active{transform:scale(.96)}

/* Поля: рамка и подсветка фокуса появляются плавно; текст ошибки проявляется */
.control,.amount,.pick{transition:border-color var(--t2) ease,box-shadow var(--t2) ease,background-color var(--t2) ease}
.blk-error,.alert,.side-hint.err,.field.bad .msg{animation:mt-fade var(--t2) ease backwards}

/* Окно выбора валюты: выезжает от кнопки; на телефоне поднимается снизу */
.pop{transform-origin:50% 0;animation:mt-pop-in var(--t2) var(--e-out) backwards}
@keyframes mt-pop-in{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes mt-sheet-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.opt{transition:background-color var(--t1) ease}

/* Карточки-ссылки: подъём, тень (заранее нарисована на ::after, меняется только её прозрачность) и сдвиг стрелки */
.route,.plat,.post{position:relative;transition:transform var(--t2) var(--e-out)}
.route::after,.plat::after,.post::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 16px 32px -18px var(--shadow);opacity:0;transition:opacity var(--t2) ease;pointer-events:none}
.route .route-top .ico,.plat b .ico{transition:transform var(--t2) var(--e-out)}
@media (hover:hover){
  .route:hover,.plat:hover,.post:hover{transform:translateY(-2px)}
  .route:hover::after,.plat:hover::after,.post:hover::after{opacity:1}
  .route:hover .route-top .ico,.plat:hover b .ico{transform:translate(2px,-2px)}
}

/* FAQ и «Данные заявки»: плавное раскрытие там, где браузер умеет анимировать высоту «по содержимому»;
   в остальных браузерах блок открывается сразу, как раньше */
.qa details{transition:background-color var(--t2) ease,border-color var(--t2) ease}
@supports (interpolate-size:allow-keywords){
  .qa details,.more-data{interpolate-size:allow-keywords}
  .qa details::details-content,.more-data::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size var(--t3) var(--e-std),opacity var(--t3) ease,content-visibility var(--t3) allow-discrete}
  .qa details[open]::details-content,.more-data[open]::details-content{block-size:auto;opacity:1}
}

/* Плитки дополнительных опций: рамка и значок меняют цвет плавно */
.opt-tile{transition:border-color var(--t2) ease}
.opt-ico{transition:background-color var(--t2) ease,color var(--t2) ease}

/* Ход заявки: галочки пройденных шагов появляются по очереди, текущий шаг мягко «дышит» */
.tl-dot{position:relative}
.tl .done .tl-dot .ico{animation:mt-pop var(--t3) var(--e-back) backwards}
.tl li:nth-child(2) .tl-dot .ico{animation-delay:.09s}
.tl li:nth-child(3) .tl-dot .ico{animation-delay:.18s}
.tl li:nth-child(4) .tl-dot .ico{animation-delay:.27s}
.tl li:nth-child(5) .tl-dot .ico{animation-delay:.36s}
.tl .now .tl-dot::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--btn);opacity:0;pointer-events:none;animation:mt-ping 2.4s var(--e-out) infinite}
@keyframes mt-ping{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(1.8);opacity:0}}

/* Кнопка копирования: подтверждение с галочкой */
[data-copy].is-copied{color:var(--ok)}
[data-copy].is-copied::before{content:"✓";display:inline-block;margin-right:.4em;font-weight:700;animation:mt-pop var(--t3) var(--e-back) backwards}
.btn-soft[data-copy].is-copied::before{margin-right:0}

/* Плашки над заявкой и приглашение к отзыву: проявляются при загрузке страницы */
.reg,.order-note{animation:mt-rise var(--t3) var(--e-out) backwards}
.order-rate{animation:mt-rise .28s var(--e-out) .08s backwards}

/* Переключатель темы: значок поворачивается при смене */
.theme-btn.is-turn .ico{animation:mt-turn .32s var(--e-out) backwards}
@keyframes mt-turn{from{opacity:0;transform:rotate(-90deg) scale(.6)}to{opacity:1;transform:none}}

@media (max-width:1360px){
  .op-text small{display:none}
}
@media (max-width:1180px){
  :root{--gutter:32px}
  .hdr .wrap{flex-wrap:wrap;height:auto;min-height:84px;row-gap:0}
  .hdr .brand{margin-block:var(--sp-12)}
  .op-text small{display:inline}
  .faq{grid-template-columns:1fr;gap:var(--sp-28)}
  .ftr-top{grid-template-columns:1fr 1fr;grid-template-areas:"brand hours" "service docs";gap:var(--sp-36)}
  .partners{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ex-grid{grid-template-columns:minmax(0,1fr) 320px}
  .order-grid{grid-template-columns:minmax(0,1fr) 340px}
  .rv-grid{grid-template-columns:minmax(0,1fr) 340px}
  .intro{grid-template-columns:minmax(0,1fr) 340px}
  .contact-grid{grid-template-columns:1fr;gap:var(--sp-28)}
  .plats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .steps-4{grid-template-columns:repeat(2,1fr)}
  .filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter .btn{grid-column:1/-1}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .req{grid-template-columns:1fr}
}
@media (max-width:860px){
  .routes{grid-template-columns:repeat(2,1fr)}
  .order-rate-btns{width:100%}
  .order-rate-btns .btn{flex:1 1 100%}
  :root{--gutter:16px}
  .hdr .wrap{height:auto;min-height:0;gap:var(--sp-12)}
  .hdr .brand{margin-block:var(--sp-8)}
  .hdr .brand svg{height:44px}
  .nav{display:none}
  .nav.open{display:flex;position:absolute;left:16px;right:16px;top:calc(100% + 4px);z-index:30;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-8);box-shadow:0 16px 40px -12px var(--shadow)}
  .nav.open a{padding:var(--sp-12);border-bottom:0;border-radius:var(--r-md);font-size:var(--fs-16)}
  .burger{display:inline-flex}
  .hdr-side{gap:var(--sp-8)}
  .ph{padding-block:var(--sp-20)}
  .ph-title{font-size:var(--fs-32)}
  .ph .lead{font-size:var(--fs-15)}
  .sec{padding-block:var(--sp-28)}
  .sec-h,.about h2,.faq-intro h2,.contact-grid h2{font-size:var(--fs-28)}
  .hero-head h1{font-size:var(--fs-36)}
  .hero-head p{font-size:var(--fs-15)}
  .lang-desk{display:none}
  .nav.open .lang-mob{display:flex;gap:var(--sp-4);border-top:1px solid var(--line);margin-top:var(--sp-8);padding:var(--sp-12) var(--sp-8) var(--sp-4);font-size:var(--fs-14)}
  .nav.open .lang-mob a{padding:var(--sp-8) var(--sp-12);font-size:var(--fs-14)}
  .no-scroll{overflow:hidden}
  .pop-back{display:block;position:fixed;inset:0;z-index:60;background:rgba(10,14,15,.55);animation:mt-fade var(--t2) ease backwards}
  .pop{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:61;height:82vh;max-height:640px;border-radius:var(--r-xl) var(--r-xl) 0 0;border-width:1px 0 0;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));transform-origin:50% 100%;animation:mt-sheet-in var(--t3) var(--e-out) backwards}
  .pop-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-8)}
  .pop-head b{font-size:var(--fs-16)}
  .pop-list{flex:1}
  .pop-cats{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--sp-12) * -1);padding-inline:var(--sp-12);scrollbar-width:none}
  .pop-cats::-webkit-scrollbar{display:none}
  .pop-grid{grid-template-columns:1fr}
  .opt{padding:var(--sp-12) var(--sp-12)}
  .opt img{width:36px;height:36px}
  .route{padding:var(--sp-12) var(--sp-16);gap:var(--sp-12)}
  .route img{width:36px;height:36px;border-radius:var(--r-md)}
  .route-name{font-size:var(--fs-18)}
  .route-meta b{font-size:var(--fs-24)}
  .steps,.steps-4,.bento,.trust,.offers,.notes,.grid-2,.grid-3,.grid-4,.intro,.res-grid,.rv-grid,.faq-page,.doc,.order-grid,.plats,.filter,.req form{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .step{padding:var(--sp-24)}
  .card-dark{padding:var(--sp-24)}
  .card-dark h3{font-size:var(--fs-24)}
  .about,.intro-main{padding:var(--sp-24)}
  .intro-main h2{font-size:var(--fs-28)}
  .about-img{flex:none;height:160px;min-height:0}
  .partners-card{padding:var(--sp-20);border-radius:var(--r-xl)}
  .partner-logo{height:68px}
  .partner-logo img{max-height:38px}
  .offer{padding:var(--sp-20);flex-wrap:wrap;gap:var(--sp-16)}
  .offer-text{flex-basis:calc(100% - 60px)}
  .offer .link{margin-left:58px}
  .support{flex-direction:column;align-items:stretch;padding:var(--sp-28) var(--sp-24);gap:var(--sp-24)}
  .support h2{font-size:var(--fs-28)}
  .support-side{width:auto}
  .ftr-top{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand" "hours hours" "service docs";gap:var(--sp-28) var(--sp-20)}
  .partners{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partners a:last-child:nth-child(odd){grid-column:1/-1}
  .ex-head h1{font-size:var(--fs-28)}
  .ex-grid{grid-template-columns:1fr}
  .form{padding:var(--sp-20);border-radius:var(--r-xl);gap:var(--sp-24)}
  .reg{grid-template-columns:minmax(0,1fr);padding:var(--sp-16);margin-top:var(--sp-16);border-radius:var(--r-lg);gap:var(--sp-12)}
  .reg h2{font-size:var(--fs-16)}
  .reg-body{font-size:var(--fs-14)}
  .reg-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8)}
  .reg-board div{min-width:0;padding:var(--sp-12);justify-content:space-between}
  .reg-board dt{font-size:var(--fs-12);white-space:normal}
  .reg-board dd{font-size:var(--fs-14)}
  .reg.clamp .reg-body{max-height:88px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
  .reg.clamp .reg-more{display:inline-block}
  .opt-grid{grid-template-columns:minmax(0,1fr)}
  .opt-calc{grid-template-columns:minmax(0,1fr);padding:var(--sp-16)}
  .pay-amount b{font-size:var(--fs-24)}
  .more-data{border-radius:var(--r-lg)}
  .more-data summary{padding:var(--sp-16) var(--sp-20)}
  .more-data .dl{padding:0 var(--sp-20) var(--sp-20)}
  .od-body{padding:0 var(--sp-16) var(--sp-16)}
  .od-swap{grid-template-columns:1fr;gap:var(--sp-12);padding:var(--sp-16)}
  .od-arrow{transform:rotate(90deg);margin-left:var(--sp-4)}
  .od-grid{grid-template-columns:1fr}
  .od-col{display:contents}
  .od-o1{order:1}.od-o2{order:2}.od-o3{order:3}.od-o4{order:4}
  .od-side b{font-size:var(--fs-20)}
  .od-side img{width:44px;height:44px}
  /* Карточки данных заявки на телефоне: название поля мелкое и приглушённое, значение крупное и жирное, заголовок карточки выделен */
  .od-grid{gap:var(--sp-16)}
  .od-kv dt{font-size:var(--fs-12);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
  .od-kv dd{font-size:var(--fs-16);font-weight:600;color:var(--ink)}
  .od-kv>div{grid-template-columns:1fr;gap:var(--sp-4);padding:var(--sp-16)}
  .od-card h3{padding:var(--sp-12) var(--sp-16);font-size:var(--fs-16);font-weight:700;background:var(--tone-1)}
  .od-key dd{font-size:var(--fs-20)}
  .od-num dd,.od-rate{font-size:var(--fs-16)}
  .notice{border-radius:var(--r-md);align-items:flex-start}
  .blk{padding:var(--sp-20);border-radius:var(--r-lg);gap:var(--sp-16)}
  .blk-head{align-items:flex-start;flex-wrap:wrap;gap:var(--sp-8) var(--sp-16)}
  .blk-title{flex:1 1 calc(100% - 56px)}
  .blk-head .link{margin-left:56px}
  .amt-row{grid-template-columns:minmax(0,1fr);gap:var(--sp-8)}
  .amt-arrow{margin:calc(var(--sp-4) * -1) auto;transform:rotate(90deg);width:32px;height:32px}
  .fs + .fs{padding-top:var(--sp-24)}
  .row2{grid-template-columns:1fr}
  .sum,.pay,.side-card,.toc,.topics{position:static}
  .sum .btn,.sum-next{display:none}
  .mbar{display:flex;position:sticky;bottom:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:var(--sp-12);align-items:center;margin-inline:calc(var(--gutter) * -1)}
  .mbar div{flex:1;min-width:0}
  .mbar small{display:block;font-size:var(--fs-12);color:var(--ink-2)}
  .mbar b{display:block;font-size:var(--fs-16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mbar .btn{height:48px;padding-inline:var(--sp-20)}
  .pay{order:-1}
  .dl{grid-template-columns:1fr;gap:var(--sp-4) 0}
  .dl dd{margin-bottom:var(--sp-12)}
  .dl-sep{margin-bottom:var(--sp-12)}
  .auth-card,.prose,.panel,.side-card{padding:var(--sp-24);border-radius:var(--r-xl)}
  .auth-card h1{font-size:var(--fs-28)}
  .topics{flex-direction:row;flex-wrap:wrap}
  .topics button{padding:var(--sp-12) var(--sp-16);border-radius:var(--r-pill)}
  .toc{display:none}
  .tbl th,.tbl td{padding:var(--sp-12) var(--sp-16)}
  .acct-nav{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .acct-nav a,.acct-nav button{white-space:nowrap}
  .acct-nav form{margin-left:0}
}
@media (max-width:700px){
  .calc{padding:var(--sp-8);border-radius:var(--r-xl);gap:var(--sp-8)}
  .calc-sides{grid-template-columns:minmax(0,1fr);gap:0}
  .calc-arrow{transform:rotate(90deg);margin-block:calc(var(--sp-4) * -1);width:28px;height:28px;font-size:var(--fs-18);justify-self:center;position:relative;z-index:1}
  .side{padding:var(--sp-16) var(--sp-16) var(--sp-12);border-radius:var(--r-lg)}
  .pick{min-height:60px}
  .pick img{width:36px;height:36px}
  .pick-name{font-size:var(--fs-18)}
  .amount{min-height:60px}
  .amount input{font-size:var(--fs-24);height:56px}
  .chips{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--sp-16) * -1);padding-inline:var(--sp-16)}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .more.chips,.more{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}
  .calc-foot{flex-direction:column;gap:var(--sp-8)}
  .facts{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-8);padding:var(--sp-16) var(--sp-16);border-radius:var(--r-lg);min-height:0}
  .facts div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:var(--sp-12);padding:0}
  .facts div + div{border-left:0}
  .facts dt{font-size:var(--fs-13)}
  .facts dd{font-size:var(--fs-14);text-align:right}
  .calc-foot .btn{min-height:56px;width:100%;border-radius:var(--r-md)}
}
@media (max-width:700px){
  /* Курсы: на телефоне таблица превращается в карточки направлений (направление, курс, лимиты, действие) */
  .tbl-wrap{background:none;border:0;border-radius:0;overflow:visible}
  .tbl,.tbl tbody{display:block}
  .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tbl tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-12) var(--sp-16);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-16);margin-bottom:var(--sp-12)}
  .tbl td{display:block;padding:0;border:0;min-width:0}
  .tbl td.dir{grid-column:1/-1;font-size:var(--fs-15)}
  .tbl td[data-label]{white-space:normal}
  .tbl td[data-label]::before{content:attr(data-label);display:block;margin-bottom:var(--sp-4);font-size:var(--fs-12);color:var(--ink-2)}
  .tbl td[data-label]:nth-of-type(2){grid-column:1/-1;font-size:var(--fs-15);font-weight:600}
  .tbl td.tbl-go{grid-column:1/-1}
  .tbl td.tbl-go a{display:flex;align-items:center;justify-content:center;gap:var(--sp-8);min-height:44px;border-radius:var(--r-md);background:var(--tone-2);color:var(--accent)}
  .tbl td.tbl-go a:hover{background:var(--tone-1)}
}
@media (max-width:700px){
  .reg{grid-template-columns:minmax(0,1fr)}
  .reg-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reg-board div:last-child{grid-column:1/-1}
  .reg-board dd.num{white-space:nowrap}
  .reg-board dd{font-size:var(--fs-16)}
}
@media (max-width:700px){
  .ex-head{padding-block:var(--sp-12) 0;gap:var(--sp-8)}
  .ex-head h1{font-size:var(--fs-24)}
  .stepper{margin-top:var(--sp-8);gap:var(--sp-8)}
  .stepper li{padding-top:var(--sp-8);font-size:0}
  .stepper li b{font-size:var(--fs-12)}
  .reg{margin-top:var(--sp-12);padding:var(--sp-16) var(--sp-16);gap:var(--sp-12);border-radius:var(--r-lg)}
  .reg h2{font-size:var(--fs-15);margin-bottom:0}
  .reg-body{font-size:var(--fs-14)}
  .reg-board div{padding:var(--sp-8) var(--sp-12);border-radius:var(--r-md);gap:var(--sp-4)}
  .reg-board dt{font-size:var(--fs-12)}
  .reg-board dd{font-size:var(--fs-14)}
  .reg-closed{margin-top:var(--sp-4);font-size:var(--fs-13)}
}
@media (max-width:420px){
  .lang a{min-width:36px;padding:0 var(--sp-4)}
  .brand{width:98px;height:56px;border-radius:var(--r-lg)}
  .brand svg{width:78px;height:43px}
  .stats{grid-template-columns:1fr}
}
/* «Меньше движения» (настройка системы). Не выключаем всё подряд, а делим на три уровня:
   1) перемещения, пульсации и блики убираем; 2) появления со сдвигом заменяем коротким проявлением;
   3) плавная смена цвета, рамок и прозрачности остаётся.
   Для анимаций длительность .01ms, а не 0 — чтобы события их окончания срабатывали. Переходы перечислены поимённо:
   общее правило «всем элементам transition .01ms» включило бы переходы там, где их не было. */
/* Области нажатия: не меньше 44 px там, где это нужно пальцу; внешний вид почти не меняется */
.btn-soft,.btn-sm{height:44px}
.icon-btn{width:44px;height:44px}
.check{min-height:44px;align-items:center}
.copy{padding:var(--sp-12) var(--sp-12);margin:calc(var(--sp-8) * -1) calc(var(--sp-4) * -1)}
.chip,.link{position:relative}
.chip::after{content:"";position:absolute;inset:-7px -2px}
.link::after{content:"";position:absolute;inset:-12px -6px}
.pop-search{min-height:44px}
@media (pointer:coarse){
  .ftr-col{gap:0}
  .ftr-col .ftr-h{margin-bottom:var(--sp-8)}
  .ftr-col a{display:flex;align-items:center;min-height:44px}
  .chips,.more{gap:var(--sp-12)}
  .fine a,.msg a,.prose a{padding-block:var(--sp-8)}
}
/* Области нажатия на телефоне и планшете: настоящие 44 px по высоте, а не только невидимая зона */
@media (max-width:860px),(pointer:coarse){
  body .xh-chip,body .xr-tab{min-height:44px;display:inline-flex;align-items:center}
  .copy{min-height:44px;display:inline-flex;align-items:center;padding:0 var(--sp-12);margin:0 calc(var(--sp-4) * -1)}
  .pay-addr .copy{padding:0;margin:0}
  .ftr-col{gap:0}
  .ftr-col a{display:flex;align-items:center;min-height:44px}
  .nav.open a{min-height:44px;display:flex;align-items:center}
  .btn-soft,.btn-sm,.icon-btn,.lang a{min-height:44px}
  .topics button{min-height:44px}
  .crumbs a,.contacts a,.pager a,.pager span,body .xr-foot a,body .xh-foot a{display:inline-flex;align-items:center;min-height:44px}
  .crumbs{gap:0 var(--sp-12)}
  .acct-nav a,.acct-nav button{min-height:44px}
  .tbl td>a{display:inline-flex;align-items:center;min-height:44px}
}
/* Нижняя панель на телефоне: внешний вид и место не меняются, меняется только поведение — панель не закрывает активное поле.
   Пока курсор в поле формы (кроме сумм), панель плавно уходит; страница при фокусе оставляет под панелью место (scroll-padding).
   Поле суммы под панелью прячет её скриптом (main.js). Показ идёт с небольшой задержкой, чтобы панель не мигала при переходе между полями. */
.mbar{opacity:1;transition:opacity .15s ease .15s,visibility 0s}
html:has(.mbar){scroll-padding-bottom:calc(var(--mbar-h,72px) + var(--sp-16))}
.mbar.mbar-off,form:has(:is(input,select,textarea):not(#send-amount):not(#receive-amount):not(#net-amount):focus) .mbar{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease,visibility 0s .1s}
/* Окно «Изменить направление» на странице заявки */
.route-tabs{display:flex;gap:var(--sp-8)}
.route-tabs .chip{cursor:pointer;flex:1;justify-content:center}
.route-tabs .chip[aria-pressed="true"]{background:var(--tone-1);border-color:var(--accent)}
.pop.pop-static{position:static;border:0;box-shadow:none;padding:0;max-height:min(60vh,460px);animation:none}
.blk-head button.link{cursor:pointer;font:inherit;font-size:var(--fs-13);font-weight:600;color:var(--accent)}
/* Инструкция «как обменять» на странице направления */
.guide{margin-block:var(--sp-24)}
.guide .sec-h{font-size:var(--fs-24);margin-bottom:var(--sp-16)}
.steps-guide .step{padding:var(--sp-20);gap:var(--sp-12)}
.steps-guide .step h3{font-size:var(--fs-18)}
.steps-guide .step p{font-size:var(--fs-14)}
.guide-note{display:flex;align-items:center;gap:var(--sp-8);margin:var(--sp-12) 0 0;color:var(--ink-2);font-size:var(--fs-14)}
.guide-note .ico{color:var(--accent);flex:none}
/* Страница выплаты на банк (KZT, PLN, UAH, TRY): шапка с рисунком маршрута, условия, вопросы, соседние банки */
.blp{margin-block:var(--sp-32) var(--sp-24)}
.blp-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:var(--sp-24);align-items:center;padding:var(--sp-32);border-radius:var(--r-xl);border:1px solid var(--line);background:linear-gradient(135deg,var(--tone-1),var(--tone-4))}
.blp-hero::before{content:"";position:absolute;right:-60px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 70%);pointer-events:none}
:root[data-theme="dark"] .blp-hero::before{background:radial-gradient(circle,rgba(255,255,255,.07),rgba(255,255,255,0) 70%)}
.blp-route{position:relative;z-index:1;display:flex;align-items:center;gap:var(--sp-8);width:100%;max-width:380px;justify-self:end}
.blp-coin{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);font-size:var(--fs-12);font-weight:600;color:var(--ink-2)}
.blp-coin img{width:64px;height:64px;border-radius:50%;background:#fff;border:2px solid var(--line)}
.blp-link{position:relative;flex:1;min-width:24px;height:2px;margin-bottom:var(--sp-24);background:repeating-linear-gradient(90deg,var(--accent) 0 4px,transparent 4px 10px);opacity:.6}
.blp-link i{position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:0;animation:blp-run 2.4s linear infinite}
.blp-link .d2{animation-delay:-1.2s}
@keyframes blp-run{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(34px);opacity:0}}
.blp-card{--card-a:#2f6f64;--card-b:#1b453e;position:relative;flex:none;width:200px;aspect-ratio:1.586;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-lg);color:#fff;background:linear-gradient(135deg,var(--card-a),var(--card-b));box-shadow:0 14px 30px -12px rgba(0,0,0,.45);transform:rotate(-3deg);overflow:hidden}
.blp-card::before{content:"";position:absolute;right:-40px;top:-50px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.14)}
.blp-card::after{content:"";position:absolute;right:20px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.08)}
.blp-card>*{position:relative;z-index:1}
.bc-top{display:flex;align-items:center;gap:var(--sp-8);min-width:0}
.bc-logo{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bc-logo img{width:34px;height:34px;object-fit:cover}
.bc-name{font-size:var(--fs-14);font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-chip{width:32px;height:24px;border-radius:6px;background:linear-gradient(135deg,#f4d58d,#c9a44f);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.bc-num{font-size:var(--fs-14);letter-spacing:.08em;opacity:.9;white-space:nowrap}
.bc-bottom{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-12);font-weight:700;letter-spacing:.06em;opacity:.9}
@media (max-width:420px){.blp-card{width:168px;padding:var(--sp-12)}.bc-name{font-size:var(--fs-13)}.bc-num{font-size:var(--fs-12)}}
/* «Почему выбирают»: белые карточки с цветной полосой сверху и значком в цветной плашке */
.why{gap:var(--sp-12)}
.why .feature{--c:var(--accent);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--c);padding:var(--sp-20) var(--sp-24) var(--sp-24);gap:var(--sp-12)}
.why .feature:nth-child(1){--c:#2f8f7c}
.why .feature:nth-child(2){--c:#d9a62e}
.why .feature:nth-child(3){--c:#4f86d9}
.why .feature:nth-child(4){--c:#8a6fd6}
.why .feature .ico{width:44px;height:44px;padding:10px;box-sizing:border-box;border-radius:var(--r-md);background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);font-size:var(--fs-24)}
.why .feature h3{font-size:var(--fs-20)}
.why .feature p{font-size:var(--fs-14)}
@media (prefers-reduced-motion:reduce){.blp-link i{animation:none;opacity:0}}
.blp-wall{position:absolute;right:-24px;top:50%;display:grid;grid-template-columns:repeat(5,52px);gap:var(--sp-16);transform:translateY(-50%) rotate(-8deg);opacity:.12;pointer-events:none;-webkit-mask-image:linear-gradient(to left,#000 25%,transparent 95%);mask-image:linear-gradient(to left,#000 25%,transparent 95%)}
.blp-wall img{width:52px;height:52px;border-radius:50%;object-fit:cover;filter:saturate(.8)}
.blp-stats li,.blp-points li{position:relative;overflow:hidden}
.blp-stats li::after,.blp-points li::after{content:"";position:absolute;right:-22px;bottom:-22px;width:84px;height:84px;border-radius:50%;background:var(--bank) center/cover no-repeat;opacity:.065;filter:saturate(.8);pointer-events:none}
.blp-stats li>*,.blp-points li>*{position:relative}
.blp-guide-h{margin-top:var(--sp-24)}
.blp-text{position:relative;display:flex;flex-direction:column;gap:var(--sp-12);align-items:flex-start;min-width:0}
.blp-kicker{display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-4) var(--sp-12) var(--sp-4) var(--sp-8);border-radius:var(--r-pill);background:var(--surface);font-size:var(--fs-13);font-weight:600}
.blp-kicker .flag{flex:none}
.blp h2{font-size:var(--fs-32);line-height:1.13;font-weight:700;margin:0;overflow-wrap:anywhere}
.blp-text p{margin:0;color:var(--ink-2);max-width:58ch}
.blp-stats{list-style:none;margin:var(--sp-12) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-12)}
.blp-stats li{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;padding:var(--sp-16) var(--sp-20);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.blp-stats span{font-size:var(--fs-13);color:var(--ink-2)}
.blp-stats b{font-size:var(--fs-18);font-weight:700}
@media (max-width:420px){.blp-stats b{font-size:var(--fs-16)}.blp-stats li{padding:var(--sp-12) var(--sp-16)}}
.blp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-24);margin-top:var(--sp-24);align-items:start}
.blp-h{font-size:var(--fs-18);font-weight:700;margin:0 0 var(--sp-12)}
.blp>.blp-h{margin-top:var(--sp-24)}
.blp-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-12)}
.blp-points li{display:flex;align-items:flex-start;gap:var(--sp-12);padding:var(--sp-16);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.blp-ico{flex:none;width:40px;height:40px;border-radius:var(--r-md);background:var(--tone-1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--fs-20)}
.blp-points b{display:block;margin-bottom:var(--sp-4)}
.blp-points p{margin:0;color:var(--ink-2);font-size:var(--fs-14)}
.blp-links{display:flex;flex-wrap:wrap;gap:var(--sp-8)}
.blp-links .chip{text-decoration:none}
@media (max-width:860px){
  .blp-hero{grid-template-columns:1fr;padding:var(--sp-24)}
  .blp-wall{right:-60px;top:70px;opacity:.14}
  .blp-route{justify-self:center}
  .blp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blp-cols{grid-template-columns:1fr}
  .blp h2{font-size:var(--fs-28)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}
  /* 1 — движение убрано */
  .btn:active,.btn-soft:active,.icon-btn:active,.chip:active,.route:hover,.plat:hover,.post:hover,.route:hover .ico,.plat:hover .ico,.order-rate .btn:hover .ico{transform:none!important}
  .route,.plat,.post,.route .ico,.plat .ico,.order-rate .btn .ico,.pop-cats .chip,.chips .chip,.pick>.ico,.qa summary .ico,.more-data summary .ico,.qa details::details-content,.more-data::details-content{transition:none!important}
  .order-rate::after,.order-rate-edge::before,.order-rate-art::after,.order-rate .btn::after,.tl .now .tl-dot::before,.pulse::after{display:none}
  .op-ind i{animation:none!important}
  .op-ind i:nth-child(1){transform:scaleY(.5)}
  .op-ind i:nth-child(2){transform:scaleY(.9)}
  .op-ind i:nth-child(3){transform:scaleY(.65)}
  .op-ind i:nth-child(4){transform:scaleY(.4)}
  /* 2 — вместо сдвига короткое проявление */
  .pop,.reg,.order-note,.order-rate{animation-name:mt-fade!important;animation-duration:.15s!important}
  /* 3 — цвет, рамки и прозрачность меняются плавно, как и раньше; полоса таймера оплаты — это показатель, она остаётся */
  .btn,.btn-soft,.icon-btn,.control,.amount,.pick,.opt,.opt-tile,.opt-ico,.qa details,.route::after,.plat::after,.post::after{transition-property:background-color,border-color,color,box-shadow,opacity!important;transition-duration:.12s!important}
}