.header {
    background-color: rgb(23, 27, 53)
}

.navigation {
    background: transparent;
}

.navigation__link {
    border-radius: 1rem;
    color: #fff;
}

.navigation__link--active {
    background: rgba(255, 255, 255, .05);
}

.header .lang-selector__text {
    color: #fff;
}

.mobile-menu__link {
    color: #fff;
}

.burger__line, .burger__line::after, .burger__line::before {
    background: #fff;
}

.mobile-menu__wrapper {
    background-color: rgb(23, 27, 53)
}

.video {
    border-radius: 1.25rem;
    overflow: hidden;
    height: 9.75rem;
    position: relative;
    margin-bottom: 2rem;
}

@media (min-width: 768px){
    .video {
        height: 28.8125rem;
    }
}

.video__link {
    position: relative;
    display: block;
    height: 100%;
}

.video__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 3;
    margin: 0 !important;
}


/* ===== JetRich-like Lobby (static) ===== */
body.jt-lobby { background:#0b0f16; color:#e5e7eb; }
body.jt-lobby a { color:inherit; text-decoration:none; }

.jt-layout{ display:flex; min-height:100vh; }
.jt-sidebar{
  width:260px; background:#0f141c; border-right:1px solid rgba(255,255,255,.06);
  position:fixed; left:0; top:0; bottom:0; padding:16px 14px; z-index:200;
}
.jt-sidebar__top{ display:flex; gap:10px; align-items:center; }
.jt-burger{ width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; justify-content:center; gap:5px; padding:0 12px; cursor:pointer;
}
.jt-burger span{ height:2px; width:100%; background:#d1d5db; opacity:.9; display:block; border-radius:2px; }
.jt-mode{ display:flex; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:4px; gap:4px; }
.jt-mode__btn{ padding:8px 14px; border-radius:10px; font-weight:600; font-size:14px; color:#d1d5db; }
.jt-mode__btn--active{ background:#b6ff00; color:#0b0f16; }

.jt-sidebar__search{ margin:14px 0 10px; position:relative; }
.jt-search__icon{ position:absolute; left:12px; top:50%; transform:translateY(-50%); opacity:.6; font-size:14px; }
.jt-search__input{
  width:100%; height:40px; border-radius:12px; padding:0 12px 0 34px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
  color:#e5e7eb; outline:none;
}
.jt-search__input::placeholder{ color:rgba(229,231,235,.6); }

.jt-nav{ margin-top:10px; display:flex; flex-direction:column; gap:4px; height:calc(100vh - 160px); }
.jt-nav__item{ padding:10px 12px; border-radius:12px; color:#cbd5e1; font-weight:600; font-size:14px; }
.jt-nav__item:hover{ background:rgba(255,255,255,.06); }
.jt-nav__item--active{ background:rgba(182,255,0,.14); color:#b6ff00; border:1px solid rgba(182,255,0,.25); }
.jt-nav__groupTitle{ margin:10px 10px 4px; font-size:12px; opacity:.55; text-transform:uppercase; letter-spacing:.08em; }
.jt-nav__spacer{ flex:1; }
.jt-support{ margin-top:auto; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:#e5e7eb; text-align:center; }

.jt-main{ margin-left:260px; width:calc(100% - 260px); }
.jt-topbar{
  height:72px; display:flex; align-items:center; justify-content:space-between;
  padding:0 22px; position:sticky; top:0; z-index:150;
  background:linear-gradient(180deg, rgba(19,24,36,.92), rgba(14,18,28,.88));
  border-bottom:1px solid rgba(255,255,255,.06); backdrop-filter: blur(10px);
}
.jt-topbar__left{ display:flex; align-items:center; gap:14px; }
.jt-logo{ height:30px; width:auto; }
.jt-badge{ display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#e5e7eb; font-weight:600; font-size:13px;
}
.jt-badge__dot{ width:10px; height:10px; border-radius:50%; background:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.18); }
.jt-topbar__right{ display:flex; align-items:center; gap:10px; }
.jt-btn{ padding:10px 14px; border-radius:12px; font-weight:800; font-size:14px; display:inline-flex; align-items:center; justify-content:center; }
.jt-btn--ghost{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#e5e7eb; }
.jt-btn--primary{ background:#b6ff00; color:#0b0f16; }

.jt-content{ padding:18px 22px 40px; }

/* Center content blocks on ultra-wide screens */
.jt-lobbyTop,
.jt-section,
.jt-seo{
  width:100%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
.jt-promoGrid{ display:grid; grid-template-columns: 2fr 1fr 1fr; gap:16px; align-items:stretch; }
.jt-promo{ position:relative; border-radius:18px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.jt-promo img{ width:100%; height:100%; object-fit:cover; display:block; }
.jt-promo--big{ min-height:280px; }
.jt-promo__nav{ position:absolute; right:12px; bottom:12px; display:flex; gap:8px; }
.jt-arrow{ width:38px; height:38px; border-radius:12px; border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.25); color:#e5e7eb; font-size:18px; cursor:pointer;
}

.jt-toolbar{ display:flex; gap:16px; margin-top:14px; align-items:center; }
.jt-tabs{ display:flex; gap:8px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:6px; }
.jt-tab{ padding:10px 14px; border-radius:12px; background:transparent; border:0; color:#cbd5e1; font-weight:800; cursor:pointer; }
.jt-tab--active{ background:#b6ff00; color:#0b0f16; }
.jt-toolbar__search{ position:relative; flex:1; max-width:520px; }

.jt-section{ margin-top:26px; }
.jt-section__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.jt-section__title{ margin:0; font-size:22px; font-weight:900; color:#e5e7eb; }
.jt-pill{ padding:10px 14px; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); font-weight:800; }

.jt-cards{ display:grid; grid-template-columns: repeat(6, 1fr); gap:14px; }
.jt-card{ border-radius:16px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.jt-card img{ width:100%; height:150px; object-fit:cover; display:block; }

.jt-seo{ margin-top:34px; }
.jt-seo .article{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:18px 18px; }
.jt-seo .article__headerTitle{ color:#e5e7eb; }
.jt-seo .article__body{ color:#cbd5e1; }

/* Responsive */
@media (max-width: 1100px){
  .jt-cards{ grid-template-columns: repeat(3, 1fr); }
  .jt-promoGrid{ grid-template-columns: 1fr; }
  .jt-main{ width:100%; }
}
@media (max-width: 900px){
  .jt-sidebar{ transform:translateX(-105%); transition:transform .2s ease; }
  .jt-sidebar.jt-sidebar--open{ transform:translateX(0); }
  .jt-main{ margin-left:0; width:100%; }
}

/* Mobile polish (real phones) */
html, body{ width:100%; max-width:100%; overflow-x:hidden; }
.jt-layout{ overflow-x:hidden; }

.jt-sidebarLock{ overflow:hidden; }

/* Sidebar backdrop on small screens */
.jt-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:79;
}
@media (max-width: 900px){
  .jt-sidebar{ z-index:80; }
  .jt-sidebar.jt-sidebar--open + .jt-backdrop{ opacity:1; pointer-events:auto; }
}

@media (max-width: 700px){
  .jt-topbar{ height:68px; padding:0 12px; }
  .jt-topbar__right{ gap:10px; }
  .jt-logo{ height:26px; }

  .jt-content{ padding:14px 12px; }
  .jt-tabs{ gap:10px; padding:10px; }
  .jt-tab{ padding:10px 12px; font-size:14px; }

  .jt-promoGrid{ grid-template-columns:1fr; gap:12px; }
  .jt-promoCard{ height:170px; border-radius:16px; }
  .jt-promoCard__img{ border-radius:16px; }

  .jt-gamesRow{ gap:10px; }
  .jt-gameCard{ width:118px; }

  .jt-seo{ margin-top:22px; }
  .jt-seo .article{ padding:16px 14px; }
  .jt-seo .article__headerTitle{ font-size:24px; }

  .jt-footer__inner{ padding:22px 14px 18px; }
  .jt-footer__top{ grid-template-columns:1fr; gap:14px; }
  .jt-footer__cols{ grid-template-columns:1fr 1fr; gap:14px; }
  .jt-footer__support{ grid-template-columns:1fr; }
  .jt-footer__bottom{ flex-direction:column; align-items:flex-start; gap:12px; }
  .jt-toTop{ width:100%; justify-content:center; }
}


/* Extra-small phones: prevent header overlap (login/register over badge) */
@media (max-width: 480px){
  .jt-topbar{
    height:auto;
    padding:10px 12px;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
  }
  .jt-topbar__left{ min-width:0; flex:1 1 auto; }
  /* Badge is nice-to-have; hide it on very small screens to keep header clean */
  .jt-badge{ display:none; }
  .jt-topbar__right{
    flex:0 0 100%;
    justify-content:flex-end;
  }
  .jt-btn{ padding:8px 10px; font-size:13px; border-radius:10px; }
}


/* === v10.1: Buttons like reference (neon + black text) === */
.jt-mode__btn--active{
  background:#c8ff00 !important;
  color:#000 !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.18) inset, 0 10px 26px rgba(200,255,0,.18);
}
.jt-btn--primary{
  background:#c8ff00 !important;
  color:#000 !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.18) inset, 0 10px 26px rgba(200,255,0,.18);
}
.jt-btn--ghost{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
/* Hover / active feel */
.jt-mode__btn,
.jt-btn{
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.jt-mode__btn:hover,
.jt-btn:hover{
  filter: brightness(1.06);
}
.jt-mode__btn--active:hover,
.jt-btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(0,0,0,.18) inset, 0 14px 34px rgba(200,255,0,.22);
}
.jt-mode__btn:active,
.jt-btn:active{
  transform: translateY(0);
  filter: brightness(.98);
}


/* =========================
   Footer like reference (v11)
   ========================= */
.jt-footer{
  margin-top: 36px;
  padding: 48px 0 30px;
  background: radial-gradient(1200px 400px at 30% 0%, rgba(200,255,0,.06), transparent 55%),
              radial-gradient(900px 300px at 80% 10%, rgba(64,156,255,.06), transparent 55%),
              linear-gradient(180deg, rgba(9,12,18,0) 0%, rgba(9,12,18,1) 22%, rgba(9,12,18,1) 100%);
  border-top: 1px solid rgba(255,255,255,.06);
}

.jt-footer__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.jt-footer__top{
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 34px;
  align-items: start;
}

.jt-footer__cols{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 28px;
}

.jt-footer__title{
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,.92);
}

.jt-footer__link{
  display: block;
  font-size: 13px;
  color: rgba(255,255,255,.55);
  text-decoration: none;
  padding: 6px 0;
}
.jt-footer__link:hover{ color: rgba(255,255,255,.88); }

.jt-footer__right{
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-end;
}

.jt-footer__lang{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.9);
  font-size: 13px;
}
.jt-footer__flag{ filter: saturate(1.1); }

.jt-support-card{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 120px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.jt-support-card__body{
  padding: 18px 18px 16px;
}
.jt-support-card__head{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
}
.jt-support-card__title{
  font-size: 14px;
  font-weight: 800;
  color: rgba(255,255,255,.95);
}
.jt-support-card__badge{
  font-size: 12px;
  font-weight: 800;
  color: #0b0f16;
  background: #c8ff00;
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(200,255,0,.18);
}
.jt-support-card__text{
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.65);
  margin-bottom: 14px;
}
.jt-support-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-size: 13px;
  font-weight: 700;
}
.jt-support-card__btn:hover{
  background: rgba(255,255,255,.12);
}

.jt-support-card__img{
  position: relative;
  background:
    radial-gradient(140px 140px at 60% 20%, rgba(200,255,0,.18), transparent 60%),
    radial-gradient(180px 120px at 30% 70%, rgba(64,156,255,.14), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.jt-support-card__img:before{
  content:"";
  position:absolute;
  inset: 18px 18px auto auto;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
}
.jt-support-card__img:after{
  content:"";
  position:absolute;
  right: 16px;
  bottom: 16px;
  width: 78px;
  height: 110px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10);
  transform: rotate(6deg);
  opacity: .55;
}

/* payments + social */
.jt-footer__mid{
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.06);
}

.jt-footer__payments{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

.jt-pay{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  position: relative;
}
.jt-pay:after{
  content:"";
  position:absolute;
  inset: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
}
.jt-pay--btc:after{ background: rgba(255,180,0,.55); }
.jt-pay--eth:after{ background: rgba(170,180,255,.55); }
.jt-pay--ton:after{ background: rgba(80,200,255,.55); }
.jt-pay--tether:after{ background: rgba(70,220,170,.55); }

.jt-pay--more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  font-weight: 800;
  color: rgba(255,255,255,.8);
  background: rgba(255,255,255,.06);
}
.jt-pay--more:after{ display:none; }

.jt-footer__pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.85);
  text-decoration:none;
  font-size: 13px;
  font-weight: 700;
}
.jt-footer__pill:hover{ background: rgba(255,255,255,.10); }

.jt-footer__social{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.jt-social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 36px;
  padding: 0 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.9);
  text-decoration:none;
  font-size: 13px;
  font-weight: 700;
}
.jt-social:hover{ background: rgba(255,255,255,.10); }

/* brands + legal */
.jt-footer__brands{
  margin-top: 18px;
  display:flex;
  gap: 16px;
  flex-wrap: wrap;
  opacity: .75;
}
.jt-brand{
  font-size: 12px;
  color: rgba(255,255,255,.48);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.03);
}

.jt-footer__legal{
  margin-top: 14px;
  font-size: 11px;
  color: rgba(255,255,255,.35);
  line-height: 1.6;
}
.jt-footer__legal-line{ margin-top: 8px; }

.jt-footer__bottom{
  position: relative;
  margin-top: 26px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.jt-to-top{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.9);
  font-weight: 800;
  cursor: pointer;
}
.jt-to-top:hover{ background: rgba(255,255,255,.10); }

.jt-to-top__icon{
  width: 18px;
  height: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.jt-age{
  position:absolute;
  right: 0;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.28);
  color: rgba(255,255,255,.9);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
}
.jt-age:after{
  content:"+";
  margin-left: 1px;
  font-weight: 900;
}

/* responsive */
@media (max-width: 980px){
  .jt-footer__top{ grid-template-columns: 1fr; }
  .jt-footer__right{ align-items:flex-start; }
  .jt-footer__cols{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .jt-footer__inner{ padding: 0 16px; }
  .jt-footer__cols{ grid-template-columns: 1fr; }
  .jt-support-card{ grid-template-columns: 1fr; }
  .jt-support-card__img{ display:none; }
  .jt-footer__mid{ flex-direction: column; align-items:flex-start; }
  .jt-age{ position: static; margin-left: auto; }
}


/* v12 footer fix: avoid duplicated/unstyled footer and keep footer in main column */
.app__footer{display:none!important;}
.jt-footer{width:100%;margin-top:48px;background:#0b0f14;border-top:1px solid rgba(255,255,255,.06);} 
.casino-main .jt-footer, .app__wrapper .jt-footer{padding:48px 32px;}
.jt-footer__link{color:rgba(255,255,255,.7);text-decoration:none;}
.jt-footer__link:hover{color:#c8ff00;}


/* ===== v14 FLEX REBUILD: no margin-left/calc hacks ===== */
:root{ --jt-sidebar-w:260px; }

/* Desktop: sidebar participates in layout (no fixed overlay) */
@media (min-width: 981px){
  .jt-layout{ display:flex; min-height:100vh; }
  .jt-sidebar{
    position: sticky !important;
    top: 0;
    height: 100vh;
    width: var(--jt-sidebar-w);
    flex: 0 0 var(--jt-sidebar-w);
  }
  .jt-main{
    margin-left: 0 !important;
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
    /* keep footer strictly below content */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
    .jt-content{ flex: 1 0 auto; }
  .jt-footer{
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: auto;
  }
}

/* Mobile/tablet: sidebar becomes overlay drawer */
@media (max-width: 980px){
  .jt-sidebar{
    position: fixed !important;
    left: 0; top: 0; bottom: 0;
    transform: translateX(-110%);
    transition: transform .25s ease;
  }
  .jt-sidebar.jt-sidebar--open{ transform: translateX(0); }
  .jt-main{ margin-left:0 !important; width:100% !important; }
    .jt-content{ flex: 1 0 auto; }
  .jt-footer{ width:100% !important; margin-left:0 !important; }
  body.jt-lobby{ overflow-x:hidden; }
}


/* === v13b/v14b alignment fixes === */

/* Center main content like footer (reference) */
.jt-content{
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
/* Ensure lobby top stretches to content width */
.jt-lobbyTop{ max-width: 100%; }

/* Footer should not wrap around any layout quirks and should follow content width */
.jt-footer{ clear: both; }
.jt-footer__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 22px;
  padding-right: 22px;
  box-sizing: border-box;
}

/* Keep footer background full width */
.jt-footer{ width:100%; }


/* === v14d LEFT-ALIGN to match reference (fix "footer shifted right") === */
.jt-content{
  max-width: 1200px;
  margin: 0; /* no centering inside main column */
  padding: 0 24px;
}
@media (min-width: 981px){
  .jt-content{ padding: 0 32px; }
}
.jt-footer__inner{
  max-width: 1200px;
  margin: 0; /* align with content start */
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 560px){
  .jt-footer__inner{ padding-left: 16px; padding-right: 16px; }
}


/* v15 fix: keep footer under main, not as flex column sibling */
.jt-layout{align-items:stretch;}
.jt-main{display:flex;flex-direction:column;min-height:100vh;}
.jt-main > main{flex:1 1 auto; min-height:0;}
.jt-footer{width:100%; margin-top:auto;}
/* prevent footer grid from overflowing on small screens */
@media (max-width: 900px){
  .jt-footer__cols{grid-template-columns: 1fr !important; gap: 18px !important;}
  .jt-footer__top{gap: 18px !important;}
  .jt-support-card{width:100% !important; max-width: 420px;}
}


/* === Custom mobile promo layout: 1 banner top + 2 bottom === */
@media (max-width: 900px){
  .jt-promoGrid{
    grid-template-columns: 1fr 1fr !important;
    gap: 12px;
  }
  .jt-promo--big{
    grid-column: 1 / -1;
  }
}

/* === Make lobby game cards equal size & look neat === */
.jt-card{
  aspect-ratio: 5 / 4;
}
.jt-card img{
  width:100%;
  height:100% !important;
  object-fit:cover;
  display:block;
}
/* Fallback for older browsers */
@supports not (aspect-ratio: 1 / 1){
  .jt-card img{ height:150px !important; }
}

/* === Remove visual empty space inside game icons === */
.jt-card{
  padding:0 !important;
}

.jt-card img{
  object-fit:cover !important;
  width:100%;
  height:100%;
  transform: scale(1.08);
  transition: transform .3s ease;
}

/* Optional subtle hover */
.jt-card:hover img{
  transform: scale(1.12);
}

/* === Tile-like cards (as in reference): consistent size, no weird padding === */
.jt-card{
  aspect-ratio: 3 / 4 !important;
  border-radius: 18px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Reset previous scaling/hover and make image fit neatly */
.jt-card img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #0b0f16;
  transform: none !important;
  transition: none !important;
  display: block !important;
}

/* Optional: slightly tighter grid on wide screens */
@media (min-width: 1101px){
  .jt-cards{ gap: 16px; }
}

/* === Match reference style (full-bleed tiles like screenshot 2) === */
.jt-card{
  aspect-ratio: 3 / 4 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: none !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}

.jt-card img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* important: remove inner empty space */
  display: block !important;
  background: none !important;
}



/* === Sidebar group title "ИГРЫ" should look like a label, not a button === */
.jt-nav__groupTitle{
  margin: 14px 0 6px !important;
  padding: 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(203,213,225,.55) !important;
  user-select: none;
  pointer-events: none; /* not clickable */
}
.jt-nav__groupTitle:hover{ background: transparent !important; }

/* ===== Dark card style (matches JetTon dark theme) ===== */
/* Apply by adding class="card--dark" to a .card block (e.g., FAQ) */
.card--dark{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  color: rgba(255,255,255,.88);
}

.card--dark .card__headerTitle,
.card--dark .card__headerSubTitle,
.card--dark h1,
.card--dark h2,
.card--dark h3,
.card--dark h4,
.card--dark h5,
.card--dark h6{
  color: rgba(255,255,255,.95) !important;
}

.card--dark p,
.card--dark li{
  color: rgba(255,255,255,.78) !important;
}

/* FAQ list in current markup uses <h3> + .faq__body (no .faq__toggle) */
.card--dark .faq__item > h3{
  font-size: var(--font-size-6);
  font-weight: 600;
  line-height: 1.44;
  margin: 0;
}

.card--dark .faq__body{ color: rgba(255,255,255,.78) !important; }
.card--dark .faq__body p{ color: inherit !important; }

.card--dark .faq__item:not(:last-child){
  border-bottom-color: rgba(255,255,255,.12) !important;
}


/* ===== Header Overlap Fix ===== */
body {
    padding-top: 20px;
}

@media (max-width: 768px) {
    body {
        padding-top: 15px;
    }
}


/* === v16 FIX: Center content in remaining viewport (override legacy left-align blocks) === */
@media (min-width: 981px){
  .jt-content{
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-top: 18px !important;
    padding-bottom: 40px !important;
    box-sizing: border-box !important;
  }
  /* Sections should fill jt-content width */
  .jt-lobbyTop,
  .jt-section,
  .jt-seo{
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Match footer to content centering */
  .jt-footer__inner{
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }
}