/* Allbanks.kz — «Табло». Оранжевый = бренд, янтарные сегменты = только курсы, зелёный = лучшее значение. */
@font-face{font-family:Disp;src:url(/platform/v2/fonts/fxc-latin-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Disp;src:url(/platform/v2/fonts/fxc-cyrillic-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Disp;src:url(/platform/v2/fonts/fxc-cyrillic-ext-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Disp;src:url(/platform/v2/fonts/fxc-latin-900.woff2) format("woff2");font-weight:900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Disp;src:url(/platform/v2/fonts/fxc-cyrillic-900.woff2) format("woff2");font-weight:900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Disp;src:url(/platform/v2/fonts/fxc-cyrillic-ext-900.woff2) format("woff2");font-weight:900;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-cyrillic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-cyrillic-ext-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-latin-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-cyrillic-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-cyrillic-ext-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-latin-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-cyrillic-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Text;src:url(/platform/v2/fonts/fs-cyrillic-ext-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Tenge;src:url(/platform/v2/fonts/tenge.woff2) format("woff2");font-weight:1 1000;font-display:swap;unicode-range:U+20B8,U+20BD;size-adjust:84%}

:root{
  --o:#FF8A16;--ink:#12100E;--paper:#FFFFFF;--mist:#F1F0EE;--line:#D9D7D3;--mute:#5F5B55;
  --board:#0B0A09;--led:#FFA12E;--led-off:rgba(255,161,46,.075);
  --good:#00703A;--good-bg:#DFF5E7;--bad:#B9301A;
  --g:clamp(16px,3.4vw,48px);
  --disp:Disp,Tenge,"Arial Narrow",Impact,sans-serif;--text:Text,Tenge,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.45 var(--text);font-feature-settings:"tnum","lnum";-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
svg{display:block}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.fascia :focus-visible,.foot :focus-visible,.m-menu :focus-visible,.picker-r :focus-visible,.soon :focus-visible{outline-color:var(--o)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
h1,h2,.d{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.005em;line-height:.88;text-wrap:balance}

/* ---- Шапка ---- */
body.v2 .header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;height:68px;padding:0 var(--g);background:var(--o);border-bottom:2px solid var(--ink)}
.brand{flex:none}
.logo{width:150px;height:auto;overflow:visible}
.logo text{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.logo-a{fill:var(--ink)}.logo-b{fill:#fff}
.logo-dark .logo-a{fill:#fff}.logo-dark .logo-b{fill:var(--o)}
.desk{flex:1;min-width:0}
.desk>ul{display:flex;justify-content:center;gap:clamp(10px,1.5vw,24px)}
.desk>ul>li{position:relative}
.desk>ul>li>a{display:block;padding:22px 0;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}
.desk>ul>li>a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.sub{position:absolute;top:100%;left:-20px;min-width:300px;background:var(--ink);color:#fff;padding:18px 20px;visibility:hidden;opacity:0;transform:translateY(6px);transition:.14s ease-out}
.has-sub:hover .sub,.has-sub:focus-within .sub{visibility:visible;opacity:1;transform:none}
.sub p{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--o);margin-bottom:10px;font-weight:700}
.sub a{display:block;padding:7px 0;text-decoration:none;font-weight:600;font-size:16px}
.sub a:hover{color:var(--o)}
.wide .sub{min-width:460px}.wide .sub ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 16px}
.top-r{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
.city{position:relative}
.city-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px 0 8px;border:2px solid var(--ink);font-weight:800;font-size:16px;max-width:150px}
.city-btn:hover{background:var(--ink);color:#fff}
.city-btn svg{width:18px;height:18px;flex:none}
.city-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.city-list{position:absolute;top:calc(100% + 12px);right:0;width:min(480px,calc(100vw - 2*var(--g)));display:none;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff;padding:10px;z-index:45}
.city.is-open .city-list{display:grid}
.city-list button{padding:10px;text-align:left;font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis}
.city-list button:hover,.city-list button[aria-selected=true]{background:var(--o);color:var(--ink)}
.langs{display:flex;font-weight:800;font-size:15px}
.langs a{padding:8px 7px;text-decoration:none;opacity:.6}
.langs a[aria-current]{opacity:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.login{display:flex;align-items:center;height:40px;padding:0 16px;background:var(--ink);color:#fff;font-weight:800;text-decoration:none;font-size:16px}
.login:hover{background:#fff;color:var(--ink)}
.burger{display:none;width:40px;height:40px;position:relative}
.burger i{position:absolute;left:6px;right:6px;height:4px;background:var(--ink);transition:.18s}
.burger i:first-child{top:12px}.burger i:last-child{bottom:12px}
.burger[aria-expanded=true] i:first-child{top:18px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:last-child{bottom:18px;transform:rotate(-45deg)}
.m-menu{display:none;position:fixed;inset:68px 0 0;background:var(--ink);color:#fff;padding:20px var(--g) 90px;overflow-y:auto}
.m-menu.is-open{display:block}
.m-menu nav>a,.m-menu summary{display:block;padding:9px 0;font:900 46px/1 var(--disp);text-transform:uppercase;text-decoration:none;cursor:pointer;list-style:none;border-bottom:1px solid #35312c}
.m-menu summary::-webkit-details-marker{display:none}
.m-menu summary::after{content:"+";float:right;color:var(--o)}
.m-menu details[open] summary::after{content:"–"}
.m-menu details ul{padding:10px 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
.m-menu details a{display:block;padding:8px 0;text-decoration:none;font-weight:600}
.m-foot{margin-top:24px;display:flex;flex-direction:column;gap:6px;color:#b9b4ad;font-size:16px}
.m-foot .langs{color:#fff}

/* ---- Кнопки ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:6px 26px;font:900 26px/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;text-decoration:none;border:3px solid transparent;transition:background .12s,color .12s;text-align:center}
.btn-k{background:var(--ink);color:#fff}.btn-k:hover{background:#fff;color:var(--ink)}
.btn-line{border-color:var(--ink)}.btn-line:hover{background:var(--ink);color:#fff}
.btn-line2{border-color:var(--ink)}.btn-line2:hover{background:var(--ink);color:#fff}
.btn-o{background:var(--o);color:var(--ink)}.btn-o:hover{background:var(--ink);color:#fff}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.arr{width:22px;height:22px;flex:none;transition:transform .15s}
a:hover>.arr{transform:translateX(5px)}

/* ---- Первый экран ---- */
.hero{background:var(--o);padding:clamp(18px,2.6vw,38px) var(--g) clamp(20px,2.4vw,34px)}
.hero h1{font-size:10.5vw;line-height:.84;letter-spacing:-.012em;text-wrap:initial;white-space:nowrap}
.hero h1 span.last{display:block}
[data-lang=kz] .hero h1{font-size:9.8vw}
.hero-b{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:clamp(16px,1.8vw,28px)}
.hero-b p{max-width:560px;font-size:clamp(18px,1.5vw,22px);line-height:1.3;font-weight:500}
.hero-a{display:flex;gap:10px;flex:none}

/* ---- Табло ---- */
.fascia{position:relative;background-color:var(--board);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);background-size:7px 7px;color:#fff;border-top:6px solid var(--ink);padding:0 var(--g) 6px}
.fascia-top{display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;letter-spacing:.09em;text-transform:uppercase;color:#a8a39b;border-bottom:1px solid #2b2824;font-weight:600}
.fascia-top b{color:#fff}
.fascia-top em{font-style:normal;color:var(--o)}
.live-dot{display:inline-block;width:8px;height:8px;margin-left:10px;background:var(--led);border-radius:50%;animation:blink 2s steps(2) infinite}
@keyframes blink{50%{opacity:.25}}
.fascia-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.cell{padding:14px clamp(12px,1.5vw,22px) 12px;border-left:1px solid #2b2824}
.cell:first-child{border-left:0;padding-left:0}
.cell:last-child{padding-right:0}
.cell header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.cell header b{font:900 clamp(34px,3.2vw,48px)/.9 var(--disp);letter-spacing:.01em}
.cell header span{color:#a8a39b;font-size:15px;font-weight:600}
.led-v{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 8px;margin:0 -8px;width:calc(100% + 16px);color:#fff;text-align:left;--h:clamp(36px,3.5vw,56px)}
button.led-v:not(:disabled):hover{background:rgba(255,161,46,.11)}
button.led-v:disabled{cursor:default}
.led-v small{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:#c9c4bc;font-weight:700}
.seg{display:inline-flex;align-items:flex-end;gap:calc(var(--h)*.055);height:var(--h);transform:skewX(-5deg);filter:drop-shadow(0 0 calc(var(--h)*.12) rgba(255,145,30,.5));flex:none}
.seg svg{height:100%;width:auto}
.seg polygon,.seg circle{fill:var(--led-off)}
.seg polygon.on,.seg circle.on{fill:var(--led)}
.fascia-note{padding:4px 0 12px;color:#a8a39b;font-size:15px}
.fascia-nbk{margin-bottom:0;padding-bottom:12px}
.fascia-nbk .cell header{margin-bottom:2px}
.fascia-nbk .led-v{justify-content:flex-start;--h:clamp(40px,5vw,76px)}
.tape{background:var(--ink);min-height:46px;overflow:hidden;padding:0 var(--g)}
.tape tv-ticker-tape{display:block}

/* ---- Заголовки секций ---- */
.sec-h{display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:end;padding-bottom:14px}
.sec-h h2{font-size:clamp(48px,7vw,104px);grid-column:1/-1}
.sec-h p{color:var(--mute);font-weight:500;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sec{padding-top:clamp(36px,5vw,72px);padding-bottom:0}
.h3{font:900 34px/1 var(--disp);text-transform:uppercase;margin:32px 0 10px}
.stamp{display:inline-block;padding:1px 6px 2px;border:1.5px solid currentColor;font:700 11px/1.2 var(--text);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;opacity:.72;vertical-align:middle}

/* ---- Калькулятор-фраза ---- */
.say{background:var(--mist);padding:clamp(30px,4.6vw,66px) var(--g);border-bottom:2px solid var(--ink)}
.say-f{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px clamp(12px,1.6vw,26px);font:900 clamp(52px,8vw,132px)/1 var(--disp);text-transform:uppercase}
.say-f select,.say-f input{appearance:none;-webkit-appearance:none;border:0;border-bottom:clamp(4px,.5vw,8px) solid var(--o);border-radius:0;background:none;font:inherit;text-transform:uppercase;padding:0;margin:0;min-width:0;cursor:pointer}
.say-f select:hover,.say-f input:hover{border-color:var(--ink)}
.say-f select:focus,.say-f input:focus{outline:0;border-color:var(--ink)}
.say-f input{width:3.3ch;cursor:text;font-feature-settings:"lnum";-moz-appearance:textfield}
.say-f input::-webkit-outer-spin-button,.say-f input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.say-c{white-space:nowrap}
.say-f .btn{align-self:center;margin-left:auto}
.say-r{margin-top:clamp(18px,2.4vw,34px)}
.say-res{display:grid;grid-template-columns:auto 1fr auto;gap:8px 28px;align-items:end;border-top:2px solid var(--ink);padding-top:14px}
.say-res strong{font:900 clamp(56px,8.2vw,128px)/.85 var(--disp)}
.say-res .o{font-weight:800;font-size:clamp(18px,1.6vw,24px)}
.say-res .o small{display:block;color:var(--mute);font-weight:500;font-size:16px}
.say-res .r{text-align:right;font-weight:700}
.say-e{color:var(--mute);border-top:2px solid var(--ink);padding-top:14px}

/* ---- Лучшие курсы ---- */
.home-rates{padding:clamp(36px,5vw,76px) var(--g) 0;scroll-margin-top:64px}
.hr-list{border-bottom:2px solid var(--ink)}
.hr{display:grid;grid-template-columns:minmax(150px,1.1fr) 2fr 2fr;border-top:2px solid var(--ink)}
.hr-c{font:900 clamp(62px,8.8vw,136px)/.9 var(--disp);padding:10px 0;display:flex;gap:10px;align-items:flex-start}
.hr-c small{font:800 .28em/1 var(--text);padding-top:.5em;color:var(--mute)}
.hr-v{display:block;text-align:left;padding:14px 18px;border-left:1px solid var(--line);transition:background .12s}
.hr-v:hover{background:var(--o)}
.hr-v small{display:block;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hr-v strong{display:block;font:900 clamp(42px,4.8vw,72px)/1 var(--disp);margin:2px 0}
.hr-v span{color:var(--mute);font-weight:500;font-size:16px}
.hr-v:hover span{color:var(--ink)}

/* ---- Разделы ---- */
.dir{margin-top:clamp(40px,6vw,86px);border-bottom:2px solid var(--ink)}
.dir a{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1fr) 32px;gap:14px;align-items:baseline;padding:6px var(--g);border-top:2px solid var(--ink);text-decoration:none;transition:background .1s}
.dir a:hover{background:var(--o)}
.dir i{font:700 15px var(--text);font-style:normal;color:var(--mute)}
.dir a:hover i{color:var(--ink)}
.dir b{font:900 clamp(50px,7.4vw,116px)/.98 var(--disp);text-transform:uppercase}
.dir span{font-weight:500;font-size:clamp(16px,1.3vw,19px);line-height:1.25}
.dir .arr{width:30px;height:30px;align-self:center}
.dir-s{margin-top:0}
.dir-s b{font-size:clamp(36px,4.8vw,70px)}
.wrap .dir-s a,.sec .dir-s a{padding-inline:0;grid-template-columns:minmax(0,1fr) 32px}

/* ---- Города ---- */
.cities{background:var(--mist);margin-top:0;padding:clamp(36px,5vw,76px) var(--g)}
.cb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(18px,3vw,44px);border-bottom:2px solid var(--ink)}
.cb{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:baseline;padding:9px 8px;border-top:2px solid var(--ink);text-decoration:none}
.cb b{font:900 clamp(24px,2.1vw,32px)/1 var(--disp);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}
.cb span{font-size:15px;font-weight:600;white-space:nowrap}
.cb:hover{background:#fff}
.cb.on{background:var(--o)}

/* ---- Публикации ---- */
.pubs{padding:clamp(36px,5vw,76px) var(--g)}
.pub-list{border-bottom:2px solid var(--ink)}
.pub-list a{display:block;padding:12px 0;border-top:2px solid var(--ink);font:800 clamp(26px,3vw,44px)/1.04 var(--disp);text-decoration:none;text-wrap:balance}
.pub-list a:hover{background:var(--o);box-shadow:-10px 0 var(--o),10px 0 var(--o)}

/* ---- Подвал ---- */
.foot{background:var(--ink);color:#fff;padding:clamp(36px,5vw,70px) var(--g) 24px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.foot-lead p{max-width:330px;color:#c9c4bc}
.foot-mail{display:inline-block;margin-top:12px;font-weight:800;font-size:20px}
.foot h3{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--o);margin-bottom:10px}
.foot li a{display:block;padding:4px 0;text-decoration:none;font-weight:500;font-size:17px}
.foot li a:hover{color:var(--o)}
.foot-logo{display:block;margin:clamp(30px,5vw,64px) 0 18px}
.foot-logo .logo{width:100%}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:#a8a39b;border-top:1px solid #35312c;padding-top:14px}
.foot-legal p{width:100%}

/* ---- Шапка страницы ---- */
.phead{background:var(--o);padding:clamp(20px,3vw,44px) var(--g) clamp(22px,3vw,40px)}
.phead h1{font-size:clamp(56px,10vw,172px);max-width:1180px}
.long-h1 .phead h1{font-size:clamp(46px,7vw,112px);max-width:1180px}
.phead-sub{margin-top:14px;max-width:760px;font-size:clamp(18px,1.5vw,22px);line-height:1.3;font-weight:500}
.phead .link{margin-top:14px}
.crumbs{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:15px;font-weight:600;margin-bottom:12px}
.crumbs a{text-underline-offset:3px}.crumbs b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.chips{display:flex;gap:6px;margin-top:18px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--g)*-1);padding-inline:var(--g)}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;padding:6px 12px;border:2px solid var(--ink);font-weight:700;font-size:16px;text-decoration:none}
.chips a:hover{background:rgba(255,255,255,.35)}
.chips a[aria-current]{background:var(--ink);color:#fff}
.back{background:var(--o);padding:18px var(--g) 0}
.wrap{padding:clamp(24px,3.6vw,50px) var(--g)}
.wrap>p{margin-top:18px}
.note{color:var(--mute);font-size:15px;margin-top:14px}
.empty{margin:clamp(24px,3.6vw,50px) var(--g);padding:clamp(28px,4vw,60px) 0;border-block:2px solid var(--ink)}
.wrap .empty,.side .empty,.prose-narrow .empty{margin-inline:0}
.empty strong{display:block;font:900 clamp(36px,4.6vw,68px)/1 var(--disp);text-transform:uppercase;text-wrap:balance}
.empty p{margin-top:10px;color:var(--mute)}
.ph{color:var(--mute);font-style:italic}

/* ---- Инструменты и таблица курсов ---- */
.tool{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:20px var(--g) 8px}
.search{display:flex;border-bottom:3px solid var(--ink);flex:0 1 340px;min-width:240px}
.search input{flex:1;min-width:0;border:0;background:none;padding:8px 0;font-weight:600;outline:0;border-radius:0}
.search button{padding:0 4px}
.cur-tabs{display:none;gap:0;margin:12px var(--g) 0;border:2px solid var(--ink)}
.cur-tabs button{flex:1;padding:10px 0;font:900 24px/1 var(--disp);border-left:2px solid var(--ink)}
.cur-tabs button:first-child{border-left:0}
.cur-tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.xwrap{padding:14px var(--g) 30px}
.xt{width:100%;border-collapse:collapse}
.xt thead th{font:900 34px/1 var(--disp);text-align:center;padding:6px 8px 8px;border-bottom:2px solid var(--ink);vertical-align:bottom}
.xt thead th:first-child{text-align:left;font-size:22px;text-transform:uppercase}
.th-s{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;font:700 13px/1.15 var(--text)}
.th-s a,.th-s span{text-decoration:none;display:block;text-align:right}
.th-s a:hover{text-decoration:underline}
.th-s a.on{background:var(--o)}
.xt tbody th{text-align:left;padding:11px 12px 11px 0;font-weight:700;font-size:18px}
.xt tbody th a{text-decoration:none;margin-right:8px}
.xt tbody th a:hover{text-decoration:underline}
.xt td{text-align:right;padding:9px 9px;font:800 26px/1 var(--disp);white-space:nowrap}
.xt td:nth-child(even){border-left:1px solid var(--line)}
.xt tbody tr{border-bottom:1px solid var(--line)}
.xt tbody tr:hover{background:var(--mist)}
.best{color:var(--good);background:var(--good-bg)}
.up{color:var(--good)}.down{color:var(--bad)}
.plain{width:100%;border-collapse:collapse}
.plain th,.plain td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:right}
.plain thead th{border-bottom:2px solid var(--ink);font-size:14px;letter-spacing:.05em;text-transform:uppercase}
.plain th:first-child{text-align:left}
.plain td{font:800 28px/1 var(--disp)}
.plain tbody th{font:900 28px/1 var(--disp)}
.nbk tbody th b{font:900 30px/1 var(--disp);display:inline-block;min-width:3.1ch;margin-right:12px}
.nbk tbody th span{font:500 16px var(--text);color:var(--mute)}
.split{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,60px);padding:clamp(24px,3.6vw,50px) var(--g);align-items:start}
.split .h3{margin-top:0}
.facts{display:grid;grid-template-columns:auto 1fr;gap:0}
.facts dt,.facts dd{padding:11px 0;border-top:2px solid var(--ink)}
.facts dt{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding-right:22px;padding-top:15px}
.facts dd{font-weight:600}
.facts.big dd{font:900 clamp(36px,4.8vw,70px)/1 var(--disp)}
.stack{display:flex;flex-direction:column;gap:12px;align-items:stretch}

/* ---- Каталог ---- */
.side{display:grid;grid-template-columns:330px minmax(0,1fr);gap:clamp(20px,3.4vw,48px);padding:clamp(24px,3.6vw,50px) var(--g);align-items:start}
.filters{position:sticky;top:84px;display:grid;gap:12px;background:var(--mist);padding:18px}
.filters h2{font-size:38px;line-height:.95}
.filters h2 small{display:block;font:500 15px/1.25 var(--text);text-transform:none;letter-spacing:0;color:var(--mute);margin-top:6px}
.filters label{display:grid;gap:3px;font-weight:700;font-size:15px}
input[type=text],input[type=number],input[type=email],input[type=tel],input[type=password],select{width:100%;min-height:50px;border:2px solid var(--ink);border-radius:0;background:#fff;padding:8px 12px;font-size:17px;font-weight:500}
.say input,.say select,.search input{min-height:0}
.say-f input[type=number]{width:3.3ch;background:none}
select:not(.say-f select){appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(-45deg,transparent 50%,var(--ink) 50%);background-size:7px 7px;background-position:calc(100% - 20px) 50%,calc(100% - 13px) 50%;background-repeat:no-repeat;padding-right:36px}
input:focus,select:focus{outline:3px solid var(--o);outline-offset:0}
.plist{border-bottom:2px solid var(--ink)}
.prow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto;gap:14px 24px;align-items:center;padding:14px 0;border-top:2px solid var(--ink)}
.p-n span{display:block;color:var(--mute);font-weight:600;font-size:15px;margin-bottom:2px}
.p-n span.stamp{display:inline-block;margin:0 0 0 6px;font-size:11px}
.p-n a,.p-n b{font:900 clamp(26px,2.5vw,36px)/1 var(--disp);text-transform:uppercase;text-decoration:none;display:block}
.p-n a:hover{text-decoration:underline}
.prow dl{display:grid;grid-template-columns:auto 1.3fr auto auto;gap:14px;align-items:end}
.prow dt{font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--mute);line-height:1.15}
.prow dd{font-weight:700;font-size:17px;line-height:1.15}
.prow .key dd{font:900 clamp(38px,3.4vw,52px)/.95 var(--disp);white-space:nowrap}
.cmp{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;min-height:44px}
.cmp input,.check input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:0;border:2px solid var(--ink);background:#fff;display:grid;place-items:center;flex:none;cursor:pointer}
.cmp input:checked,.check input:checked{background:var(--o)}
.cmp input:checked::after,.check input:checked::after{content:"";width:10px;height:6px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px)}
.cmp input:disabled{opacity:.3}
.cmp:has(input:disabled){color:var(--mute);cursor:not-allowed}
.cmp-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:7px 8px 7px 16px;font-weight:600;white-space:nowrap}
.cmp-bar .btn{min-height:42px;font-size:21px;padding:4px 14px}
.cmp-bar button{font-size:26px;width:34px;line-height:1}
#holding-compare-root:not([hidden])~#x{display:none}
.cmp-t{overflow-x:auto;border-top:2px solid var(--ink)}
.cmp-r{display:grid;grid-template-columns:minmax(120px,190px) repeat(var(--n),minmax(150px,1fr));border-bottom:1px solid var(--line);min-width:max-content}
.cmp-r>*{padding:12px 10px}
.cmp-r>span{font-size:14px;font-weight:700;color:var(--mute);padding-left:0}
.cmp-r>div{font:800 26px/1.05 var(--disp)}
.cmp-r.head{border-bottom:2px solid var(--ink)}
.cmp-r.head b{font:900 28px/1 var(--disp);text-transform:uppercase}
.cmp-r.head small{display:block;font:600 14px var(--text);text-transform:none;color:var(--mute);margin-top:4px}

/* ---- Калькулятор ---- */
.picker{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:stretch;border-bottom:2px solid var(--ink)}
.picker-l{padding:clamp(22px,3.4vw,48px) var(--g);display:grid;gap:clamp(22px,3vw,38px)}
.pf{display:grid;grid-template-columns:1fr minmax(120px,190px);gap:6px 18px;align-items:end}
.pf label{grid-column:1/-1;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pf strong{font:900 clamp(48px,6.4vw,100px)/.95 var(--disp);white-space:nowrap}
.pf input[type=range]{grid-column:1/-1}
.pf-s{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--mute);font-size:14px;font-weight:600}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:none;margin:0;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--ink)}
input[type=range]::-moz-range-track{height:6px;background:var(--ink)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;background:var(--o);border:3px solid var(--ink)}
input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--o);border:3px solid var(--ink);border-radius:0}
.pf-q>span{display:block;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.pf-q div{display:flex;flex-wrap:wrap;gap:6px}
.pf-q button{padding:8px 14px;border:2px solid var(--ink);font-weight:700}
.pf-q button.on{background:var(--ink);color:#fff}
.pf-more summary{cursor:pointer;font-weight:800}
.pf-more>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.pf-more label{display:grid;gap:3px;font-weight:700;font-size:15px}
.picker-r{background:var(--ink);color:#fff;padding:clamp(22px,3.4vw,48px) var(--g) clamp(22px,3.4vw,48px) clamp(20px,3vw,44px);display:flex;flex-direction:column;gap:6px}
.picker-r p{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#a8a39b;font-weight:700}
.picker-r>span{margin-top:auto;font-weight:700}
.picker-r .main{font:900 clamp(60px,7.4vw,120px)/.92 var(--disp);color:var(--o);white-space:nowrap}
.picker-r dl{display:grid;grid-template-columns:1fr auto;margin:14px 0}
.picker-r dt,.picker-r dd{padding:9px 0;border-top:1px solid #35312c}
.picker-r dd{font:800 26px/1 var(--disp);text-align:right}
.picker-r small{color:#a8a39b;font-size:14px;margin-top:6px}

/* ---- Формы ---- */
.form{display:grid;gap:5px;padding:clamp(22px,3.4vw,48px) var(--g);max-width:720px}
.form>h2{font-size:clamp(38px,4.4vw,64px);margin-bottom:14px}
.form>h2 small{display:block;font:500 17px/1.3 var(--text);text-transform:none;letter-spacing:0;color:var(--mute);margin-top:8px}
.form>label:not(.check){font-weight:700;font-size:15px;margin-top:10px}
.form>.btn{margin-top:20px}
.form>.link{margin-top:14px;justify-self:start}
.form .err-t{color:var(--bad);font-weight:700;font-size:15px}
.form .is-err,.soon .is-err{border-color:var(--bad);outline:2px solid var(--bad);outline-offset:-1px}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-weight:500;font-size:16px;cursor:pointer}
.form-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);border-bottom:2px solid var(--ink)}
.form-split aside{padding:clamp(22px,3.4vw,48px) var(--g);background:var(--mist);display:grid;gap:16px;align-content:start}
.form-split .form{max-width:none}
.auth{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}
.auth-l{background:var(--o);padding:clamp(24px,4vw,60px) var(--g)}
.auth-l h1{font-size:clamp(62px,9vw,150px)}
.auth-l p{margin-top:14px;font-size:21px;font-weight:500;line-height:1.25}
.auth-l ul{margin-top:28px;display:grid;font-weight:700}
.auth-l li{padding:9px 0;border-top:2px solid var(--ink)}
.kinds{border:0;padding:0;margin:0 0 8px;display:grid;gap:6px}
.kinds legend{font-weight:700;padding:0;margin-bottom:8px}
.kinds legend small{display:block;font-weight:500;font-size:15px;color:var(--mute)}
.kinds label{display:block;cursor:pointer}
.kinds input{position:absolute;opacity:0}
.kinds span{display:block;padding:10px 14px;border:2px solid var(--ink)}
.kinds strong{display:block;font:900 26px/1.05 var(--disp);text-transform:uppercase}
.kinds small{font-size:15px;line-height:1.25;display:block}
.kinds input:checked+span{background:var(--o)}
.kinds input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}
.soon{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);background:var(--ink);color:#fff;padding:clamp(30px,5vw,70px) var(--g);margin-top:clamp(36px,5vw,72px)}
.soon h2{font-size:clamp(50px,7vw,110px)}
.soon>div p{margin-top:16px;color:#c9c4bc}
.soon h3{font:900 34px/1 var(--disp);text-transform:uppercase}
.soon form p{margin:8px 0 14px;color:#c9c4bc}
.soon label{font-weight:700;font-size:15px}
.soon input{border-color:#fff;background:transparent;color:#fff;margin-top:4px}
.inl{display:flex;gap:8px;flex-wrap:wrap}
.inl input{flex:1 1 220px;width:auto}
.soon .btn-k{background:var(--o);color:var(--ink)}
.soon .btn-k:hover{background:#fff}
.soon small{display:block;color:#a8a39b;margin-top:8px;font-size:14px}
.soon .err-t{color:#ff9d8a;font-weight:700;font-size:15px}

/* ---- Статья и крипто ---- */
.prose{max-width:760px;padding:clamp(24px,3.6vw,50px) var(--g);font-size:20px;line-height:1.5}
.prose>*+*{margin-top:1em}
.prose h2{font-size:clamp(36px,4vw,56px);margin-top:1.4em;line-height:.98}
.prose h3{font:900 30px/1 var(--disp);text-transform:uppercase;margin-top:1.4em}
.prose ul,.prose ol{padding-left:1.1em}
.prose ul{list-style:square}.prose ol{list-style:decimal}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--o)}
.prose img{max-width:100%;height:auto}
.prose table{width:100%;border-collapse:collapse;font-size:17px;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--line);padding:6px 10px}
.prose-narrow{max-width:880px}
.lead{font:800 clamp(30px,3.4vw,50px)/1.04 var(--disp)}
.big-mail{display:block;font:900 clamp(40px,6.5vw,96px)/1 var(--disp);overflow-wrap:anywhere;margin-top:24px}
.tv-duo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}
.tv{min-height:44px;max-width:100%;overflow:hidden}
.tv-tall{height:500px!important;background:var(--mist)}
.tv iframe{max-width:100%}
.tape-c{padding:0}
.faq{border-bottom:2px solid var(--ink)}
.faq details{border-top:2px solid var(--ink)}
.faq summary{cursor:pointer;padding:12px 40px 12px 0;font:800 clamp(26px,2.8vw,38px)/1.05 var(--disp);list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;color:var(--o);font-weight:900}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 0 18px;max-width:780px}
.sm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sm .h3{margin-top:0}
.sm a{display:block;padding:3px 0}

/* ---- Модальное окно ---- */
.modal{position:fixed;inset:0;z-index:1300;visibility:hidden;overflow:hidden}
.modal.is-open{visibility:visible}
.modal-bg{position:absolute;inset:0;background:rgba(18,16,14,.6);opacity:0;transition:opacity .16s}
.is-open .modal-bg{opacity:1}
.modal-box{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);background:#fff;transform:translateX(100%);transition:transform .2s ease-out;overflow-y:auto;overscroll-behavior:contain}
.is-open .modal-box{transform:none}
.modal-box>header{position:sticky;top:0;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px 20px;background:var(--o);border-bottom:2px solid var(--ink)}
.modal-box h3{font:900 42px/.95 var(--disp);text-transform:uppercase}
.modal-box header button{font-size:36px;line-height:.8;width:40px;height:40px;flex:none}
[data-bo-body]{padding:6px 20px 90px}
.bo-sub{padding:12px 0;color:var(--mute);font-weight:500}
.bo-it{display:block;padding:12px 0;border-top:2px solid var(--ink);text-decoration:none}
.bo-it:hover{background:var(--mist)}
.bo-it b{font:900 28px/1 var(--disp);text-transform:uppercase}
.bo-it em{font:700 12px var(--text);margin-left:8px;padding:2px 6px;background:var(--good-bg);color:var(--good);text-transform:uppercase;letter-spacing:.05em;font-style:normal;vertical-align:middle}
.bo-it div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px;font-weight:600}
.bo-it strong{font:900 24px/1 var(--disp)}

/* ---- Служебное ---- */
.to-top{position:fixed;right:14px;bottom:70px;width:46px;height:46px;background:var(--ink);color:#fff;font-size:22px;z-index:34}
.nf{background:var(--o);padding:clamp(24px,5vw,70px) var(--g);min-height:68vh}
.nf-board{display:inline-block;background:var(--board);padding:18px 26px;margin-bottom:24px;--h:clamp(70px,11vw,150px)}
.nf h1{font-size:clamp(62px,11vw,180px)}
.nf p{margin:14px 0 22px;font-size:21px;font-weight:500}

/* Калькулятор-фраза: перекрывает общие стили полей */
.say .say-f select,.say .say-f input[type=number]{width:auto;min-height:0;padding:0;border:0;border-bottom:clamp(4px,.5vw,8px) solid var(--o);background:none;font:inherit;text-transform:uppercase;line-height:1;outline-offset:4px}
.say .say-f input[type=number]{min-width:2.4ch;max-width:8ch}
.say .say-f select:focus,.say .say-f input:focus{outline:0;border-color:var(--ink)}

/* ---- Части, которых не было в предпросмотре ---- */
.flash{padding:12px var(--g);font-weight:700}
.flash--ok{background:var(--good-bg);color:var(--good)}
.flash--err{background:#FBE3DE;color:var(--bad)}
.user{position:relative}
.sub--right{left:auto;right:0;min-width:240px}
.has-sub:hover>.sub,.has-sub:focus-within>.sub{visibility:visible;opacity:1;transform:none}
.hero-text{max-width:560px;font-size:clamp(18px,1.5vw,22px);line-height:1.3;font-weight:500}
.chips small{font-weight:600;opacity:.65}
.xt tbody th small{display:block;font-weight:400;font-size:14px;color:var(--mute);line-height:1.25;margin-top:3px}
.xt tbody th .upd{font-size:12px}
.stamp--on{background:var(--o);border-color:var(--o);color:var(--ink);opacity:1}
.bank-l{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.bank-l img{width:32px;height:32px;object-fit:contain;flex:none}
.xwrap--flat{padding:0}
.plain--banks td{white-space:nowrap}
.plain--banks tbody th{font:700 17px/1.2 var(--text)}
.logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--ink);border-left:1px solid var(--line)}
.logos a{display:grid;place-items:center;height:96px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.logos a:hover{background:var(--o)}
.logos img{max-width:100%;max-height:56px;object-fit:contain}
.logos b{font:900 44px/1 var(--disp)}
.pubs--tight{padding-top:0}
.offers{display:grid;grid-template-columns:1fr 1fr;border-block:2px solid var(--ink)}
.offer{display:grid;gap:4px;padding:clamp(20px,3vw,40px) var(--g);text-decoration:none;align-content:start}
.offer+.offer{border-left:2px solid var(--ink)}
.offer:hover{background:var(--o)}
.offer small{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.offer strong{font:900 clamp(30px,3.4vw,50px)/1 var(--disp);text-transform:uppercase}
.offer em{font:900 clamp(64px,8vw,124px)/.95 var(--disp);font-style:normal}
.offer span{font-weight:600}
.offer b{margin-top:10px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.pub-list small{display:block;font:600 14px var(--text);color:var(--mute);margin-bottom:3px}
.district{display:flex;align-items:center;gap:10px;font-weight:700}
.district select{width:auto;min-height:44px}
.rank{border-bottom:2px solid var(--ink);counter-reset:r}
.rank li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:baseline;padding:13px 0;border-top:2px solid var(--ink)}
.rank a{text-decoration:none}
.rank b{font:900 clamp(26px,2.6vw,38px)/1 var(--disp);text-transform:uppercase}
.rank small{display:block;color:var(--mute);font-size:15px;margin-top:3px}
.rank span{font-weight:700;white-space:nowrap}
.rank strong{font:900 clamp(34px,3.6vw,54px)/1 var(--disp);white-space:nowrap}
.back-l{margin-top:22px}
.map-sec{padding:clamp(24px,3.6vw,50px) var(--g)}
.offices-map{height:clamp(320px,50vw,560px);background:var(--mist)}
.pager{display:flex;flex-wrap:wrap;gap:4px;padding:6px var(--g) 34px}
.pager a,.pager span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border:2px solid var(--ink);font-weight:800;text-decoration:none}
.pager a:hover{background:var(--o)}
.pager [aria-current]{background:var(--ink);color:#fff}
.pager [aria-disabled]{opacity:.3}
.nbk td small{font:500 14px var(--text);color:var(--mute)}
/* Панели сравнения используют разметку и скрипты старого сайта */
.holding-compare-root,.credit-compare-root,#holding-compare-root,#credit-compare-root{z-index:35}

/* ---- Адаптив ---- */
@media (max-width:1240px){
  .desk{display:none}.burger{display:block}
  .top-r .langs{display:none}.m-foot .langs{display:flex}
}
@media (max-width:1100px){
  .prow{grid-template-columns:minmax(0,1fr) auto}
  .prow dl{grid-column:1/-1;grid-row:2;grid-template-columns:auto 1fr auto auto}
  .prow .cmp{grid-column:2;grid-row:1}
  .side{grid-template-columns:minmax(0,1fr)}
  .filters{position:static;grid-template-columns:1fr 1fr}
  .filters h2,.filters .btn{grid-column:1/-1}
}
@media (max-width:980px){
  .fascia-grid{grid-template-columns:1fr 1fr}
  .cell:nth-child(odd){border-left:0;padding-left:0}
  .cell:nth-child(even){padding-right:0}
  .cell:nth-child(n+3){border-top:1px solid #2b2824}
  .cur-tabs{display:flex}
  .xt [data-cur]{display:none}
  .xt[data-active=USD] [data-cur=USD],.xt[data-active=EUR] [data-cur=EUR],.xt[data-active=RUR] [data-cur=RUR],.xt[data-active=CNY] [data-cur=CNY]{display:table-cell}
  .xt thead th{font-size:0;padding:0;border:0}
  .xt thead th:first-child{font-size:15px;padding:6px 0;border-bottom:2px solid var(--ink)}
  .xt thead th[data-cur]{border-bottom:2px solid var(--ink);padding-bottom:6px;vertical-align:bottom}
  .th-s{font-size:12px;margin:0}
  .xt tbody th{font-size:16px;padding-right:6px}
  .xt tbody th a{display:block;margin:0 0 3px}
  .xt td{font-size:24px;padding:9px 6px}
  .xt td[data-cur]{min-width:80px}
  .picker,.form-split,.auth,.soon,.split,.tv-duo{grid-template-columns:minmax(0,1fr)}
  .picker-r{padding:24px var(--g)}
  .picker-r>span{margin-top:8px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-lead{grid-column:1/-1}
  .sm{grid-template-columns:1fr 1fr}
  .cb-grid{grid-template-columns:1fr 1fr}
  .hr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hr-c{grid-column:1/-1;padding-bottom:0}
  .hr-v{padding:10px 12px 14px 0}
  .hr-v:nth-child(3){border-left:1px solid var(--line);padding-left:12px}
  .hr-v:nth-child(2){border-left:0}
}
@media (max-width:700px){
  body{font-size:17px}
  body.v2 .header{height:60px;gap:8px}
  .m-menu{inset:60px 0 0}
  html{scroll-padding-top:70px}
  .logo{width:118px}
  .foot .logo,.foot-logo .logo{width:100%}
  .city-btn{height:36px;font-size:14px;max-width:96px;padding:0 6px 0 4px;gap:3px}
  .city-btn svg{width:15px;height:15px}
  .login{height:36px;padding:0 9px;font-size:14px}
  .burger{width:32px;height:36px}
  .burger i{left:3px;right:3px}
  .burger i:first-child{top:10px}.burger i:last-child{bottom:10px}
  .burger[aria-expanded=true] i:first-child{top:16px}
  .burger[aria-expanded=true] i:last-child{bottom:16px}
  .hero h1{font-size:16.2vw}[data-lang=kz] .hero h1{font-size:13.9vw}
  .sec-h{grid-template-columns:minmax(0,1fr)}
  .sec-h .link{justify-self:start}
  .hero h1 span{display:block}
  .hero-b{flex-direction:column;align-items:stretch;gap:14px}
  .hero-a{display:grid;grid-template-columns:1fr 1fr}
  .btn{font-size:23px;padding:6px 10px}
  .fascia-top{font-size:12px}
  .fascia-grid{grid-template-columns:minmax(0,1fr)}
  .cell,.cell:first-child,.cell:last-child,.cell:nth-child(even),.cell:nth-child(odd){display:grid;grid-template-columns:62px minmax(0,1fr) minmax(0,1fr);gap:0 4px;align-items:start;padding:9px 0;border-left:0;border-top:1px solid #2b2824}
  .cell:first-child{border-top:0}
  .cell header{display:block;margin:0}
  .cell header b{display:block;font-size:34px}
  .cell header span{font-size:11px;line-height:1.1;display:block;margin-top:3px;white-space:nowrap}
  .led-v,button.led-v{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:3px;padding:2px 4px;margin:0;width:100%;--h:30px}
  .led-v small{font-size:11px}
  .fascia-nbk .cell{grid-template-columns:62px minmax(0,1fr)!important}
  .fascia-nbk .led-v{--h:34px;flex-direction:row}
  .say-f{font-size:58px;gap:2px 12px}
  .say-f .btn{width:100%;margin:12px 0 0}
  .say-res{grid-template-columns:minmax(0,1fr)}
  .say-res .r{text-align:left}
  .dir a{grid-template-columns:minmax(0,1fr) 28px;gap:0 8px;padding-block:8px}
  .dir i{display:none}
  .dir b{font-size:58px}
  .dir span{grid-column:1;grid-row:2;padding-bottom:4px}
  .dir .arr{grid-column:2;grid-row:1}
  .dir-s b{font-size:38px}
  .cb-grid{grid-template-columns:minmax(0,1fr)}
  .prow dl{grid-template-columns:1fr 1fr}
  .prow .key{grid-column:1/-1}
  .filters{grid-template-columns:minmax(0,1fr)}
  .sm,.foot-grid{grid-template-columns:minmax(0,1fr)}
  .pf{grid-template-columns:minmax(0,1fr)}
  .pf strong{font-size:58px}
  .pf-more>div{grid-template-columns:minmax(0,1fr)}
  .picker-r .main{font-size:68px}
  .phead h1{font-size:64px}
  .pf select{display:none}
  .long-h1 .phead h1{font-size:46px}
      .cmp-bar{left:8px;right:8px;transform:none;justify-content:space-between;bottom:58px}
  .cmp-bar span{font-size:14px}
  .to-top{bottom:58px;right:8px;width:40px;height:40px}
  .tv-tall{height:420px!important}
  .prose{font-size:18px}
  .fascia-top span:last-child{white-space:nowrap}
  .modal-box h3{font-size:34px}
}
@media (max-width:700px){
  .logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .offers{grid-template-columns:minmax(0,1fr)}
  .offer+.offer{border-left:0;border-top:2px solid var(--ink)}
  .rank li{grid-template-columns:minmax(0,1fr) auto}
  .rank span{grid-column:1;grid-row:2;font-size:15px}
  .rank strong{grid-column:2;grid-row:1/3;align-self:center}
  .plain--banks td{font-size:20px;padding:9px 4px}
  .xwrap--flat{overflow-x:auto}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{body.v2 .header,.foot,}
.prose{overflow-wrap:break-word}
.prose *{max-width:100%!important;min-width:0!important;box-sizing:border-box}
.prose img,.prose iframe{height:auto}
.prose pre{white-space:pre-wrap}

/* Плашка вместо логотипа, файла которого нет */
.logo-mono{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:46px;min-height:30px;padding:2px 6px;background:var(--ink);color:#fff;font:900 16px/1 var(--disp);letter-spacing:.02em;border-radius:0;object-fit:initial}

/* ===== Банки ===== */
/* ---- Банки: список /banks и профиль /banks/{pseudo} ---- */

/* Плашка логотипа: белое поле, линейка вместо тени */
.bk-logo{display:grid;place-items:center;flex:none;width:120px;height:60px;padding:8px;background:#fff;border:2px solid var(--ink)}
.bk-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.bk-logo .logo-mono{min-width:0;min-height:0;width:100%;height:100%;padding:0;background:none;color:var(--ink);font:900 26px/1 var(--disp);font-style:normal;letter-spacing:.02em;border:0}

/* Список банков: строки справочника с логотипом */
.bk-total{margin-top:10px;font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.dir--banks a{grid-template-columns:44px 120px minmax(0,1.25fr) minmax(0,1fr) 32px;gap:18px;align-items:center;padding-block:12px}
.dir--banks b{font-size:clamp(30px,3.4vw,54px);line-height:.95;overflow-wrap:anywhere;hyphens:auto}
.dir--banks a>span{display:grid;gap:6px;font-size:16px}
.dir--banks .bk-meta{font-size:16px;font-weight:600;line-height:1.3}
.dir--banks .bk-tags{display:flex;flex-wrap:wrap;gap:6px}
.dir--banks .bk-tags em{font-style:normal;font-weight:700;font-size:14px;padding:2px 8px;border:2px solid var(--ink);white-space:nowrap}
.dir--banks a:hover .bk-tags em{background:var(--ink);color:#fff}
.dir--banks .bk-logo span{font-size:26px;font-weight:900;grid-column:auto;grid-row:auto;padding:0}

/* Шапка профиля */
.bk-head h1{font-size:clamp(52px,8.4vw,148px);overflow-wrap:anywhere}
.bk-head--long h1{font-size:clamp(40px,5.6vw,96px)}
.bk-id{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:end}
.bk-logo--lg{width:200px;height:104px;padding:14px}
.bk-logo--lg .logo-mono{font-size:46px}
.bk-chips{margin-top:22px}
.bk-chips a{max-width:min(560px,82vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-chips a.bk-chip-k{background:var(--ink);color:#fff;border-color:var(--ink)}
.bk-chips a.bk-chip-k:hover{background:#fff;color:var(--ink)}

/* Курсы и справка */
.bk-split{border-bottom:2px solid var(--ink)}
.bk-split .facts{border-bottom:2px solid var(--ink)}
.bk-note{margin:-2px 0 12px;color:var(--mute);font-weight:600;font-size:15px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.bk-note .link{color:var(--ink);font-size:15px}
.bk-note .link .arr{width:16px;height:16px}
.bk-note--good{margin:12px 0 0;color:var(--good)}
.bk-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-rates{border-top:2px solid var(--ink)}
.bk-rates thead th{color:var(--mute)}
.bk-rates td{white-space:nowrap;font-size:clamp(26px,2.6vw,38px)}
.bk-rates tbody th{font-size:clamp(26px,2.6vw,38px)}
.bk-facts dd{overflow-wrap:anywhere;min-width:0}
.bk-facts dd small{color:var(--mute);font-weight:500}
.bk-facts a{text-underline-offset:3px}

/* Карта */
.bk-mapwrap{padding-top:0}
.bk-map .h3{margin-top:0}
.bk-map__canvas{height:clamp(260px,32vw,400px);background:var(--mist);border:2px solid var(--ink)}

/* О банке */
.bk-about{max-width:none;border-top:2px solid var(--ink)}
.bk-about>*{max-width:820px}
.bk-about h2{margin-top:0}
.bk-about img{max-width:100%;height:auto}
.bk-about table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}

/* Продукты банка */
.bk-sec{border-top:2px solid var(--ink)}
.bk-sec .sec-h p{font-weight:700}
.bk-good{color:var(--good)}
.bk-best-tag{font-style:normal;color:var(--good);font-weight:800}
.bk-sec .prow dl{grid-template-columns:auto auto auto}
.bk-sec .prow dl>div{min-width:0}

/* Филиалы */
.bk-branches{border-bottom:2px solid var(--ink)}
.bk-branches li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.6fr) minmax(0,1.6fr) auto;gap:4px 20px;align-items:baseline;padding:12px 0;border-top:2px solid var(--ink)}
.bk-branches b{font-weight:800}
.bk-br-city{font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.bk-br-addr{color:var(--mute)}
.bk-br-tel{font-weight:700;white-space:nowrap;text-underline-offset:3px}
.bk-more{margin-top:-2px}
.bk-more>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border:2px solid var(--ink);font-weight:800}
.bk-more>summary::-webkit-details-marker{display:none}
.bk-more>summary:hover{background:var(--o)}
.bk-more[open]>summary{margin-bottom:16px}

/* Отзывы */
.bk-cm-list{border-bottom:2px solid var(--ink)}
.bk-cm{padding:16px 0;border-top:2px solid var(--ink)}
.bk-cm--reply{margin-left:clamp(16px,4vw,56px);padding-bottom:0;border-top:1px solid var(--line)}
.bk-cm__kids{margin-top:6px}
.bk-cm__h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.bk-cm__ava{width:40px;height:40px;object-fit:cover;background:var(--mist)}
.bk-cm__name{font-weight:800}
.bk-cm__name a{text-underline-offset:3px}
.bk-cm__date{color:var(--mute);font-size:15px;font-weight:600}
.bk-cm__t{margin-top:10px;max-width:820px;overflow-wrap:anywhere}
.bk-cm__del{color:var(--mute);font-style:italic}
.bk-cm__reply{margin-top:8px;font-weight:800;font-size:15px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bk-cm__reply:hover{color:var(--o)}
.bk-cm__form:empty{display:none}
.bk-cm__form{margin-top:12px}

/* Форма отзыва */
.bk-leave{background:var(--mist)}
.bk-leave__in{max-width:820px}
.bk-leave__head .h3{margin-top:0}
.bk-leave__head .bk-note{margin:0 0 14px}
.bk-leave__head .bk-note a{color:var(--ink);font-weight:800;text-underline-offset:3px}
.bk-form{display:grid;gap:10px}
.bk-form__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bk-form textarea{width:100%;min-height:140px;resize:vertical;border:2px solid var(--ink);border-radius:0;background:#fff;padding:10px 12px;font:500 17px/1.4 var(--text);color:var(--ink)}
.bk-form textarea:focus{outline:3px solid var(--o);outline-offset:0}
.bk-form .btn{justify-self:start}
.bk-form--reply{padding:14px;background:var(--mist)}
.bk-form--reply textarea{min-height:96px}
.bk-back{padding-top:0}

@media (max-width:980px){
  .dir--banks a{grid-template-columns:44px 96px minmax(0,1fr) 28px}
  .dir--banks .bk-logo{width:96px;height:52px}
  .dir--banks a>span{grid-column:3;grid-row:2}
  .dir--banks b{grid-column:3;grid-row:1}
  .dir--banks i{grid-row:1/3}
  .dir--banks .bk-logo{grid-column:2;grid-row:1/3}
  .dir--banks .arr{grid-column:4;grid-row:1/3}
  .bk-branches li{grid-template-columns:minmax(0,1fr) auto}
  .bk-br-addr{grid-column:1/-1}
}

@media (max-width:700px){
  .dir--banks a{grid-template-columns:64px minmax(0,1fr) 24px;gap:4px 12px;padding-block:12px}
  .dir--banks i{display:none}
  .dir--banks .bk-logo{grid-column:1;grid-row:1/3;width:64px;height:40px;padding:4px;align-self:start}
  .dir--banks .bk-logo .logo-mono,.dir--banks .bk-logo span{font-size:18px}
  .dir--banks b{grid-column:2;grid-row:1;font-size:28px}
  .dir--banks a>span{grid-column:2;grid-row:2;padding-bottom:0}
  .dir--banks .bk-meta{font-size:15px}
  .dir--banks .arr{grid-column:3;grid-row:1;width:22px;height:22px}
  .bk-head h1{font-size:46px}
  .bk-head--long h1{font-size:36px}
  .bk-id{grid-template-columns:minmax(0,1fr) 84px;gap:12px}
  .bk-logo--lg{width:84px;height:48px;padding:6px}
  .bk-logo--lg .logo-mono{font-size:22px}
  .bk-rates th,.bk-rates td{padding-inline:6px}
  .bk-rates td,.bk-rates tbody th{font-size:24px}
  .bk-sec .prow dl{grid-template-columns:1fr 1fr}
  .bk-form__row{grid-template-columns:minmax(0,1fr)}
  .bk-form .btn{justify-self:stretch}
  .bk-cm--reply{margin-left:14px}
}

/* ===== exchange ===== */
/* ==== Обменники: таблица города, карточка обменника, крипто ==== */

/* ---- Таблица обменников города ---- */
.xwrap--ox{padding-top:10px}
.xt--ox thead th{position:sticky;top:68px;z-index:2;background:var(--paper)}
.xt--ox thead th:first-child{vertical-align:bottom;padding-left:0;font:700 13px/1.2 var(--text);letter-spacing:.07em;color:var(--mute)}
.xt--ox thead th[data-cur]{border-left:2px solid var(--ink);padding:8px 0 8px}
.ox-cur{display:block;font:900 34px/1 var(--disp);padding:0 10px}
.xt--ox .th-s{gap:0;margin-top:8px;border-top:1px solid var(--line)}
.xt--ox .th-s a,.xt--ox .th-s span{display:flex;justify-content:flex-end;align-items:baseline;gap:5px;padding:6px 10px 0;font:700 12px/1.15 var(--text);letter-spacing:.05em;text-transform:uppercase}
.xt--ox .th-s a i{font-style:normal;font-size:11px;color:var(--mute);width:1em;text-align:center}
.xt--ox .th-s a.on{background:var(--o);padding-bottom:4px}
.xt--ox .th-s a.on i{color:var(--ink)}
.xt--ox .th-s a+a,.xt--ox .th-s span+span{border-left:1px solid var(--line)}
.xt--ox tbody th{min-width:250px;max-width:400px;padding:14px 18px 14px 0;vertical-align:top;font-weight:400}
.ox-n{display:block;font:900 25px/1 var(--disp);text-transform:uppercase;text-decoration:none;overflow-wrap:anywhere}
.xt--ox tbody th a.ox-n{margin:0}
.xt--ox tbody th a.ox-n:hover{text-decoration:none;color:var(--o)}
.ox-a{display:block;margin-top:5px;font-size:15px;line-height:1.3;color:var(--mute)}
.ox-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}
.ox-u{font-size:12px;font-weight:600;color:var(--mute);letter-spacing:.02em}
.xt--ox td{padding:14px 10px;vertical-align:top;font-size:27px;font-variant-numeric:tabular-nums}
.xt--ox td:nth-child(even){border-left:0}
.xt--ox td.ox-b{border-left:2px solid var(--ink)}
.xt--ox td+td:not(.ox-b){border-left:1px solid var(--line)}
.xt--ox td.nil{color:#B9B4AC;font-weight:600}
.xt--ox tbody tr{border-bottom:1px solid var(--line)}
.xt--ox tbody tr:last-child{border-bottom:2px solid var(--ink)}
.xt--ox tbody tr:hover{background:var(--mist)}
.xt--ox tbody tr:hover td.best,.xt--ox td.best{background:var(--good-bg);color:var(--good)}
.xt--ox tr.is-stale td{opacity:.5}
.ox-legend{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:600;color:var(--mute)}
.ox-legend i{width:14px;height:14px;flex:none;background:var(--good-bg);border:2px solid var(--good)}

/* Крипто: вкладки монет на узком экране */
.xt--crypto[data-active=BTC] [data-cur=BTC],.xt--crypto[data-active=ETH] [data-cur=ETH],.xt--crypto[data-active=USDT] [data-cur=USDT]{display:table-cell}

@media (max-width:980px){
  .xt--ox thead th{top:68px}
  .ox-cur{display:none}
  .xt--ox thead th[data-cur]{border-left:0;padding:0}
  .xt--ox .th-s{margin:0;border-top:0}
  .xt--ox tbody th{min-width:0}
  .xt--ox td.ox-b{border-left:1px solid var(--line)}
  .xt--crypto [data-cur]{display:none}
  .xt--crypto[data-active=BTC] [data-cur=BTC],.xt--crypto[data-active=ETH] [data-cur=ETH],.xt--crypto[data-active=USDT] [data-cur=USDT]{display:table-cell}
}

/* Телефон: строка = карточка. Название и адрес сверху, под ними два курса выбранной валюты */
@media (max-width:700px){
  .cur-tabs{margin-top:16px}
  .cur-tabs button{padding:12px 0}
  .xwrap--ox{padding:0 var(--g) 24px}
  .xt--ox,.xt--ox thead,.xt--ox tbody{display:block}
  .xt--ox thead{position:sticky;top:60px;z-index:3;background:var(--paper);border-bottom:2px solid var(--ink)}
  .xt--ox thead tr{display:grid;grid-template-columns:minmax(0,1fr)}
  .xt--ox thead th{position:static}
  .xt--ox thead th:first-child{display:none}
  .xt--ox thead th[data-cur]{border:0;padding:0}
  .xt--ox .th-s{grid-template-columns:1fr 1fr}
  .xt--ox .th-s a,.xt--ox .th-s span{justify-content:space-between;padding:11px 10px;font-size:13px}
  .xt--ox .th-s a+a,.xt--ox .th-s span+span{border-left:1px solid var(--line)}
  .xt--ox tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px 0 12px;border-bottom:1px solid var(--line)}
  .xt--ox tbody tr:last-child{border-bottom:2px solid var(--ink)}
  .xt--ox tbody tr:hover{background:none}
  .xt--ox tbody th{grid-column:1/-1;max-width:none;padding:0 0 10px}
  .ox-n{font-size:25px}
  .xt--ox tbody th a.ox-n{display:block;margin:0}
  .xt--ox td,.xt--ox td[data-cur]{min-width:0;padding:7px 10px 8px;font-size:32px;text-align:left;background:var(--mist)}
  .xt--ox td.ox-b{border-left:0}
  .xt--ox td+td:not(.ox-b){border-left:2px solid var(--paper)}
  .xt--ox td::before{content:attr(data-l);display:block;margin-bottom:4px;font:700 11px/1.1 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
  .xt--ox td.best::before{color:var(--good)}
  .xt--ox td.nil{font-size:26px}
  .xt--ox td.best{background:var(--good-bg)}
  .xt--crypto td,.xt--crypto td[data-cur]{font-size:23px}
  .ox-legend{font-size:13px}
}

/* ---- Карточка обменника ---- */
.ox-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.stamp--ink{background:var(--ink);border-color:var(--ink);color:#fff;opacity:1}

.ox-head .crumbs b{max-width:min(420px,100%)}
.ox-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ox-acts .btn{min-height:52px}
.ox-board .fascia-top span:last-child{display:flex;align-items:center}
.ox-board .led-v{cursor:default}
.ox-stale{color:var(--o)!important}
@media (min-width:981px){
  .ox-board .fascia-grid{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
  .ox-board .cell{max-width:none}
}
.ox-split{padding-top:clamp(28px,4vw,56px)}
.ox-split .sec-h h2{font-size:clamp(44px,5.4vw,84px)}
.ox-plain{border-bottom:2px solid var(--ink)}
.ox-plain thead th{vertical-align:bottom}
.ox-plain tbody th{white-space:nowrap}
.ox-plain tbody th small{font:700 15px var(--text);color:var(--mute);margin-left:6px;vertical-align:middle}
.ox-plain td{font-variant-numeric:tabular-nums;white-space:nowrap}
.ox-plain td.nil{color:#B9B4AC}
.ox-plain tbody tr:hover{background:var(--mist)}
.ox-net{display:block;margin-top:4px;font:600 13px/1.2 var(--text);color:var(--mute);text-transform:none;white-space:normal}
.ox-side{position:sticky;top:90px}
.ox-side .h3{margin:0 0 12px}
.ox-facts{border-bottom:2px solid var(--ink)}
.ox-facts dd{overflow-wrap:anywhere}
.ox-facts dd a{font-weight:700}
.ox-facts .ox-warn{color:var(--bad)}
.ox-info{white-space:pre-line;font-weight:500}
.ox-split .empty{margin-inline:0}
.ox-map .sec-h h2,.ox-chart .sec-h h2{font-size:clamp(36px,4.2vw,64px)}
.ox-map .offices-map{border-block:2px solid var(--ink)}
.ox-chart-box{position:relative;height:clamp(260px,32vw,380px);padding-top:6px;border-top:2px solid var(--ink)}
.ox-back{padding:0 var(--g) clamp(32px,4vw,56px)}
.ox-tool-t{font-weight:600;color:var(--mute)}
.ox-ok h3{font:900 34px/1 var(--disp);text-transform:uppercase}
.ox-ok p{margin-top:12px;color:var(--good-bg);font-weight:700}

@media (max-width:980px){
  .ox-side{position:static}
}
@media (max-width:700px){
  .ox-acts{display:grid;grid-template-columns:minmax(0,1fr)}
  .ox-acts .btn{width:100%}
  .ox-plain th,.ox-plain td{padding:10px 4px}
  .ox-plain td{font-size:24px}
  .ox-plain tbody th{font-size:24px}
  .ox-plain tbody th small{font-size:13px;margin-left:3px}
  .ox-plain thead th{font-size:12px}
  .ox-facts{grid-template-columns:minmax(0,1fr)}
  .ox-facts dt{padding:12px 0 0}
  .ox-facts dd{border-top:0;padding-top:2px}
  .ox-board .fascia-top{flex-direction:column;gap:4px}
  .ox-board .cell,.ox-board .cell:first-child,.ox-board .cell:last-child,.ox-board .cell:nth-child(even),.ox-board .cell:nth-child(odd){grid-template-columns:72px minmax(0,1fr) minmax(0,1fr)}
  .ox-board .cell header b{font-size:30px}
  .ox-board .led-v,.ox-board button.led-v{--h:28px}
}
.ox-board.is-stale .seg{opacity:.5}
/* Анонс криптообменников: длинные слова не должны вылезать за экран (fitHeads их не подгоняет) */
.ox-soon h2,.ox-soon h3{overflow-wrap:break-word;hyphens:auto}
@media (max-width:700px){
  .ox-soon h2{font-size:clamp(30px,10.4vw,46px)}
  .ox-soon h3{font-size:clamp(22px,7vw,30px)}
}
/* Крипто: курсы BTC в тенге — восьмизначные, на телефоне уменьшаем */
@media (max-width:700px){
  .ox-plain--crypto td{font-size:19px;padding:10px 0 10px 10px}
  .ox-split .sec-h h2{font-size:clamp(34px,11.5vw,48px)}
  .ox-plain--crypto tbody th{font-size:21px;white-space:normal}
}

/* ===== products ===== */
/* ---- Продукты: кредиты, вклады, ипотека, микрозаймы, МФО ----
   Дополняет .plist/.prow/.filters/.facts/.cmp-t из app.css. Префикс pd- */

/* Плашка логотипа: белое поле, линейка вместо тени. Битый файл app.js меняет на .logo-mono с инициалами */
.pd-logo{display:grid;place-items:center;flex:none;width:76px;height:50px;padding:5px;background:#fff;border:2px solid var(--ink)}
.pd-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.pd-logo .logo-mono,.p-n .pd-logo .logo-mono{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;margin:0;padding:0;background:none;color:var(--ink);font:900 21px/1 var(--disp);letter-spacing:.02em;border:0}
.p-n .pd-logo{display:grid;margin:0}
.pd-logo--lg{width:168px;height:96px;padding:12px}
.pd-logo--lg .logo-mono{font-size:40px}

/* ---- Строка продукта в списке ---- */
.pd-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1.7fr) auto;gap:14px 32px;padding:18px 0}
.pd-row--solo{grid-template-columns:minmax(0,1.15fr) minmax(0,1.7fr)}
.pd-row .p-n{display:flex;gap:16px;align-items:flex-start;min-width:0}
.pd-t{min-width:0}
.pd-t>a,.pd-t>b{overflow-wrap:anywhere;hyphens:auto}
.p-n .pd-org a{display:inline;font:inherit;text-transform:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pd-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;list-style:none;padding:0}
.pd-tags li{padding:1px 7px;border:2px solid var(--ink);font-size:13px;font-weight:700;line-height:1.45;white-space:nowrap}
.pd-tags li.is-good{border-color:var(--good);color:var(--good)}
.pd-tags--lg{margin-top:4px}
.pd-tags--lg li{font-size:15px;padding:3px 10px;white-space:normal}

.pd-row dl{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:flex-start}
.pd-row dl>div{min-width:0}
.pd-row .key{min-width:140px}
.pd-row .key dd small{display:block;margin-top:5px;font:700 15px/1.2 var(--text);color:var(--mute);white-space:nowrap}
.pd-row.is-best .key dd{color:var(--good)}
.pd-best{display:inline-block;margin-left:6px;padding:1px 6px;background:var(--good);color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
.pd-go{margin-left:auto;align-self:center}
.pd-go .link{font-size:16px;white-space:nowrap}
.pd-row .cmp{justify-self:end}

/* В колонке рядом с фильтром места меньше: показатели уходят под название */
.side .pd-row{grid-template-columns:minmax(0,1fr) auto}
.side .pd-row dl{grid-column:1/-1;grid-row:2}

/* ---- Шапка карточки продукта ---- */
.pd-id{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:end}
.pd-eyebrow{margin-bottom:12px;font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.pd-eyebrow a{text-underline-offset:3px}
.pd-head h1{font-size:clamp(46px,7.6vw,128px);overflow-wrap:anywhere;hyphens:auto}
.pd-head-a{margin-top:20px}

/* Цифры продукта и действия */
.pd-split{padding-bottom:clamp(18px,2.4vw,32px)}
.pd-split .facts{border-bottom:2px solid var(--ink)}
.pd-split .facts dd{min-width:0;overflow-wrap:anywhere}
.pd-split .facts dd small{display:block;margin-top:6px;font:700 16px/1.2 var(--text);color:var(--mute)}
.facts.big dd.pd-dd-m{font-size:clamp(28px,3.4vw,48px);line-height:1.02}
.pd-split .stack>.link,.pd-split .stack>.cmp{align-self:flex-start}

/* ---- Секции страницы ---- */
.pd-sec{padding-block:clamp(18px,2.4vw,32px)}
.pd-sec>.h3{margin:0 0 14px}
.pd-sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 24px;margin-bottom:14px}
.pd-sec-h .h3{margin:0}
.pd-sec-h p{flex-basis:100%;color:var(--mute);font-weight:500}
.pd-sec-h .link{font-size:16px}
.pd-lead{max-width:860px;font-size:20px;line-height:1.45}
.pd-prose{padding:0;max-width:860px}
.pd-facts{max-width:980px;border-bottom:2px solid var(--ink)}
.pd-facts dd{min-width:0;overflow-wrap:anywhere}
.pd-facts dd a{text-underline-offset:3px}
.pd-notes{max-width:980px;border-bottom:2px solid var(--ink)}
.pd-notes>div{padding:14px 0;border-top:2px solid var(--ink)}
.pd-notes dt{margin-bottom:6px;font:900 26px/1 var(--disp);text-transform:uppercase}
.pd-notes dd{line-height:1.45}
.pd-foot{display:flex;flex-wrap:wrap;gap:12px 32px;padding-top:clamp(12px,2vw,24px)}
.pd-foot .link{font-size:17px}
.pd-seo{border-top:2px solid var(--ink);max-width:none}
.pd-seo>*{max-width:820px}
.pd-wire{padding:10px var(--g);background:var(--ink);color:#fff;font-weight:600}

/* ---- Варианты продукта: сроки и ставки ---- */
.pd-cur{margin:0 0 14px}
.pd-vt{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.pd-vt thead th{padding:10px 14px 10px 0;border-bottom:2px solid var(--ink);text-align:left;font:700 13px/1.2 var(--text);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.pd-vt tbody th,.pd-vt td{padding:12px 14px 12px 0;border-top:1px solid var(--line);text-align:left;vertical-align:middle;font-weight:600}
.pd-vt tbody tr:first-child>*{border-top:0}
.pd-vt tbody th{font:900 26px/1 var(--disp);text-transform:uppercase}
.pd-vt .pd-r{font:900 clamp(30px,3vw,44px)/1 var(--disp);white-space:nowrap}
.pd-vt tr.is-best .pd-r{color:var(--good)}
.pd-vt tbody tr:hover>*{background:var(--mist)}
.pd-vt .pd-vt-go{text-align:right;white-space:nowrap;padding-right:0}
.pd-vt-go .link{font-size:16px}
.pd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- Фильтры и выдача ---- */
.pd-filters .btn{width:100%}
.pd-filters .pf-more>div{grid-template-columns:minmax(0,1fr)}
.pd-reset{justify-self:start;font-size:16px}
.pd-filters--row{position:static;top:auto;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;margin-bottom:22px}
.pd-filters--row .btn{width:auto}
.pd-results{min-width:0}
.pd-res{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 18px;padding-bottom:12px}
.pd-res p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.pd-res b{font:900 clamp(28px,2.8vw,40px)/1 var(--disp);text-transform:uppercase}
.pd-res span{color:var(--mute);font-weight:600;font-size:15px}
.pd-pager .pager{padding-inline:0}
.side .pd-results>.empty{margin-top:0}
.pd-ctx{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:16px;padding:12px 0;border-block:2px solid var(--ink)}
.pd-ctx>div{display:grid;gap:2px;min-width:0}
.pd-ctx>div span{color:var(--mute);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.pd-ctx>div b{font:900 clamp(26px,2.6vw,36px)/1 var(--disp);text-transform:uppercase;overflow-wrap:anywhere}
.pd-ctx p{display:flex;flex-wrap:wrap;gap:8px 20px;margin-left:auto}
.pd-ctx .link{font-size:16px}

/* ---- Сравнение ---- */
.pd-note{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--mute);font-weight:600;font-size:15px}
.pd-dot{flex:none;width:12px;height:12px;background:var(--good)}
.pd-swipe{display:none;margin-top:10px}
.pd-cmp-t .cmp-r>span{position:sticky;left:0;z-index:1;background:var(--paper)}
.pd-cmp-t .cmp-r.head>div{display:grid;gap:8px;align-content:start}
.pd-cmp-t .cmp-r.head b a{text-decoration:none}
.pd-cmp-t .cmp-r.head b a:hover{text-decoration:underline}
.pd-cmp-t .cmp-r.head small a{text-underline-offset:3px}
.pd-cmp-t .cmp-r>div.best{color:var(--good)}
.pd-cmp-t .cmp-r>div.pd-txt{font:600 17px/1.3 var(--text)}
.pd-cmp-t .pd-cmp-act{border-bottom:0}
.pd-cmp-t .pd-cmp-act>div{display:grid;gap:8px;align-content:start;font:800 16px/1.2 var(--text)}
.pd-cmp-t .pd-cmp-act .link{font-size:16px}
.pd-miss{font:600 15px/1.3 var(--text);font-style:normal;color:var(--mute)}

/* Разбор ИИ под таблицей; классы *-compare-ai-panel__* нужны скриптам */
.pd-ai{border-top:2px solid var(--ink)}
.pd-ai .h3 span{color:var(--o)}
.pd-ai [hidden]{display:none}
.pd-ai .pd-sec-h p{flex-basis:auto;margin-top:8px}
.pd-ai-body{max-width:900px;font-size:18px;line-height:1.5}
.pd-ai-body>*+*{margin-top:.8em}
.pd-ai-body h3{margin-top:1.2em;font:900 28px/1 var(--disp);text-transform:uppercase}
.pd-ai-body ul{padding-left:1.1em;list-style:square}
.pd-ai-body li::marker{color:var(--o)}
.pd-ai-body li+li{margin-top:.35em}
.pd-ai-body [class$="-product"]{padding-top:12px;border-top:2px solid var(--ink)}
.pd-ai-body [class$="-product__title"]{font-weight:800}
.pd-ai-body [class$="__loading"],.pd-ai-body [class$="__error"]{padding:16px;background:var(--mist);font-weight:600}
.pd-ai-body [class$="__error"]{color:var(--bad)}
.pd-ai.is-loading .pd-ai-body{opacity:.8}

/* ---- Отзывы ---- */
.pd-rv{border-bottom:2px solid var(--ink)}
.pd-rv article{padding:16px 0;border-top:2px solid var(--ink)}
.pd-rv header{display:flex;justify-content:space-between;align-items:baseline;gap:6px 18px}
.pd-rv header b{font:900 clamp(24px,2.4vw,32px)/1 var(--disp);text-transform:uppercase;overflow-wrap:anywhere}
.pd-rv header span{flex:none;font:900 26px/1 var(--disp)}
.pd-rv p{margin-top:8px;max-width:860px;overflow-wrap:anywhere}
.pd-rv footer{margin-top:8px;color:var(--mute);font-weight:600;font-size:15px}
.pd-more{margin-top:18px}
.pd-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;max-width:860px}
.pd-form label{display:grid;gap:4px;font-weight:700;font-size:15px}
.pd-form-wide{grid-column:1/-1}
.pd-form textarea{width:100%;min-height:150px;border:2px solid var(--ink);border-radius:0;background:#fff;padding:10px 12px;font:500 17px/1.4 var(--text);resize:vertical}
.pd-form textarea:focus{outline:3px solid var(--o);outline-offset:0}
.pd-form .is-err{border-color:var(--bad);outline:2px solid var(--bad);outline-offset:-1px}
.pd-err{color:var(--bad);font-weight:700;font-size:14px}

/* ---- Карта МФО (разметка partials.entity-map) ---- */
.pd-map .entity-panel__head-main{display:flex;align-items:center}
.pd-map .entity-panel__icon{display:none}
.pd-map .entity-panel__title{margin:0 0 14px;font-size:34px;line-height:1}
.pd-map .entity-map{height:clamp(260px,32vw,400px);background:var(--mist);border:2px solid var(--ink)}

/* ---- Плашки сравнения (partials.credit-compare-bar / holding-compare-bar) ---- */
.credit-compare-fab,.holding-compare-fab{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:6px;padding:6px;background:var(--ink);color:#fff;white-space:nowrap}
.credit-compare-fab[hidden],.holding-compare-fab[hidden]{display:none}
body.has-credit-compare.has-holding-compare .holding-compare-fab{bottom:80px}
.credit-compare-fab__btn,.holding-compare-fab__btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 14px;background:var(--o);color:var(--ink);font:900 21px/1 var(--disp);text-transform:uppercase;text-decoration:none}
.credit-compare-fab__btn:hover,.holding-compare-fab__btn:hover{background:#fff}
.credit-compare-fab__badge,.holding-compare-fab__badge{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;background:var(--ink);color:#fff;font:800 15px/1 var(--text)}
.credit-compare-fab__clear,.holding-compare-fab__clear{width:40px;height:44px;color:#fff;font-size:28px;line-height:1}
.credit-compare-fab__clear[hidden],.holding-compare-fab__clear[hidden]{display:none}

@media (max-width:980px){
  .pd-row,.side .pd-row{grid-template-columns:minmax(0,1fr) auto}
  .pd-row--solo,.side .pd-row--solo{grid-template-columns:minmax(0,1fr)}
  .pd-row dl{grid-column:1/-1;grid-row:2}
  .pd-filters .pf-more,.pd-filters .pd-reset{grid-column:1/-1}
  .pd-filters .pf-more>div{grid-template-columns:1fr 1fr}
  .pd-filters--row{grid-template-columns:1fr 1fr}
  .pd-filters--row .btn{grid-column:1/-1;width:100%}
}

@media (max-width:700px){
  .pd-logo{width:56px;height:40px;padding:4px}
  .pd-logo .logo-mono,.p-n .pd-logo .logo-mono{font-size:17px}
  .pd-logo--lg{width:120px;height:68px;padding:8px}
  .pd-logo--lg .logo-mono{font-size:30px}
  .pd-row .p-n{gap:12px}
  .pd-row dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px}
  .pd-row .key{grid-column:1/-1;min-width:0}
  .pd-go{grid-column:1/-1;margin-left:0;justify-self:start}
  .pd-id{grid-template-columns:minmax(0,1fr)}
  .pd-id .pd-logo{grid-row:1;justify-self:start}
  .pd-head h1{font-size:44px}
  .pd-split .facts{grid-template-columns:minmax(0,1fr)}
  .pd-split .facts dt{padding-bottom:2px}
  .pd-split .facts dd{border-top:0;padding-top:0}
  .facts.big dd.pd-dd-m{font-size:30px}
  .pd-facts{grid-template-columns:minmax(0,1fr)}
  .pd-facts dt{padding-bottom:0}
  .pd-facts dd{border-top:0;padding-top:4px}
  .pd-lead{font-size:18px}
  .pd-filters .pf-more>div,.pd-filters--row{grid-template-columns:minmax(0,1fr)}
  .pd-vt,.pd-vt tbody{display:block}
  .pd-vt thead{display:none}
  .pd-vt tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;padding:14px 0;border-top:1px solid var(--line)}
  .pd-vt tbody tr:first-child{border-top:0}
  .pd-vt tbody th,.pd-vt td{display:block;padding:0;border:0}
  .pd-vt tbody th{grid-column:1/-1}
  .pd-vt td[data-l]::before{content:attr(data-l);display:block;margin-bottom:3px;font:700 12px/1.2 var(--text);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
  .pd-vt .pd-vt-go{grid-column:1/-1;text-align:left}
  .pd-vt .pd-vt-go:empty{display:none}
  .pd-vt tbody tr:hover>*{background:none}
  .pd-ctx p{margin-left:0}
  .pd-swipe{display:flex}
  .pd-cmp-t .cmp-r{grid-template-columns:104px repeat(var(--n),minmax(150px,1fr))}
  .pd-cmp-t .cmp-r>div{font-size:22px}
  .pd-cmp-t .cmp-r.head b{font-size:22px}
  .pd-form{grid-template-columns:minmax(0,1fr)}
  .credit-compare-fab,.holding-compare-fab{left:8px;right:8px;bottom:12px;transform:none;justify-content:space-between}
  body.has-credit-compare.has-holding-compare .holding-compare-fab{bottom:72px}
}

/* ===== content ===== */
/* Публикации, статические страницы, формы, вход, кабинет и ошибки. Всё привязано к своим блокам,
   чтобы после слияния с app.css не задеть старые страницы. */

/* ---- Шапка страницы: длинные слова не вылезают за край ---- */
.art-text h2,.page-text h2,.micro-text h2,.art-h h1,.static-page .phead h1,.cab .phead h1,.auth-l h1,.nf h1,.feed-h,.prose--h1 h1{overflow-wrap:break-word;hyphens:auto}
.phead .crumbs a:hover{text-decoration-thickness:2px}
.phead--bar{padding-bottom:clamp(12px,1.6vw,20px)}
.phead--bar .crumbs{margin:0}
.static-page .phead h1{font-size:clamp(44px,7vw,112px)}

/* ---- Лента новостей и статей ---- */
.feed-sec{padding-top:clamp(20px,2.6vw,36px);padding-bottom:14px}
.feed{border-bottom:2px solid var(--ink)}
.feed-i{position:relative;display:grid;grid-template-columns:clamp(132px,15vw,216px) minmax(0,1fr);gap:clamp(14px,2vw,30px);align-items:start;padding:16px 0;border-top:2px solid var(--ink)}
.feed-t{display:block;text-decoration:none;aspect-ratio:4/3;overflow:hidden;background:var(--mist)}
.feed-b{min-width:0}
.feed-m{display:flex;flex-wrap:wrap;gap:2px 14px;margin-bottom:6px;font:600 14px/1.3 var(--text);color:var(--mute)}
.feed-m a{position:relative;z-index:1;color:var(--ink);text-underline-offset:3px}
.feed-m a:hover{background:var(--o)}
.feed-h{font:800 clamp(24px,2.3vw,36px)/1.02 var(--disp);text-transform:uppercase;text-wrap:balance}
.feed-h a{text-decoration:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.feed-h a::after{content:"";position:absolute;inset:0}
.feed-i:hover .feed-h a{background:var(--o)}
.feed-h a:focus-visible{outline:0}
.feed-i:has(.feed-h a:focus-visible){outline:3px solid var(--ink);outline-offset:4px}
.feed-x{margin-top:8px;max-width:72ch;color:var(--mute);font-size:17px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.feed-layout{padding:clamp(20px,2.6vw,36px) var(--g) 0}
.feed-layout--side{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(28px,4vw,64px);align-items:start}
.feed-layout .pager{padding-inline:0}
.feed-layout .empty{margin-inline:0;margin-top:0}
.feed-aside{position:sticky;top:90px;background:var(--mist);padding:18px 18px 20px}
.feed-aside h2{font-size:clamp(34px,3vw,44px);margin-bottom:12px}
.feed-top{counter-reset:t;border-bottom:2px solid var(--ink)}
.feed-top li{counter-increment:t;border-top:2px solid var(--ink)}
.feed-top a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px;padding:10px 0;font-weight:700;font-size:16px;line-height:1.25;text-decoration:none}
.feed-top a::before{content:counter(t,decimal-leading-zero);font:900 22px/1 var(--disp);color:var(--mute)}
.feed-top a:hover{background:var(--o);box-shadow:-8px 0 var(--o),8px 0 var(--o)}
.feed-back{padding:0 var(--g) clamp(36px,5vw,72px)}
.author-exp{padding-bottom:0}

/* Картинка-превью публикации: фото, логотип банка или цветная плашка с подписью */
.feed .content-thumb,.art .content-thumb{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:var(--mist);color:var(--ink)}
.feed .content-thumb img,.art .content-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.feed .content-thumb--bank,.art .content-thumb--bank{background:#fff;outline:1px solid var(--line);outline-offset:-1px}
.feed .content-thumb--bank img,.art .content-thumb--bank img{width:70%;height:70%;object-fit:contain}
.feed .content-thumb__label,.art .content-thumb__label{position:absolute;left:0;bottom:0;max-width:100%;padding:3px 7px;background:var(--ink);color:#fff;font:700 11px/1.25 var(--text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed .content-thumb--gradient .content-thumb__label{position:static;padding:10px;background:none;color:inherit;font:900 clamp(22px,2.2vw,34px)/1 var(--disp);white-space:normal;text-align:center;letter-spacing:0}
.feed .content-thumb--g0{background:var(--o)}
.feed .content-thumb--g1{background:var(--ink);color:#fff}
.feed .content-thumb--g2{background:var(--mist)}
.feed .content-thumb--g3{background:#FFC58A}
.feed .content-thumb--g4{background:#2B2824;color:var(--o)}
.feed .content-thumb--g5{background:#FFE2C2}

/* ---- Статья ---- */
.art-h h1{font-size:clamp(40px,5vw,86px);line-height:.92;max-width:1240px}
.art-meta{display:flex;flex-wrap:wrap;gap:2px 16px;margin-bottom:12px;font:700 15px/1.3 var(--text)}
.art-meta a{text-underline-offset:3px}
.art-meta a:hover{background:var(--ink);color:#fff}
.art-lead{max-width:900px}
.art-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,340px);grid-template-areas:"text side";column-gap:clamp(32px,6vw,110px);padding:clamp(28px,4vw,56px) var(--g) clamp(36px,5vw,72px);align-items:start}
.art-grid--cover{grid-template-areas:"text cover" "text side";grid-template-rows:auto 1fr}
.art-text{grid-area:text;max-width:none;padding:0}
.art-cover{grid-area:cover;margin:0 0 24px}
.art-cover .content-thumb{aspect-ratio:16/10;height:auto}
.art-side{grid-area:side;position:sticky;top:90px;display:grid;gap:18px;align-content:start}
.art-facts{grid-template-columns:auto minmax(0,1fr);border-bottom:2px solid var(--ink)}
.art-facts dd{overflow-wrap:anywhere}
.art-facts a{text-underline-offset:3px}
.art-facts a:hover{background:var(--o)}
.art-tags{display:flex;flex-wrap:wrap;gap:6px}
.art-tags li{padding:3px 10px;border:2px solid var(--ink);font-weight:700;font-size:15px}
.art-back{justify-self:start}
.art-rel{border-top:2px solid var(--ink)}
.art-rel .sec-h h2,.feed-sec .sec-h h2,.nf-links .sec-h h2{font-size:clamp(40px,5.4vw,80px)}

/* Текст из базы: ссылки, цитаты, подзаголовки */
.art-text a,.page-text a,.micro-text a,.author-exp a{text-decoration-color:var(--o);text-decoration-thickness:2px;text-underline-offset:3px}
.art-text a:hover,.page-text a:hover,.micro-text a:hover,.author-exp a:hover{background:var(--o);text-decoration-color:var(--ink)}
.art-text h4,.page-text h4,.micro-text h4{font:800 22px/1.2 var(--text);margin-top:1.3em}
.art-text blockquote,.page-text blockquote,.micro-text blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 20px;border-left:6px solid var(--o);font-weight:500}
.art-text strong,.page-text strong,.micro-text strong{font-weight:800}
.art-text hr,.page-text hr,.micro-text hr{border:0;border-top:2px solid var(--ink)}
.art-text figure,.page-text figure{margin:1.2em 0}
.art-text figcaption{color:var(--mute);font-size:15px;margin-top:6px}
.art-text iframe,.page-text iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.page-text>:first-child,.art-text>:first-child{margin-top:0}
.prose--h1>h1:first-child,.prose--h1>h1{font-size:clamp(40px,5.4vw,84px);line-height:.92;margin-bottom:.5em}

/* ---- Заявка на кредит ---- */
.cr aside p{font-size:18px;line-height:1.45}
.cr-banks{display:flex;flex-wrap:wrap;gap:6px}
.cr-banks a{display:block;padding:5px 10px;border:2px solid var(--ink);background:#fff;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none}
.cr-banks a:hover{background:var(--o)}
.cr-note{color:var(--mute)}
.cr .form{align-self:start}

/* ---- Поля форм ---- */
.form textarea{width:100%;min-height:110px;border:2px solid var(--ink);border-radius:0;background:#fff;padding:10px 12px;font:500 17px/1.4 var(--text);resize:vertical}
.form>.err-t,.fld .err-t,.form>div>.err-t{display:block}
.form-cap{margin-top:14px;max-width:100%;overflow:hidden}
.form-alert{padding:10px 14px;margin-bottom:6px;background:#FBE3DE;color:var(--bad);font-weight:700}
.form-ok{padding:10px 14px;margin-bottom:6px;background:var(--good-bg);color:var(--good);font-weight:700}
.form-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:16px;color:var(--mute);font-weight:500}
.form-alt .link{color:var(--ink)}
.fld{display:grid;gap:5px;margin-top:10px}
.fld>label{font-weight:700;font-size:15px}
.form .is-err{outline-offset:-1px}
.auth-form{align-self:start}
.auth-l ul{margin-top:28px}
.check .link{display:inline;font-weight:700}
.confirm-code-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 14px;margin-bottom:6px;background:var(--mist);font-weight:700}
.confirm-code{font:900 clamp(30px,3vw,40px)/1 var(--disp);letter-spacing:.08em}

/* ---- Заявка принята ---- */
.ok-h p{max-width:920px;color:var(--ink);font-size:clamp(18px,1.5vw,22px);line-height:1.35;font-weight:600}
.ok-n{display:flex;gap:14px;align-items:center}
.ok-logo{width:58px;height:58px;flex:none;object-fit:contain;background:#fff;outline:1px solid var(--line);outline-offset:-1px}
.ok-cta{min-height:48px;font-size:22px;padding:4px 18px}

/* ---- Ошибки ---- */
.nf h1{max-width:1100px}
.nf p{max-width:720px}
.nf-a{display:flex;flex-wrap:wrap;gap:10px}
.nf-links .dir-s{margin-top:0}
.nf-links .dir-s a{padding-inline:0;grid-template-columns:minmax(0,1fr) 32px}
.err-top{justify-content:flex-start}

/* ---- Личный кабинет: прежняя разметка в новом виде ---- */
.cab>.crumbs{margin:0;padding:clamp(18px,2.6vw,34px) var(--g) 0;background:var(--o)}
.cab>.entity-back{display:block;padding:8px var(--g) 0;background:var(--o);font-weight:800;font-size:15px;text-underline-offset:3px}
.cab>.entity-back::before{content:"← "}
.cab>.crumbs+.phead,.cab>.entity-back+.phead{padding-top:14px}
.cab>:not(.phead):not(.crumbs):not(.entity-back){margin-left:var(--g);margin-right:var(--g)}
.cab>.phead+*{margin-top:clamp(20px,3vw,36px)}
.cab>:last-child{margin-bottom:clamp(36px,5vw,72px)}
.cab>.pager{padding:4px 0 18px}
.cab .phead h1{font-size:clamp(44px,6.4vw,104px)}
.cab .user-profile__head{display:flex;gap:18px;align-items:center}
.cab .user-profile__avatar{width:64px;height:64px;flex:none;object-fit:cover;background:#fff;border:2px solid var(--ink)}
.cab .alert{margin-bottom:16px;padding:12px 16px;font-weight:700}
.cab .alert--ok{background:var(--good-bg);color:var(--good)}
.cab .alert--error{background:#FBE3DE;color:var(--bad)}
.cab .card{background:#fff;border:0;border-top:2px solid var(--ink);padding-top:18px}
.cab .platform-form:not(.platform-form--toolbar){display:grid;gap:14px;max-width:780px}
.cab .rates-form.platform-form{max-width:none}
.cab .form-field{display:grid;gap:5px;min-width:0}
.cab .form-field__label{font-weight:700;font-size:15px}
.cab .form-field__error{color:var(--bad);font-weight:700;font-size:15px}
.cab .form-hint{color:var(--mute);font-size:15px;line-height:1.35}
.cab .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cab textarea{width:100%;min-height:110px;border:2px solid var(--ink);border-radius:0;background:#fff;padding:10px 12px;font:500 17px/1.4 var(--text);resize:vertical}
.cab textarea:focus{outline:3px solid var(--o);outline-offset:0}
.cab .checkbox-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-weight:500;font-size:16px;cursor:pointer}
.cab .checkbox-row label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.cab .checkbox-row input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:none;width:24px;height:24px;margin:0;border:2px solid var(--ink);background:#fff;cursor:pointer}
.cab .checkbox-row input[type=checkbox]:checked{background:var(--o)}
.cab .checkbox-row input[type=checkbox]:checked::after{content:"";width:10px;height:6px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px)}
.cab .phone-block{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.cab .offices-map{height:clamp(260px,40vw,420px)}
.cab .btn{min-height:50px;padding:6px 20px;font-size:22px;border:3px solid var(--ink);background:#fff;color:var(--ink)}
.cab .btn:hover{background:var(--ink);color:#fff}
.cab .btn--primary{background:var(--o);border-color:var(--o)}
.cab .btn--primary:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.cab .btn--sm{min-height:36px;padding:2px 10px;font-size:17px;border-width:2px}
.cab .platform-form__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.cab .toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px}
.cab .platform-form--toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;padding:16px;background:var(--mist)}
.cab .platform-form__actions--toolbar{margin:0;grid-column:1/-1}
.cab form.inline{display:inline}
.cab .rates-table-wrap{overflow-x:auto;margin-bottom:16px;border-top:2px solid var(--ink)}
.cab .rates-table{width:100%;border-collapse:collapse;font-size:16px}
.cab .rates-table th{padding:10px 8px;border-bottom:2px solid var(--ink);text-align:left;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.cab .rates-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.cab .rates-table tbody tr:hover{background:var(--mist)}
.cab .rates-table td:last-child{white-space:nowrap}
.cab .office-name a{font-weight:800;text-underline-offset:3px}
.cab .field-input--rate{max-width:150px;min-height:44px;font:800 22px/1 var(--disp)}
.cab tr.is-locked{opacity:.5}
.cab .rate-hint{color:var(--mute);white-space:nowrap}
.cab .cabinet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:0 clamp(18px,3vw,40px)}
.cab .cabinet-card{display:grid;gap:12px;align-content:start;padding:16px 0 22px}
.cab .cabinet-card h2{font-size:clamp(30px,3vw,44px);line-height:.95;overflow-wrap:break-word}
.cab .cabinet-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cab .cabinet-card__actions,.cab .office-actions{display:flex;flex-wrap:wrap;gap:8px}
.cab .cabinet-card .btn{min-height:42px;padding:4px 12px;font-size:19px}
.cab .meta-list{display:grid;border-bottom:1px solid var(--line)}
.cab .meta-list li{display:grid;grid-template-columns:minmax(110px,190px) minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.cab .meta-list strong{padding-top:2px;color:var(--mute);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.cab .meta-list span{overflow-wrap:anywhere}
.cab .badge{display:inline-block;padding:2px 8px;background:var(--o);color:var(--ink);font:700 12px/1.3 var(--text);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.cab .empty-state{padding:28px 0;border-block:2px solid var(--ink)}
.cab .empty-state h3{font:900 clamp(30px,3.6vw,52px)/1 var(--disp);text-transform:uppercase}
.cab .empty-state p{margin-top:10px}
.cab .office-card__title{font-size:clamp(34px,4vw,56px);margin-bottom:16px}
.cab .office-stats{border-bottom:2px solid var(--ink)}
.cab .office-stats li{padding:12px 0;border-top:2px solid var(--ink);font-size:18px;font-weight:500}
.cab .office-stats a,.cab .office-stats strong{font-weight:800;text-underline-offset:3px}
.cab .home-section{margin-top:clamp(30px,4vw,56px)}
.cab .section-title{font-size:clamp(40px,5vw,72px)}
.cab .section-subtitle{margin:8px 0 14px;color:var(--mute)}
.cab .user-edit__meta{margin-bottom:8px}

/* ---- Адаптив ---- */
@media (max-width:980px){
  .art-grid,.art-grid--cover{grid-template-columns:minmax(0,1fr);grid-template-areas:"cover" "text" "side";grid-template-rows:none}
  .art-grid:not(.art-grid--cover){grid-template-areas:"text" "side"}
  .art-side{position:static;margin-top:32px}
  .art-cover{margin-bottom:22px}
  .feed-layout--side{grid-template-columns:minmax(0,1fr)}
  .feed-aside{position:static}
}
@media (max-width:700px){
  .feed-i{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px 0}
  .feed-h{font-size:24px}
  .feed-x{font-size:16px;-webkit-line-clamp:2}
  .feed .content-thumb--gradient .content-thumb__label{font-size:17px;padding:6px}
  .art-h h1{font-size:clamp(34px,10vw,46px)}
  .static-page .phead h1{font-size:clamp(28px,8vw,52px)}
  .art-text h2,.page-text h2,.micro-text h2{font-size:clamp(28px,8vw,36px)}
  .cab .phead h1{font-size:clamp(36px,10.4vw,52px)}
  .auth-l h1{font-size:clamp(40px,12vw,62px)}
  .nf h1{font-size:clamp(46px,13vw,62px)}
  .prose--h1>h1{font-size:clamp(34px,10vw,46px)}
  .ok-row .ok-cta{grid-column:1/-1;grid-row:3;width:100%}
  .cab .btn{font-size:20px;padding:6px 14px}
  .cab .meta-list li{grid-template-columns:minmax(0,1fr);gap:2px}
  .cab .platform-form__actions .btn{flex:1 1 auto}
}
@media (max-width:480px){
  .cab .form-row{grid-template-columns:minmax(0,1fr)}
  .nf-a .btn{flex:1 1 100%}
}

/* ===== Логотипы строго внутри рамки ===== */
.bk-logo,.pd-logo,.ok-logo{overflow:hidden;box-sizing:border-box;min-width:0}
.bk-logo img,.pd-logo img,.ok-logo img{width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;object-fit:contain;object-position:center}