/* v2-data.css (агент data): табло Top 10, таблицы брендов, карточки и матрица методов, «In het kort», калькулятор,
   сравнения, бейджи и легенда. Визуальный код: банковская выписка и табло сроков. Только переменные из брифа. */
:root{--dm:var(--f-m,"IBM Plex Mono",ui-monospace,"SFMono-Regular",Consolas,monospace)}

/* ---------- Общие: моно для сумм и сроков ---------- */
.num,.ptime,.dep,.mxs small,.mx-speed small,.mchip--more,.bt__note,.na-legend,.stale,.lic{font-family:var(--dm);font-variant-numeric:tabular-nums}
.num{font-weight:500;letter-spacing:-.01em}
.ptime{font-weight:500;font-size:.92em;letter-spacing:-.01em}
.ptime[title]{text-decoration-color:var(--line,#DCE3E0)}
.dash{font-family:var(--dm);color:var(--ink3,#82908B)}

/* Тёмная полоса секции (на хабах data: матрица, Ksa-таблица, «Selectie», «Alles over uitbetalen») */
.sec--deep{background:var(--deep,#0D2B24);color:var(--on-deep,#E8F1EE);border:0}
.sec--deep h2,.sec--deep h3{color:#fff}
.sec--deep .sec__head :is(p,[data-slot]),.sec--deep .split>div>:is(p,[data-slot]),.sec--deep .split>div>[data-slot] p{color:var(--on-deep2,#9DB8B0)}
.sec--deep :is(.matrix,.kv,.ktable){color:var(--ink,#111917)}
.sec--deep a:not(.btn){color:var(--on-deep,#E8F1EE)}
.eyebrow:empty{display:none}

/* ---------- Шкала сроков ---------- */
/* Сегментная шкала у текста срока: 4 деления, заполнение по сроку (секунды/1 ч = 4, 24 ч = 3, 2-3 дня = 2, дольше = 1). */
.tdot{gap:10px;font:500 13px/1.25 var(--dm);letter-spacing:-.01em;color:var(--ink,#111917)}
.tdot::before{--n:0;--c:var(--ink3,#82908B);width:30px;height:10px;border-radius:0;
  background:linear-gradient(90deg,var(--c) calc(var(--n) * 25%),var(--tg-off,var(--line,#DCE3E0)) 0);
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px);mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px)}
.tdot--g::before{--n:4;--c:var(--fast,#16A34A)}
.tdot--t::before{--n:3;--c:var(--mid,#C99A06)}
.tdot--y::before{--n:2;--c:var(--mid,#C99A06)}
.tdot--o::before{--n:1;--c:var(--slow,#C2410C)}
.tdot--na::before{--n:0}
.tdot--na{color:var(--ink3,#82908B)}
/* Полоса срока как линейка с делениями */
.sbar{height:10px;max-width:160px;border-radius:0;background:var(--line2,#E9EEEC)}
.sbar>span{border-radius:0;background:var(--ink2,#4D5B57)}
.sbar--fast>span{background:var(--fast,#16A34A)}
.sbar--mid>span{background:var(--mid,#C99A06)}
.sbar--slow>span{background:var(--slow,#C2410C)}
.sbar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 2px),#fff calc(12.5% - 2px) 12.5%)}
.sbar--tbd>span{width:0}

/* ---------- Бейджи, легенда, чипы методов ---------- */
/* Лицензия: штамп, не таблетка */
.lic{height:18px;padding:0 6px;border-radius:3px;background:transparent;border:1px solid var(--line,#DCE3E0);font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2,#4D5B57)}
.lic--ksa{border-color:var(--link,#0F6B57);color:var(--link,#0F6B57);background:transparent}
.lic--off{border-color:var(--slow,#C2410C);color:var(--slow,#C2410C);background:transparent}
.stale{padding:0;border-radius:0;background:transparent;font-size:10.5px;color:var(--ink3,#82908B)}
.na{font-family:var(--dm)}
.na-legend{font-size:11px;letter-spacing:.02em}
.na-legend .na{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:4px;border:1px solid var(--line,#DCE3E0);border-radius:3px;font-size:11px}
/* Тип метода: моно-ярлык с цветной меткой */
.tbadge{height:auto;padding:0;border-radius:0;background:transparent!important;gap:6px;font:500 10.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2,#4D5B57)!important}
.tbadge::before{content:"";width:7px;height:7px;flex:none;background:currentColor}
.tbadge--bank::before{background:#2C4A8A}.tbadge--e-wallet::before{background:#5B3F99}.tbadge--prepaid::before{background:#97480F}
.tbadge--kaart::before{background:#2F6B44}.tbadge--crypto::before{background:#B08300}.tbadge--mobiel::before{background:#474A52}
/* Чипы методов: логотипы в одинаковых ячейках */
.mchip-row{gap:4px}
.mchip{height:28px;min-width:44px;justify-content:center;padding:0 7px;border-radius:5px;border-color:var(--line,#DCE3E0)}
.mchip--more{min-width:32px;border-style:dashed;font-size:11.5px;font-weight:500;color:var(--ink2,#4D5B57)}
/* Да/нет */
.dpill{height:auto;min-height:24px;padding:2px 0;gap:6px;border-radius:0;background:transparent!important;border:0!important;font:500 13px/1.3 var(--dm);letter-spacing:-.01em}
.dpill .ic{width:16px;height:16px;padding:2px;border-radius:3px;stroke-width:2.6;flex:none}
.dpill--yes{color:var(--ink,#111917)}.dpill--yes .ic{background:var(--deep,#0D2B24);color:#fff}
.dpill--no{color:var(--ink2,#4D5B57)}.dpill--no .ic{background:transparent;color:var(--ink3,#82908B);box-shadow:inset 0 0 0 1px var(--line,#DCE3E0)}
.dpill--part{color:var(--ink2,#4D5B57)}.dpill--part .ic{background:var(--line,#DCE3E0);color:var(--ink,#111917)}
.dpill--tbd,.dpill--na{color:var(--ink3,#82908B)}
.mx,.dstat{width:22px;height:22px;border-radius:4px}
.mx .ic,.dstat .ic{width:14px;height:14px}
.mx--yes,.dstat--yes{background:var(--deep,#0D2B24);color:#fff}
.mx--no,.dstat--no{background:transparent;color:var(--ink3,#82908B);box-shadow:inset 0 0 0 1px var(--line,#DCE3E0)}
.mx--tbd{border-radius:4px}
.mxs{gap:10px}
.mxs small{font-size:12px;color:var(--ink2,#4D5B57)}
.dep{font-weight:500;font-size:14px}
.dep .ic{width:16px;height:16px;padding:2px;border-radius:3px;background:var(--deep,#0D2B24);color:#fff}
.dep--no{color:var(--ink2,#4D5B57)}
.dep--no .ic{background:transparent;color:var(--ink3,#82908B);box-shadow:inset 0 0 0 1px var(--line,#DCE3E0)}

/* ---------- Табло Top 10 (главная) ---------- */
.t10board{border:1px solid var(--ink,#111917);border-radius:var(--r-lg,14px);background:var(--card,#fff);overflow:hidden}
.t10board .top10{border:0;border-radius:0;background:transparent;overflow:visible}
.top10__h{display:grid;gap:16px;align-items:center;height:38px;padding:0 20px;background:var(--card,#fff);border-bottom:1.5px solid var(--ink,#111917);color:var(--ink3,#82908B);font:500 10.5px/1 var(--dm);letter-spacing:.1em;text-transform:uppercase}
.top10__h,.top10__r{grid-template-columns:40px 220px 210px 160px 96px minmax(0,1fr)}
.top10__r{min-height:72px;padding:10px 20px;border-bottom:1px solid var(--line2,#E9EEEC)}
.top10__r:nth-child(odd):not(.top10__r--one){background:#FAFBFA}
.top10__r:hover{background:#F1F5F3}
.top10__n{font:500 15px/1 var(--dm);color:var(--ink3,#82908B);letter-spacing:.02em}
.top10__d{font-size:15px}
.top10__d .dash,.top10__d:has(.na){color:var(--ink3,#82908B)}
.top10__m .mchip-row{flex-wrap:nowrap}
.top10__cta{justify-content:flex-end}
.top10 .btn{border-radius:var(--r,10px)}
.top10__tag{font:500 10.5px/1 var(--dm);letter-spacing:.1em;text-transform:uppercase;color:var(--on-deep2,#9DB8B0)}
/* Строка 01: инверсия на тёмной полосе */
.top10__r--one{min-height:104px;padding-top:18px;padding-bottom:18px;background:var(--deep,#0D2B24);border-bottom:0;color:var(--on-deep,#E8F1EE)}
.top10__r--one:hover{background:var(--deep-2,#133A31)}
.top10__r--one .top10__n{font-size:28px;color:#fff}
.top10__r--one .top10__b{color:#fff}
.top10__r--one .bt__n b{font-size:20px}
.top10__r--one .blogo--top{width:112px;height:60px;border-color:transparent}
.top10__r--one .tdot,.top10__r--one .top10__d{color:#fff}
.top10__r--one .tdot{--tg-off:rgba(232,241,238,.22)}
.top10__r--one .lic--ksa{border-color:var(--on-deep2,#9DB8B0);color:var(--on-deep,#E8F1EE)}
.top10__r--one .mchip{border-color:transparent}
.top10__r--one .mchip--more{background:transparent;border-color:var(--deep-line,rgba(232,241,238,.3));color:var(--on-deep,#E8F1EE)}
.top10__r--one .bt__kassa{color:var(--on-deep,#E8F1EE)}
.top10__r--one .top10__cta{flex-wrap:wrap;row-gap:6px}
.top10__r--one .fine{width:100%;text-align:right;font-size:11px;color:var(--on-deep2,#9DB8B0)}
.t10board .bt__note{border-top:1px solid var(--line,#DCE3E0)}
.t10board>.na-legend{margin:0;padding:10px 20px;border-top:1px solid var(--line2,#E9EEEC)}
@media (min-width:1061px){
  .top10__cta .btn{width:290px;justify-content:center;white-space:nowrap}
  .top10__cta .bt__kassa{width:88px;text-align:right}
  .top10__r--one .fine{padding-right:100px;text-align:center;width:390px;margin-left:auto}
}
@media (max-width:1060px){
  .top10__h{display:none}
  .top10__r{grid-template-columns:30px minmax(0,1fr);gap:8px 12px;padding:16px}
  .top10__b,.top10__m{grid-column:2}
  .top10__t,.top10__d{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px dashed var(--line,#DCE3E0);font-size:14px}
  .top10__t::before,.top10__d::before{content:attr(data-l);font:500 11px/1 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3,#82908B)}
  .top10__r--one .top10__t,.top10__r--one .top10__d{border-top-color:var(--deep-line,rgba(232,241,238,.2))}
  .top10__r--one .top10__t::before,.top10__r--one .top10__d::before{color:var(--on-deep2,#9DB8B0)}
  .top10__r--one .top10__n{font-size:20px}
  .top10__m .mchip-row{flex-wrap:wrap}
  .top10__cta{grid-column:1/-1;justify-content:stretch;margin-top:4px}
  .top10__r--one .fine{text-align:center}
}

/* ---------- Таблицы брендов (.bt): выписка ---------- */
.btable2{border-color:var(--line,#DCE3E0);border-radius:var(--r-lg,14px)}
.bsort{gap:0;padding:0 8px;background:var(--bg,#F4F6F5)}
.bsort__l{padding:0 8px;font:500 10.5px/1 var(--dm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3,#82908B)}
.bsort button{height:44px;padding:0 14px;border:0;border-radius:0;background:transparent;box-shadow:inset 0 -2px 0 transparent;font:600 13.5px/1 var(--f-b);color:var(--ink2,#4D5B57)}
.bsort button:hover{background:transparent;color:var(--ink,#111917)}
.bsort button.is-on{background:transparent;color:var(--ink,#111917);box-shadow:inset 0 -2px 0 var(--ink,#111917)}
.bt thead th,.ktable thead th,.kv thead th{height:36px;padding-top:0;padding-bottom:0;background:var(--card,#fff);border-bottom:1px solid var(--ink,#111917);font:500 10.5px/1 var(--dm);letter-spacing:.1em;color:var(--ink3,#82908B)}
.bt tbody th,.bt td{height:62px;border-bottom:1px solid var(--line2,#E9EEEC)}
.bt tbody tr:hover>*{background:#F6F8F7}
.bt__n b{font-size:15.5px}
.bt td.num,.bt td .num{font-size:14px}
.bt__note{font-size:11px;color:var(--ink3,#82908B);background:var(--bg,#F4F6F5)}
.bt__kassa{font-size:13px;text-underline-offset:3px}
.blogo{border-radius:6px;border-color:var(--line,#DCE3E0)}
@media (max-width:760px){
  .bsort{padding:0 4px;overflow-x:auto;flex-wrap:nowrap}
  .bsort__l{display:none}
  .bsort button{flex:none;padding:0 12px}
  .bt tr{padding:14px 16px 16px}
  .bt tbody th{margin-bottom:6px}
  .bt td{min-height:36px;border-bottom:1px dashed var(--line,#DCE3E0)!important}
  .bt td::before{font:500 10.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3,#82908B)}
  .bt td.bt__cta{border-bottom:0!important;margin-top:12px}
}

/* ---------- Таблицы kv и ktable (сравнения банков, Ksa-список, пороги) ---------- */
.kv{border-color:var(--line,#DCE3E0);border-radius:var(--r,10px)}
.kv tbody th{color:var(--ink,#111917)}
.kv td{font-variant-numeric:tabular-nums}
.ktable{border-radius:var(--r-lg,14px)}
.ktable tbody tr:hover>*{background:#F6F8F7}
.sec--deep .kv{border-color:transparent}
.sec--deep .kv a{color:var(--ink,#111917)}

/* ---------- Карточки методов (.mtile): сетка-ведомость, ячейки с общими линейками ---------- */
.mgrid{gap:0;border-top:1px solid var(--line,#DCE3E0);border-left:1px solid var(--line,#DCE3E0);background:transparent}
.mgrid>li{border-right:1px solid var(--line,#DCE3E0);border-bottom:1px solid var(--line,#DCE3E0);background:var(--card,#fff)}
.mtile{padding:20px 20px 18px;border:0;border-radius:0;background:transparent;box-shadow:none!important;transform:none!important}
.mtile:hover{background:#F6F8F7}
.mtile__go{width:auto;height:auto;border-radius:0;background:transparent!important;color:var(--ink3,#82908B)}
.mtile:hover .mtile__go{color:var(--ink,#111917);transform:translateX(2px)}
.mtile__top{min-height:40px;margin-bottom:16px}
.mtile .mlogo--40 img{max-height:36px}
.mtile__name{margin:0 0 6px;font-size:19px}
.mtile__foot{gap:8px;padding-top:12px;border-top:1px dashed var(--line,#DCE3E0)}
.mtile__st{gap:4px}
.sl{font:500 12.5px/1.3 var(--dm);letter-spacing:-.01em}
.sl__l{min-width:68px;font-family:var(--f-b);font-size:12.5px;letter-spacing:0;color:var(--ink3,#82908B)}
.sl__i{width:16px;height:16px;border-radius:3px}
.sl__i .ic{width:11px;height:11px;stroke-width:2.8}
.sl--yes .sl__i{background:var(--deep,#0D2B24);color:#fff}
.sl--no .sl__i{background:transparent;color:var(--ink3,#82908B);box-shadow:inset 0 0 0 1px var(--line,#DCE3E0)}
.sl__t{font-weight:500}
.mtile__time{gap:8px;padding-top:8px;border-top:1px solid var(--line2,#E9EEEC);font:500 12.5px/1.3 var(--dm);color:var(--ink,#111917)}
.mtile__time .ic{width:14px;height:14px;color:var(--ink3,#82908B)}
@media (max-width:760px){
  .mgrid{gap:0}
  .mtile{padding:14px 12px}
  .mtile__name{font-size:16px}
  .mtile .sl--yes .sl__t{color:var(--ink,#111917)}
}

/* «Kan ik ermee opnemen?» (/betaalmethoden/): ведомость строк в одной панели вместо сетки карточек */
.wgrid{gap:0;border:1px solid var(--line,#DCE3E0);border-radius:var(--r-lg,14px);background:var(--card,#fff);overflow:hidden;grid-template-columns:1fr 1fr}
.wcard{flex-direction:row;align-items:center;gap:16px;padding:12px 18px;border:0;border-radius:0;border-bottom:1px solid var(--line2,#E9EEEC);background:transparent}
.wcard:nth-child(odd){border-right:1px solid var(--line2,#E9EEEC)}
.wcard__top{flex:0 0 190px;flex-wrap:nowrap}
.wcard__top b{font-size:15px}
.wcard__v{flex:1;min-width:0}
.wcard__v .sl__l{display:none}
.wcard__a{flex:none;margin:0;font-size:13px;color:var(--link,#0F6B57)}
@media (max-width:1060px){.wgrid{grid-template-columns:1fr}.wcard:nth-child(odd){border-right:0}}
@media (max-width:760px){
  .wcard{flex-wrap:wrap;gap:8px 12px;padding:14px 16px}
  .wcard__top{flex:1 1 100%}
  .wcard__a{flex:1 1 100%}
}

/* Фильтр по типу: вкладки, не таблетки */
.tfilter{gap:0;border-bottom:1px solid var(--line,#DCE3E0);margin-bottom:0}
.tfilter__b{height:46px;padding:0 14px;border:0;border-radius:0;background:transparent;box-shadow:inset 0 -2px 0 transparent;font-size:14px;color:var(--ink2,#4D5B57)}
.tfilter__b span{min-width:0;height:auto;padding:0;border-radius:0;background:transparent;font:500 11.5px/1 var(--dm);color:var(--ink3,#82908B)}
.tfilter__b:hover{color:var(--ink,#111917)}
.tfilter__b.is-on{background:transparent;color:var(--ink,#111917);box-shadow:inset 0 -2px 0 var(--ink,#111917)}
.tfilter__b.is-on span{background:transparent;color:var(--ink,#111917)}
.tfilter+.mgrid{border-top:0}
@media (max-width:760px){.tfilter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tfilter__b{flex:none}}

/* ---------- Матрица методов ---------- */
.matrix{border-color:var(--line,#DCE3E0);border-radius:var(--r-lg,14px)}
.matrix thead th{height:40px;padding-top:0;padding-bottom:0;background:var(--card,#fff);border-bottom:1px solid var(--ink,#111917);font:500 10.5px/1 var(--dm);letter-spacing:.1em;color:var(--ink3,#82908B)}
.matrix tbody th,.matrix td{height:58px}
.matrix tbody tr:nth-child(even)>*{background:#fff}
.matrix tbody tr:hover>*{background:#F6F8F7}
.matrix tbody th{border-right:1px solid var(--line2,#E9EEEC)}
.matrix tbody th .ltile__logo{border-radius:5px;border-color:var(--line,#DCE3E0)}
.matrix td{font-size:14px}
.matrix td[data-l="Kosten"],.matrix td[data-l="Limiet"]{font-family:var(--dm);font-size:12.5px;letter-spacing:-.01em}
.mx-speed{gap:5px}
.mx-speed small{font-size:11.5px}
.sec--deep .matrix{border-color:transparent}
.sec--deep .matrix a{color:var(--ink,#111917)}
.sec--deep .matrix+.na-legend,.sec--deep .na-legend{color:var(--on-deep2,#9DB8B0)}
.sec--deep .na-legend .na{border-color:var(--deep-line,rgba(232,241,238,.3));color:var(--on-deep,#E8F1EE)}
@media (max-width:760px){
  .matrix tbody{gap:0;border:1px solid var(--line,#DCE3E0);border-radius:var(--r-lg,14px);overflow:hidden;background:#fff}
  .matrix tr{border:0;border-radius:0;border-bottom:1px solid var(--ink,#111917)}
  .matrix tbody tr:last-child{border-bottom:0}
  .matrix tbody th{border-right:0;background:#FAFBFA!important}
  .matrix td::before{font:500 10.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3,#82908B)}
  .sec--deep .matrix tbody{border-color:transparent}
}

/* ---------- «In het kort»: квитанция с точечными выносками ---------- */
.kort{padding:0 20px 8px;border-radius:var(--r,10px);border:1px solid var(--line,#DCE3E0);border-top:4px solid var(--deep,#0D2B24);box-shadow:none;background:var(--card,#fff)}
.kort__h{margin:0 -20px 4px;padding:12px 20px;border-bottom:1px dashed var(--line,#DCE3E0);font:500 11px/1 var(--dm);letter-spacing:.12em;color:var(--ink2,#4D5B57)}
.kort dl>div{align-items:center;gap:0;min-height:0;padding:11px 0;border-bottom:0}
.kort dl>div::after{content:"";order:1;flex:1 1 12px;min-width:12px;margin:0 8px;border-bottom:1px dotted var(--ink3,#82908B);transform:translateY(3px)}
.kort dt{order:0;flex:none;font-size:13.5px;color:var(--ink2,#4D5B57)}
.kort dd{order:2;max-width:64%;font:500 13px/1.35 var(--dm);letter-spacing:-.01em;color:var(--ink,#111917)}
.kort dd .dpill{min-height:0;padding:0;font-size:13px}
.kort .na-legend{margin:4px 0 6px;padding-top:8px;border-top:1px dashed var(--line,#DCE3E0)}
/* Блоки значений (pbox) и плитки метрик (vm) */
.pbox{gap:0;border:1px solid var(--line,#DCE3E0);border-radius:var(--r,10px);background:var(--card,#fff);overflow:hidden}
.pbox>div{padding:14px 16px;border:0;border-radius:0;border-right:1px solid var(--line2,#E9EEEC);border-bottom:1px solid var(--line2,#E9EEEC);background:transparent}
.pbox dt{font:500 10.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3,#82908B)}
.pbox dt .ic{display:none}
.pbox dd{font:500 14px/1.4 var(--dm);letter-spacing:-.01em}

/* ---------- Калькулятор: терминал с тёмным дисплеем ---------- */
.calc{padding:0;border-radius:var(--r-lg,14px);border:1px solid var(--ink,#111917);box-shadow:none;overflow:hidden;background:var(--card,#fff)}
.calc__fields{gap:0;border-bottom:1px solid var(--line,#DCE3E0)}
.calc .field{gap:6px;padding:16px 20px}
.calc .field+.field{border-left:1px solid var(--line,#DCE3E0)}
.calc .field>span:first-child{font:500 10.5px/1.2 var(--dm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3,#82908B)}
.calc .field select,.calc .field input{height:48px;border-radius:var(--r,10px);border-color:var(--line,#DCE3E0);font-size:16px}
.calc .field input{font-family:var(--dm);font-weight:500}
.calc .field select:focus,.calc .field input:focus{border-color:var(--ink,#111917)}
.calc .field__eur::before{font-family:var(--dm);font-weight:500}
.calc__out{margin:0;padding:22px 24px 20px;border-radius:0;background:var(--deep,#0D2B24);color:var(--on-deep,#E8F1EE)}
.calc__l{font:500 10.5px/1.2 var(--dm);letter-spacing:.12em;color:var(--on-deep2,#9DB8B0)}
.calc__big{margin-top:10px;font:500 clamp(26px,3.4vw,40px)/1.15 var(--dm);letter-spacing:-.03em;color:#fff}
.calc__na{color:var(--on-deep2,#9DB8B0)}
.calc__rows{margin-top:16px}
.calc__rows li{align-items:baseline;gap:0;padding:9px 0;border-top:0;font:500 13px/1.35 var(--dm)}
.calc__rows li::after{content:"";order:1;flex:1 1 16px;min-width:16px;margin:0 10px;border-bottom:1px dotted var(--deep-line,rgba(232,241,238,.35));transform:translateY(-4px)}
.calc__rows li>:first-child{order:0;flex:none;font-family:var(--f-b);font-size:14px}
.calc__rows li>b{order:2;font-weight:500;text-align:right;color:#fff}
.calc__rows a{color:var(--on-deep,#E8F1EE);text-decoration:underline;text-decoration-color:var(--deep-line,rgba(232,241,238,.35));text-underline-offset:3px}
.calc__rows span{color:var(--on-deep2,#9DB8B0)}
.calc__empty{color:var(--on-deep2,#9DB8B0)!important}
@media (max-width:760px){
  .calc{padding:0}
  .calc .field+.field{border-left:0;border-top:1px solid var(--line,#DCE3E0)}
  .calc__out{padding:18px 16px}
  .calc__big{font-size:26px}
}

/* ---------- Сравнение (/vergelijk/): таблица критериев ---------- */
.vst{border-color:var(--line,#DCE3E0);border-radius:var(--r-lg,14px)}
.vst__head{height:42px;background:var(--deep,#0D2B24);border-bottom:0;font:500 10.5px/1 var(--dm);letter-spacing:.1em;color:var(--on-deep2,#9DB8B0)}
.vst__head>span:nth-child(2),.vst__head>span:nth-child(3){font:700 15px/1 var(--f-h);letter-spacing:0;text-transform:none;color:#fff}
.vst__row{min-height:58px}
.vst__row:nth-child(odd){background:#FAFBFA}
.vst__c{font:500 11.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2,#4D5B57)}
.vst__row>span[data-l]{font:500 13px/1.35 var(--dm);letter-spacing:-.01em}
.vst__v{padding:4px 0 4px 12px;border-radius:0;background:transparent!important;border-left:2px solid var(--ink,#111917);font-size:14px}
@media (max-width:760px){
  .vst__row>span[data-l]::before{font:500 10.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase}
}

/* ---------- Карточки брендов (.ccard): /casinos/, /betrouwbare-casinos/ ---------- */
.cgrid{gap:12px}
.ccard{gap:14px;padding:20px;border-radius:var(--r-lg,14px);border-color:var(--line,#DCE3E0);box-shadow:none!important;transform:none!important}
.ccard:not(.ccard--empty):hover{border-color:var(--ink,#111917)}
.ccard__top{gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line2,#E9EEEC)}
.ccard .bbadge--lg{width:64px;height:44px;border-radius:6px}
.ccard__name{font-size:18px;gap:6px}
.ccard__speed{gap:6px}
.ccard__l{font:500 10.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3,#82908B)}
.ccard__facts{grid-template-columns:1fr;gap:0}
.ccard__facts>div{display:flex;align-items:baseline;padding:7px 0}
.ccard__facts>div::after{content:"";order:1;flex:1 1 12px;min-width:12px;margin:0 8px;border-bottom:1px dotted var(--ink3,#82908B);transform:translateY(-4px)}
.ccard__facts dt{order:0;flex:none;font-size:13.5px}
.ccard__facts dd{order:2;margin:0;min-height:0;justify-content:flex-end;font:500 13px/1.3 var(--dm);letter-spacing:-.01em;text-align:right}
.ccard__facts>div:last-child{align-items:center}
.ccard__facts>div:last-child::after{transform:none}
.ccard .btn{border-radius:var(--r,10px)}
.ccard__kassa{font-size:13.5px}
.cgrid--off .ccard{border-style:solid;border-left:3px solid var(--slow,#C2410C)}
/* Фильтр брендов */
.cfilter{gap:10px;padding:12px;border-radius:var(--r-lg,14px);border-color:var(--line,#DCE3E0)}
.cfilter .search,.ptable .search{border-radius:var(--r,10px)}
.cfilter .field--inline select{border-radius:var(--r,10px)}
.speedf{gap:0;border:1px solid var(--line,#DCE3E0);border-radius:var(--r,10px);overflow:hidden}
.speedf span{padding:13px 14px;border:0;border-radius:0;font-size:13.5px}
.speedf label+label span{border-left:1px solid var(--line,#DCE3E0)}
.speedf input:checked+span{background:var(--ink,#111917);color:#fff}
@media (max-width:760px){.speedf{display:grid;grid-template-columns:1fr 1fr}.speedf label:nth-child(3) span{border-left:0}.speedf label:nth-child(n+3) span{border-top:1px solid var(--line,#DCE3E0)}}
/* Критерии отбора (/betrouwbare-casinos/): нумерованная строка-реестр */
.criteria{gap:0;padding:0;border:1px solid var(--line,#DCE3E0);border-radius:var(--r-lg,14px);background:var(--card,#fff);overflow:hidden;align-items:stretch}
.criteria__h{padding:16px 20px;background:var(--deep,#0D2B24);color:#fff;font-size:15px}
.criteria__h .ic{display:none}
.criteria ul{gap:0;counter-reset:crit}
.criteria li{flex:1 1 160px;display:flex;align-items:center;gap:10px;min-width:0;padding:14px 16px;border-radius:0;background:transparent;border-left:1px solid var(--line2,#E9EEEC);counter-increment:crit;font-size:14px}
.criteria li::before{content:counter(crit,decimal-leading-zero);font:500 11.5px/1 var(--dm);color:var(--ink3,#82908B)}
@media (max-width:760px){.criteria{flex-direction:column}.criteria li{flex:1 1 100%;border-left:0;border-top:1px solid var(--line2,#E9EEEC)}}

/* ---------- Таблица выплат (/uitbetaling/) ---------- */
.ptable{border-color:var(--line,#DCE3E0);border-radius:var(--r-lg,14px)}
.ptable__bar{background:var(--bg,#F4F6F5)}
.ptable__count{font-size:13.5px}
.ptable__count b{font:500 14px/1 var(--dm)}
.ptable__head{height:36px;background:var(--card,#fff);border-bottom:1px solid var(--ink,#111917);font:500 10.5px/1 var(--dm);letter-spacing:.1em;color:var(--ink3,#82908B)}
.prow{min-height:68px}
.prow:nth-child(even){background:#FAFBFA}
.prow:hover{background:#F1F5F3}
.prow__b{font-size:16px}
.prow .bbadge{width:64px;height:40px;border-radius:6px}
.prow small{font-size:12.5px;color:var(--ink,#111917)}
.prow .num{font-size:14px}
.prow__go{font-size:13.5px;color:var(--link,#0F6B57)}
@media (max-width:1060px){.prow>span[data-l]::before{font:500 10.5px/1.2 var(--dm);letter-spacing:.08em;text-transform:uppercase}}

/* ---------- Ссылки-плитки на тёмных полосах хабов: список с линейками, без декоративных иконок ---------- */
.sec--deep .tiles3{gap:0 32px}
.sec--deep .ltile{min-height:0;padding:14px 0;border:0;border-radius:0;border-bottom:1px solid var(--deep-line,rgba(232,241,238,.16));background:transparent!important;box-shadow:none;color:#fff}
.sec--deep .ltile>.ic:first-child{display:none}
.sec--deep .ltile b{color:#fff;font-weight:600}
.sec--deep .ltile>.ic:last-child{color:var(--on-deep2,#9DB8B0)}
.sec--deep .ltile:hover>.ic:last-child{color:#fff}
.sec--deep .side{align-self:end}

/* Правки после скринов v1 */
.bt td[data-l^="Storten met"],.bt td[data-l="Min. storting"],.bt td[data-l^="Opnemen via"]{font-family:var(--dm);font-size:13.5px;letter-spacing:-.01em}
.matrix+.na-legend{margin:0;padding:10px 16px}
.mx-speed small{font-family:var(--dm)}
/* Длинные условия (лимиты) не моно: моно только для сумм и сроков */
.prow>span[data-l="Limieten"],.prow>span[data-l="Limieten"] .ptime,.ccard__facts>div:nth-child(3) dd,.ccard__facts>div:nth-child(3) dd .ptime,.bt td[data-l^="Limieten"] .ptime,.bt td[data-l^="Kosten"] .ptime{font-family:var(--f-b);font-size:13.5px;font-weight:500;letter-spacing:0}
.ccard__facts>div:nth-child(3) dd .ptime{white-space:normal}
/* Мобильные правки после скринов v3: строки таблиц брендов без фиксированной высоты, матрица в одну колонку «метка ... значение» */
@media (max-width:760px){
  .bt tbody th,.bt td{height:auto}
  .bt td{min-height:38px;padding:6px 0!important}
  .matrix tr{grid-template-columns:1fr}
  .matrix tbody th,.matrix td{height:auto}
  .matrix td{min-height:40px;padding:6px 16px;border-left:0!important;border-bottom:1px dashed var(--line,#DCE3E0)!important}
  .matrix tr>td:nth-last-child(-n+2){border-bottom:1px dashed var(--line,#DCE3E0)!important}
  .matrix tr>td:last-child{border-bottom:0!important}
  .matrix td>*{text-align:right}
}