/* v2-pages: внутренние страницы Uitbetaalmeter (зона pages, 03.11).
   Тема «выписка / касса»: линейки вместо карточек, моно-цифры, тёмные полосы --deep.
   Только переменные из брифа, у каждой fallback. Без теней, градиентов, иконок-украшений. */

/* ---------- 1. Общие приёмы ---------- */
/* Тёмная полоса во всю ширину: заголовок секции вида (в) */
.pg-deep{background:var(--deep,#0D2B24);color:var(--on-deep,#E8F1EE);border-top:0;border-bottom:0}
.pg-deep h2,.pg-deep h3{color:#fff}
.pg-deep .sec__lead,.pg-deep [data-slot]{color:var(--on-deep,#E8F1EE)}
.pg-deep .eyebrow{color:var(--on-deep2,#9DB8B0)}
main .pg-deep p a:not(.btn):not(.link),main .pg-deep [data-slot] a:not(.btn){color:#fff;text-decoration-color:rgba(232,241,238,.45)}
.pg-deep .link{color:#fff}
/* да/нет на тёмном: белый текст, зелёная галочка */
.pg-deep .dpill,.pg-deep .dpill--part,.pg-deep .dpill--no{color:#fff}
.pg-deep .dpill--yes .ic,.pg-deep .mx--yes,.pg-deep .dstat--yes{background:var(--go,#16A34A);color:#fff}
.pg-deep .dpill--tbd,.pg-deep .dpill--na,.pg-deep .np{color:var(--on-deep2,#9DB8B0)}

/* Заголовок вида (б): моно-номер и линейка над H2, счётчик по странице */
main{counter-reset:hsec}
.hd-num h2:not(.rg__h){counter-increment:hsec}
.hd-num h2:not(.rg__h)::before{content:counter(hsec,decimal-leading-zero) " /";display:block;margin-bottom:14px;padding-right:0;
  font:500 13px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:0;color:var(--ink3,#82908B);
  background:linear-gradient(var(--line,#DCE3E0),var(--line,#DCE3E0)) right center/calc(100% - 48px) 1px no-repeat}
.hd-num .eyebrow{display:none}

/* Eyebrow не в каждой секции: на внутренних шаблонах только у каждой третьей */
:is(.p-method,.p-withdraw,.p-brand,.p-bm,.p-bank,.p-low,.p-payout,.p-compare,.p-guide,.p-info,.p-rtp,.p-tool,.p-hub) main>.sec .eyebrow{display:none}
:is(.p-method,.p-withdraw,.p-brand,.p-bm,.p-bank,.p-low,.p-payout,.p-compare,.p-guide,.p-info,.p-rtp,.p-tool,.p-hub) main>.sec:nth-of-type(3n+2):not(.hd-num) .eyebrow{display:block}
.eyebrow:empty{display:none}

/* ---------- 2. Хлебные крошки: моно, как реквизиты документа ---------- */
.crumbs ol{gap:8px;font:500 12px/1.4 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.02em;text-transform:uppercase;color:var(--ink3,#82908B)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line,#DCE3E0)}
.crumbs a{color:var(--ink2,#4D5B57);text-decoration:none}
.crumbs a:hover{color:var(--ink,#111917);text-decoration:underline}
.crumbs [aria-current]{color:var(--ink,#111917)}

/* ---------- 3. Hero внутренних страниц ---------- */
.ihero{background:var(--card,#fff);border-bottom:1px solid var(--line,#DCE3E0);padding:24px 0 48px}
.ihero h1,.ghead h1,.vshead h1,.thead h1,.shead h1{font-stretch:82%;letter-spacing:-.02em}
.ihero .eyebrow,.ghead .eyebrow,.vshead .eyebrow{font:500 12px/1.3 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2,#4D5B57)}
.ihero .lhero,.ihero .bhero{border-radius:var(--r-lg,14px);box-shadow:none}
.ihero+.sec--top0{padding-top:56px}

/* 3а. Метод: логотип слева от H1, «In het kort» справа; сверху линейка 2px */
.ihero--method .ihero__grid{padding-top:28px;border-top:2px solid var(--ink,#111917)}
.ihero--method .lhero{border-color:var(--line,#DCE3E0)}

/* 3б. Бренд: вся шапка на тёмном, как шапка кассы; карточка фактов белая поверх */
.ihero--brand{background:var(--deep,#0D2B24);border-bottom:0;color:var(--on-deep,#E8F1EE)}
.ihero--brand h1{color:#fff}
.ihero--brand .eyebrow,.ihero--brand .crumbs ol,.ihero--brand .crumbs a{color:var(--on-deep2,#9DB8B0)}
.ihero--brand .crumbs [aria-current]{color:#fff}
.ihero--brand .crumbs li+li::before{color:rgba(232,241,238,.3)}
.ihero--brand .ihero__lead{color:var(--on-deep,#E8F1EE)}
main .ihero--brand p a:not(.btn):not(.link){color:#fff;text-decoration-color:rgba(232,241,238,.45)}
.ihero--brand .bhero{border-color:transparent}
.ihero--brand .bhero--dark{border-color:var(--deep-line,rgba(232,241,238,.14))}
.ihero--brand .kort{border:0;box-shadow:none}

/* 3в. Банк: факты не карточкой справа, а строкой реквизитов во всю ширину под H1 */
.ihero--bank .ihero__grid--kort{grid-template-columns:minmax(0,1fr);gap:36px}
.ihero--bank .kort{display:grid;grid-template-columns:150px minmax(0,1fr);padding:0;border:0;border-top:2px solid var(--ink,#111917);border-radius:0;background:transparent;box-shadow:none}
.ihero--bank .kort__h{margin:0;padding:16px 16px 0 0;font:500 12px/1.3 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.04em;color:var(--ink2,#4D5B57)}
.ihero--bank .kort dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.ihero--bank .kort dl[hidden]{display:none}
.ihero--bank .kort dl>div{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:0;padding:16px;border-bottom:0;border-left:1px solid var(--line,#DCE3E0)}
.ihero--bank .kort dt{font-size:13px}
.ihero--bank .kort dd{max-width:none;justify-content:flex-start;text-align:left;font-weight:600}
.ihero--bank .kort .na-legend{grid-column:2}

/* 3г. Вывод: H1 слева, логотип метода справа (направление «к тебе»); под hero тёмное табло */
.ihero--withdraw .ihero__in{flex-direction:row-reverse;justify-content:space-between;align-items:center}
.ihero--withdraw .ihero__txt{max-width:780px}

/* 3д. Бренд × метод: логотип над H1, текст и факты в две колонки */
.ihero--pair .ihero__in{flex-direction:column;align-items:flex-start;gap:24px}

/* 3е. Сравнение: два «счёта» в одной рамке, между ними моно-метка vs */
.vshead{background:var(--card,#fff);border-bottom:1px solid var(--line,#DCE3E0);padding:24px 0 48px}
.vshead .eyebrow{margin-top:28px}
.vsbar{gap:0;margin-top:36px;border:1px solid var(--line,#DCE3E0);border-top:2px solid var(--ink,#111917);border-radius:0 0 var(--r-lg,14px) var(--r-lg,14px);background:var(--card,#fff);overflow:hidden}
.vsbar__s{padding:28px 32px;border:0;border-radius:0;background:transparent}
.vsbar__s:hover{background:var(--bg,#F4F6F5)}
.vsbar__s b{font-size:26px}
.vsbar__vs{align-self:stretch;width:56px;height:auto;border-radius:0;background:var(--bg,#F4F6F5);color:var(--ink2,#4D5B57);border-left:1px solid var(--line,#DCE3E0);border-right:1px solid var(--line,#DCE3E0);font:500 14px/1 var(--f-m,"IBM Plex Mono",monospace);text-transform:uppercase}

/* 3ж. Гид: узкая колонка, «Kort antwoord» как отпечатанная справка с левой линейкой */
.ghead{background:var(--card,#fff);border-bottom:1px solid var(--line,#DCE3E0);padding:24px 0 48px}
.answer{border:0;border-left:4px solid var(--deep,#0D2B24);border-radius:0;background:var(--bg,#F4F6F5);box-shadow:none;padding:20px 24px}
.answer__l{font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--ink,#111917)}
.answer__l .ic{display:none}

/* 3з. Лоудеп: сумма как строка «итого» в чеке, тёмная табличка с моно-цифрой */
.p-low .ihero__in{align-items:stretch}
.p-low .amt{width:auto;min-width:200px;height:auto;padding:20px 28px;display:grid;grid-template-columns:auto 1fr;align-content:space-between;justify-content:start;gap:18px 4px;border:0;border-radius:var(--r,10px);background:var(--deep,#0D2B24);color:#fff;font:500 64px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:-.04em}
.p-low .amt::before{grid-column:1/-1;content:"Min. storting";font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--on-deep2,#9DB8B0)}
.p-low .amt small{align-self:start;margin-top:4px;font-size:.5em;color:var(--on-deep2,#9DB8B0)}
.p-low .amt{font-variant-numeric:tabular-nums}
.p-low .ihero__vis .amt{display:grid}
/* 3и. Инфо (iDIN, лимиты): текст hero с толстой левой линейкой, как выдержка из правил */
.p-info .ihero__txt{padding-left:28px;border-left:4px solid var(--deep,#0D2B24)}
/* 3к. RTP: hero на тёмном, как табло процентов */
.p-rtp .ihero{background:var(--deep,#0D2B24);border-bottom:0}
.p-rtp .ihero h1{color:#fff}
.p-rtp .ihero .eyebrow,.p-rtp .ihero .crumbs ol,.p-rtp .ihero .crumbs a,.p-rtp .ihero .fine{color:var(--on-deep2,#9DB8B0)}
.p-rtp .ihero .crumbs [aria-current]{color:#fff}
.p-rtp .ihero__lead{color:var(--on-deep,#E8F1EE)}
.p-rtp main .ihero p a:not(.btn):not(.link){color:#fff;text-decoration-color:rgba(232,241,238,.45)}
/* 3л. Хабы: H1 под линейкой 2px, текст в две колонки (H1 | лид) */
.p-hub .ihero__txt{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px 56px;align-items:end;max-width:none;padding-top:24px;border-top:2px solid var(--ink,#111917)}
.p-hub .ihero__txt .eyebrow{grid-column:1/-1;margin:0}
.p-hub .ihero__lead{margin:0}
.p-hub .ihero__cta{grid-column:1/-1}

/* Хаб лоудепа: суммы как строки прайса вместо пастельных карточек */
.p-low .lgrid{gap:0;border-top:2px solid var(--ink,#111917)}
.p-low .lcard{padding:22px 24px 24px 0;border-radius:0;background:transparent!important;border-right:1px solid var(--line,#DCE3E0)}
.p-low .lgrid li+li .lcard{padding-left:24px}
.p-low .lgrid li:last-child .lcard{border-right:0}
.p-low .lcard:hover{transform:none;box-shadow:none}
.p-low .lcard__amt{font:500 56px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:-.04em}
.p-low .lcard__amt small{color:var(--ink3,#82908B)}
.p-low .lcard__lbl{font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase}
.p-low .lcard__go{top:22px;right:24px;width:32px;height:32px;border-radius:6px;background:var(--deep,#0D2B24);color:#fff}
.p-low .lcard:hover .lcard__go{background:var(--go,#16A34A)}
/* Хаб гидов: оглавление с моно-номерами и линейками */
.glist{gap:0 40px;border-top:2px solid var(--ink,#111917)}
.glist a{min-height:64px;padding:14px 0;border:0;border-bottom:1px solid var(--line,#DCE3E0);border-radius:0;background:transparent}
.glist a:hover{transform:none;color:var(--link,#0F6B57)}
.glist__n{width:36px;justify-items:start;font:500 14px/1 var(--f-m,"IBM Plex Mono",monospace);color:var(--ink3,#82908B);-webkit-text-stroke:0}
.glist__n .ic{color:var(--ink3,#82908B);width:18px;height:18px}
.glist__t{font-size:17px}

/* Остальные шапки (tool, service, news) и простые hero без визуала */
.thead,.shead{background:var(--card,#fff);border-bottom:1px solid var(--line,#DCE3E0)}

/* ---------- 4. Шаги: вертикальная шкала, как табло выплат ---------- */
.nsteps{gap:0;margin:28px 0}
.nsteps li{position:relative;grid-template-columns:84px minmax(0,1fr);gap:20px;padding:0 0 26px}
.nsteps li::before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:var(--line,#DCE3E0)}
.nsteps li:last-child{padding-bottom:0}
.nsteps li:last-child::before{display:none}
.nsteps__n{position:relative;display:inline-flex;align-items:center;gap:10px;height:28px;color:var(--ink,#111917);-webkit-text-stroke:0;font:500 13px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:0}
.nsteps__n::before{content:"";flex:none;width:12px;height:12px;margin-left:8px;border-radius:2px;background:var(--deep,#0D2B24)}
.nsteps li:last-child .nsteps__n::before{background:var(--go,#16A34A)}
.nsteps__t{font-size:18px;padding-top:2px}
.nsteps li>div>p:not(.nsteps__t){color:var(--ink2,#4D5B57)}
.pg-deep .nsteps li::before{background:var(--deep-line,rgba(232,241,238,.14))}
.pg-deep .nsteps__n{color:var(--on-deep2,#9DB8B0)}
.pg-deep .nsteps__n::before{background:var(--on-deep,#E8F1EE)}
.pg-deep .nsteps__t{color:#fff}
.pg-deep .nsteps li>div>p:not(.nsteps__t){color:var(--on-deep,#E8F1EE)}

/* Горизонтальная шкала фаз вывода (только шаблон withdraw; главную не трогаем) */
.p-withdraw .tline{counter-reset:wfase;gap:0}
.p-withdraw .tline__s{border-top:2px solid var(--ink,#111917)}
@media (max-width:1060px){.p-withdraw .tline{row-gap:36px}}
.p-withdraw .tline::before{display:none}
.p-withdraw .tline__s{align-items:flex-start;text-align:left;padding-right:28px}
.p-withdraw .tline__dot{order:-1;display:block;width:auto;height:auto;margin:-7px 0 18px;border:0;border-radius:0;background:none;box-shadow:none}
.p-withdraw .tline__dot .ic{display:none}
.p-withdraw .tline__dot::before{content:"";display:block;width:12px;height:12px;border-radius:2px;background:var(--deep,#0D2B24)}
.p-withdraw .tline__s:last-child .tline__dot::before{background:var(--go,#16A34A)}
.p-withdraw .tline__dot::after{counter-increment:wfase;content:"Fase " counter(wfase,decimal-leading-zero);display:block;margin-top:12px;font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);color:var(--ink3,#82908B)}
.p-withdraw .tline__t{min-height:0;display:block;font-size:20px}
.p-withdraw .tline__d{max-width:none;margin-top:10px}
.p-withdraw .tline__time{border-radius:6px;font-family:var(--f-m,"IBM Plex Mono",monospace);font-weight:500}

/* ---------- 5. «Let op» / проблемы: строки выписки ---------- */
.trap__head h2{padding-left:0;border-left:0}
.trap{border:0;border-top:2px solid var(--ink,#111917);border-radius:0;background:transparent;overflow:visible}
.trap__row{gap:32px;padding:20px 0;border-bottom:1px solid var(--line,#DCE3E0)}
.trap__row:last-child{border-bottom:1px solid var(--line,#DCE3E0)}
.trap__row--head{padding:12px 0;background:transparent;font:500 11px/1.2 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;color:var(--ink3,#82908B)}
.trap__s{gap:14px}
.trap__ic{display:block;width:auto;height:auto;padding-top:2px;border-radius:0;background:none;color:var(--slow,#C2410C);font:500 13px/1.4 var(--f-m,"IBM Plex Mono",monospace)}
.trap__d{padding-left:0;border-left:0}
.trap__row>div:not(.trap__s){color:var(--ink2,#4D5B57)}
/* на тёмной полосе */
.pg-deep .trap{border-top-color:var(--on-deep,#E8F1EE)}
.pg-deep .trap__row,.pg-deep .trap__row:last-child{border-bottom-color:var(--deep-line,rgba(232,241,238,.14))}
.pg-deep .trap__row--head{color:var(--on-deep2,#9DB8B0)}
.pg-deep .trap__s,.pg-deep .trap__s [data-slot]{color:#fff}
.pg-deep .trap__row>div:not(.trap__s),.pg-deep .trap__row>div:not(.trap__s) [data-slot]{color:var(--on-deep,#E8F1EE)}
.pg-deep .trap__ic{color:var(--mid,#C99A06)}

/* Плашки Tip / Let op: без заливки, линейка сверху и моно-метка с точкой-сигналом */
.callout{margin:28px 0;padding:14px 0 0;border:0;border-top:2px solid var(--ink,#111917);border-radius:0;background:transparent}
.callout__h{gap:10px;margin-bottom:8px;font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--ink,#111917)}
.callout__h::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--mid,#C99A06)}
.callout--tip .callout__h{color:var(--ink,#111917)}
.callout--tip .callout__h::before{background:var(--link,#0F6B57)}
.callout>[data-slot]{color:var(--ink2,#4D5B57)}

/* ---------- 6. Блоки шаблона «метод» ---------- */
/* Факты: квитанция, пунктир между строками */
.feiten{padding:18px 22px 8px;border:0;border-top:3px solid var(--deep,#0D2B24);border-radius:0;box-shadow:none;background:var(--card,#fff)}
.feiten__h{font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase}
.feiten th,.feiten td{border-bottom:1px dashed var(--line,#DCE3E0)}
.feiten th{font-size:14px}
/* Панели «Opnemen» / «Kosten»: без карточек, две колонки под линейкой */
:is(.p-method,.p-brand) .panel{padding:24px 0 0;border:0;border-top:2px solid var(--ink,#111917);border-radius:0;background:transparent}
.p-brand .panel+.panel{border-top-color:var(--ink3,#82908B)}
/* Для кого: два столбца-списка */
.pc{padding:20px 0 0;border:0;border-top:2px solid var(--ink,#111917);border-radius:0;background:transparent}
.pc--no{border-top-color:var(--ink3,#82908B)}
.pc__h .ic{width:20px;height:20px;padding:0;border-radius:0;background:none!important}
.pc--yes .pc__h .ic{color:var(--go,#16A34A)}
.pc li{border-top-color:var(--line,#DCE3E0)}
/* Альтернативы в боковой колонке: список строк */
.rel{padding:14px 0 0;border:0;border-top:2px solid var(--ink,#111917);border-radius:0;background:transparent}
.rel__h{font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;color:var(--ink,#111917)}
.rel__list{gap:0}
.rel__list a{padding:10px 0;border-radius:0;background:transparent;border-bottom:1px solid var(--line,#DCE3E0)}
.rel__list a:hover{background:transparent;color:var(--link,#0F6B57)}

/* ---------- 7. Шаблон «вывод»: тёмное табло ---------- */
.pg-deep--board{padding:48px 0}
.pg-deep--board .vcard{padding:0;border:0;border-radius:0;background:transparent}
.pg-deep--board .vcard__q h3{color:#fff;font-size:26px}
.pg-deep--board .vcard__a{color:var(--on-deep,#E8F1EE)}
.pg-deep--board .vm{gap:0;margin-top:32px;padding-top:0;border-top:1px solid var(--deep-line,rgba(232,241,238,.14))}
.pg-deep--board .vm__i{padding:20px 24px 0 0!important;border-right:1px solid var(--deep-line,rgba(232,241,238,.14))}
.pg-deep--board .vm__i+.vm__i{padding-left:24px!important}
.pg-deep--board .vm__i:last-child{border-right:0}
.pg-deep--board .vm .it{display:none}
.pg-deep--board .vm__i dt{font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--on-deep2,#9DB8B0)}
.pg-deep--board .vm__i dd{margin-top:10px;font:500 24px/1.2 var(--f-m,"IBM Plex Mono",monospace);color:#fff}
.pg-deep--board .vm__i dd .np,.pg-deep--board .vm__i dd .na{color:var(--on-deep2,#9DB8B0)}
/* Ссылки и альтернативы: строки со стрелкой вместо плиток */
:is(.p-withdraw,.p-guide,.p-tool) .tiles3{gap:0 32px}
:is(.p-withdraw,.p-guide,.p-tool) .ltile{min-height:56px;padding:14px 0;border:0;border-bottom:1px solid var(--line,#DCE3E0);border-radius:0;background:transparent}
:is(.p-withdraw,.p-guide,.p-tool) .ltile:hover{transform:none;color:var(--link,#0F6B57)}
:is(.p-withdraw,.p-guide,.p-tool) .tiles3 .ltile{border-top:0}
:is(.p-withdraw,.p-guide,.p-tool) .side .ltile:first-child{border-top:2px solid var(--ink,#111917)}

/* ---------- 8. Шаблон «бренд» и «бренд × метод» ---------- */
.p-brand .duo,.p-bm .duo{gap:48px}
.p-brand .duo__c{padding:24px 0 0;border-radius:0;background:transparent;border-top:2px solid var(--ink,#111917)}
.p-brand .duo__c--teal{border-top-color:var(--ink3,#82908B)}
.tabs__bar button{font-family:var(--f-m,"IBM Plex Mono",monospace);font-weight:500}
.vbox{padding:20px 0 0;border:0;border-top:3px solid var(--deep,#0D2B24);border-radius:0;background:transparent}
.altlist{gap:0 32px}
.altlist a,.altlist .is-empty>span{padding:12px 0;border:0;border-bottom:1px solid var(--line,#DCE3E0);border-radius:0;background:transparent}
.altlist a:hover{color:var(--link,#0F6B57)}
.altlist__t{font-family:var(--f-m,"IBM Plex Mono",monospace)}

/* ---------- 9. Шаблон «банк»: блокировка на тёмной полосе ---------- */
.pg-deep--bank .gblock{padding:0 48px 0 0;border-radius:0;background:transparent;border-right:1px solid var(--deep-line,rgba(232,241,238,.14))}
.pg-deep--bank .gblock__top{padding:18px 0;border-top:2px solid var(--on-deep,#E8F1EE);border-bottom:1px solid var(--deep-line,rgba(232,241,238,.14))}
.pg-deep--bank .gblock__ic{display:none}
.pg-deep--bank .gblock__l{font:500 12px/1.2 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--on-deep2,#9DB8B0)}
.pg-deep--bank .gblock__v{font:500 18px/1.4 var(--f-m,"IBM Plex Mono",monospace)}

/* ---------- 10. Сравнение: «Kies A / Kies B» на тёмной полосе ---------- */
.pg-deep--kies .duo{gap:0}
.pg-deep--kies .duo__c{padding:8px 48px 8px 0;border-radius:0;background:transparent}
.pg-deep--kies .duo__c+.duo__c{padding:8px 0 8px 48px;border-left:1px solid var(--deep-line,rgba(232,241,238,.14))}
.pg-deep--kies .duo__c .clogo{padding:6px 10px;border-radius:8px;background:#fff}
.pg-deep--kies .ticks li{padding:12px 0;border-top:1px solid var(--deep-line,rgba(232,241,238,.14));color:var(--on-deep,#E8F1EE)}
.pg-deep--kies .ticks .ic{background:transparent;color:var(--go,#16A34A);padding:0}
.p-compare .duo__c--or,.p-compare .duo__c--teal{background:transparent;border-radius:0;padding:24px 0 0;border-top:2px solid var(--ink,#111917)}
.p-compare .pg-deep--kies .duo__c{border-top:0}
.p-compare .duo{gap:48px}
.p-compare .pg-deep--kies .duo{gap:0}

/* ---------- 11. Гид: эскалация на тёмной плашке ---------- */
.escal{gap:0;margin-top:40px;border-radius:var(--r-lg,14px);background:var(--deep,#0D2B24);overflow:hidden}
.escal>div{padding:24px 28px;border:0;border-radius:0;background:transparent;color:var(--on-deep,#E8F1EE)}
.escal>div+div{border-left:1px solid var(--deep-line,rgba(232,241,238,.14))}
.escal>div>.ic{display:none}
.escal__t{margin:0 0 8px;color:#fff}
.escal [data-slot]{color:var(--on-deep,#E8F1EE)}

/* ---------- 12. FAQ: нумерованные вопросы, моно-номер слева ---------- */
.faq{counter-reset:faq;border-top:2px solid var(--ink,#111917)}
.faq__item summary{counter-increment:faq;justify-content:flex-start;gap:16px}
.faq__item summary::before{content:counter(faq,decimal-leading-zero);flex:none;width:28px;font:500 13px/1.6 var(--f-m,"IBM Plex Mono",monospace);color:var(--ink3,#82908B)}
.faq__item[open] summary::before{color:var(--ink,#111917)}
.faq__pm{width:28px;height:28px;border-radius:6px}
.faq__item[open] .faq__pm{background:var(--deep,#0D2B24);border-color:var(--deep,#0D2B24)}
.faq__item[open] .faq__pm::before,.faq__item[open] .faq__pm::after{background:#fff}
.faq__a{padding:0 52px 22px 48px}

/* ---------- 13. RG-блок в теле: 18+ табло слева, линии помощи строками ---------- */
.rg{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;padding:28px 0 0;border:0;border-top:3px solid var(--ink,#111917);border-radius:0;background:transparent}
.rg__badge{width:120px;height:120px;border-radius:var(--r,10px);background:var(--deep,#0D2B24);color:#fff;font:500 40px/1 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:-.02em}
.rg__lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin-top:20px}
.rg .tpill{display:flex;justify-content:flex-start;min-height:56px;padding:12px 0;border:0;border-top:1px solid var(--line,#DCE3E0);border-radius:0;background:transparent;flex-wrap:wrap;gap:4px 8px}
.rg .tpill:hover{background:transparent;color:var(--link,#0F6B57)}
.rg .tpill .ic{color:var(--ink2,#4D5B57)}
.rg .tpill b{font:500 15px/1.3 var(--f-m,"IBM Plex Mono",monospace)}
.rg .tpill small{font-family:var(--f-m,"IBM Plex Mono",monospace)}

/* ---------- 14. Мобильная версия ---------- */
@media (max-width:1060px){
  .ihero--bank .kort dl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ihero--bank .kort dl>div:nth-child(3n+1){border-left:0;padding-left:0}
}
@media (max-width:760px){
  .ihero{padding:16px 0 32px}
  .ihero+.sec--top0{padding-top:36px}
  .ihero--method .ihero__grid{padding-top:20px}
  .ihero--withdraw .ihero__in{flex-direction:column;align-items:flex-start}
  .p-low .ihero__in{flex-direction:column}
  .p-low .amt{min-width:0;width:100%;font-size:48px;padding:16px 20px}
  .p-info .ihero__txt{padding-left:18px}
  .p-hub .ihero__txt{grid-template-columns:1fr}
  .p-low .lgrid{grid-template-columns:1fr}
  .p-low .lcard,.p-low .lgrid li+li .lcard{padding:18px 0;border-right:0;border-bottom:1px solid var(--line,#DCE3E0)}
  .p-low .lcard__go{right:0}
  .glist{grid-template-columns:1fr}
  /* RTP-таблица на мобиле: каждая строка — блок «метка … значение», без горизонтального скролла */
  .rtpt{overflow:visible;border:0;border-top:2px solid var(--ink,#111917);border-radius:0;background:transparent}
  .rtpt table{min-width:0;display:block}
  .rtpt thead{display:none}
  .rtpt tbody{display:block}
  .rtpt tbody tr{display:grid;grid-template-columns:40px minmax(0,1fr);padding:14px 0;border-bottom:1px solid var(--line,#DCE3E0)}
  .rtpt tbody tr>*{display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;padding:4px 0;border:0;grid-column:2}
  .rtpt tbody tr>td.num{grid-column:1;grid-row:1;font-family:var(--f-m,"IBM Plex Mono",monospace);color:var(--ink3,#82908B)}
  .rtpt tbody tr>th{grid-row:1;font-weight:700}
  .rtpt td[data-l]::before{content:attr(data-l);flex:none;font:500 11px/1.2 var(--f-m,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3,#82908B)}
  .rtpt td.rtpc{display:flex;white-space:normal}
  .rtpt td.rtpc .rtpbar{width:56px;margin:0 0 0 auto}
  .rtpt td.rtpc .rtpv,.rtpt td.rtpc>b{text-align:right}
  .ihero--bank .kort{grid-template-columns:1fr}
  .ihero--bank .kort__h{padding:14px 0 0}
  .ihero--bank .kort dl{grid-template-columns:1fr 1fr}
  .ihero--bank .kort dl>div{padding:12px 12px 12px 0;border-left:0;border-bottom:1px solid var(--line2,#E9EEEC)}
  .ihero--bank .kort .na-legend{grid-column:1}
  .vshead,.ghead{padding:16px 0 32px}
  .vsbar{grid-template-columns:1fr}
  .vsbar__s{padding:18px 20px}
  .vsbar__vs{width:auto;height:32px;justify-self:stretch;border:0;border-top:1px solid var(--line,#DCE3E0);border-bottom:1px solid var(--line,#DCE3E0)}
  .nsteps li{grid-template-columns:52px minmax(0,1fr);gap:12px}
  .nsteps__n{gap:8px}
  .p-withdraw .tline{grid-template-columns:1fr;border-left:2px solid var(--ink,#111917);gap:24px;padding-left:24px;margin-left:6px}
  .p-withdraw .tline::before{display:none}
  .p-withdraw .tline__s{display:flex;flex-direction:column;padding:0;border-top:0}
  .p-withdraw .tline__t{font-size:18px}
  .p-withdraw .tline__dot{position:absolute;left:-31px;top:2px;margin:0}
  .p-withdraw .tline__dot::after{display:none}
  .p-withdraw .tline__t::before{counter-increment:wfase;content:"Fase " counter(wfase,decimal-leading-zero);display:block;margin-bottom:6px;font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);color:var(--ink3,#82908B)}
  .trap__row{gap:10px;padding:18px 0}
  .pg-deep .trap__row>[data-l]::before{color:var(--on-deep2,#9DB8B0)}
  .pg-deep--board .vm{gap:0}
  .pg-deep--board .vm__i,.pg-deep--board .vm__i+.vm__i{padding:16px 0!important;border-right:0;border-bottom:1px solid var(--deep-line,rgba(232,241,238,.14))}
  .pg-deep--board .vm__i dd{font-size:20px}
  .pg-deep--bank .gblock{padding:0 0 32px;border-right:0;border-bottom:1px solid var(--deep-line,rgba(232,241,238,.14))}
  .pg-deep--kies .duo__c,.pg-deep--kies .duo__c+.duo__c{padding:0 0 28px;border-left:0}
  .pg-deep--kies .duo__c+.duo__c{padding-top:28px;border-top:1px solid var(--deep-line,rgba(232,241,238,.14))}
  .escal>div+div{border-left:0;border-top:1px solid var(--deep-line,rgba(232,241,238,.14))}
  .faq__a{padding:0 8px 20px 44px}
  .rg{grid-template-columns:1fr;gap:16px;padding-top:22px}
  .rg__badge{width:64px;height:64px;font-size:22px}
  .rg__lines{grid-template-columns:1fr}
  :is(.p-withdraw,.p-guide,.p-tool) .tiles3,.altlist{gap:0}
}