/* ==========================================================================
   JB theme — header, side nav, home page, footer, bottom bar.
   Tokens and sizes follow the reference design (dark neutral + green).
   Loaded after style.css and the admin color overrides.
   ========================================================================== */

html:root{
  --jb-p200:#ffc48a; --jb-p300:#ffae5b; --jb-p400:#ff9a33; --jb-p500:#ff8a14; --jb-p600:#ff7714;
  --jb-accent:#ffdf1a;
  --jb-n100:#ffffff; --jb-n200:#e2e6e9; --jb-n300:#8d9aa5; --jb-n400:#657381; --jb-n500:#576775;
  --jb-n600:#454745; --jb-n700:#303232; --jb-n800:#222424; --jb-n900:#141515; --jb-n1000:#000000;
  --jb-line:rgba(255,255,255,.1);
  --jb-line-2:rgba(255,255,255,.15);
  --jb-gap:8px;
  --jb-radius:3px;
  --jb-fs-small:10px; --jb-fs-normal:12px; --jb-fs-larger:14px; --jb-fs-h5:16px;
  --jb-rail:64px;
  --jb-rail-open:300px;
  --jb-content-max:1200px;
  --jb-bottombar-h:52px;
  --header-h:64px !important;
  --page-wrapper-bg:var(--jb-n900) !important;
  --page-content-bg:var(--jb-n900) !important;
  --footer-bg:var(--jb-n1000) !important;
}

html{background:var(--jb-n900)}
body{
  background:var(--jb-n900);
  font-family:Poppins,'Hind Siliguri','Helvetica Neue',Helvetica,Tahoma,Arial,sans-serif;
}
.page-wrapper{padding-top:var(--header-h) !important;background:var(--jb-n900)}
.page-content{background:var(--jb-n900)}
@media(max-width:780px){
  body.has-mobile-download-bar .page-wrapper{padding-top:calc(var(--header-h) + var(--mobile-download-bar-h)) !important;}
}

/* ── Header ──────────────────────────────────────────────────────────── */
.jb-header.header{
  display:flex;align-items:center;height:var(--header-h);padding:0 0 0 var(--jb-gap);
  background:var(--jb-n900);border-bottom:1px solid var(--jb-line);box-shadow:none;
}
.jb-header__head,.jb-header__body{display:flex;align-items:center;flex:none;height:100%}
.jb-header__body{margin-inline-start:auto}
.jb-hd-menu{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;margin-inline-end:24px;padding:0;border:0;
  background:var(--jb-n700);border-radius:var(--jb-radius);cursor:pointer;transition:opacity .3s ease-in;
}
.jb-hd-menu:hover{opacity:.7}
.jb-hd-menu img{width:20px;height:20px;display:block}
.jb-hd-logo{display:flex;align-items:center;height:100%}
.jb-hd-logo img{height:48px;width:auto;display:block;transition:opacity .3s}
.jb-hd-logo:hover img{opacity:.7}
.jb-hd-links{display:flex;height:100%;margin-inline-start:32px}
.jb-hd-link{
  position:relative;display:flex;align-items:center;height:100%;padding:0 12px;
  color:var(--jb-n300);font-size:var(--jb-fs-normal);transition:opacity .5s;
}
.jb-hd-link:hover{opacity:.8}
.jb-hd-link img{width:20px;height:20px;display:block}
.jb-hd-link span{margin-inline-start:var(--jb-gap)}
.jb-hd-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:transparent;transition:background .5s}
.jb-hd-link--active:after{background:var(--jb-p500)}
.jb-hd-link--active{color:var(--jb-n200)}

