/* ============================================================
   1xBet India (hi-IN) satellite — base stylesheet
   prefix: xbi-   |  brand-inspired dark navy + electric blue
   ============================================================ */

:root {
  --xbi-bg:        #0c1a36;
  --xbi-bg-2:      #102347;
  --xbi-panel:     #16294c;
  --xbi-panel-2:   #1c3057;
  --xbi-panel-3:   #23396b;
  --xbi-line:      #27375d;
  --xbi-blue:      #14a0ff;
  --xbi-blue-d:    #0e80e0;
  --xbi-blue-2:    #2bb6ff;
  --xbi-green:     #6dc733;
  --xbi-green-d:   #58b22a;
  --xbi-gold:      #f6c945;
  --xbi-text:      #eaf2ff;
  --xbi-muted:     #9db2d6;
  --xbi-muted-2:   #7c93bb;
  --xbi-danger:    #ff6b6b;
  --xbi-star:      #ffc739;
  --xbi-header-h:  64px;
  --xbi-radius:    14px;
  --xbi-radius-s:  9px;
  --xbi-maxw:      1240px;
  --xbi-shadow:    0 14px 38px rgba(0,0,0,.38);
  --xbi-font:      'Hind','Noto Sans Devanagari','Segoe UI','Nirmala UI',system-ui,sans-serif;
  --xbi-display:   'Montserrat','Hind','Segoe UI',system-ui,sans-serif;
}

*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

body {
  margin:0;
  font-family:var(--xbi-font);
  background:var(--xbi-bg);
  color:var(--xbi-text);
  line-height:1.72;
  font-size:16.5px;
  overflow-x:hidden;
}
img { max-width:100%; display:block; height:auto; }
a { color:var(--xbi-blue-2); text-decoration:none; }
a:hover { text-decoration:underline; }

.xbi-wrap { max-width:var(--xbi-maxw); margin:0 auto; padding:0 18px; }
.xbi-sr { position:absolute!important; width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }

