/* Нижние контентные блоки: рейтинг RTP полосами, табы платёжных методов,
   каналы поддержки, вердикт, статичный FAQ, финальная полоса, редакция. */

/* ---------- рейтинг игр по RTP: полоса статистики ---------- */
.tb-rtp{list-style:none;margin:0;padding:0;counter-reset:tbrtp}
.tb-rtp li{
  display:grid;grid-template-columns:44px 1fr;gap:10px 14px;align-items:center;
  padding:12px 0;border-bottom:var(--border-size-1) solid var(--tb-line-soft);counter-increment:tbrtp;
}
.tb-rtp li:last-child{border-bottom:0}
.tb-rtp__rank{width:44px;height:44px;border-radius:var(--radius-round);grid-row:span 2;
  display:flex;align-items:center;justify-content:center;background:var(--tb-surface-2);
  color:var(--tb-hot-ink);font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-3);
  box-shadow:inset 0 0 0 2px var(--tb-line)}
.tb-rtp__name{min-width:0}
.tb-rtp__name b{display:block;font-family:var(--tb-font);color:#fff;font-size:var(--font-size-1)}
.tb-rtp__name span{font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-rtp__bar{grid-column:2;display:flex;align-items:center;gap:10px}
.tb-rtp__track{flex:1 1 auto;height:8px;border-radius:var(--radius-round);background:var(--tb-surface-2);overflow:hidden}
.tb-rtp__fill{display:block;height:100%;border-radius:var(--radius-round);
  background:linear-gradient(90deg,var(--tb-brand) 0%,var(--tb-hot) 100%)}
.tb-rtp__val{font-family:var(--tb-font);font-weight:var(--font-weight-8);color:var(--tb-hot-ink);
  font-size:var(--font-size-0);white-space:nowrap}
.tb-rtp__vol{font-size:var(--font-size-0);color:var(--tb-muted);white-space:nowrap}
.tb-rtp .tb-btn{grid-column:2;justify-self:start}
@media (min-width:760px){
  .tb-rtp li{grid-template-columns:52px 1.1fr 1.4fr auto;grid-template-rows:auto}
  .tb-rtp__rank{width:52px;height:52px;grid-row:auto}
  .tb-rtp__bar{grid-column:auto}
  .tb-rtp .tb-btn{grid-column:auto}
}

/* ---------- табы платёжных методов ---------- */
.tb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--size-4)}
.tb-tab{
  border:var(--border-size-1) solid var(--tb-line);background:var(--tb-surface);
  color:var(--tb-muted);border-radius:var(--radius-round);padding:8px 14px;cursor:pointer;
  font-family:var(--tb-font);font-size:var(--font-size-0);font-weight:var(--font-weight-6);
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
}
.tb-tab .tb-i{width:16px;height:16px}
.tb-tab[aria-selected="true"]{background:var(--tb-brand);border-color:var(--tb-brand);color:#fff}
.tb-pay{display:grid;gap:10px}
.tb-pay[hidden]{display:none}
.tb-payrow{
  border:var(--border-size-1) solid var(--tb-line);border-radius:var(--radius-2);
  background:var(--tb-surface);padding:12px 14px;
  display:grid;grid-template-columns:1fr;gap:8px;
}
.tb-payrow>b{display:flex;align-items:center;gap:8px;font-family:var(--tb-font);color:#fff}
.tb-payrow>b .tb-i{width:18px;height:18px;color:var(--tb-brand-ink)}
.tb-payrow dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;font-size:var(--font-size-0)}
.tb-payrow dt{color:var(--tb-muted)}
.tb-payrow dd{margin:0 0 6px;color:#fff}
@media (min-width:760px){
  .tb-payrow{grid-template-columns:200px 1fr;align-items:center}
  .tb-payrow dl{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.tb-paynote{display:grid;gap:var(--size-4);margin-top:var(--size-5)}
.tb-paynote>div{border:var(--border-size-1) solid var(--tb-line);border-radius:var(--radius-2);padding:var(--size-4) var(--size-5);background:var(--tb-bg-2)}
.tb-paynote h3{display:flex;align-items:center;gap:8px;font-size:var(--font-size-2);color:var(--tb-brand-ink)}
.tb-paynote h3 .tb-i{width:18px;height:18px}
.tb-paynote p,.tb-paynote li{font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-paynote ul{margin:0;padding-left:18px}
@media (min-width:860px){.tb-paynote{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- каналы поддержки: карточки-описания ---------- */
.tb-support{display:grid;gap:12px}
.tb-support>div{
  display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;
  border-bottom:var(--border-size-1) solid var(--tb-line-soft);padding-bottom:12px;
}
.tb-support>div:last-child{border-bottom:0;padding-bottom:0}
.tb-support .tb-i{width:22px;height:22px;color:var(--tb-hot);grid-row:span 2;margin-top:3px}
.tb-support b{font-family:var(--tb-font);color:#fff}
.tb-support p{margin:0;font-size:var(--font-size-0);color:var(--tb-muted)}
@media (min-width:860px){.tb-support{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--size-7)}}

/* ---------- налоги / доступ ---------- */
.tb-plain{
  border:var(--border-size-1) solid var(--tb-line);border-radius:var(--radius-3);
  background:var(--tb-surface);padding:var(--size-4);
}
@media (min-width:560px){.tb-plain{padding:var(--size-5) var(--size-6)}}
.tb-plain h2{display:flex;align-items:center;gap:12px}
.tb-plain h2 .tb-i{width:26px;height:26px;color:var(--tb-brand-ink);flex:none}
.tb-plain__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--size-5)}

/* ---------- вердикт ---------- */
.tb-verdict{
  border:var(--border-size-1) solid var(--tb-line);border-radius:var(--radius-3);
  background:linear-gradient(150deg,rgba(143,0,255,.2) 0%,rgba(47,17,65,.92) 60%);
  padding:var(--size-6);
}
.tb-verdict__top{display:flex;align-items:center;gap:var(--size-5);margin-bottom:var(--size-5);flex-wrap:wrap}
.tb-score{
  width:82px;height:82px;border-radius:var(--radius-3);flex:none;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--tb-brand) 0%,var(--tb-hot) 120%);
  font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-5);color:#fff;
}
.tb-stars{display:flex;gap:3px;color:var(--tb-warn);margin:6px 0}
.tb-stars .tb-i{width:18px;height:18px;fill:currentColor;stroke:none}
.tb-verdict__list{list-style:none;margin:var(--size-5) 0;padding:0;display:grid;gap:10px}
.tb-verdict__list li{display:flex;align-items:center;gap:10px;font-size:var(--font-size-0)}
.tb-verdict__list .tb-i{width:18px;height:18px;color:var(--tb-good)}
@media (min-width:760px){.tb-verdict__list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- статичный FAQ ---------- */
.tb-faq{display:grid;gap:var(--size-5)}
.tb-faq>div{border-top:var(--border-size-1) solid var(--tb-line);padding-top:var(--size-4)}
.tb-faq h3{color:#fff;font-size:var(--font-size-2);display:flex;gap:10px}
.tb-faq h3::before{content:"?";font-family:var(--tb-font);color:var(--tb-hot);flex:none}
.tb-faq p{font-size:var(--font-size-0);color:var(--tb-muted);margin:0}
@media (min-width:1024px){.tb-faq{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--size-7)}}

/* ---------- финальная полоса ---------- */
.tb-final{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(100deg,#7e1acc 0%,#eb5328 100%);text-align:center;
  padding-block:var(--size-7);
}
.tb-final::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:var(--tb-pattern);background-repeat:repeat;background-size:70px auto;opacity:.12;
}
.tb-final::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(26,3,38,.46)}
.tb-final h2{color:#fff}
.tb-final p{color:rgba(255,255,255,.88);margin-inline:auto}
.tb-final__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:var(--size-5)}
.tb-final .tb-btn--ghost{--_fg:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}

/* ---------- блок редакции ---------- */
.tb-ed{
  border:var(--border-size-1) solid var(--tb-line);border-radius:var(--radius-2);
  background:var(--tb-bg-2);padding:var(--size-5);display:grid;gap:var(--size-4);
}
.tb-ed__who{display:flex;align-items:center;gap:12px}
.tb-ed__ava{
  width:48px;height:48px;border-radius:var(--radius-round);flex:none;
  display:flex;align-items:center;justify-content:center;background:var(--tb-surface-2);color:var(--tb-brand-ink);
}
.tb-ed__ava .tb-i{width:24px;height:24px}
.tb-ed h3{margin:0;font-size:var(--font-size-2)}
.tb-ed__role{font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-ed p{font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-ed__dates{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-ed__dates span{display:inline-flex;align-items:center;gap:6px}
.tb-ed__dates .tb-i{width:15px;height:15px}
@media (min-width:900px){.tb-ed{grid-template-columns:240px 1fr;align-items:start}}