.jb-hd-actions{display:flex;align-items:center;gap:4px}
.jb-btn{
  display:inline-flex;align-items:center;justify-content:center;position:relative;
  height:34px;padding:0 10px;min-width:90px;border-radius:var(--jb-radius);
  font-family:inherit;font-size:var(--jb-fs-larger);font-weight:500;line-height:1;text-align:center;
  border:1px solid transparent;cursor:pointer;transition:opacity .3s,background .3s;white-space:nowrap;
}
.jb-btn:hover{opacity:.7}
.jb-btn--primary{background:var(--jb-p500);color:var(--jb-n100)}
.jb-btn--tertiary{background:#454647;color:var(--jb-n200);border-color:#454647}
.jb-btn--secondary{background:var(--jb-n700);color:var(--jb-n200)}
.jb-btn--yellow{background:linear-gradient(180deg,#ffee58 0%,#e38a00 100%);color:var(--jb-n900);font-weight:600}

.jb-hd-lang{display:flex;align-items:center;justify-content:center;width:64px;height:64px;cursor:pointer;transition:opacity .5s}
.jb-hd-lang:hover{opacity:.8}
.jb-hd-lang .lang-toggle__btn{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;width:100%;height:100%}
.jb-hd-lang .lang-toggle__flag{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}
.jb-hd-lang .lang-toggle__chev{display:none}

/* Logged-in bar */
.jb-header .hdr-user-bar{align-items:center;gap:6px;margin:0}
.jb-header .hdr-user-id{
  display:flex;align-items:center;height:34px;padding:0 10px;border-radius:var(--jb-radius);
  background:var(--jb-n800);color:var(--jb-n200);font-size:var(--jb-fs-normal);border:0;
}
.jb-header .hdr-balance{
  display:flex;align-items:center;gap:6px;height:34px;padding:0 6px 0 10px;border-radius:var(--jb-radius);
  background:var(--jb-n800);color:var(--jb-accent);font-size:var(--jb-fs-larger);font-weight:600;border:0;
}
.jb-header .hdr-balance-refresh{background:none;border:0;color:var(--jb-n300);padding:4px;font-size:12px}
.jb-header .hdr-notif-btn,
.jb-header .hdr-avatar-btn{
  width:34px !important;height:34px !important;border-radius:var(--jb-radius) !important;
  background:var(--jb-n800) !important;border:0 !important;
}
.jb-header .hdr-avatar-btn{display:flex;align-items:center;justify-content:center;padding:0}
.jb-header .hdr-avatar-dep-label{display:none}
.jb-header .hdr-notif-btn img,.jb-header .hdr-avatar-btn img{filter:brightness(0) invert(.75)}
.jb-header .btn-deposit.hdr-deposit-desktop{
  height:34px;padding:0 16px;border-radius:var(--jb-radius);border:0;
  background:var(--jb-p500);color:var(--jb-n100);font-size:var(--jb-fs-larger);font-weight:500;
}
.jb-header .hdr-history-mobile{display:none}
.jb-header .hdr-logout-btn{width:34px;height:34px;margin-inline-start:4px;border-radius:var(--jb-radius);background:var(--jb-n800);border:0;align-items:center;justify-content:center}
.jb-header .hdr-logout-btn img{width:16px;height:16px;filter:brightness(0) invert(.75)}
.jb-header .hdr-profile-menu{top:calc(var(--header-h) - 4px)}

@media(max-width:1023px){
  .jb-hd-links{display:none}
  .jb-hd-menu{width:36px;height:36px;margin-inline-end:10px}
  .jb-hd-logo img{height:40px}
}
@media(max-width:780px){
  .jb-header.header{padding-left:6px}
  .jb-hd-actions .jb-btn{min-width:0;width:93px;height:35px;font-size:14.5px}
  .jb-hd-lang{width:48px}
  .jb-header .hdr-user-id,
  .jb-header .btn-deposit.hdr-deposit-desktop,
  .jb-header .hdr-logout-btn,
  .jb-header .hdr-avatar-btn--desktop{display:none !important}
  .jb-header .hdr-balance{height:30px;font-size:var(--jb-fs-normal)}
  .jb-header .hdr-notif-btn{width:30px !important;height:30px !important}
}

/* ── Side nav (desktop rail / mobile drawer) ─────────────────────────── */
.jb-sidenav-overlay{
  display:none;position:fixed;left:0;right:0;bottom:0;top:var(--header-h);z-index:998;
  background:rgba(20,21,21,.75);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.jb-sidenav-overlay.open{display:block}
.jb-sidenav{
  position:fixed;left:0;top:var(--header-h);bottom:0;z-index:999;
  width:var(--jb-rail-open);max-width:85vw;
  display:flex;flex-direction:column;
  background:var(--jb-n900);border-right:1px solid var(--jb-line);
  transform:translateX(-100%);transition:transform .3s ease,width .3s ease;
  -webkit-user-select:none;user-select:none;
}
.jb-sidenav.open{transform:translateX(0)}
.jb-sidenav__head{flex:none;padding:calc(var(--jb-gap) * 2)}
.jb-sidenav__scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.jb-sidenav__scroll::-webkit-scrollbar{width:0;height:0}
.jb-sidenav__section{padding-bottom:16px}
.jb-sidenav__section + .jb-sidenav__section{padding-top:16px;border-top:1px solid var(--jb-line-2)}

.jb-sm-chat{
  display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px;border:0;
  background:var(--jb-n800);color:var(--jb-n100);border-radius:var(--jb-radius);
  font-family:inherit;font-size:var(--jb-fs-normal);cursor:pointer;white-space:nowrap;overflow:hidden;
}
.jb-sm-chat:hover{opacity:.7}
.jb-sm-chat img{width:20px;height:20px;flex:none}

.jb-sm-item{
  display:flex;align-items:center;height:52px;padding:0 16px;gap:15px;
  color:var(--jb-n300);font-size:var(--jb-fs-larger);cursor:pointer;white-space:nowrap;overflow:hidden;
  background:transparent;border:0;width:100%;font-family:inherit;text-align:left;transition:background .3s,color .3s;
}
.jb-sm-item:hover{background:var(--jb-n800);color:var(--jb-n200)}
.jb-sm-item--active{color:var(--jb-n200)}
.jb-sm-item__icon{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--jb-n300)}
.jb-sm-item__icon img{width:20px;height:20px;display:block;object-fit:contain}
.jb-sm-item__icon img.jb-flag{border-radius:50%;object-fit:cover}
.jb-sm-item__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s}
.jb-sm-item__ext{flex:none;font-size:11px;color:var(--jb-n300);transition:opacity .25s}

/* Logged-in profile / balance blocks (drawer only) */
.jb-sidenav .side-menu__profile{
  display:flex;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 12px;
  background:var(--jb-n800);border-radius:var(--jb-radius);color:var(--jb-n200);
}
.jb-sidenav .side-menu__avatar{
  width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  background:var(--jb-p500);color:#fff;font-weight:700;font-size:13px;
}
.jb-sidenav .side-menu__profile-info{flex:1;min-width:0;font-size:var(--jb-fs-normal);line-height:1.4}
.jb-sidenav .side-menu__profile-label{color:var(--jb-n300);font-size:var(--jb-fs-small)}
.jb-sidenav .side-menu__profile-name{color:var(--jb-n100);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jb-sidenav .side-menu__profile-id{color:var(--jb-n300);font-size:var(--jb-fs-small)}
.jb-sidenav .side-menu__balance-card{margin:0 16px 12px;padding:10px 12px;background:var(--jb-n800);border-radius:var(--jb-radius)}
.jb-sidenav .side-menu__balance-body{width:100%}
.jb-sidenav .side-menu__balance-row{display:flex;justify-content:space-between;font-size:var(--jb-fs-normal);line-height:1.8}
.jb-sidenav .side-menu__balance-label{color:var(--jb-n300)}
.jb-sidenav .side-menu__balance-val{color:var(--jb-accent);font-weight:600}
.jb-sidenav .side-menu__wager-val{color:var(--jb-n200)}

@media(min-width:1024px){
  body{padding-left:var(--jb-rail)}
  .jb-sidenav{transform:none;width:var(--jb-rail);max-width:none;box-shadow:4px 1px 5.3px #00000007,13.4px 3.4px 17.9px #0000000b,60px 15px 80px #00000012}
  .jb-sidenav:hover,.jb-sidenav.open{width:var(--jb-rail-open)}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-item__title,
  .jb-sidenav:not(:hover):not(.open) .jb-sm-item__ext{opacity:0}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-item{padding-left:22px}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-chat{padding:8px 10px;width:40px}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-chat span{opacity:0}
  .jb-sidenav:not(:hover):not(.open) .side-menu__profile,
  .jb-sidenav:not(:hover):not(.open) .side-menu__balance-card{display:none !important}
  .jb-sidenav-overlay{left:var(--jb-rail)}
  .bottom-nav{display:none !important}
}

/* ── Home page ───────────────────────────────────────────────────────── */
.jb-home{padding-bottom:calc(var(--jb-gap) * 2)}
.jb-home__body{max-width:calc(var(--jb-content-max) + var(--jb-gap) * 4);margin:0 auto;padding:0 calc(var(--jb-gap) * 2)}

/* Banner carousel */
.jb-banner{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}
.jb-banner__track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.jb-banner__slide{flex:none;width:100%;display:block;cursor:pointer}
.jb-banner__slide img{display:block;width:100%;height:auto}
.jb-banner__nav{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:1150px;height:30px;
  display:flex;justify-content:space-between;pointer-events:none;
}
.jb-banner__btn{
  pointer-events:auto;width:34px;height:30px;border:0;padding:0;border-radius:var(--jb-radius);
  background:var(--jb-n700);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s;
}
.jb-banner__btn:hover{opacity:.7}
.jb-banner__btn img{width:16px;height:16px}
.jb-banner__dots{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;left:0;right:0;bottom:10px}
.jb-banner__dot{width:12px;height:6px;border-radius:99px;background:var(--jb-n700);cursor:pointer;transition:width .5s,background-color .5s;border:0;padding:0}
.jb-banner__dot--active{width:24px;background:var(--jb-p500)}
@media(min-width:781px){
  /* Desktop: slides sit side by side at a fixed height with faded edges */
  .jb-banner__slide{width:auto;height:210px;margin-inline-end:var(--jb-gap)}
  .jb-banner__slide img{height:210px;width:auto;max-width:none}
  .jb-banner__viewport{
    -webkit-mask:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
            mask:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  }
  .jb-banner__dots{display:none}
}
@media(max-width:780px){
  .jb-banner{padding:var(--jb-gap) calc(var(--jb-gap) * 2) 0}
  .jb-banner__viewport{overflow:hidden;border-radius:var(--jb-radius)}
  .jb-banner__nav{display:none}
  .jb-banner__dots{position:static;margin-top:var(--jb-gap)}
}

/* Marquee */
.jb-marquee{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--jb-gap);padding:calc(var(--jb-gap) * 4) 0 calc(var(--jb-gap) * 2)}
.jb-marquee__icon{width:20px;height:20px;color:var(--jb-p500);display:flex;align-items:center;justify-content:center;font-size:15px}
.jb-marquee__content{overflow:hidden}
.jb-marquee__track{display:flex;width:max-content;animation:jbMarquee var(--jb-marquee-duration,40s) linear infinite}
.jb-marquee__content:hover .jb-marquee__track{animation-play-state:paused}
.jb-marquee__item{flex:none;padding-left:300px;white-space:nowrap;font-size:var(--jb-fs-larger);line-height:1.5;color:var(--jb-n200)}
.jb-marquee__item b{font-weight:700}
@keyframes jbMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:780px){.jb-marquee{padding:var(--jb-gap) 0}}

/* Mobile wallet strip (logged in) */
.jb-home #mobileBalanceBar .mob-home-wallet-row{gap:var(--jb-gap)}

/* Category nav */
.jb-mainnav{-webkit-user-select:none;user-select:none}
.jb-mainnav__cats{display:flex;align-items:flex-end;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x}
.jb-mainnav__cats::-webkit-scrollbar{display:none}
.jb-mainnav__cats-inner{display:inline-flex;gap:var(--jb-gap)}
.jb-mainnav__btn{
  position:relative;flex:none;display:flex;flex-direction:column;align-items:center;min-width:80px;
  padding:var(--jb-gap) 0;border:0;background:none;cursor:pointer;font-family:inherit;
  opacity:0;animation:jbFadeIn .75s forwards;
}
.jb-mainnav__btn:before{
  content:"";position:absolute;left:0;bottom:0;width:100%;min-width:80px;height:50px;z-index:0;
  border-radius:var(--jb-radius);background:var(--jb-n800);transition:background .4s,height .4s;
}
.jb-mainnav__btn--active:before{background:var(--jb-p500);height:56px}
.jb-mainnav__img{position:relative;z-index:2;top:-4px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:transform .4s}
.jb-mainnav__img img{width:40px;height:40px;display:block;object-fit:contain}
.jb-mainnav__btn--active .jb-mainnav__img{transform:translateY(-3px) scale(1.06)}
.jb-mainnav__text{position:relative;z-index:2;font-size:var(--jb-fs-larger);font-weight:600;color:var(--jb-n300);text-align:center;padding:0 8px;white-space:nowrap}
.jb-mainnav__btn--active .jb-mainnav__text{color:var(--jb-n100)}
@keyframes jbFadeIn{to{opacity:1}}

.jb-mainnav__panel{display:none;padding:var(--jb-gap) 0}
.jb-mainnav__panel--active{display:block;animation:jbFadeIn .4s both}
.jb-mainnav__panel--active{opacity:0}

.jb-games-banner{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--jb-gap)}
.jb-games-banner__cell{position:relative;display:block;border-radius:var(--jb-radius);background:var(--jb-n800);overflow:hidden;cursor:pointer;transition:opacity .3s}
.jb-games-banner__cell:hover{opacity:.8}
.jb-games-banner__cell img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.jb-games-banner__name{
  display:block;padding:6px 8px;font-size:var(--jb-fs-normal);color:var(--jb-n200);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
}

.jb-games-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--jb-gap)}
.jb-games-grid__cell{
  display:flex;align-items:center;height:50px;padding:0 15px;gap:15px;overflow:hidden;cursor:pointer;
  border-radius:var(--jb-radius);background:var(--jb-n800);transition:background .3s;
}
.jb-games-grid__cell:hover{background:var(--jb-n700)}
.jb-games-grid__icon{flex:none;width:30px;height:30px;border-radius:var(--jb-radius);overflow:hidden}
.jb-games-grid__icon img{display:block;width:100%;height:100%;object-fit:cover}
.jb-games-grid__cell--all .jb-games-grid__icon img{object-fit:contain}
.jb-games-grid__text{min-width:0;font-size:var(--jb-fs-larger);line-height:1.3;color:var(--jb-n300);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.jb-more{display:flex;justify-content:center;margin-top:20px}
.jb-more .jb-btn{height:48px;width:150px;font-weight:600}

@media(max-width:780px){
  .jb-mainnav__cats-inner{margin:0}
  .jb-games-banner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jb-games-banner__cell:nth-child(n+7){display:none}
  .jb-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jb-mainnav__btn,.jb-mainnav__btn:before{min-width:72px}
}
@media(min-width:781px) and (max-width:1100px){
  .jb-games-banner{grid-template-columns:repeat(6,minmax(0,1fr))}
  .jb-games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Labeled carousels (Providers / Events / Exclusive Games) */
.jb-lc{margin-top:calc(var(--jb-gap) * 2)}
.jb-lc__head{display:flex;align-items:center;padding-bottom:10px}
.jb-lc__head:before{content:"";display:block;width:4px;height:20px;border-radius:70px;background:var(--jb-p500);margin-inline-end:10px}
.jb-lc__title{margin:0;color:var(--jb-n100);font-size:var(--jb-fs-h5);font-weight:600}
.jb-lc__nav{display:flex;gap:var(--jb-gap);margin-inline-start:auto}
.jb-lc__btn{
  width:34px;height:34px;padding:0;border:0;border-radius:var(--jb-radius);background:var(--jb-n800);
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s;
}
.jb-lc__btn:hover{opacity:.7}
.jb-lc__btn img{width:15px;height:15px}
.jb-lc__btn:disabled{cursor:default;opacity:.4}
.jb-lc__track{
  display:flex;gap:var(--jb-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.jb-lc__track::-webkit-scrollbar{display:none}
.jb-lc__track > *{flex:none;scroll-snap-align:start}

.jb-provider{
  --jb-per:7; --jb-main:.8733;
  width:calc((100% * var(--jb-main) - var(--jb-gap) * (var(--jb-per) - 1)) / var(--jb-per));
  display:flex;align-items:center;padding:7.1%;padding:12px;gap:8px;
  background:var(--jb-n800);border-radius:var(--jb-radius);cursor:pointer;transition:background .3s;
}
.jb-provider:hover{background:var(--jb-n700)}
.jb-provider__img{width:39.3%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--jb-radius);flex:none}
.jb-provider__text{margin-inline-start:auto;font-size:var(--jb-fs-larger);font-weight:600;line-height:1.3;color:var(--jb-n300);text-align:right;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.jb-event{
  --jb-per:3; --jb-main:.9508;
  width:calc((100% * var(--jb-main) - var(--jb-gap) * (var(--jb-per) - 1)) / var(--jb-per));
  display:block;border-radius:var(--jb-radius);overflow:hidden;background:var(--jb-n800);cursor:pointer;
}
.jb-event img{display:block;width:100%;aspect-ratio:2.0859/1;object-fit:cover;transition:opacity .3s}
.jb-event:hover img{opacity:.8}

.jb-fav{
  --jb-per:6; --jb-main:.915;
  width:calc((100% * var(--jb-main) - var(--jb-gap) * (var(--jb-per) - 1)) / var(--jb-per));
  display:block;border-radius:var(--jb-radius);overflow:hidden;background:var(--jb-n800);cursor:pointer;transition:opacity .3s;
}
.jb-fav:hover{opacity:.7}
.jb-fav__img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.jb-fav__info{padding:8px 10px 10px;min-height:calc(33% - 4px)}
.jb-fav__name{font-size:var(--jb-fs-larger);font-weight:600;color:var(--jb-n100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-fav__prov{font-size:var(--jb-fs-normal);color:var(--jb-n300);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1100px){
  .jb-provider{--jb-per:5}
  .jb-fav{--jb-per:4}
}
@media(max-width:780px){
  .jb-provider{--jb-per:2.4;--jb-main:1}
  .jb-event{--jb-per:1.15;--jb-main:1}
  .jb-fav{--jb-per:2.6;--jb-main:1}
  .jb-lc__nav{display:none}
}

/* Floating social buttons sit above the bottom bar */
@media(max-width:1023px){
  .mob-social-fab-stack{bottom:calc(var(--jb-bottombar-h) + 16px) !important}
}

/* ── Footer ──────────────────────────────────────────────────────────── */
.jb-footer.footer{background:var(--jb-n1000);padding:0;margin:0;border:0;color:var(--jb-n400)}
.jb-footer__inner{max-width:calc(var(--jb-content-max) + var(--jb-gap) * 4);margin:0 auto;padding:0 calc(var(--jb-gap) * 2)}
.jb-footer a{color:inherit}

.jb-flinks{padding:10px 0;border-bottom:1px solid var(--jb-line-2)}
.jb-flinks__ul{display:flex;align-items:flex-start;margin:0;padding:0;list-style:none}
.jb-flinks__li{width:25%}
.jb-flinks__head{
  display:flex;align-items:center;justify-content:space-between;width:100%;padding:19px 0;border:0;background:none;
  font-family:inherit;font-size:var(--jb-fs-larger);color:var(--jb-n200);text-align:left;cursor:default;
}
.jb-flinks__arrow{display:none;width:12px;height:12px;transition:transform .3s;color:var(--jb-n400)}
.jb-flinks__item{
  display:flex;align-items:center;gap:6px;padding:10px 0;font-size:var(--jb-fs-larger);
  color:var(--jb-n400);cursor:pointer;transition:color .3s;background:none;border:0;font-family:inherit;text-align:left;
}
.jb-flinks__item:hover{color:var(--jb-n200)}
.jb-flinks__item i{font-size:10px;color:var(--jb-n400)}

.jb-flist{display:flex;flex-direction:column;width:100%;padding:20px 0 var(--jb-gap);border-bottom:1px solid var(--jb-line-2)}
.jb-flist__title{width:100%;margin-bottom:15px;font-size:var(--jb-fs-larger);font-weight:600;color:var(--jb-p300)}
.jb-flist__wrap{display:flex;flex-wrap:wrap;align-items:center;width:100%}
.jb-sponsor{display:flex;align-items:center;gap:var(--jb-gap);margin:0 calc(var(--jb-gap) * 2) var(--jb-gap) 0}
.jb-sponsor img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;flex:none}
.jb-sponsor__name{font-size:var(--jb-fs-normal);color:var(--jb-n200);line-height:1.4}
.jb-sponsor__sub{font-size:var(--jb-fs-small);color:var(--jb-n400)}
.jb-ambassadors img{display:block;max-width:420px;width:100%;border-radius:var(--jb-radius)}

.jb-frow{display:flex;align-items:stretch;width:100%}
.jb-frow > .jb-flist{width:auto;flex:none}
.jb-frow > .jb-flist + .jb-flist{flex:1;padding-left:calc(var(--jb-gap) * 8)}
.jb-icons__item{display:inline-flex;align-items:center;margin:0 20px 5px 0}
.jb-icons__item img{height:30px;width:auto;max-width:110px;object-fit:contain;display:block}

.jb-social{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--jb-gap) * 3);width:100%;padding:20px 0;border-bottom:1px solid var(--jb-line-2)}
.jb-social a{
  width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--jb-n700);color:var(--jb-n200);font-size:15px;transition:background .3s,color .3s;
}
.jb-social a:hover{background:var(--jb-p500);color:#fff}

.jb-showmore{position:relative;margin:var(--jb-gap) 0 25px}
.jb-showmore__inner{overflow:hidden;max-height:150px;transition:max-height .4s ease}
.jb-showmore--open .jb-showmore__inner{max-height:4000px}
.jb-showmore__ctrl{display:flex;justify-content:center;align-items:flex-end;padding-top:30px;position:absolute;left:0;right:0;bottom:0}
.jb-showmore__mask{position:absolute;inset:0;background:linear-gradient(to top,var(--jb-n1000) 20%,transparent 100%);pointer-events:none}
.jb-showmore--open .jb-showmore__ctrl{position:static}
.jb-showmore--open .jb-showmore__mask{display:none}
.jb-showmore__btn{position:relative;z-index:1;height:40px;padding:0 15px;border:0;border-radius:var(--jb-radius);background:var(--jb-n700);color:var(--jb-n200);font-family:inherit;font-size:var(--jb-fs-larger);cursor:pointer}
.jb-desc h3,.jb-desc .jb-desc__title{padding:var(--jb-gap) 0;margin:0;line-height:1.5;font-weight:600;font-size:var(--jb-fs-larger);color:var(--jb-n400)}
.jb-desc p{padding:var(--jb-gap) 0;margin:0;line-height:1.5;font-weight:300;font-size:var(--jb-fs-larger);color:var(--jb-n400);overflow-wrap:anywhere}

.jb-fbrand{display:flex;align-items:center;gap:calc(var(--jb-gap) * 2);padding:20px 0;border-top:1px solid var(--jb-line-2)}
.jb-fbrand__logo{width:78px;height:56px;flex:none;background:center/contain no-repeat}
.jb-fbrand__content{font-size:var(--jb-fs-normal);line-height:1.8em}
.jb-fbrand__subtitle{color:var(--jb-p500);font-weight:600}
.jb-fbrand__txt{margin:0;color:var(--jb-n400)}

@media(max-width:780px){
  .jb-footer__inner{padding:0 calc(var(--jb-gap) * 2) 12px}
  .jb-flinks{padding:0}
  .jb-flinks__ul{flex-direction:column}
  .jb-flinks__li{width:100%;border-bottom:1px solid var(--jb-line-2)}
  .jb-flinks__li:last-child{border-bottom:0}
  .jb-flinks__head{cursor:pointer;color:var(--jb-n400)}
  .jb-flinks__arrow{display:block}
  .jb-flinks__body{display:none;padding:0 10px 10px}
  .jb-flinks__li--open .jb-flinks__head{color:var(--jb-n200)}
  .jb-flinks__li--open .jb-flinks__arrow{transform:rotate(180deg);color:var(--jb-n200)}
  .jb-flinks__li--open .jb-flinks__body{display:block}
  .jb-sponsor{width:calc(50% - 8px);margin-right:8px}
  .jb-frow{flex-direction:column}
  .jb-frow > .jb-flist,.jb-frow > .jb-flist + .jb-flist{width:100%;padding-left:0}
}

/* ── Live matches panel (between Providers and Events) ───────────────── */
.jb-odds{display:flex;gap:var(--jb-gap);margin-top:calc(var(--jb-gap) * 3);padding:12px;border-radius:var(--jb-radius);background:#1b1c1c}
.jb-odds[hidden]{display:none}
.jb-odds__tabs{flex:none;display:flex;flex-direction:column;gap:4px;width:96px;padding-top:6px}
.jb-odds__tab{display:flex;align-items:center;gap:8px;height:36px;padding:0 6px;border-radius:var(--jb-radius);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--jb-n300)}
.jb-odds__tab i{font-size:16px}
.jb-odds__tab--active{color:var(--jb-n100)}
.jb-odds__track{flex:1;min-width:0;display:flex;gap:var(--jb-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.jb-odds__track::-webkit-scrollbar{display:none}
.jb-odds__card{flex:none;width:265px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:var(--jb-radius);background:#222424;overflow:hidden;color:var(--jb-n200)}
.jb-odds__head{display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;background:linear-gradient(90deg,#1f2a8f,#2d3cc4);font-size:9.5px;color:#fff;white-space:nowrap;overflow:hidden}
.jb-odds__sep{opacity:.6}
.jb-odds__league{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.jb-odds__status{flex:none;font-weight:600}
.jb-odds__status--live{color:#4ade80}
.jb-odds__status--live:before{content:"";display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#4ade80;vertical-align:middle}
.jb-odds__team{display:flex;align-items:center;gap:8px;padding:5px 8px 0;font-size:13px}
.jb-odds__flag{flex:none;width:16px;height:16px;border-radius:50%;background:#3a3c3d;color:var(--jb-n200);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.jb-odds__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jb-odds__score{flex:none;font-size:15px;font-weight:700;color:var(--jb-n100)}
.jb-odds__detail{padding:4px 8px 6px;font-size:11px;color:#6f8cff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-odds__bet{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:auto 8px 8px;padding:6px 8px;border-radius:var(--jb-radius);background:#2c2e2f;font-size:11px;color:var(--jb-n300)}
.jb-odds__bet b{padding:3px 12px;border-radius:2px;background:var(--jb-p500);color:#fff;font-size:11px}
@media(max-width:780px){
  .jb-odds{flex-direction:column;padding:10px}
  .jb-odds__tabs{flex-direction:row;width:auto;padding:0}
  .jb-odds__card{width:240px}
}

/* ── Game tiles: tall, image-only (as on the reference) ──────────────── */
.jb-games-banner__cell img{aspect-ratio:143/190;object-fit:cover}
.jb-games-banner__name,
.jb-fav__info{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jb-fav{position:relative}
.jb-fav__img{aspect-ratio:146/194;object-fit:cover}


/* ── Bottom bar (mobile) — reference: 4 buttons logged out, 5 logged in ─ */
.jb-bottombar.bottom-nav{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:1001;
  height:auto;min-height:0;padding:0 0 env(safe-area-inset-bottom,0px);
  background:var(--jb-n800);border-top:1px solid var(--jb-line-2);box-shadow:none;border-radius:0;
}
.jb-bb-row{width:100%;height:var(--jb-bottombar-h)}
.jb-bb-btn{
  position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:var(--jb-n300);border-top:2px solid transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;
}
.jb-bb-btn:before{
  content:"";position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .6s;
  background:linear-gradient(to top,#24313c,rgba(255,138,20,.4) 100%);
}
.jb-bb-btn--active{color:var(--jb-n200);border-top-color:var(--jb-p500)}
.jb-bb-btn--active:before{opacity:1;transition:none}
.jb-bb-btn__visual{position:relative;z-index:2;display:block}
.jb-bb-btn__img{display:block;width:21px;height:21px}
.jb-bb-btn__img--on{display:none}
.jb-bb-btn--active .jb-bb-btn__img--off{display:none}
.jb-bb-btn--active .jb-bb-btn__img--on{display:block}
.jb-bb-btn__text{position:relative;z-index:2;display:block;margin-top:3px;font-size:12.5px;line-height:1.2;text-align:center;white-space:nowrap}
.jb-bb-btn__badge{
  position:absolute;top:6px;right:calc(50% - 10px);z-index:4;transform:translate(80%,-25%);
  min-width:21px;height:21px;line-height:22px;padding:0;border-radius:70px;
  background:#e20000;color:var(--jb-n200);font-size:12px;font-weight:600;text-align:center;
}
.jb-bb-btn__badge--more{padding:0 5px;width:auto}
.jb-bb-btn__badge[hidden]{display:none}

@media(max-width:1023px){
  .jb-bottombar.bottom-nav{display:block}
  /* Menu lives in the bottom bar on phones/tablets, as on the reference */
  .jb-hd-menu{display:none}
  .jb-header.header{padding-left:16px}
  /* Side menu stops above the bottom bar so it stays usable */
  .jb-sidenav{bottom:calc(var(--jb-bottombar-h) + env(safe-area-inset-bottom,0px))}
  .jb-sidenav-overlay{bottom:calc(var(--jb-bottombar-h) + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:calc(var(--jb-bottombar-h) + env(safe-area-inset-bottom,0px))}
}

/* ── Footer social: brand-coloured round icons, left aligned ─────────── */
.jb-social{justify-content:flex-start;gap:24px}
.jb-social a{width:30px;height:30px;font-size:15px;color:#fff;background:#3a3c3d}
.jb-social a:hover{filter:brightness(1.12);background:inherit}
.jb-social a.jb-social__facebook{background:#1877f2}
.jb-social a.jb-social__instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.jb-social a.jb-social__twitter{background:transparent;font-size:19px}
.jb-social a.jb-social__youtube{background:#ff0000}
.jb-social a.jb-social__telegram{background:#2aabee}
.jb-social a.jb-social__whatsapp{background:#25d366;font-size:17px}
.jb-flist__title{color:var(--jb-p500)}

/* ── Sponsor badge rotating beside the logo (slides left every 3s) ───── */
.jb-hd-sponsor{position:relative;flex:none;width:30px;height:30px;margin:0 16px 0 32px;overflow:hidden;-webkit-user-select:none;user-select:none}
.jb-hd-sponsor__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;transform:translateX(100%);opacity:0;transition:transform .6s ease,opacity .6s ease}
.jb-hd-sponsor__img--on{transform:none;opacity:1}
.jb-hd-sponsor__img--out{transform:translateX(-100%);opacity:0}
@media(max-width:1023px){.jb-hd-sponsor{width:31px;height:31px;margin:0 8px 0 10px}}
@media(max-width:420px){
  .jb-hd-sponsor{width:28px;height:28px;margin:0 6px 0 6px}
  .jb-hd-logo img{height:34px}
  .jb-hd-actions .jb-btn{width:80px;font-size:13.5px}
  .jb-hd-lang{width:40px}
}

/* ── Side menu: reference mobile menu layout ─────────────────────────── */
.jb-sidenav__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.jb-sm-close{display:none;width:44px;height:37px;border:0;border-radius:var(--jb-radius);background:var(--jb-n800);cursor:pointer;align-items:center;justify-content:center}
.jb-sm-close .jb-sm-mask{display:block;width:22px;height:22px;background:var(--jb-n200)}
.jb-sm-mask{
  display:inline-block;background:var(--jb-n300);
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;
}
.jb-sm-item__icon.jb-sm-mask{width:20px;height:20px}
.jb-sm-item--active .jb-sm-mask{background:var(--jb-n200)}
.jb-sm-item__ext.jb-sm-mask{width:18px;height:18px;margin-left:auto}
.jb-sm-item{height:54px;padding:0 16.6px;font-size:14.5px}
.jb-sm-item__icon img{object-fit:contain}
.jb-sm-banner{display:block;margin:0 16px 4px;border-radius:var(--jb-radius);overflow:hidden}
.jb-sm-banner img{display:block;width:100%;aspect-ratio:352/93;object-fit:cover}

.jb-sm-collapse__head{cursor:pointer}
.jb-sm-collapse__head .jb-sm-item__title{flex:1}
.jb-sm-viewall{margin-left:auto;margin-right:12px;font-size:13px;color:var(--jb-p500);text-decoration:underline}
.jb-sm-arrow{flex:none;width:20px;height:20px;background:var(--jb-n300);transition:transform .3s;
  -webkit-mask:url(/assets/jb/menu/arrow-down.svg) center/contain no-repeat;mask:url(/assets/jb/menu/arrow-down.svg) center/contain no-repeat}
.jb-sm-collapse__body{display:none}
.jb-sm-collapse--open > .jb-sm-collapse__body{display:block;animation:jbFadeIn .3s both}
.jb-sm-collapse--open > .jb-sm-collapse__head .jb-sm-arrow{transform:rotate(180deg);background:var(--jb-n200)}
.jb-sm-collapse--open > .jb-sm-collapse__head .jb-sm-item__title{color:var(--jb-n200)}

.jb-sm-promos{display:flex;gap:8px;overflow-x:auto;padding:18px 16px;background:#1e1f1f;scrollbar-width:none;scroll-snap-type:x mandatory}
.jb-sm-promos::-webkit-scrollbar{display:none}
.jb-sm-promos a{flex:none;width:216px;border-radius:var(--jb-radius);overflow:hidden;scroll-snap-align:start}
.jb-sm-promos img{display:block;width:100%;aspect-ratio:216/103;object-fit:cover}

.jb-sm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 16.6px 16px}
.jb-sm-grid__cell{display:flex;align-items:center;gap:12px;height:52px;padding:0 15.6px;border-radius:var(--jb-radius);background:var(--jb-n800);color:var(--jb-n200);font-size:14px;overflow:hidden;transition:background .2s}
.jb-sm-grid__cell:hover{background:var(--jb-n700)}
.jb-sm-grid__icon{flex:none;width:28px;height:28px;border-radius:var(--jb-radius);overflow:hidden;display:flex;align-items:center;justify-content:center}
.jb-sm-grid__icon img{width:100%;height:100%;object-fit:cover}
.jb-sm-grid__cell--all .jb-sm-grid__icon img{object-fit:contain}
.jb-sm-grid__icon--fa{font-size:20px;color:var(--jb-p500)}
.jb-sm-grid__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Collapsed desktop rail: hide extras, keep icons only */
@media(min-width:1024px){
  .jb-sidenav:not(:hover):not(.open) .jb-sm-banner,
  .jb-sidenav:not(:hover):not(.open) .jb-sm-collapse__body,
  .jb-sidenav:not(:hover):not(.open) .jb-sm-viewall,
  .jb-sidenav:not(:hover):not(.open) .jb-sm-arrow{display:none}
}
/* Phones/tablets: full-width menu between header and bottom bar, with close button */
@media(max-width:1023px){
  .jb-sidenav{width:100%;max-width:none;border-right:0}
  .jb-sm-close{display:flex}
  .jb-sidenav__head{padding:12px 16px}
}

/* ── Games page (reference: toolbar · search · tall tiles · Load more) ─ */
.jbg{max-width:calc(var(--jb-content-max) + var(--jb-gap) * 4);margin:0 auto;padding:40px calc(var(--jb-gap) * 2) 30px}
.jbg-toolbar{display:flex;align-items:center;justify-content:space-between;height:62px}
.jbg-toolbar__head{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}
.jbg-toolbar__icon{width:21px;height:21px}
.jbg-toolbar__title{font-size:20px;font-weight:600;color:var(--jb-n200)}
.jbg-toolbar__arrow{display:inline-block;width:21px;height:21px;background:var(--jb-n200);
  -webkit-mask:url(/assets/jb/menu/arrow-down.svg) center/contain no-repeat;mask:url(/assets/jb/menu/arrow-down.svg) center/contain no-repeat}
.jbg-toolbar__tools{display:flex}
.jbg-tool{position:relative;width:52px;height:62px;border:0;background:none;color:var(--jb-n300);font-size:19px;cursor:pointer}
.jbg-tool:hover{color:var(--jb-n200)}
.jbg-tool__dot{position:absolute;top:18px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--jb-p500)}
.jbg-tool__dot[hidden]{display:none}
.jbg-tool--search{display:none}
.jbg-search{display:flex;align-items:center;gap:12px;height:50px;padding:0 16px;margin-bottom:16px;border-radius:var(--jb-radius);background:var(--jb-n800);color:var(--jb-n200)}
.jbg-search i{font-size:17px}
.jbg-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--jb-n200);font-family:inherit;font-size:14px}
.jbg-search input::placeholder{color:var(--jb-n400)}
.jbg-search__clear{border:0;background:none;color:var(--jb-n300);font-size:22px;cursor:pointer}
.jbg-search__clear[hidden]{display:none}
.jbg-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.jbg-tile{position:relative;display:block;border-radius:var(--jb-radius);overflow:hidden;background:var(--jb-n800);aspect-ratio:139/185;transition:transform .2s}
.jbg-tile:hover{transform:translateY(-3px)}
.jbg-tile img{display:block;width:100%;height:100%;object-fit:cover}
.jbg-tile__name{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 6px;font-size:11px;font-weight:600;color:#fff;text-align:center;
  background:linear-gradient(transparent,rgba(0,0,0,.75));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jbg-empty{padding:60px 0;text-align:center;color:var(--jb-n300)}
.jbg-empty i{font-size:40px;margin-bottom:10px}
.jbg-empty[hidden],.jbg-more[hidden],.jbg-more__btn[hidden]{display:none}
.jbg-more{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}
.jbg-more__btn{height:40px;padding:0 24px;border:0;border-radius:var(--jb-radius);background:var(--jb-n700);color:var(--jb-n200);font-family:inherit;font-size:14px;cursor:pointer}
.jbg-more__btn:hover{background:#3a3c3c}
.jbg-more__bar{width:203px;height:4px;border-radius:4px;background:var(--jb-n700);overflow:hidden}
.jbg-more__bar span{display:block;height:100%;background:var(--jb-n300);transition:width .3s}
.jbg-more__txt{font-size:14px;color:var(--jb-n300)}
.jbg-more__txt b{font-weight:400}
.jbg-provgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.jbg-prov{display:flex;align-items:center;gap:12px;height:60px;padding:0 14px;border-radius:var(--jb-radius);background:var(--jb-n800);color:var(--jb-n300);font-size:14px;font-weight:600;overflow:hidden}
.jbg-prov img{width:34px;height:34px;border-radius:var(--jb-radius);object-fit:cover;flex:none}
.jbg-prov span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Sheets (category picker, filter, sort) */
.jbg-sheet{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
.jbg-sheet[hidden]{display:none}
.jbg-sheet__box{display:flex;flex-direction:column;width:min(480px,100%);max-height:85vh;border-radius:6px;background:var(--jb-n900);overflow:hidden;animation:jbFadeIn .25s both}
.jbg-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--jb-line-2)}
.jbg-sheet__head b{font-size:18px;color:var(--jb-n100)}
.jbg-sheet__head button{border:0;background:none;color:var(--jb-n200);font-size:30px;line-height:1;cursor:pointer}
.jbg-sheet__body{flex:1;overflow-y:auto}
.jbg-sheet__foot{display:flex;gap:16px;padding:16px;border-top:1px solid var(--jb-line-2)}
.jbg-btn{height:50px;border:0;border-radius:var(--jb-radius);font-family:inherit;font-size:15px;cursor:pointer}
.jbg-btn--grey{flex:0 0 40%;background:#454647;color:var(--jb-n200)}
.jbg-btn--primary{flex:1;background:var(--jb-p500);color:#fff}
.jbg-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px}
.jbg-cat{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border-radius:var(--jb-radius);background:var(--jb-n800);color:var(--jb-n300);font-size:14px}
.jbg-cat img{width:24px;height:24px}
.jbg-cat--active{background:var(--jb-p500);color:#fff}
.jbg-acc__head{display:flex;align-items:center;justify-content:space-between;width:100%;height:88px;padding:0 32px;border:0;border-bottom:1px solid var(--jb-line-2);background:none;color:var(--jb-n200);font-family:inherit;font-size:15px;cursor:pointer}
.jbg-acc__head .jbg-toolbar__arrow{transition:transform .3s}
.jbg-acc--open .jbg-acc__head .jbg-toolbar__arrow{transform:rotate(180deg)}
.jbg-acc__body{display:none}
.jbg-acc--open .jbg-acc__body{display:grid}
.jbg-provlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px}
.jbg-check{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;border-radius:var(--jb-radius);background:var(--jb-n800);color:var(--jb-n300);font-size:13px;cursor:pointer;overflow:hidden}
.jbg-check input{position:absolute;opacity:0;width:0;height:0}
.jbg-check__box{flex:none;width:18px;height:18px;border-radius:var(--jb-radius);background:var(--jb-n600);display:flex;align-items:center;justify-content:center}
.jbg-check__box:after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px;color:#fff;opacity:0}
.jbg-check input:checked + .jbg-check__box{background:var(--jb-p500)}
.jbg-check input:checked + .jbg-check__box:after{opacity:1}
.jbg-check input:checked ~ .jbg-check__txt{color:var(--jb-n200)}
.jbg-check img{width:24px;height:24px;border-radius:var(--jb-radius);object-fit:cover;flex:none}
.jbg-check__txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jbg-sorts{display:flex;flex-direction:column;padding:8px 0}
.jbg-sortopt{height:52px;padding:0 20px;border:0;background:none;color:var(--jb-n300);font-family:inherit;font-size:15px;text-align:left;cursor:pointer}
.jbg-sortopt--active{color:var(--jb-p500);font-weight:600}

@media(max-width:1100px){.jbg-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.jbg-provgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){
  .jbg{padding:0 16px 20px}
  .jbg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jbg-provgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jbg-tool--search{display:block}
  .jbg-search{display:none}
  .jbg-search--open{display:flex}
  .jbg-sheet--full{padding:0}
  .jbg-sheet--full .jbg-sheet__box{width:100%;max-height:none;height:100%;border-radius:0}
  .jbg-sheet:not(.jbg-sheet--full){align-items:flex-end;padding:0}
  .jbg-sheet:not(.jbg-sheet--full) .jbg-sheet__box{width:100%;border-radius:12px 12px 0 0}
}
/* Old style.css #gameSearch rules (teal text, boxed input) do not apply here */
.jbg-search #gameSearch{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;height:100% !important;
  color:var(--jb-n200) !important;-webkit-text-fill-color:var(--jb-n200) !important;border-radius:0 !important}
.jbg-search #gameSearch::placeholder{color:var(--jb-n400) !important;-webkit-text-fill-color:var(--jb-n400) !important}
/* Broken game images: no alt text, just the dark tile with the name */
.jbg-tile img{color:transparent;font-size:0}

/* ── Live chat button: reference style (black 50px circle with brand badge) ── */
#lc-launcher{
  width:50px !important;height:50px !important;right:16px !important;
  background:#000 url('/logo2.png') center/100% no-repeat !important;
  border:0 !important;border-radius:50% !important;box-shadow:0 4px 14px rgba(0,0,0,.5) !important;
}
#lc-launcher > *{display:none !important}
@media(max-width:1023px){ #lc-launcher{bottom:calc(var(--jb-bottombar-h) + 52px) !important} }