/* ---------- header ---------- */
.xbi-header {
  position:sticky; top:0; z-index:60;
  background:linear-gradient(180deg,#0e2049,#0c1a36);
  border-bottom:1px solid var(--xbi-line);
  height:var(--xbi-header-h);
  box-shadow:0 6px 22px rgba(0,0,0,.34);
}
.xbi-header__row { display:flex; align-items:center; gap:18px; height:var(--xbi-header-h); }
.xbi-logo { display:flex; align-items:center; gap:9px; flex:0 0 auto; }
.xbi-logo svg, .xbi-logo img { height:26px; width:auto; }
.xbi-nav { display:flex; gap:4px; flex:1 1 auto; min-width:0; }
.xbi-nav a {
  color:var(--xbi-text); font-family:var(--xbi-display); font-weight:600;
  font-size:13px; letter-spacing:.04em; text-transform:uppercase;
  padding:9px 11px; border-radius:8px; white-space:nowrap; opacity:.86;
  transition:background .18s,opacity .18s;
}
.xbi-nav a:hover { background:var(--xbi-panel-2); opacity:1; text-decoration:none; }
.xbi-nav a svg { width:14px; height:14px; vertical-align:-2px; margin-right:4px; }
.xbi-nav a.is-active { color:var(--xbi-blue-2); opacity:1; }

.xbi-head-actions { display:flex; align-items:center; gap:9px; flex:0 0 auto; margin-left:auto; }
.xbi-iconbtn {
  width:38px;height:38px;border-radius:9px;display:grid;place-items:center;
  background:var(--xbi-panel-2); border:1px solid var(--xbi-line); color:var(--xbi-text);
  cursor:pointer; transition:background .18s,transform .18s;
}
.xbi-iconbtn:hover { background:var(--xbi-panel-3); }
.xbi-iconbtn svg { width:18px;height:18px; }

.xbi-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  font-family:var(--xbi-display); font-weight:700; font-size:13.5px; letter-spacing:.03em;
  text-transform:uppercase; padding:10px 16px; border-radius:9px; cursor:pointer;
  border:0; white-space:nowrap; transition:transform .15s, box-shadow .2s, background .2s;
  text-decoration:none;
}
.xbi-btn:hover { text-decoration:none; transform:translateY(-1px); }
.xbi-btn--green { background:linear-gradient(180deg,#7ed63d,#58b22a); color:#06210a; box-shadow:0 8px 20px rgba(109,199,51,.32); }
.xbi-btn--green:hover { box-shadow:0 12px 26px rgba(109,199,51,.42); }
.xbi-btn--ghost { background:var(--xbi-panel-2); color:var(--xbi-text); border:1px solid var(--xbi-line); }
.xbi-btn--ghost:hover { background:var(--xbi-panel-3); }
.xbi-btn--blue { background:linear-gradient(180deg,#2bb6ff,#0e80e0); color:#04203c; box-shadow:0 8px 20px rgba(20,160,255,.3); }
.xbi-btn--lg { padding:14px 26px; font-size:15px; }

.xbi-lang { display:flex; align-items:center; gap:7px; padding:7px 10px; border-radius:9px;
  background:var(--xbi-panel-2); border:1px solid var(--xbi-line); font-size:13px; color:var(--xbi-text); cursor:pointer; }
.xbi-lang .flag { width:20px;height:14px;border-radius:2px;overflow:hidden;display:inline-block; }

/* ---- geo switcher dropdown ---- */
.xbi-geo { position:relative; order:1; } /* десктоп: визуально справа, в DOM — после логотипа */
.xbi-geo__list {
  position:absolute; top:calc(100% + 10px); right:0; z-index:70;
  width:340px; max-height:min(560px, calc(100vh - var(--xbi-header-h) - 24px)); overflow:auto;
  margin:0; padding:8px; list-style:none;
  display:none; grid-template-columns:repeat(2,minmax(148px,1fr)); gap:2px;
  background:var(--xbi-panel); border:1px solid var(--xbi-line);
  border-radius:var(--xbi-radius-s); box-shadow:var(--xbi-shadow);
  scrollbar-width:thin; scrollbar-color:rgba(43,182,255,.55) rgba(10,20,42,.35);
}
.xbi-geo.is-open .xbi-geo__list { display:grid; }
.xbi-geo__list::-webkit-scrollbar { width:9px; }
.xbi-geo__list::-webkit-scrollbar-track { background:rgba(10,20,42,.55); border-radius:10px; }
.xbi-geo__list::-webkit-scrollbar-thumb { border-radius:10px; border:2px solid rgba(10,20,42,.55);
  background:linear-gradient(180deg,rgba(43,182,255,.55),rgba(14,128,224,.5)); background-clip:padding-box; }
.xbi-geo__list a { display:block; padding:8px 11px; border-radius:7px;
  color:var(--xbi-muted); font-size:13.5px; white-space:nowrap; }
.xbi-geo__list a:hover { background:var(--xbi-panel-2); color:var(--xbi-text); text-decoration:none; }
.xbi-geo__list a.is-active { background:var(--xbi-panel-2); color:var(--xbi-green); font-weight:600; }

.xbi-head-icons { display:flex; gap:7px; }
.xbi-head-icons .xbi-iconbtn { position:relative; }
.xbi-head-icons .xbi-iconbtn svg { color:var(--xbi-blue-2); }
.xbi-badge-dot { position:absolute; top:-5px; right:-5px; min-width:15px; height:15px; padding:0 3px;
  border-radius:8px; background:var(--xbi-green); color:#06210a; font-size:10px; font-weight:800;
  display:grid; place-items:center; font-family:var(--xbi-display); }
.xbi-nav a.is-active { color:var(--xbi-green); opacity:1; }

/* ---- sidebar quick-buttons (brand flavour) ---- */
.xbi-sidebtns { display:grid; gap:10px; margin-bottom:16px; }
.xbi-sidebtn { display:flex; align-items:center; gap:10px; width:100%; cursor:pointer; text-align:left;
  border:1px solid rgba(43,182,255,.28); border-radius:10px; padding:11px 14px;
  background:linear-gradient(180deg,#1d4f8a,#173f6f); color:#eaf2ff;
  font-family:var(--xbi-font); font-weight:600; font-size:14px; transition:background .18s, transform .12s; }
.xbi-sidebtn:hover { background:linear-gradient(180deg,#225a9c,#1a487e); }
.xbi-sidebtn:active { transform:translateY(1px); }
.xbi-sidebtn .ico { width:20px; display:grid; place-items:center; color:var(--xbi-blue-2); }
.xbi-sidebtn .ico svg { width:18px; height:18px; }
.xbi-sidebtn .nm { flex:1; }
.xbi-sidebtn .chev { width:9px; height:9px; border-right:2px solid #cfe0fb; border-bottom:2px solid #cfe0fb;
  transform:rotate(45deg); transition:transform .2s; }
.xbi-sidebtn.is-open .chev { transform:rotate(-135deg); }

/* ---- sidebar sports widget (brand flavour) ---- */
.xbi-sportbox { background:var(--xbi-panel); border:1px solid var(--xbi-line); border-radius:var(--xbi-radius);
  overflow:hidden; margin-bottom:16px; }
.xbi-sporttabs { display:flex; }
.xbi-sporttabs button { flex:1; background:none; border:0; color:var(--xbi-muted); cursor:pointer;
  font-family:var(--xbi-display); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.03em;
  padding:11px; border-bottom:2px solid transparent; }
.xbi-sporttabs button.is-active { color:#fff; border-bottom-color:var(--xbi-green); }
.xbi-sporttabs .dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--xbi-green);
  margin-right:6px; vertical-align:middle; }
.xbi-sportbar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 14px;
  background:var(--xbi-bg-2); border-bottom:1px solid var(--xbi-line); font-size:13px; }
.xbi-sportbar .all { color:var(--xbi-blue-2); font-weight:700; }
.xbi-sportbar .play { color:var(--xbi-muted); display:inline-flex; align-items:center; gap:4px; }
.xbi-sportlbl { padding:8px 14px; color:var(--xbi-muted-2); font-size:12px; text-transform:uppercase;
  letter-spacing:.05em; background:rgba(255,255,255,.02); }
.xbi-sportlist { list-style:none; margin:0; padding:0; }
.xbi-sportrow { display:flex; align-items:center; gap:9px; padding:10px 14px; border-top:1px solid var(--xbi-line);
  font-size:14px; color:var(--xbi-text); cursor:pointer; }
.xbi-sportrow:hover { background:var(--xbi-panel-2); }
.xbi-sportrow .ico { font-size:15px; line-height:1; width:18px; text-align:center; }
.xbi-sportrow .nm { flex:1; }
.xbi-sportrow .ct { color:var(--xbi-muted); font-size:13px; }
.xbi-sportrow .chev { width:8px; height:8px; border-right:2px solid var(--xbi-muted-2);
  border-bottom:2px solid var(--xbi-muted-2); transform:rotate(45deg); margin-left:2px; }
.xbi-side__pages { padding:6px; border-bottom:1px solid var(--xbi-line); }
.xbi-side__pages a { display:flex; align-items:center; gap:8px; color:var(--xbi-text); font-weight:600;
  font-size:14px; padding:9px 11px; border-radius:8px; }
.xbi-side__pages a:hover { background:var(--xbi-panel-2); text-decoration:none; }
.xbi-side__pages a.is-active { background:var(--xbi-panel-2); color:var(--xbi-green); }
.xbi-side__pages a svg { width:16px; height:16px; opacity:.85; }

.xbi-burger { display:none; }
.xbi-burger .ic-close { display:none; }
.xbi-burger.is-open .ic-open { display:none; }
.xbi-burger.is-open .ic-close { display:block; }

/* ---------- hero ---------- */
.xbi-hero { position:relative; overflow:hidden; background:var(--xbi-bg-2);
  border-bottom:1px solid var(--xbi-line); }
.xbi-hero__media { position:absolute; inset:0; z-index:0; }
.xbi-hero__media img { width:100%; height:100%; object-fit:cover; object-position:right center; }
.xbi-hero__veil { position:absolute; inset:0; z-index:1;
  background:linear-gradient(100deg,#0a1730 8%,rgba(10,23,48,.92) 38%,rgba(10,23,48,.45) 66%,rgba(10,23,48,.18) 100%); }
.xbi-hero__inner { position:relative; z-index:2; padding:54px 0 60px; max-width:680px; }
.xbi-hero__rating { display:inline-flex; align-items:center; gap:8px; color:var(--xbi-green);
  font-family:var(--xbi-display); font-weight:700; font-size:14px; letter-spacing:.05em; text-transform:uppercase; margin-bottom:14px; }
.xbi-hero h1 { font-family:var(--xbi-display); font-weight:800; line-height:1.1;
  font-size:clamp(28px,4.6vw,50px); margin:0 0 16px; text-transform:none; }
.xbi-hero__lede { color:#cfe0fb; font-size:17px; max-width:600px; margin:0 0 24px; }
.xbi-hero__cta { display:flex; gap:12px; flex-wrap:wrap; }
.xbi-hero__updated { margin-top:18px; font-size:13px; color:var(--xbi-muted); }

/* ---------- layout w/ sidebar ---------- */
.xbi-shell { display:grid; grid-template-columns:264px minmax(0,1fr); gap:30px;
  max-width:var(--xbi-maxw); margin:0 auto; padding:34px 18px 10px; }
.xbi-side { position:sticky; top:calc(var(--xbi-header-h) + 16px); align-self:start; max-height:calc(100vh - var(--xbi-header-h) - 32px); overflow-y:auto; overflow-x:hidden; padding-right:4px; }

/* dark-blue glassy custom scrollbars */
.xbi-side, .xbi-drawer, .xbi-tablewrap {
  scrollbar-width:thin;
  scrollbar-color:rgba(43,182,255,.55) rgba(10,20,42,.35);
}
.xbi-side::-webkit-scrollbar,
.xbi-drawer::-webkit-scrollbar,
.xbi-tablewrap::-webkit-scrollbar { width:9px; height:9px; }
.xbi-side::-webkit-scrollbar-track,
.xbi-drawer::-webkit-scrollbar-track,
.xbi-tablewrap::-webkit-scrollbar-track {
  background:rgba(10,20,42,.55); border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(39,55,93,.6);
}
.xbi-side::-webkit-scrollbar-thumb,
.xbi-drawer::-webkit-scrollbar-thumb,
.xbi-tablewrap::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:linear-gradient(180deg,rgba(43,182,255,.55),rgba(14,128,224,.5));
  border:2px solid rgba(10,20,42,.55);
  background-clip:padding-box;
}
.xbi-side::-webkit-scrollbar-thumb:hover,
.xbi-drawer::-webkit-scrollbar-thumb:hover,
.xbi-tablewrap::-webkit-scrollbar-thumb:hover {
  background:linear-gradient(180deg,rgba(43,182,255,.8),rgba(20,160,255,.7));
  background-clip:padding-box;
}
.xbi-side::-webkit-scrollbar-corner,
.xbi-drawer::-webkit-scrollbar-corner { background:transparent; }
.xbi-side__box { background:var(--xbi-panel); border:1px solid var(--xbi-line); border-radius:var(--xbi-radius); overflow:hidden; }
.xbi-side__title { display:flex; align-items:center; gap:8px; padding:13px 16px; font-family:var(--xbi-display);
  font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:.04em;
  background:linear-gradient(180deg,#1d325c,#16294c); border-bottom:1px solid var(--xbi-line); }
.xbi-side__nav { list-style:none; margin:0; padding:6px; }
.xbi-side__nav a { display:block; color:var(--xbi-muted); font-size:14px; padding:8px 11px; border-radius:8px; line-height:1.4; }
.xbi-side__nav a:hover { background:var(--xbi-panel-2); color:var(--xbi-text); text-decoration:none; }
.xbi-side__nav a.is-active { background:var(--xbi-panel-2); color:var(--xbi-blue-2); }

.xbi-main { min-width:0; }
.xbi-crumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:13px; color:var(--xbi-muted); margin:0 0 18px; }
.xbi-crumbs a { color:var(--xbi-muted); }
.xbi-crumbs a:hover { color:var(--xbi-blue-2); }
.xbi-crumbs span[aria-current] { color:var(--xbi-text); }
.xbi-crumbs .sep { opacity:.6; }

/* ---------- sections ---------- */
.xbi-sec { margin:0 0 30px; scroll-margin-top:calc(var(--xbi-header-h) + 16px); }
.xbi-sec > h2 { font-family:var(--xbi-display); font-weight:800; font-size:clamp(22px,2.6vw,30px);
  line-height:1.18; margin:0 0 14px; }
.xbi-sec h3 { font-family:var(--xbi-display); font-weight:700; font-size:clamp(18px,2vw,22px); margin:24px 0 10px; }
.xbi-sec p { margin:0 0 14px; color:#dde8fb; }
.xbi-sec ul, .xbi-sec ol { color:#dde8fb; padding-left:20px; }
.xbi-sec li { margin:6px 0; }

.xbi-lede { font-size:18px; color:#cfe0fb; }

/* two-column text + image block */
.xbi-split { display:grid; grid-template-columns:1.25fr .9fr; gap:26px; align-items:center; }
.xbi-split--rev { grid-template-columns:.9fr 1.25fr; }
.xbi-split__media img { width:100%; height:auto; aspect-ratio:760/560; object-fit:cover; border-radius:var(--xbi-radius); border:1px solid var(--xbi-line); box-shadow:var(--xbi-shadow); }
.xbi-figure { border-radius:var(--xbi-radius); overflow:hidden; border:1px solid var(--xbi-line); box-shadow:var(--xbi-shadow); background:var(--xbi-panel); }

/* ---------- key-facts / generic table ---------- */
.xbi-tablewrap { overflow-x:auto; border-radius:var(--xbi-radius); border:1px solid var(--xbi-line); background:var(--xbi-panel); }
table.xbi-table { width:100%; border-collapse:collapse; min-width:min(100%,520px); }
.xbi-table th, .xbi-table td { text-align:left; padding:12px 15px; border-bottom:1px solid var(--xbi-line); vertical-align:top; font-size:15px; }
.xbi-table thead th { background:linear-gradient(180deg,#21386a,#1a2e57); font-family:var(--xbi-display);
  text-transform:uppercase; font-size:12.5px; letter-spacing:.04em; color:#d6e6ff; }
.xbi-table tbody tr:nth-child(even) { background:rgba(255,255,255,.022); }
.xbi-table tbody tr:hover { background:rgba(20,160,255,.07); }
.xbi-table td:first-child { font-weight:600; color:#fff; }

/* ---------- banners (bonus / app) ---------- */
.xbi-banner { position:relative; overflow:hidden; border-radius:var(--xbi-radius);
  border:1px solid var(--xbi-line); margin:26px 0; min-height:168px; display:flex; box-shadow:var(--xbi-shadow); }
.xbi-banner__media { position:absolute; inset:0; z-index:0; }
.xbi-banner__media img { width:100%; height:100%; object-fit:cover; object-position:right center; }
.xbi-banner__veil { position:absolute; inset:0; z-index:1;
  background:linear-gradient(95deg,rgba(8,18,40,.95) 0%,rgba(8,18,40,.86) 40%,rgba(8,18,40,.35) 72%,rgba(8,18,40,.08) 100%); }
.xbi-banner__body { position:relative; z-index:2; padding:24px 26px; max-width:600px;
  display:flex; flex-direction:column; justify-content:center; gap:10px; }
.xbi-banner__tag { font-family:var(--xbi-display); font-weight:700; font-size:12px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--xbi-gold); }
.xbi-banner__title { font-family:var(--xbi-display); font-weight:800; font-size:clamp(20px,2.6vw,28px); line-height:1.14; }
.xbi-banner__amount { color:var(--xbi-green); }
.xbi-banner__text { color:#cfe0fb; font-size:15px; margin:0; }
.xbi-banner--glass .xbi-banner__body { background:rgba(12,24,52,.42); backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px); border-radius:12px; margin:14px; }

/* ---------- pros / cons ---------- */
.xbi-pc { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.xbi-pc__col { background:var(--xbi-panel); border:1px solid var(--xbi-line); border-radius:var(--xbi-radius); padding:18px 20px; }
.xbi-pc__col h3 { margin:0 0 12px; display:flex; align-items:center; gap:9px; }
.xbi-pc__col ul { list-style:none; padding:0; margin:0; }
.xbi-pc__col li { position:relative; padding:8px 0 8px 30px; border-bottom:1px dashed var(--xbi-line); color:#dde8fb; }
.xbi-pc__col li:last-child { border-bottom:0; }
.xbi-pc__col li::before { position:absolute; left:0; top:8px; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:700; }
.xbi-pc--pro li::before { content:"✓"; background:rgba(109,199,51,.16); color:var(--xbi-green); }
.xbi-pc--con li::before { content:"!"; background:rgba(255,107,107,.16); color:var(--xbi-danger); }

/* ---------- reviews ---------- */
.xbi-reviews { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.xbi-review { background:var(--xbi-panel); border:1px solid var(--xbi-line); border-radius:var(--xbi-radius); padding:16px 18px; }
.xbi-review__stars { color:var(--xbi-star); letter-spacing:2px; font-size:15px; margin-bottom:8px; }
.xbi-review__text { color:#dbe6fa; font-size:15px; margin:0; }

/* ---------- scorecard / rating ---------- */
.xbi-score { display:grid; gap:10px; }
.xbi-score__row { display:grid; grid-template-columns:200px 120px 1fr; gap:14px; align-items:center;
  background:var(--xbi-panel); border:1px solid var(--xbi-line); border-radius:var(--xbi-radius-s); padding:12px 16px; }
.xbi-score__name { font-weight:600; color:#fff; }
.xbi-score__val { font-family:var(--xbi-display); font-weight:800; color:var(--xbi-green); font-size:18px; }
.xbi-score__why { color:var(--xbi-muted); font-size:14px; }
.xbi-meter { height:8px; border-radius:6px; background:var(--xbi-panel-3); overflow:hidden; }
.xbi-meter > span { display:block; height:100%; background:linear-gradient(90deg,var(--xbi-blue),var(--xbi-green)); width:0; transition:width 1.1s ease; }

/* ---------- FAQ accordion ---------- */
.xbi-faq { display:grid; gap:10px; }
.xbi-faq__item { background:var(--xbi-panel); border:1px solid var(--xbi-line); border-radius:var(--xbi-radius-s); overflow:hidden; }
.xbi-faq__q { width:100%; text-align:left; background:none; border:0; color:var(--xbi-text); cursor:pointer;
  font-family:var(--xbi-font); font-weight:600; font-size:16px; padding:15px 50px 15px 18px; position:relative; }
.xbi-faq__q::after { content:""; position:absolute; right:18px; top:50%; width:11px; height:11px;
  border-right:2px solid var(--xbi-blue-2); border-bottom:2px solid var(--xbi-blue-2);
  transform:translateY(-65%) rotate(45deg); transition:transform .25s; }
.xbi-faq__item.is-open .xbi-faq__q::after { transform:translateY(-35%) rotate(-135deg); }
.xbi-faq__a { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.xbi-faq__a > div { padding:0 18px 16px; color:#cdddf6; }

/* ---------- expert summary ---------- */
.xbi-expert { background:linear-gradient(120deg,#13294f,#102140); border:1px solid var(--xbi-line);
  border-left:4px solid var(--xbi-blue); border-radius:var(--xbi-radius); padding:22px 24px; }
.xbi-expert__sign { margin-top:14px; color:var(--xbi-muted); font-size:14px; }
.xbi-expert__sign strong { color:#fff; }

/* ---------- disclaimer / RG note ---------- */
.xbi-note { background:rgba(20,160,255,.07); border:1px solid var(--xbi-line); border-radius:var(--xbi-radius-s);
  padding:14px 18px; color:var(--xbi-muted); font-size:14.5px; }

/* ---------- footer ---------- */
.xbi-footer { background:#0a1630; border-top:1px solid var(--xbi-line); padding:40px 0 26px; color:var(--xbi-muted); }
.xbi-footer__cols { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.xbi-footer__col h4 { font-family:var(--xbi-display); font-size:14px; text-transform:uppercase; letter-spacing:.04em; color:#fff; margin:0 0 12px; }
.xbi-footer__col a { display:block; color:var(--xbi-muted); font-size:14px; padding:4px 0; }
.xbi-footer__col a:hover { color:var(--xbi-blue-2); }
.xbi-footer__bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px;
  border-top:1px solid var(--xbi-line); margin-top:26px; padding-top:18px; font-size:13px; }
.xbi-badge18 { display:inline-grid; place-items:center; width:38px;height:38px;border-radius:50%;
  border:2px solid var(--xbi-danger); color:var(--xbi-danger); font-weight:800; font-size:13px; }

/* ---------- back to top ---------- */
.xbi-top { position:fixed; right:18px; bottom:18px; z-index:55; width:46px;height:46px;border-radius:50%;
  border:0; cursor:pointer; background:linear-gradient(180deg,#2bb6ff,#0e80e0); color:#04203c;
  display:grid; place-items:center; opacity:0; pointer-events:none; transform:translateY(12px);
  transition:opacity .25s,transform .25s; box-shadow:0 10px 24px rgba(20,160,255,.4); }
.xbi-top.is-on { opacity:1; pointer-events:auto; transform:none; }
.xbi-top svg { width:20px;height:20px; }

/* ---------- mobile drawer / overlay ---------- */
.xbi-overlay { position:fixed; inset:0; z-index:64; background:rgba(4,10,24,.55); opacity:0; pointer-events:none; transition:opacity .25s; }
.xbi-overlay.is-on { opacity:1; pointer-events:auto; }
.xbi-drawer { position:fixed; top:0; right:0; bottom:0; z-index:65; width:min(85vw,330px);
  background:var(--xbi-bg-2); border-left:1px solid var(--xbi-line); transform:translateX(100%);
  transition:transform .28s ease; overflow:auto; padding:18px; display:flex; flex-direction:column; gap:8px; }
.xbi-drawer.is-on { transform:none; }
.xbi-drawer__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.xbi-drawer a.xbi-drawer__link { color:var(--xbi-text); font-family:var(--xbi-display); font-weight:600;
  text-transform:uppercase; font-size:14px; padding:12px 10px; border-radius:8px; border-bottom:1px solid var(--xbi-line); }
.xbi-drawer a.xbi-drawer__link:hover { background:var(--xbi-panel-2); text-decoration:none; }
.xbi-drawer__cta { display:flex; gap:10px; margin-top:14px; }
.xbi-drawer__cta .xbi-btn { flex:1; }

/* ---------- scroll reveal ---------- */
.xbi-reveal { opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
.xbi-reveal.is-in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .xbi-reveal { opacity:1!important; transform:none!important; transition:none!important; }
  .xbi-meter > span { transition:none!important; }
}

/* =================== responsive =================== */
@media (max-width: 1040px){
  .xbi-shell { grid-template-columns:1fr; }
  .xbi-side { position:static; max-height:none; }
  .xbi-side__nav { columns:2; column-gap:6px; }
  .xbi-sportbox, .xbi-sidebtns { display:none; }
  .xbi-nav, .xbi-head-actions .xbi-hide-sm { display:none; }
  .xbi-burger { display:grid; }
  /* geo рядом с логотипом; дропдаун позиционируется от sticky-хедера */
  .xbi-geo { order:0; position:static; }
  .xbi-geo__list { left:14px; right:auto; width:min(340px, calc(100vw - 28px)); }
}
@media (max-width: 880px){
  .xbi-split, .xbi-split--rev { grid-template-columns:1fr; }
  .xbi-pc { grid-template-columns:1fr; }
  .xbi-reviews { grid-template-columns:1fr; }
  .xbi-footer__cols { grid-template-columns:repeat(2,1fr); }
  .xbi-score__row { grid-template-columns:1fr; gap:7px; }
  .xbi-score__why { order:3; }
}
@media (max-width: 560px){
  body { font-size:16px; }
  .xbi-wrap, .xbi-shell { padding-left:14px; padding-right:14px; }
  .xbi-hero__inner { padding:38px 0 42px; }
  .xbi-footer__cols { grid-template-columns:1fr 1fr; }
  /* table -> cards */
  .xbi-table.xbi-table--cards thead { position:absolute; left:-9999px; }
  .xbi-table.xbi-table--cards, .xbi-table.xbi-table--cards tbody,
  .xbi-table.xbi-table--cards tr, .xbi-table.xbi-table--cards td { display:block; width:100%; }
  .xbi-table.xbi-table--cards tr { border:1px solid var(--xbi-line); border-radius:10px; margin:0 0 12px; overflow:hidden; }
  .xbi-table.xbi-table--cards td { border-bottom:1px solid var(--xbi-line); padding-left:46%; position:relative; }
  .xbi-table.xbi-table--cards td:last-child { border-bottom:0; }
  .xbi-table.xbi-table--cards td::before { content:attr(data-th); position:absolute; left:12px; top:12px;
    width:40%; font-weight:700; color:var(--xbi-blue-2); font-size:12.5px; text-transform:uppercase; }
}

/* xb-network:start */
/* Links to the other 1xBet GEO sites (generated by _network/apply_network.py) */
.xbi-xnet{margin:28px 0 0;padding:16px;border-radius:var(--xbi-radius);background:var(--xbi-panel);border:1px solid var(--xbi-line)}
.xbi-xnet__title{margin:0 0 12px;font:700 13px/1.3 var(--xbi-font);letter-spacing:.4px;text-transform:uppercase;color:var(--xbi-muted);text-align:center}
.xbi-xnet__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.xbi-xnet__list li{margin:0;padding:0;list-style:none}
.xbi-xnet__list li::before{content:none}
.xbi-xnet__item{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 12px 6px 7px;border-radius:var(--xbi-radius-s);background:var(--xbi-bg);border:1px solid transparent;color:var(--xbi-text);font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:border-color .2s,background-color .2s}
a.xbi-xnet__item:hover,a.xbi-xnet__item:focus-visible{border-color:var(--xbi-green);color:#fff;text-decoration:none}
.xbi-xnet__item.is-current{border-color:var(--xbi-green);cursor:default}
.xbi-xnet__item img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none;margin:0;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
@media (max-width:620px){.xbi-xnet{padding:14px 12px}.xbi-xnet__list{gap:6px}.xbi-xnet__item{font-size:12px;min-height:32px;padding:5px 10px 5px 6px}}
/* xb-network:end */