/* Контентные блоки: сетка игр, полоса из трёх игр, логотипы студий,
   полосы депозитов, бонус-таблица, плюсы/минусы. */

/* ---------- сетка игр ---------- */
.tb-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tb-game{
  position:relative;display:flex;flex-direction:column;
  background:var(--tb-surface);border:var(--border-size-1) solid var(--tb-line);
  border-radius:10px;overflow:hidden;color:inherit;text-decoration:none;
}
.tb-game__art{aspect-ratio:1/1;width:100%;background:var(--tb-surface-2);display:block;overflow:hidden}
.tb-game__art img{width:100%;height:100%;object-fit:cover;display:block}
.tb-game__art img[src$=".svg"]{object-fit:contain}
.tb-game__cap{display:block;padding:12px 14px 14px}
.tb-game__cap b{display:block;font-family:var(--tb-font);font-size:var(--font-size-0);
  font-weight:var(--font-weight-6);color:#fff;line-height:1.25;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tb-game__cap span{display:block;font-size:var(--font-size-0);color:var(--tb-muted);margin-top:3px;
  letter-spacing:var(--font-letterspacing-1);text-transform:uppercase}
.tb-game--all{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(160deg,var(--tb-brand) 0%,#4a0086 100%);color:#fff;
  font-family:var(--tb-font);font-weight:var(--font-weight-8);text-align:center;padding:16px 10px;
}
.tb-game--all .tb-i{width:26px;height:26px}
@media (min-width:560px){.tb-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.tb-games{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}}
@media (min-width:1024px){.tb-game:hover{border-color:var(--tb-hot)}}

/* ---------- полоса из трёх игр ---------- */
.tb-banner{
  position:relative;isolation:isolate;overflow:hidden;
  background:#1a0326;padding-block:var(--size-6);
}
.tb-banner::before{
  content:"";position:absolute;inset:-40px;z-index:-2;
  background-image:var(--tb-bannerbg);background-size:cover;background-position:center;
  filter:blur(14px);transform:scale(1.08);
}
.tb-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(26,3,38,.72)}
.tb-banner__kick{
  font-family:var(--tb-font);font-size:var(--font-size-0);letter-spacing:var(--font-letterspacing-4);
  text-transform:uppercase;color:var(--tb-hot-ink);margin-bottom:6px;display:block;
}
.tb-banner h2{font-size:var(--font-size-4);margin-bottom:var(--size-5)}
.tb-trio{display:grid;gap:var(--size-4);grid-template-columns:1fr}
.tb-trio>div{text-align:center}
.tb-trio img{
  width:100%;max-width:200px;margin:0 auto 10px;border-radius:var(--radius-3);
  object-fit:contain;box-shadow:0 12px 30px rgba(0,0,0,.55);
}
.tb-trio b{display:block;font-family:var(--tb-font);font-size:var(--font-size-2);color:#fff}
.tb-trio span{display:block;font-size:var(--font-size-0);color:var(--tb-muted);margin-bottom:10px}
@media (max-width:559px){.tb-trio img{max-width:170px}}
@media (min-width:700px){.tb-trio{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- ряд логотипов студий ---------- */
.tb-studios{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
}
.tb-studio{
  flex:1 1 130px;max-width:190px;min-width:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:8px;height:82px;padding:10px 12px;
  background:#fff;border-radius:var(--radius-2);border:0;cursor:pointer;
  box-shadow:0 2px 0 rgba(0,0,0,.35);
}
.tb-studio img{height:30px;width:auto;max-width:120px;object-fit:contain}
.tb-studio span{
  font-family:var(--tb-font);font-size:var(--font-size-0);font-weight:var(--font-weight-6);
  color:#2c0237;letter-spacing:var(--font-letterspacing-1);text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}

/* ---------- полосы-баннеры депозитов ---------- */
.tb-dep{display:grid;gap:12px}
.tb-depbar{
  display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;
  background:linear-gradient(100deg,rgba(143,0,255,.32) 0%,rgba(47,17,65,.92) 55%);
  border:var(--border-size-1) solid var(--tb-line);border-left:var(--border-size-3) solid var(--tb-hot);
  border-radius:var(--radius-2);padding:14px 16px;
}
.tb-depbar__n{
  font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-0);
  letter-spacing:var(--font-letterspacing-3);text-transform:uppercase;color:var(--tb-hot-ink);
  grid-column:1/-1;
}
.tb-depbar__sum{
  font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-4);
  color:#fff;line-height:1.1;
}
.tb-depbar__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-depbar__meta i{font-style:normal;white-space:nowrap}
@media (min-width:760px){
  .tb-depbar{grid-template-columns:150px auto 1fr;gap:0 20px}
  .tb-depbar__n{grid-column:1;text-align:left}
  .tb-depbar__meta{justify-content:flex-end}
}
.tb-terms{font-size:var(--font-size-0);color:var(--tb-muted);margin-top:var(--size-3)}

/* ---------- бонусы: карточки акций ---------- */
.tb-offers{display:grid;gap:var(--size-4);margin-top:var(--size-5)}
.tb-offer{
  border:var(--border-size-1) solid var(--tb-line);border-radius:var(--radius-2);
  background:var(--tb-surface);padding:var(--size-5);display:flex;flex-direction:column;
}
.tb-offer__tag{
  align-self:flex-start;font-size:var(--font-size-0);letter-spacing:var(--font-letterspacing-3);
  text-transform:uppercase;background:var(--tb-brand);color:#fff;border-radius:var(--radius-1);
  padding:3px 8px;margin-bottom:10px;font-family:var(--tb-font);
}
.tb-offer h3{color:#fff;margin-bottom:2px}
.tb-offer p.tb-offer__sum{font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-4);color:var(--tb-hot-ink);margin:0 0 10px}
.tb-offer p{font-size:var(--font-size-0);color:var(--tb-muted);flex:1 1 auto}
.tb-offer .tb-btn{margin-top:var(--size-4)}
@media (min-width:760px){.tb-offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.tb-offers{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- плюсы / минусы: две колонки сопоставления ---------- */
.tb-pc{display:grid;gap:var(--size-5)}
.tb-pc__col{border:var(--border-size-1) solid var(--tb-line);border-radius:var(--radius-2);overflow:hidden}
.tb-pc__col>h3{
  margin:0;padding:12px 16px;font-size:var(--font-size-2);display:flex;align-items:center;gap:8px;
  background:rgba(61,220,151,.14);color:var(--tb-good);
}
.tb-pc__col--minus>h3{background:rgba(255,176,32,.14);color:var(--tb-warn)}
.tb-pc__col .tb-i{width:19px;height:19px}
.tb-pc ul{list-style:none;margin:0;padding:0}
.tb-pc li{padding:14px 16px;border-top:var(--border-size-1) solid var(--tb-line-soft)}
.tb-pc h4{color:#fff}
.tb-pc p{font-size:var(--font-size-0);color:var(--tb-muted);margin:0}
@media (min-width:900px){.tb-pc{grid-template-columns:1.25fr 1fr;align-items:start}}