/**
 * Betting Options Page — 4SIX NEXUS Design v1
 * Completely new structure: cinematic hero, sport tabs, live section, casino grid
 */

/* ── Base ── */
body.page-id-101 { background:#06060f!important; overflow-x:hidden; }
.bt-wrap a { text-decoration:none; }
.bt-wrap *, .bt-wrap *::before, .bt-wrap *::after { box-sizing:border-box; }

.bt-wrap {
    max-width:1280px;
    margin:0 auto;
    padding:0 24px 100px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:#e2e8f0;
    overflow-x:clip; /* contain negative-margin children without blocking sticky */
}

/* ══════════════════════════════════════════
   PAGE BACKGROUND OVERRIDE
══════════════════════════════════════════ */
body.page-id-101 .e-con,
body.page-id-101 .e-child,
body.page-id-101 .elementor,
body.page-id-101 .elementor-section,
body.page-id-101 [data-elementor-type] { background:#06060f!important; }

/* ══════════════════════════════════════════
   CINEMATIC HERO
══════════════════════════════════════════ */
.bt-hero {
    position:relative;
    min-height:520px;
    border-radius:28px;
    overflow:hidden;
    display:flex;
    align-items:center;
    margin-bottom:52px;
    background:#06060f;
}

/* Deep gradient background */
.bt-hero-bg {
    position:absolute;inset:0;z-index:0;
    background:
        radial-gradient(ellipse 80% 70% at 0% 50%, rgba(59,130,246,.18) 0%, transparent 55%),
        radial-gradient(ellipse 60% 60% at 100% 20%, rgba(239,68,68,.12) 0%, transparent 50%),
        radial-gradient(ellipse 50% 80% at 50% 100%, rgba(245,158,11,.08) 0%, transparent 55%),
        linear-gradient(160deg,#0a0a1e 0%,#06060f 50%,#0f0818 100%);
}

/* Animated grid lines */
.bt-hero-grid {
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background-image:
        linear-gradient(rgba(59,130,246,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59,130,246,.04) 1px, transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}

/* Floating sport emojis */
.bt-hero-floats {
    position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;
}
.bt-float {
    position:absolute;
    font-size:clamp(32px,4vw,64px);
    opacity:.06;
    animation:bt-float-drift linear infinite;
    user-select:none;
}
.bt-float:nth-child(1){top:10%;left:5%;animation-duration:18s;animation-delay:0s;}
.bt-float:nth-child(2){top:60%;left:12%;animation-duration:22s;animation-delay:-4s;font-size:40px;}
.bt-float:nth-child(3){top:20%;left:85%;animation-duration:15s;animation-delay:-7s;}
.bt-float:nth-child(4){top:70%;left:80%;animation-duration:20s;animation-delay:-2s;font-size:36px;}
.bt-float:nth-child(5){top:45%;left:50%;animation-duration:25s;animation-delay:-10s;}
.bt-float:nth-child(6){top:80%;left:40%;animation-duration:17s;animation-delay:-5s;font-size:30px;}
@keyframes bt-float-drift {
    0%   {transform:translateY(0) rotate(0deg);}
    50%  {transform:translateY(-30px) rotate(5deg);}
    100% {transform:translateY(0) rotate(0deg);}
}

/* Blue accent glow line */
.bt-hero-glow {
    position:absolute;top:0;left:0;right:0;height:2px;z-index:5;
    background:linear-gradient(90deg,transparent,#3b82f6,#60a5fa,#3b82f6,transparent);
    box-shadow:0 0 30px rgba(59,130,246,.6);
}

.bt-hero-inner {
    position:relative;z-index:10;
    padding:72px 56px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:40px;
    align-items:center;
    width:100%;
}

/* Left content */
.bt-hero-badge {
    display:inline-flex;align-items:center;gap:8px;
    font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
    color:#3b82f6;margin-bottom:20px;
}
.bt-hero-badge-dot {
    width:8px;height:8px;border-radius:50%;
    background:#3b82f6;
    box-shadow:0 0 10px rgba(59,130,246,.8);
    animation:bt-badge-pulse 1.6s ease-in-out infinite;
}
@keyframes bt-badge-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.4}}

.bt-hero-title {
    font-size:clamp(36px,5vw,72px);
    font-weight:900;
    line-height:1.05;
    letter-spacing:-2px;
    color:#fff;
    margin:0 0 16px;
}
.bt-hero-title .bt-blue {
    background:linear-gradient(90deg,#60a5fa,#3b82f6);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-hero-title .bt-red {
    background:linear-gradient(90deg,#f87171,#ef4444);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.bt-hero-sub {
    font-size:16px;color:rgba(255,255,255,.45);
    max-width:500px;line-height:1.7;margin-bottom:32px;
}

/* Stat pills row */
.bt-hero-pills {
    display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;
}
.bt-pill {
    display:inline-flex;align-items:center;gap:7px;
    padding:8px 18px;border-radius:999px;
    font-size:13px;font-weight:600;
    border:1px solid;
    white-space:nowrap;
}
.bt-pill--blue{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#60a5fa;}
.bt-pill--red{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25);color:#f87171;}
.bt-pill--gold{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:#fbbf24;}
.bt-pill--green{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25);color:#34d399;}

/* CTA buttons */
.bt-hero-actions {
    display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.bt-btn-primary {
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 32px;border-radius:12px;
    background:linear-gradient(135deg,#3b82f6,#2563eb);
    color:#fff!important;font-size:15px;font-weight:800;
    box-shadow:0 8px 28px rgba(59,130,246,.35);
    transition:transform .2s,box-shadow .2s;
    text-decoration:none!important;
}
.bt-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(59,130,246,.55);}
.bt-btn-outline {
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 28px;border-radius:12px;
    border:1px solid rgba(255,255,255,.15);
    color:rgba(255,255,255,.7)!important;font-size:15px;font-weight:700;
    transition:border-color .2s,color .2s;
    text-decoration:none!important;
}
.bt-btn-outline:hover{border-color:rgba(255,255,255,.4);color:#fff!important;}

/* Right: stat box */
.bt-hero-stats {
    display:grid;grid-template-columns:1fr 1fr;gap:12px;
    flex-shrink:0;
}
.bt-hstat {
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;padding:20px 22px;
    text-align:center;
    transition:border-color .2s,background .2s;
}
.bt-hstat:hover{background:rgba(255,255,255,.07);border-color:rgba(59,130,246,.2);}
.bt-hstat-val {
    font-size:28px;font-weight:900;color:#fff;
    display:block;line-height:1;margin-bottom:4px;
}
.bt-hstat-lbl {
    font-size:11px;color:rgba(255,255,255,.3);
    text-transform:uppercase;letter-spacing:.8px;
}
.bt-hstat--blue .bt-hstat-val{
    background:linear-gradient(135deg,#60a5fa,#3b82f6);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-hstat--red .bt-hstat-val{
    background:linear-gradient(135deg,#f87171,#ef4444);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-hstat--gold .bt-hstat-val{
    background:linear-gradient(135deg,#fbbf24,#f59e0b);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-hstat--green .bt-hstat-val{
    background:linear-gradient(135deg,#34d399,#10b981);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* ══════════════════════════════════════════
   SPORT NAV TABS
══════════════════════════════════════════ */
/* ══════════════════════════════════════════
   NAV WRAPPER — sticky glass bar
══════════════════════════════════════════ */
.bt-nav-wrap {
    position:sticky;
    top:var(--wp-admin--admin-bar--height, 0px);
    z-index:200;
    display:flex;
    align-items:center;
    gap:0;
    margin-bottom:52px;
    /* glass background */
    background:rgba(6,6,15,.88);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.08);
    border-radius:0;
    padding:8px 0;
    /* pull to full width */
    margin-left:-24px;
    margin-right:-24px;
    padding-left:10px;
    padding-right:10px;
    box-shadow:0 8px 32px rgba(0,0,0,.45);
    overflow-x:hidden; /* prevent scrollable tab children from leaking into body scrollWidth */
}

/* Left / right fade overlays so tabs dissolve into arrows */
.bt-nav-wrap::before,
.bt-nav-wrap::after {
    content:'';
    position:absolute;top:0;bottom:0;
    width:72px;
    pointer-events:none;
    z-index:2;
}
.bt-nav-wrap::before {
    left:52px;
    background:linear-gradient(to right, rgba(6,6,15,.9) 0%, transparent 100%);
}
.bt-nav-wrap::after {
    right:52px;
    background:linear-gradient(to left, rgba(6,6,15,.9) 0%, transparent 100%);
}

/* Arrow buttons */
.bt-nav-arrow {
    position:relative;z-index:3;
    flex-shrink:0;
    width:44px;height:44px;
    border-radius:14px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
    color:rgba(255,255,255,.55);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    transition:background .2s, border-color .2s, color .2s, opacity .25s, transform .15s;
    user-select:none;
}
.bt-nav-arrow svg { display:block; }
.bt-nav-arrow:hover {
    background:rgba(59,130,246,.2);
    border-color:rgba(59,130,246,.45);
    color:#60a5fa;
    transform:scale(1.06);
}
.bt-nav-arrow:active { transform:scale(.93); }
.bt-nav-arrow--hidden { opacity:0; pointer-events:none; }

/* Scrollable tab rail */
.bt-nav {
    display:flex;
    gap:4px;
    padding:4px 8px;
    overflow-x:auto;
    scrollbar-width:none;
    flex-wrap:nowrap;
    flex:1;
    min-width:0;
    background:none;
    border:none;
    border-radius:0;
    position:relative;z-index:1;
}
.bt-nav::-webkit-scrollbar { display:none; }

/* Tab buttons */
.bt-nav-btn {
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 18px;
    border-radius:99px;
    font-size:13px;
    font-weight:700;
    color:rgba(255,255,255,.38);
    cursor:pointer;
    transition:color .2s, background .2s, box-shadow .2s, transform .15s;
    white-space:nowrap;
    background:none;
    border:none;
    flex-shrink:0;
    position:relative;
    letter-spacing:.2px;
}
.bt-nav-btn .bt-nav-ico {
    font-size:16px;
    line-height:1;
}
.bt-nav-btn:hover {
    color:rgba(255,255,255,.85);
    background:rgba(255,255,255,.07);
    transform:translateY(-1px);
}
.bt-nav-btn--active {
    background:linear-gradient(135deg,#1d4ed8,#2563eb);
    color:#fff !important;
    box-shadow:0 4px 18px rgba(37,99,235,.45), 0 1px 0 rgba(255,255,255,.12) inset;
    transform:translateY(-1px);
}
.bt-nav-btn--active .bt-nav-ico {
    filter:drop-shadow(0 0 6px rgba(255,255,255,.5));
}

/* LIVE badge */
.bt-nav-btn--live { position:relative; }
.bt-nav-btn--live::after {
    content:'LIVE';
    position:absolute;top:-5px;right:-2px;
    font-size:7.5px;font-weight:900;letter-spacing:.6px;
    background:#ef4444;color:#fff;
    border-radius:4px;padding:1px 5px;
    box-shadow:0 0 8px rgba(239,68,68,.5);
    animation:bt-live-pulse 1.2s ease-in-out infinite;
}
.bt-nav-btn--live.bt-nav-btn--active { background:linear-gradient(135deg,#b91c1c,#dc2626); }
@keyframes bt-live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.9)}}

/* ══════════════════════════════════════════
   SECTION HEADER
══════════════════════════════════════════ */
.bt-section-head {
    display:flex;align-items:flex-end;justify-content:space-between;
    margin-bottom:28px;gap:20px;flex-wrap:wrap;
}
.bt-section-label {
    font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
    margin-bottom:8px;display:block;
}
.bt-section-title {
    font-size:clamp(24px,3vw,38px);font-weight:900;
    color:#fff;letter-spacing:-1px;line-height:1.1;
    margin:0;
}
.bt-section-title span {
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-section-link {
    font-size:13px;font-weight:700;
    display:inline-flex;align-items:center;gap:5px;
    padding:9px 20px;border-radius:999px;
    border:1px solid rgba(255,255,255,.1);
    color:rgba(255,255,255,.5)!important;
    transition:all .2s;white-space:nowrap;
    text-decoration:none!important;
}
.bt-section-link:hover{border-color:rgba(255,255,255,.3);color:#fff!important;}

/* ══════════════════════════════════════════
   SPORTS BETTING SECTION
══════════════════════════════════════════ */
.bt-sports-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-bottom:52px;
}

/* Sport card */
.bt-sport-card {
    background:#0c0c1e;
    border:1px solid rgba(255,255,255,.07);
    border-radius:20px;
    overflow:hidden;
    transition:transform .25s,box-shadow .25s,border-color .25s;
    cursor:pointer;
    animation:bt-rise .5s ease-out both;
    opacity:0;
}
@keyframes bt-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.bt-sport-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 60px rgba(0,0,0,.6);
    border-color:rgba(59,130,246,.2);
}
/* Featured card */
.bt-sport-card--feat {
    grid-column:span 2;
    display:grid;
    grid-template-columns:1fr 1fr;
}

/* Card top bar accent */
.bt-sport-card-bar {
    height:3px;
    background:linear-gradient(90deg,#3b82f6,#60a5fa);
}
.bt-sport-card--red .bt-sport-card-bar{background:linear-gradient(90deg,#ef4444,#f87171);}
.bt-sport-card--gold .bt-sport-card-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24);}
.bt-sport-card--green .bt-sport-card-bar{background:linear-gradient(90deg,#10b981,#34d399);}
.bt-sport-card--purple .bt-sport-card-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa);}
.bt-sport-card--pink .bt-sport-card-bar{background:linear-gradient(90deg,#ec4899,#f472b6);}

.bt-sport-card-body { padding:24px; }
.bt-sport-card--feat .bt-sport-card-body { padding:28px; }

.bt-sport-emoji {
    font-size:36px;margin-bottom:12px;display:block;
    filter:drop-shadow(0 0 12px rgba(59,130,246,.4));
}
.bt-sport-card--red .bt-sport-emoji{filter:drop-shadow(0 0 12px rgba(239,68,68,.4));}
.bt-sport-card--gold .bt-sport-emoji{filter:drop-shadow(0 0 12px rgba(245,158,11,.4));}
.bt-sport-card--green .bt-sport-emoji{filter:drop-shadow(0 0 12px rgba(16,185,129,.4));}

.bt-sport-title {
    font-size:18px;font-weight:800;color:#fff;margin-bottom:6px;
}
.bt-sport-card--feat .bt-sport-title{font-size:22px;}
.bt-sport-sub {
    font-size:12px;color:rgba(255,255,255,.35);
    font-weight:600;letter-spacing:.3px;margin-bottom:14px;
}

/* Market tags */
.bt-markets {
    display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;
}
.bt-market-tag {
    font-size:11px;font-weight:700;
    padding:4px 10px;border-radius:6px;
    background:rgba(59,130,246,.1);color:#60a5fa;
    border:1px solid rgba(59,130,246,.15);
}
.bt-sport-card--red .bt-market-tag{background:rgba(239,68,68,.1);color:#f87171;border-color:rgba(239,68,68,.15);}
.bt-sport-card--gold .bt-market-tag{background:rgba(245,158,11,.1);color:#fbbf24;border-color:rgba(245,158,11,.15);}
.bt-sport-card--green .bt-market-tag{background:rgba(16,185,129,.1);color:#34d399;border-color:rgba(16,185,129,.15);}
.bt-sport-card--purple .bt-market-tag{background:rgba(139,92,246,.1);color:#a78bfa;border-color:rgba(139,92,246,.15);}
.bt-sport-card--pink .bt-market-tag{background:rgba(236,72,153,.1);color:#f472b6;border-color:rgba(236,72,153,.15);}

.bt-sport-desc {
    font-size:13px;color:rgba(255,255,255,.45);
    line-height:1.65;margin-bottom:18px;
}

/* Odds preview row */
.bt-odds-row {
    display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
    margin-bottom:18px;
}
.bt-odd {
    background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);
    border-radius:10px;padding:10px 8px;text-align:center;
    transition:background .2s;cursor:pointer;
}
.bt-odd:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);}
.bt-odd-label{font-size:10px;color:rgba(255,255,255,.3);font-weight:600;letter-spacing:.3px;margin-bottom:3px;}
.bt-odd-val{font-size:15px;font-weight:900;color:#60a5fa;}
.bt-sport-card--red .bt-odd-val{color:#f87171;}
.bt-sport-card--gold .bt-odd-val{color:#fbbf24;}

.bt-sport-cta {
    display:inline-flex;align-items:center;gap:6px;
    font-size:13px;font-weight:700;
    color:rgba(255,255,255,.5)!important;
    transition:color .2s;
    text-decoration:none!important;
}
.bt-sport-cta:hover{color:#fff!important;}

/* Other sports mini-grid */
.bt-other-sports {
    display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
    margin-bottom:52px;
}
.bt-mini-card {
    background:#0c0c1e;
    border:1px solid rgba(255,255,255,.06);
    border-radius:16px;padding:20px;
    text-align:center;
    transition:transform .2s,border-color .2s;
    animation:bt-rise .5s ease-out both;opacity:0;
    cursor:pointer;
}
.bt-mini-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.15);}
.bt-mini-ico{font-size:32px;margin-bottom:10px;display:block;}
.bt-mini-name{font-size:14px;font-weight:800;color:#fff;margin-bottom:4px;}
.bt-mini-leagues{font-size:11px;color:rgba(255,255,255,.3);line-height:1.5;}

/* ══════════════════════════════════════════
   LIVE BETTING SECTION
══════════════════════════════════════════ */
.bt-live-section {
    background:linear-gradient(135deg,#0f0305 0%,#1a0508 50%,#0f0305 100%);
    border:1px solid rgba(239,68,68,.15);
    border-radius:24px;
    padding:48px;
    margin-bottom:52px;
    position:relative;
    overflow:hidden;
}
.bt-live-section::before {
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(ellipse 60% 60% at 0% 50%,rgba(239,68,68,.08) 0%,transparent 60%),
        radial-gradient(ellipse 40% 40% at 100% 0%,rgba(245,158,11,.05) 0%,transparent 50%);
}
.bt-live-badge {
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(239,68,68,.15);
    border:1px solid rgba(239,68,68,.3);
    border-radius:999px;padding:6px 16px;
    font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
    color:#ef4444;margin-bottom:20px;
}
.bt-live-dot {
    width:8px;height:8px;border-radius:50%;background:#ef4444;
    animation:bt-live-blink .8s ease-in-out infinite;
    box-shadow:0 0 8px rgba(239,68,68,.8);
}
@keyframes bt-live-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}

.bt-live-grid {
    display:grid;grid-template-columns:1fr 1fr;gap:32px;
    position:relative;z-index:1;
}
.bt-live-left h2{
    font-size:clamp(26px,3.5vw,46px);font-weight:900;
    color:#fff;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px;
}
.bt-live-left h2 span{
    background:linear-gradient(90deg,#f87171,#ef4444);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-live-desc{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:28px;}

/* Live features */
.bt-live-features {
    display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px;
}
.bt-live-feat {
    display:flex;align-items:flex-start;gap:12px;
    background:rgba(239,68,68,.06);
    border:1px solid rgba(239,68,68,.1);
    border-radius:14px;padding:16px;
}
.bt-live-feat-ico{font-size:22px;flex-shrink:0;}
.bt-live-feat-title{font-size:13px;font-weight:800;color:#fff;margin-bottom:3px;}
.bt-live-feat-desc{font-size:12px;color:rgba(255,255,255,.35);line-height:1.5;}

/* Live match cards (right side) */
.bt-live-matches {
    display:flex;flex-direction:column;gap:12px;
}
.bt-match-card {
    background:rgba(0,0,0,.4);
    border:1px solid rgba(239,68,68,.12);
    border-radius:16px;padding:18px 20px;
    transition:border-color .2s,background .2s;
}
.bt-match-card:hover{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.04);}
.bt-match-top {
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:12px;
}
.bt-match-live-tag {
    font-size:9px;font-weight:900;letter-spacing:1px;
    background:#ef4444;color:#fff;
    border-radius:4px;padding:2px 7px;
}
.bt-match-sport {
    font-size:11px;color:rgba(255,255,255,.3);font-weight:600;
}
.bt-match-teams {
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-bottom:12px;
}
.bt-match-team {
    font-size:14px;font-weight:800;color:#fff;
    flex:1;
}
.bt-match-team:last-child{text-align:right;}
.bt-match-score {
    font-size:13px;font-weight:900;color:#f87171;
    background:rgba(239,68,68,.1);border-radius:8px;
    padding:4px 10px;text-align:center;min-width:60px;
    white-space:nowrap;
}
.bt-match-odds-row {
    display:grid;grid-template-columns:repeat(3,1fr);gap:6px;
}
.bt-match-odd {
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.07);
    border-radius:8px;padding:7px 6px;text-align:center;
    cursor:pointer;transition:all .15s;
}
.bt-match-odd:hover{background:rgba(239,68,68,.15);border-color:#ef4444;}
.bt-match-odd-lbl{font-size:9px;color:rgba(255,255,255,.3);letter-spacing:.3px;}
.bt-match-odd-val{font-size:13px;font-weight:900;color:#f87171;}

/* ══════════════════════════════════════════
   CASINO SECTION
══════════════════════════════════════════ */
.bt-casino-section { margin-bottom:52px; }

.bt-casino-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom:20px;
}
.bt-casino-card {
    position:relative;
    border-radius:20px;
    overflow:hidden;
    min-height:280px;
    display:flex;flex-direction:column;justify-content:flex-end;
    cursor:pointer;
    transition:transform .25s,box-shadow .25s;
    animation:bt-rise .5s ease-out both;opacity:0;
}
.bt-casino-card:hover{transform:translateY(-5px);box-shadow:0 28px 64px rgba(0,0,0,.7);}

.bt-casino-bg {
    position:absolute;inset:0;z-index:0;
}
.bt-casino-overlay {
    position:absolute;inset:0;z-index:1;
    background:linear-gradient(to top, rgba(6,6,15,.97) 0%, rgba(6,6,15,.6) 50%, rgba(6,6,15,.1) 100%);
}
.bt-casino-topbar{position:absolute;top:0;left:0;right:0;height:3px;z-index:5;}
.bt-casino-body {
    position:relative;z-index:5;padding:28px;
}
.bt-casino-cat {
    font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
    margin-bottom:10px;display:block;
}
.bt-casino-title {
    font-size:22px;font-weight:900;color:#fff;
    margin-bottom:8px;line-height:1.2;
}
.bt-casino-desc {
    font-size:13px;color:rgba(255,255,255,.45);
    line-height:1.6;margin-bottom:18px;
}
/* Game type pills */
.bt-game-pills {
    display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;
}
.bt-game-pill {
    font-size:11px;font-weight:700;
    padding:5px 12px;border-radius:8px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.6);
    border:1px solid rgba(255,255,255,.08);
}
.bt-casino-btn {
    display:inline-flex;align-items:center;gap:6px;
    padding:10px 22px;border-radius:10px;
    font-size:13px;font-weight:800;color:#000!important;
    text-decoration:none!important;
    transition:filter .2s;
}
.bt-casino-btn:hover{filter:brightness(1.1);}

/* Providers row */
.bt-providers {
    display:grid;grid-template-columns:repeat(6,1fr);gap:12px;
}
.bt-provider {
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:12px;padding:14px 12px;
    text-align:center;
    transition:background .2s,border-color .2s;
}
.bt-provider:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);}
.bt-provider-name{font-size:12px;font-weight:800;color:rgba(255,255,255,.5);}

/* ══════════════════════════════════════════
   SLOTS SECTION
══════════════════════════════════════════ */
.bt-slots-section {
    background:linear-gradient(135deg,#0a0a20,#10061a);
    border:1px solid rgba(139,92,246,.15);
    border-radius:24px;padding:48px;
    margin-bottom:52px;position:relative;overflow:hidden;
}
.bt-slots-section::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(ellipse 50% 60% at 100% 0%,rgba(139,92,246,.1) 0%,transparent 55%),
        radial-gradient(ellipse 40% 50% at 0% 100%,rgba(245,158,11,.06) 0%,transparent 50%);
}
.bt-slots-inner{
    position:relative;z-index:1;
    display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;
}
.bt-slots-left h2{
    font-size:clamp(24px,3.5vw,44px);font-weight:900;
    color:#fff;letter-spacing:-1px;line-height:1.1;margin-bottom:16px;
}
.bt-slots-left h2 span{
    background:linear-gradient(90deg,#a78bfa,#8b5cf6);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-slots-desc{font-size:15px;color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:24px;}

/* Jackpot counter */
.bt-jackpot {
    background:rgba(139,92,246,.08);
    border:1px solid rgba(139,92,246,.2);
    border-radius:16px;padding:20px 24px;margin-bottom:24px;
    display:flex;align-items:center;gap:16px;
}
.bt-jackpot-ico{font-size:32px;}
.bt-jackpot-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(139,92,246,.7);margin-bottom:3px;}
.bt-jackpot-val{font-size:26px;font-weight:900;color:#fff;
    background:linear-gradient(90deg,#a78bfa,#fbbf24);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* Slot types */
.bt-slot-types {
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
    margin-bottom:24px;
}
.bt-slot-type {
    background:rgba(139,92,246,.07);
    border:1px solid rgba(139,92,246,.12);
    border-radius:12px;padding:14px;text-align:center;
}
.bt-slot-type-ico{font-size:24px;margin-bottom:6px;display:block;}
.bt-slot-type-name{font-size:12px;font-weight:800;color:#fff;margin-bottom:2px;}
.bt-slot-type-count{font-size:10px;color:rgba(255,255,255,.3);}

/* RTP box */
.bt-rtp-box {
    background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);
    border-radius:14px;padding:18px;margin-bottom:24px;
}
.bt-rtp-title{font-size:12px;font-weight:800;color:rgba(139,92,246,.8);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;}
.bt-rtp-text{font-size:13px;color:rgba(255,255,255,.4);line-height:1.6;}
.bt-rtp-val{font-size:20px;font-weight:900;color:#a78bfa;}

/* Slot themes right */
.bt-slot-themes {
    display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
    margin-bottom:24px;
}
.bt-slot-theme {
    background:rgba(139,92,246,.06);
    border:1px solid rgba(139,92,246,.1);
    border-radius:12px;padding:14px 10px;text-align:center;
    transition:background .2s;cursor:pointer;
}
.bt-slot-theme:hover{background:rgba(139,92,246,.15);}
.bt-slot-theme-ico{font-size:22px;margin-bottom:5px;display:block;}
.bt-slot-theme-name{font-size:11px;font-weight:700;color:rgba(255,255,255,.5);}

/* Provider logos grid */
.bt-slot-providers {
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.bt-slot-provider {
    background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05);
    border-radius:10px;padding:12px;text-align:center;
    transition:border-color .2s,background .2s;
}
.bt-slot-provider:hover{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2);}
.bt-slot-provider-name{font-size:12px;font-weight:800;color:rgba(255,255,255,.5);}
.bt-slot-provider-count{font-size:10px;color:rgba(255,255,255,.2);}

/* ══════════════════════════════════════════
   BETTING MARKETS MATRIX
══════════════════════════════════════════ */
.bt-matrix { margin-bottom:52px; }
.bt-matrix-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.bt-matrix-card {
    background:#0c0c1e;
    border:1px solid rgba(255,255,255,.06);
    border-radius:16px;padding:20px;
    display:flex;align-items:center;gap:14px;
    transition:transform .2s,border-color .2s;
    animation:bt-rise .5s ease-out both;opacity:0;
}
.bt-matrix-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14);}
.bt-matrix-ico{font-size:28px;flex-shrink:0;}
.bt-matrix-info {}
.bt-matrix-name{font-size:14px;font-weight:800;color:#fff;margin-bottom:3px;}
.bt-matrix-count{font-size:11px;color:rgba(255,255,255,.3);}
.bt-matrix-badge{
    margin-left:auto;flex-shrink:0;
    font-size:10px;font-weight:800;
    padding:3px 8px;border-radius:6px;
    background:rgba(59,130,246,.12);color:#60a5fa;
    border:1px solid rgba(59,130,246,.15);
}
.bt-matrix-badge--red{background:rgba(239,68,68,.1);color:#f87171;border-color:rgba(239,68,68,.15);}
.bt-matrix-badge--gold{background:rgba(245,158,11,.1);color:#fbbf24;border-color:rgba(245,158,11,.15);}

/* ══════════════════════════════════════════
   SPORTS FULL CARDS (Tennis, Basketball etc)
══════════════════════════════════════════ */
.bt-sports-row {
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
    margin-bottom:20px;
}
@media(max-width:768px){ .bt-sports-row{grid-template-columns:1fr;} }

/* ══════════════════════════════════════════
   E-SPORTS SECTION
══════════════════════════════════════════ */
.bt-esports-section {
    background:linear-gradient(135deg,#050514 0%,#0a0520 50%,#050514 100%);
    border:1px solid rgba(139,92,246,.15);
    border-radius:24px;padding:48px;
    margin-bottom:52px;position:relative;overflow:hidden;
}
.bt-esports-section::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(ellipse 60% 60% at 0% 50%,rgba(139,92,246,.1) 0%,transparent 55%),
        radial-gradient(ellipse 50% 50% at 100% 100%,rgba(59,130,246,.08) 0%,transparent 50%);
}
.bt-esports-inner{position:relative;z-index:1;}
.bt-esports-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);
    border-radius:999px;padding:5px 14px;
    font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
    color:#a78bfa;margin-bottom:18px;
}
.bt-esports-grid {
    display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
    margin-top:32px;
}
.bt-esports-card {
    background:rgba(139,92,246,.06);
    border:1px solid rgba(139,92,246,.1);
    border-radius:16px;padding:20px 14px;text-align:center;
    transition:transform .2s,border-color .2s,background .2s;
    animation:bt-rise .5s ease-out both;opacity:0;cursor:pointer;
}
.bt-esports-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.12);}
.bt-esports-ico{font-size:36px;margin-bottom:10px;display:block;}
.bt-esports-name{font-size:14px;font-weight:800;color:#fff;margin-bottom:4px;}
.bt-esports-league{font-size:11px;color:rgba(139,92,246,.6);line-height:1.5;}
.bt-esports-tag{
    display:inline-block;margin-top:8px;
    font-size:10px;font-weight:700;
    padding:3px 8px;border-radius:5px;
    background:rgba(139,92,246,.15);color:#a78bfa;
    border:1px solid rgba(139,92,246,.2);
}
.bt-esports-features{
    display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
    margin-top:32px;
}
.bt-esports-feat{
    background:rgba(0,0,0,.3);border:1px solid rgba(139,92,246,.08);
    border-radius:14px;padding:16px;
}
.bt-esports-feat-ico{font-size:20px;margin-bottom:8px;display:block;}
.bt-esports-feat-title{font-size:13px;font-weight:800;color:#fff;margin-bottom:3px;}
.bt-esports-feat-desc{font-size:12px;color:rgba(255,255,255,.3);line-height:1.5;}
@media(max-width:1024px){.bt-esports-grid{grid-template-columns:repeat(3,1fr);}.bt-esports-features{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.bt-esports-section{padding:32px 24px;}.bt-esports-grid{grid-template-columns:repeat(2,1fr);}.bt-esports-features{grid-template-columns:repeat(2,1fr);}}

/* ══════════════════════════════════════════
   CRASH & INSTANT GAMES
══════════════════════════════════════════ */
.bt-crash-section { margin-bottom:52px; }
.bt-crash-grid {
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
    margin-top:28px;
}
.bt-crash-card {
    border-radius:20px;padding:24px;
    position:relative;overflow:hidden;
    transition:transform .25s,box-shadow .25s;
    animation:bt-rise .5s ease-out both;opacity:0;cursor:pointer;
    border:1px solid rgba(255,255,255,.06);
}
.bt-crash-card:hover{transform:translateY(-5px);}
.bt-crash-card--aviator{background:linear-gradient(135deg,#1a0505,#2d0a0a);}
.bt-crash-card--aviator:hover{box-shadow:0 20px 50px rgba(239,68,68,.25);}
.bt-crash-card--jetx{background:linear-gradient(135deg,#050a1a,#0a1535);}
.bt-crash-card--jetx:hover{box-shadow:0 20px 50px rgba(59,130,246,.25);}
.bt-crash-card--mines{background:linear-gradient(135deg,#0a1a05,#102a0a);}
.bt-crash-card--mines:hover{box-shadow:0 20px 50px rgba(16,185,129,.25);}
.bt-crash-card--plinko{background:linear-gradient(135deg,#0f0518,#1a0a2d);}
.bt-crash-card--plinko:hover{box-shadow:0 20px 50px rgba(139,92,246,.25);}
.bt-crash-card--dice{background:linear-gradient(135deg,#1a0f00,#2d1a00);}
.bt-crash-card--dice:hover{box-shadow:0 20px 50px rgba(245,158,11,.25);}
.bt-crash-card--wheel{background:linear-gradient(135deg,#0f0f1a,#1a1a2d);}
.bt-crash-card--wheel:hover{box-shadow:0 20px 50px rgba(99,102,241,.25);}
.bt-crash-card--hilo{background:linear-gradient(135deg,#1a0518,#2d0a2d);}
.bt-crash-card--hilo:hover{box-shadow:0 20px 50px rgba(236,72,153,.25);}
.bt-crash-card--keno{background:linear-gradient(135deg,#051a18,#0a2d2a);}
.bt-crash-card--keno:hover{box-shadow:0 20px 50px rgba(20,184,166,.25);}
.bt-crash-ico{font-size:40px;margin-bottom:14px;display:block;}
.bt-crash-name{font-size:17px;font-weight:900;color:#fff;margin-bottom:5px;}
.bt-crash-desc{font-size:12px;color:rgba(255,255,255,.4);line-height:1.5;margin-bottom:12px;}
.bt-crash-mult{
    font-size:13px;font-weight:800;
    padding:4px 12px;border-radius:8px;
    display:inline-block;
}
.bt-crash-card--aviator .bt-crash-mult{background:rgba(239,68,68,.15);color:#f87171;}
.bt-crash-card--jetx .bt-crash-mult{background:rgba(59,130,246,.15);color:#60a5fa;}
.bt-crash-card--mines .bt-crash-mult{background:rgba(16,185,129,.15);color:#34d399;}
.bt-crash-card--plinko .bt-crash-mult{background:rgba(139,92,246,.15);color:#a78bfa;}
.bt-crash-card--dice .bt-crash-mult{background:rgba(245,158,11,.15);color:#fbbf24;}
.bt-crash-card--wheel .bt-crash-mult{background:rgba(99,102,241,.15);color:#818cf8;}
.bt-crash-card--hilo .bt-crash-mult{background:rgba(236,72,153,.15);color:#f472b6;}
.bt-crash-card--keno .bt-crash-mult{background:rgba(20,184,166,.15);color:#2dd4bf;}
@media(max-width:1024px){.bt-crash-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.bt-crash-grid{grid-template-columns:repeat(2,1fr);}}

/* ══════════════════════════════════════════
   VIRTUAL SPORTS
══════════════════════════════════════════ */
.bt-virtual-section {
    background:linear-gradient(135deg,#050a18 0%,#0a0f22 50%,#050a18 100%);
    border:1px solid rgba(99,102,241,.15);
    border-radius:24px;padding:48px;
    margin-bottom:52px;position:relative;overflow:hidden;
}
.bt-virtual-section::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(99,102,241,.07) 0%,transparent 55%);
}
.bt-virtual-inner{position:relative;z-index:1;}
.bt-virtual-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
    margin-top:28px;
}
.bt-virtual-card{
    background:rgba(99,102,241,.06);
    border:1px solid rgba(99,102,241,.1);
    border-radius:16px;padding:22px;
    display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;
    transition:border-color .2s,background .2s;cursor:pointer;
    animation:bt-rise .5s ease-out both;opacity:0;
}
.bt-virtual-card:hover{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.1);}
.bt-virtual-ico{font-size:36px;}
.bt-virtual-name{font-size:15px;font-weight:800;color:#fff;margin-bottom:3px;}
.bt-virtual-sub{font-size:12px;color:rgba(255,255,255,.3);}
.bt-virtual-freq{
    font-size:10px;font-weight:700;margin-top:6px;
    display:inline-block;padding:2px 8px;border-radius:5px;
    background:rgba(99,102,241,.15);color:#818cf8;
}
@media(max-width:768px){.bt-virtual-section{padding:32px 24px;}.bt-virtual-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.bt-virtual-grid{grid-template-columns:1fr;}}

/* ══════════════════════════════════════════
   EXPANDED CASINO SECTION
══════════════════════════════════════════ */
.bt-casino-types{
    display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
    margin-top:20px;
}
.bt-casino-type{
    background:rgba(245,158,11,.05);
    border:1px solid rgba(245,158,11,.1);
    border-radius:14px;padding:18px;text-align:center;
    transition:background .2s,border-color .2s;cursor:pointer;
    animation:bt-rise .5s ease-out both;opacity:0;
}
.bt-casino-type:hover{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);}
.bt-casino-type-ico{font-size:28px;margin-bottom:8px;display:block;}
.bt-casino-type-name{font-size:13px;font-weight:800;color:#fff;margin-bottom:3px;}
.bt-casino-type-count{font-size:11px;color:rgba(255,255,255,.3);}
@media(max-width:768px){.bt-casino-types{grid-template-columns:repeat(2,1fr);}}

/* ══════════════════════════════════════════
   FISHING GAMES
══════════════════════════════════════════ */
.bt-fishing-section { margin-bottom:52px; }
.bt-fishing-grid {
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
    margin-top:28px;
}
.bt-fishing-card {
    border-radius:20px;padding:24px;
    position:relative;overflow:hidden;
    transition:transform .25s,box-shadow .25s;
    animation:bt-rise .5s ease-out both;opacity:0;cursor:pointer;
    border:1px solid rgba(255,255,255,.06);
}
.bt-fishing-card:hover{transform:translateY(-5px);}
.bt-fishing-card--ocean{background:linear-gradient(135deg,#020d1a,#042038);border-color:rgba(6,182,212,.15);}
.bt-fishing-card--ocean:hover{box-shadow:0 20px 50px rgba(6,182,212,.25);}
.bt-fishing-card--reef{background:linear-gradient(135deg,#03160a,#062414);border-color:rgba(16,185,129,.15);}
.bt-fishing-card--reef:hover{box-shadow:0 20px 50px rgba(16,185,129,.25);}
.bt-fishing-card--dragon{background:linear-gradient(135deg,#1a0505,#2d0a0a);border-color:rgba(239,68,68,.15);}
.bt-fishing-card--dragon:hover{box-shadow:0 20px 50px rgba(239,68,68,.25);}
.bt-fishing-card--treasure{background:linear-gradient(135deg,#1a1000,#2d1e00);border-color:rgba(245,158,11,.15);}
.bt-fishing-card--treasure:hover{box-shadow:0 20px 50px rgba(245,158,11,.25);}
.bt-fishing-card--neptune{background:linear-gradient(135deg,#050a1a,#0a1535);border-color:rgba(99,102,241,.15);}
.bt-fishing-card--neptune:hover{box-shadow:0 20px 50px rgba(99,102,241,.25);}
.bt-fishing-card--lucky{background:linear-gradient(135deg,#0f0518,#1a0a2d);border-color:rgba(139,92,246,.15);}
.bt-fishing-card--lucky:hover{box-shadow:0 20px 50px rgba(139,92,246,.25);}
.bt-fishing-card--golden{background:linear-gradient(135deg,#0f1205,#1e2a00);border-color:rgba(132,204,22,.15);}
.bt-fishing-card--golden:hover{box-shadow:0 20px 50px rgba(132,204,22,.25);}
.bt-fishing-card--neon{background:linear-gradient(135deg,#05121a,#0a2035);border-color:rgba(14,165,233,.15);}
.bt-fishing-card--neon:hover{box-shadow:0 20px 50px rgba(14,165,233,.25);}
.bt-fishing-ico{font-size:40px;margin-bottom:14px;display:block;}
.bt-fishing-name{font-size:16px;font-weight:900;color:#fff;margin-bottom:5px;}
.bt-fishing-desc{font-size:12px;color:rgba(255,255,255,.4);line-height:1.5;margin-bottom:12px;}
.bt-fishing-mult{font-size:13px;font-weight:800;padding:4px 12px;border-radius:8px;display:inline-block;}
.bt-fishing-card--ocean .bt-fishing-mult{background:rgba(6,182,212,.15);color:#22d3ee;}
.bt-fishing-card--reef .bt-fishing-mult{background:rgba(16,185,129,.15);color:#34d399;}
.bt-fishing-card--dragon .bt-fishing-mult{background:rgba(239,68,68,.15);color:#f87171;}
.bt-fishing-card--treasure .bt-fishing-mult{background:rgba(245,158,11,.15);color:#fbbf24;}
.bt-fishing-card--neptune .bt-fishing-mult{background:rgba(99,102,241,.15);color:#818cf8;}
.bt-fishing-card--lucky .bt-fishing-mult{background:rgba(139,92,246,.15);color:#a78bfa;}
.bt-fishing-card--golden .bt-fishing-mult{background:rgba(132,204,22,.15);color:#a3e635;}
.bt-fishing-card--neon .bt-fishing-mult{background:rgba(14,165,233,.15);color:#38bdf8;}
.bt-fishing-provider{font-size:10px;color:rgba(255,255,255,.2);margin-top:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
@media(max-width:1024px){.bt-fishing-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.bt-fishing-grid{grid-template-columns:repeat(2,1fr);}}

/* ══════════════════════════════════════════
   ARCADE GAMES
══════════════════════════════════════════ */
.bt-arcade-section { margin-bottom:52px; }
.bt-arcade-grid {
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
    margin-top:28px;
}
.bt-arcade-card {
    background:#0c0c1e;
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;padding:22px;
    display:flex;flex-direction:column;
    transition:transform .2s,border-color .2s,box-shadow .2s;
    animation:bt-rise .5s ease-out both;opacity:0;cursor:pointer;
}
.bt-arcade-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.5);}
.bt-arcade-card--pink:hover{border-color:rgba(236,72,153,.3);}
.bt-arcade-card--cyan:hover{border-color:rgba(6,182,212,.3);}
.bt-arcade-card--green:hover{border-color:rgba(16,185,129,.3);}
.bt-arcade-card--yellow:hover{border-color:rgba(234,179,8,.3);}
.bt-arcade-card--orange:hover{border-color:rgba(249,115,22,.3);}
.bt-arcade-card--purple:hover{border-color:rgba(139,92,246,.3);}
.bt-arcade-card--red:hover{border-color:rgba(239,68,68,.3);}
.bt-arcade-card--blue:hover{border-color:rgba(59,130,246,.3);}
.bt-arcade-ico{font-size:38px;margin-bottom:12px;display:block;}
.bt-arcade-name{font-size:15px;font-weight:900;color:#fff;margin-bottom:4px;}
.bt-arcade-desc{font-size:12px;color:rgba(255,255,255,.38);line-height:1.5;margin-bottom:10px;flex:1;}
.bt-arcade-tag{font-size:10px;font-weight:800;padding:3px 10px;border-radius:6px;display:inline-block;margin-top:auto;}
.bt-arcade-card--pink .bt-arcade-tag{background:rgba(236,72,153,.12);color:#f472b6;border:1px solid rgba(236,72,153,.2);}
.bt-arcade-card--cyan .bt-arcade-tag{background:rgba(6,182,212,.12);color:#22d3ee;border:1px solid rgba(6,182,212,.2);}
.bt-arcade-card--green .bt-arcade-tag{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.2);}
.bt-arcade-card--yellow .bt-arcade-tag{background:rgba(234,179,8,.12);color:#fde047;border:1px solid rgba(234,179,8,.2);}
.bt-arcade-card--orange .bt-arcade-tag{background:rgba(249,115,22,.12);color:#fb923c;border:1px solid rgba(249,115,22,.2);}
.bt-arcade-card--purple .bt-arcade-tag{background:rgba(139,92,246,.12);color:#a78bfa;border:1px solid rgba(139,92,246,.2);}
.bt-arcade-card--red .bt-arcade-tag{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.2);}
.bt-arcade-card--blue .bt-arcade-tag{background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.2);}
@media(max-width:1024px){.bt-arcade-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.bt-arcade-grid{grid-template-columns:repeat(2,1fr);}}

/* ══════════════════════════════════════════
   LOTTERY & NUMBER GAMES
══════════════════════════════════════════ */
.bt-lottery-section {
    background:linear-gradient(135deg,#0a0f06 0%,#111a08 50%,#0a0f06 100%);
    border:1px solid rgba(132,204,22,.15);
    border-radius:24px;padding:48px;
    margin-bottom:52px;position:relative;overflow:hidden;
}
.bt-lottery-section::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(ellipse 60% 60% at 0% 50%,rgba(132,204,22,.08) 0%,transparent 55%),
        radial-gradient(ellipse 50% 50% at 100% 100%,rgba(245,158,11,.06) 0%,transparent 50%);
}
.bt-lottery-inner{position:relative;z-index:1;}
.bt-lottery-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(132,204,22,.1);border:1px solid rgba(132,204,22,.2);
    border-radius:999px;padding:5px 14px;
    font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
    color:#a3e635;margin-bottom:18px;
}
.bt-lottery-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
    margin-top:28px;
}
.bt-lottery-card {
    background:rgba(132,204,22,.05);
    border:1px solid rgba(132,204,22,.1);
    border-radius:16px;padding:22px;
    display:flex;align-items:center;gap:16px;
    transition:border-color .2s,background .2s;cursor:pointer;
    animation:bt-rise .5s ease-out both;opacity:0;
}
.bt-lottery-card:hover{border-color:rgba(132,204,22,.3);background:rgba(132,204,22,.1);}
.bt-lottery-ico{font-size:36px;flex-shrink:0;}
.bt-lottery-name{font-size:15px;font-weight:800;color:#fff;margin-bottom:3px;}
.bt-lottery-sub{font-size:12px;color:rgba(255,255,255,.3);line-height:1.5;}
.bt-lottery-prize{
    font-size:10px;font-weight:800;margin-top:6px;
    display:inline-block;padding:2px 8px;border-radius:5px;
    background:rgba(132,204,22,.15);color:#a3e635;
    border:1px solid rgba(132,204,22,.2);
}
.bt-lottery-draws {
    display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
    margin-top:24px;
}
.bt-lottery-draw {
    background:rgba(0,0,0,.3);
    border:1px solid rgba(255,255,255,.06);
    border-radius:12px;padding:14px;text-align:center;
    transition:border-color .2s;cursor:pointer;
}
.bt-lottery-draw:hover{border-color:rgba(132,204,22,.25);}
.bt-lottery-draw-ico{font-size:22px;margin-bottom:6px;display:block;}
.bt-lottery-draw-name{font-size:12px;font-weight:800;color:#fff;margin-bottom:3px;}
.bt-lottery-draw-freq{font-size:10px;color:rgba(255,255,255,.25);}
@media(max-width:1024px){.bt-lottery-grid{grid-template-columns:repeat(2,1fr);}.bt-lottery-draws{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.bt-lottery-section{padding:32px 24px;}.bt-lottery-grid{grid-template-columns:1fr;}.bt-lottery-draws{grid-template-columns:repeat(2,1fr);}}

/* ══════════════════════════════════════════
   BOTTOM CTA
══════════════════════════════════════════ */
.bt-cta {
    position:relative;overflow:hidden;
    border-radius:24px;padding:64px 56px;
    background:#0c0c1e;
    border:1px solid rgba(59,130,246,.15);
    text-align:center;
}
.bt-cta::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(ellipse 60% 80% at 30% 50%,rgba(59,130,246,.08) 0%,transparent 60%),
        radial-gradient(ellipse 50% 70% at 70% 50%,rgba(239,68,68,.06) 0%,transparent 55%);
}
.bt-cta-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
    color:#3b82f6;margin-bottom:18px;
}
.bt-cta-title {
    font-size:clamp(28px,4vw,52px);font-weight:900;
    color:#fff;letter-spacing:-1px;line-height:1.1;margin-bottom:14px;
}
.bt-cta-title span{
    background:linear-gradient(90deg,#60a5fa,#a78bfa);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.bt-cta-sub{
    font-size:16px;color:rgba(255,255,255,.4);
    max-width:520px;margin:0 auto 36px;line-height:1.7;
}
.bt-cta-actions {
    display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
    position:relative;z-index:1;
}
.bt-cta-note{font-size:12px;color:rgba(255,255,255,.2);margin-top:16px;}

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media(max-width:1024px){
    .bt-hero-inner{grid-template-columns:1fr;padding:56px 40px;}
    .bt-hero-stats{grid-template-columns:repeat(4,1fr);}
    .bt-sports-grid{grid-template-columns:repeat(2,1fr);}
    .bt-sport-card--feat{grid-column:span 2;grid-template-columns:1fr;}
    .bt-other-sports{grid-template-columns:repeat(4,1fr);}
    .bt-matrix-grid{grid-template-columns:repeat(3,1fr);}
    .bt-providers{grid-template-columns:repeat(3,1fr);}
}

/* ── Tablet / Mobile ── */
@media(max-width:768px){
    /* nav scroll strip */
    .bt-nav-wrap{margin-left:-16px;margin-right:-16px;padding-left:6px;padding-right:6px;margin-bottom:28px;}
    .bt-nav-wrap::before{left:42px;width:56px;}
    .bt-nav-wrap::after{right:42px;width:56px;}
    .bt-nav-arrow{width:38px;height:38px;border-radius:10px;}
    .bt-nav-arrow svg{width:15px;height:15px;}
    .bt-nav{padding:3px 6px;gap:3px;}
    .bt-nav-btn{padding:8px 13px;font-size:12px;gap:5px;}
    .bt-nav-btn .bt-nav-ico{font-size:14px;}

    /* wrap */
    .bt-wrap{padding:0 16px 70px;}

    /* hero — critical: remove fixed min-height so it doesn't become 885px on mobile */
    .bt-hero{min-height:auto;border-radius:20px;margin-bottom:28px;}
    .bt-hero-inner{grid-template-columns:1fr;padding:36px 24px;gap:24px;}
    .bt-hero-title{font-size:clamp(28px,6vw,42px);}
    .bt-hero-sub{font-size:14px;margin:10px 0 20px;}
    .bt-hero-stats{grid-template-columns:repeat(4,1fr);gap:8px;}
    .bt-hstat{padding:12px 8px;}
    .bt-stat-val{font-size:18px;}
    .bt-stat-label{font-size:10px;}

    /* sports */
    .bt-sports-grid{grid-template-columns:1fr;}
    /* reset span 2 — parent is now 1-column so span 2 creates a ghost empty column */
    .bt-sport-card--feat{grid-column:1;grid-template-columns:1fr;}
    .bt-other-sports{grid-template-columns:repeat(2,1fr);}

    /* live */
    .bt-live-section{padding:28px 20px;}
    .bt-live-grid{grid-template-columns:1fr;}
    .bt-live-features{grid-template-columns:1fr 1fr;}
    .bt-casino-grid{grid-template-columns:1fr;}

    /* slots */
    .bt-slots-section{padding:28px 20px;}
    .bt-slots-inner{grid-template-columns:1fr;}
    .bt-slot-themes{grid-template-columns:repeat(3,1fr);}
    .bt-slot-providers{grid-template-columns:repeat(3,1fr);}

    /* matrix / providers */
    .bt-matrix-grid{grid-template-columns:repeat(2,1fr);}
    .bt-providers{grid-template-columns:repeat(3,1fr);}

    /* section headings */
    .bt-section-title{font-size:20px;}
    .bt-section-sub{font-size:13px;}

    /* other sections */
    .bt-virtual-section{padding:28px 20px;}
    .bt-lottery-section{padding:28px 20px;}
    .bt-esports-section{padding:28px 20px;}

    /* cta */
    .bt-cta{padding:40px 24px;}
    .bt-cta-title{font-size:clamp(24px,5vw,36px);}
    .bt-cta-sub{font-size:14px;}
    .bt-cta-actions{flex-direction:column;align-items:stretch;}
    .bt-cta-actions .bt-hero-cta{text-align:center;justify-content:center;}
}

@media(max-width:480px){
    /* nav */
    .bt-nav-wrap{margin-left:-16px;margin-right:-16px;padding-left:4px;padding-right:4px;}
    .bt-nav-wrap::before{left:38px;width:44px;}
    .bt-nav-wrap::after{right:38px;width:44px;}
    .bt-nav-arrow{width:34px;height:34px;border-radius:9px;}
    .bt-nav-btn{padding:7px 11px;font-size:11.5px;}

    /* hero stats — collapse to 2x2 on narrow screens */
    .bt-hero{margin-bottom:24px;}
    .bt-hero-inner{padding:28px 16px;}
    .bt-hero-stats{grid-template-columns:repeat(2,1fr);gap:10px;}
    .bt-hstat{padding:14px 10px;}

    /* sports */
    .bt-other-sports{grid-template-columns:repeat(2,1fr);}

    /* live */
    .bt-live-section{padding:24px 16px;}
    .bt-live-features{grid-template-columns:1fr;}

    /* slots */
    .bt-slots-section{padding:24px 16px;}
    .bt-slot-themes{grid-template-columns:repeat(2,1fr);}
    .bt-slot-providers{grid-template-columns:repeat(2,1fr);}

    /* providers / matrix */
    .bt-providers{grid-template-columns:repeat(2,1fr);}
    .bt-matrix-grid{grid-template-columns:1fr 1fr;}
    .bt-matrix-card{min-width:0;}
    .bt-matrix-info{min-width:0;}

    /* other sections */
    .bt-virtual-section{padding:24px 16px;}
    .bt-lottery-section{padding:24px 16px;}
    .bt-esports-section{padding:24px 16px;}

    /* cta */
    .bt-cta{padding:32px 16px;}
    .bt-cta-title{font-size:24px;}
    .bt-cta-sub{font-size:13px;}
}

@media(max-width:390px){
    /* wrap */
    .bt-wrap{padding:0 12px 60px;}

    /* nav */
    .bt-nav-btn{padding:6px 10px;font-size:11px;}

    /* hero */
    .bt-hero{border-radius:16px;margin-bottom:20px;}
    .bt-hero-inner{padding:24px 12px;}
    .bt-hero-title{font-size:clamp(20px,7vw,26px);}
    .bt-hero-sub{font-size:13px;margin:8px 0 16px;}
    .bt-hero-cta{padding:11px 20px;font-size:13px;}
    .bt-hero-stats{gap:8px;}
    .bt-hstat{padding:10px 8px;}
    .bt-stat-val{font-size:17px;}
    .bt-stat-label{font-size:10px;}

    /* section headings */
    .bt-section-title{font-size:18px;}
    .bt-section-sub{font-size:12px;}

    /* sports */
    .bt-other-sports{grid-template-columns:repeat(2,1fr);}

    /* live / slots */
    .bt-live-section{padding:20px 12px;}
    .bt-slots-section{padding:20px 12px;}
    .bt-virtual-section{padding:20px 12px;}
    .bt-lottery-section{padding:20px 12px;}
    .bt-esports-section{padding:20px 12px;}

    /* matrix: single column to prevent content overflow */
    .bt-matrix-grid{grid-template-columns:1fr;}
    .bt-matrix-card{min-width:0;}
    .bt-matrix-info{min-width:0;overflow:hidden;}

    /* providers */
    .bt-providers{grid-template-columns:repeat(2,1fr);}
    .bt-slot-themes{grid-template-columns:repeat(2,1fr);}

    /* cta */
    .bt-cta{padding:28px 12px;}
    .bt-cta-title{font-size:22px;}
    .bt-cta-sub{font-size:13px;}
}
