/* ==========================================================================
   Rovbet — variant 2 skin (xb- namespace)
   ========================================================================== */
:root{
  --xb-green:#2fe65a;
  --xb-green-2:#5dff85;
  --xb-teal:#39e0c6;
  --xb-bg:#070b0a;
  --xb-bg-2:#0a100e;
  --xb-card:#0f1714;
  --xb-card-2:#13201b;
  --xb-line:#21302a;
  --xb-line-2:#2c3f37;
  --xb-tx:#e9f3ee;
  --xb-tx-dim:#93a89f;
  --xb-rad:16px;
  --xb-rad-sm:11px;
  --xb-wrap:1160px;
  --xb-shadow:0 22px 48px -22px rgba(0,0,0,.85);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
.xb-body{
  margin:0;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.7;color:var(--xb-tx);
  background:
    radial-gradient(1200px 640px at 78% -8%, rgba(47,230,90,.10), transparent 58%),
    radial-gradient(900px 520px at 0% 8%, rgba(57,224,198,.07), transparent 55%),
    var(--xb-bg);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--xb-green-2);text-decoration:none}
a:hover{color:#fff}
img{max-width:100%}

/* ---------- ÜST BAR ---------- */
.xb-top{
  position:sticky;top:0;z-index:60;
  background:rgba(7,11,10,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--xb-line);transition:box-shadow .25s,background .25s;
}
.xb-top.is-stuck{box-shadow:0 12px 30px -14px rgba(0,0,0,.9);background:rgba(7,11,10,.95)}
.xb-top__in{
  max-width:var(--xb-wrap);margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;gap:18px;min-height:72px;
}
.xb-brand img{height:40px;width:auto;display:block;filter:drop-shadow(0 0 16px rgba(47,230,90,.35))}
.xb-menu{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}
.xb-menu::-webkit-scrollbar{display:none}
.xb-menu__link{
  white-space:nowrap;color:var(--xb-tx-dim);font-weight:500;font-size:.92rem;
  padding:9px 13px;border-radius:9px;transition:.2s;
}
.xb-menu__link:hover{color:#fff;background:var(--xb-card)}
.xb-menu__link.is-current{color:var(--xb-green)}
.xb-act{display:flex;gap:10px;flex:none}
.xb-btn{
  font-family:"Chakra Petch";font-weight:600;font-size:.95rem;letter-spacing:.01em;
  padding:10px 20px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:.18s;
}
.xb-btn--ghost{background:transparent;border-color:var(--xb-line-2);color:var(--xb-tx)}
.xb-btn--ghost:hover{border-color:var(--xb-green);color:#fff}
.xb-btn--solid{background:linear-gradient(180deg,var(--xb-green-2),var(--xb-green));color:#052310}
.xb-btn--solid:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(47,230,90,.6)}

/* ---------- PROMO ŞERİTLERİ ---------- */
.xb-strips{max-width:var(--xb-wrap);margin:22px auto 0;padding:0 20px;display:grid;gap:14px}
.xb-strip{display:block;border-radius:var(--xb-rad);overflow:hidden;border:1px solid var(--xb-line);box-shadow:var(--xb-shadow)}
.xb-strip img{display:block;width:100%;height:auto}

/* ---------- KATEGORİ RAYI ---------- */
.xb-rail{max-width:var(--xb-wrap);margin:22px auto 0;padding:0 20px}
.xb-rail__track{
  display:flex;gap:14px;overflow-x:auto;padding:6px 2px 12px;
  scrollbar-width:thin;scrollbar-color:var(--xb-line-2) transparent;cursor:grab;
}
.xb-rail__track::-webkit-scrollbar{height:7px}
.xb-rail__track::-webkit-scrollbar-thumb{background:var(--xb-line-2);border-radius:10px}
.xb-cat{flex:0 0 auto;width:96px;text-align:center;color:var(--xb-tx);user-select:none}
.xb-cat__ic{
  display:grid;place-items:center;width:96px;height:96px;border-radius:20px;
  background:linear-gradient(160deg,var(--xb-card-2),var(--xb-card));
  border:1px solid var(--xb-line);transition:.2s;overflow:hidden;
}
.xb-cat__ic img{width:78px;height:78px;object-fit:contain}
.xb-cat:hover .xb-cat__ic{border-color:var(--xb-green);transform:translateY(-3px);box-shadow:0 14px 26px -14px rgba(47,230,90,.5)}
.xb-cat__name{display:block;margin-top:9px;font-size:.82rem;color:var(--xb-tx-dim);font-weight:500}
.xb-cat:hover .xb-cat__name{color:#fff}

/* ---------- ANA IZGARA ---------- */
.xb-main{max-width:var(--xb-wrap);margin:0 auto;padding:26px 20px 0}
.xb-grid{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:26px;align-items:start}
.xb-doc{min-width:0;display:flex;flex-direction:column;gap:26px}

/* ---------- GİRİŞ KARTI ---------- */
.xb-intro{
  display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:center;
  background:linear-gradient(150deg,var(--xb-card-2),var(--xb-card));
  border:1px solid var(--xb-line);border-radius:var(--xb-rad);padding:30px;
}
.xb-intro__h1{
  font-family:"Chakra Petch";font-weight:700;text-transform:uppercase;
  font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.04;margin:0 0 16px;color:#fff;
}
.xb-intro__lead{color:var(--xb-tx-dim);margin:0 0 22px;font-size:1.02rem}
.xb-cta{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-bottom:20px}
.xb-cta__txt{font-family:"Chakra Petch";font-weight:600;font-size:1.25rem;margin:0;color:#fff}
.xb-cta__lnk{color:var(--xb-green);text-decoration:underline;text-underline-offset:4px}
.xb-cta__btn{
  display:inline-flex;align-items:center;gap:9px;font-family:"Chakra Petch";font-weight:700;
  text-transform:uppercase;letter-spacing:.03em;font-size:1.1rem;color:#052310;
  background:linear-gradient(180deg,var(--xb-green-2),var(--xb-green));
  padding:14px 28px;border-radius:12px;transition:.18s;
  box-shadow:0 0 0 1px rgba(47,230,90,.3),0 14px 30px -10px rgba(47,230,90,.5);
}
.xb-cta__btn span{transition:transform .2s;font-size:1.3em;line-height:0}
.xb-cta__btn:hover{transform:translateY(-2px);color:#052310}
.xb-cta__btn:hover span{transform:translateX(4px)}
.xb-cta__btn--lg{font-size:1.35rem;padding:18px 40px}
.xb-intro__sub{color:var(--xb-tx-dim);font-size:.95rem;margin:0}
.xb-intro__art{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--xb-line);box-shadow:var(--xb-shadow)}
.xb-intro__art img{display:block;width:100%;height:auto}

/* ---------- METİN BÖLÜMLERİ ---------- */
.xb-sec{
  background:var(--xb-card);border:1px solid var(--xb-line);
  border-radius:var(--xb-rad);padding:26px 28px;
}
.xb-sec__h{
  font-family:"Chakra Petch";font-weight:700;text-transform:uppercase;
  font-size:clamp(1.45rem,2.6vw,1.9rem);color:#fff;margin:0 0 18px;
  padding-bottom:12px;border-bottom:1px solid var(--xb-line);position:relative;
}
.xb-sec__h::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:3px;background:linear-gradient(90deg,var(--xb-green),var(--xb-teal));border-radius:3px}
.xb-sec p{margin:0 0 16px;color:#cdddd5}
.xb-sec p:last-child{margin-bottom:0}
.xb-sec p strong{color:#fff}

.xb-fig{margin:22px 0;text-align:center}
.xb-fig img{width:100%;max-width:720px;height:auto;border-radius:14px;border:1px solid var(--xb-line)}
.xb-fig__cap{margin-top:11px;font-family:"Chakra Petch";text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--xb-tx-dim)}

/* ---------- OYUN VİTRİNİ ---------- */
.xb-show{background:var(--xb-card);border:1px solid var(--xb-line);border-radius:var(--xb-rad);padding:24px 26px}
.xb-show__h{
  font-family:"Chakra Petch";font-weight:700;text-transform:uppercase;font-size:1.4rem;
  color:#fff;margin:0 0 16px;
}
.xb-show__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.xb-show__grid--live{grid-template-columns:repeat(3,1fr)}
.xb-tile{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--xb-line);background:#0a0f0d;transition:.18s;aspect-ratio:1/1}
.xb-tile img{display:block;width:100%;height:100%;object-fit:cover}
.xb-tile:hover{transform:translateY(-3px) scale(1.012);border-color:var(--xb-green);box-shadow:0 16px 30px -16px rgba(47,230,90,.55)}

/* ---------- SSS ---------- */
.xb-faq{display:block}
.xb-qa{
  background:linear-gradient(180deg,var(--xb-card-2),var(--xb-card));
  border:1px solid var(--xb-line);border-left:3px solid var(--xb-green);
  border-radius:12px;padding:18px 20px;margin-top:14px;
}
.xb-qa:first-of-type{margin-top:4px}
.xb-qa__q{margin:0 0 9px;font-family:"Chakra Petch";font-weight:600;font-size:1.12rem;color:#fff;line-height:1.3}
.xb-qa__a{margin:0;color:var(--xb-tx-dim);font-size:.97rem}

/* ---------- ASIDE ---------- */
.xb-aside{position:sticky;top:92px;display:flex;flex-direction:column;gap:18px}
.xb-wgt{background:linear-gradient(180deg,var(--xb-card-2),var(--xb-card));border:1px solid var(--xb-line);border-radius:14px;padding:16px 18px}
.xb-wgt__lbl{display:block;font-family:"Chakra Petch";font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:var(--xb-tx-dim);margin-bottom:10px}
.xb-find{display:flex;gap:8px}
.xb-find__in{flex:1;min-width:0;background:var(--xb-bg);border:1px solid var(--xb-line);border-radius:9px;padding:10px 12px;color:var(--xb-tx);font:inherit;font-size:.95rem}
.xb-find__in:focus{outline:none;border-color:var(--xb-green)}
.xb-find__btn{flex:none;font-family:"Chakra Petch";font-weight:600;text-transform:uppercase;background:var(--xb-green);color:#052310;border:none;border-radius:9px;padding:0 16px;cursor:pointer;transition:.18s}
.xb-find__btn:hover{background:var(--xb-green-2)}
.xb-list{list-style:none;margin:0;padding:0}
.xb-list li{border-bottom:1px solid var(--xb-line)}
.xb-list li:last-child{border-bottom:none}
.xb-list a{display:block;padding:11px 0;color:#cdddd5;font-size:.95rem;line-height:1.4;transition:.18s}
.xb-list a:hover{color:var(--xb-green-2);padding-left:6px}
.xb-promo-card{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--xb-line);box-shadow:var(--xb-shadow)}
.xb-promo-card img{display:block;width:100%;height:auto}

/* ---------- CTA ŞERİDİ ---------- */
.xb-cband{
  margin:30px 0;padding:48px 20px;text-align:center;border-radius:var(--xb-rad);
  background:
    radial-gradient(560px 220px at 50% 120%, rgba(47,230,90,.16), transparent 70%),
    linear-gradient(150deg,var(--xb-card-2),var(--xb-card));
  border:1px solid var(--xb-line);
}

/* ---------- SAĞLAYICILAR ---------- */
.xb-prov{max-width:var(--xb-wrap);margin:18px auto 0;padding:0 20px}
.xb-prov__grid{
  display:grid;grid-template-columns:repeat(8,1fr);gap:10px;
  background:var(--xb-card);border:1px solid var(--xb-line);border-radius:var(--xb-rad);padding:22px 18px;
}
.xb-prov__logo{display:grid;place-items:center;height:46px}
.xb-prov__logo img{max-height:30px;max-width:100%;width:auto;opacity:.65;filter:grayscale(1) brightness(0) invert(.78);transition:.2s}
.xb-prov__logo:hover img{opacity:1;filter:grayscale(0) brightness(1) invert(0)}

/* ---------- FOOTER ---------- */
.xb-foot{margin-top:30px;border-top:1px solid var(--xb-line);background:var(--xb-bg-2)}
.xb-lic{max-width:var(--xb-wrap);margin:0 auto;padding:34px 20px 10px;display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap}
.xb-lic__item{display:grid;place-items:center}
.xb-lic__item img{max-height:56px;width:auto;opacity:.85}
.xb-badge18{
  display:grid;place-items:center;width:54px;height:54px;border-radius:50%;
  border:2px solid var(--xb-tx-dim);color:var(--xb-tx-dim);
  font-family:"Chakra Petch";font-weight:700;font-size:1.05rem;
}
.xb-foot__in{max-width:var(--xb-wrap);margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.xb-foot__logo img{height:32px;width:auto;opacity:.9}
.xb-foot__links{margin:0;font-family:"Chakra Petch";font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.9}
.xb-foot__links a{color:var(--xb-green-2)}
.xb-foot__note{margin:0;color:var(--xb-tx-dim);font-size:.84rem}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .xb-grid{grid-template-columns:1fr}
  .xb-aside{position:static}
  .xb-intro{grid-template-columns:1fr}
  .xb-intro__art{order:-1}
  .xb-prov__grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:640px){
  .xb-act{display:none}
  .xb-top__in{min-height:60px}
  .xb-brand img{height:32px}
  .xb-intro{padding:22px}
  .xb-sec{padding:20px}
  .xb-show__grid,.xb-show__grid--live{grid-template-columns:repeat(2,1fr)}
  .xb-cta__btn,.xb-cta__btn--lg{width:100%;justify-content:center}
  .xb-prov__grid{grid-template-columns:repeat(3,1fr)}
  .xb-lic{gap:28px}
}