.vh-home{--h-bg:#0f1419;--h-bg2:#1a2028;--h-panel:#213743;--h-panel2:#2a4553;--h-line:#2a3a45;--h-green:#00e701;--h-dim:#8a9ba8;font-family:'Inter',system-ui,sans-serif;color:#fff;max-width:1400px;margin:0 auto;padding:8px 4px 40px}
.vh-hero{background:linear-gradient(120deg,var(--h-panel),#182732 60%,#152530);border:1px solid var(--h-line);border-radius:16px;padding:44px 48px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;gap:32px;position:relative}
.vh-hero::before{content:'';position:absolute;top:-40%;right:8%;width:340px;height:340px;background:radial-gradient(circle,rgba(0,231,1,.08),transparent 70%);border-radius:50%}
.vh-hero .htxt{position:relative;z-index:1}
.vh-hero .htxt h1{font-size:36px;font-weight:800;margin-bottom:12px;letter-spacing:-.6px;line-height:1.1}
.vh-hero .htxt p{color:var(--h-dim);font-size:16px;margin-bottom:26px;max-width:460px;line-height:1.6}
.vh-hero .hbtns{display:flex;gap:14px;flex-wrap:wrap}
.vh-btn-green{background:var(--h-green);color:#00300a;padding:14px 30px;border-radius:10px;font-weight:800;font-size:15px;text-decoration:none;display:inline-block;transition:.18s;box-shadow:0 6px 20px rgba(0,231,1,.2)}
.vh-btn-green:hover{background:#00c701;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,231,1,.32)}
.vh-btn-ghost{background:var(--h-panel2);color:#fff;padding:14px 30px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;display:inline-block;transition:.18s}
.vh-btn-ghost:hover{background:#34576a;transform:translateY(-2px)}
.vh-hero .hvis{font-size:130px;opacity:.9;line-height:1;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 12px 30px rgba(0,0,0,.4))}
.vh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
.vh-stat{background:var(--h-bg2);border:1px solid var(--h-line);border-radius:14px;padding:22px 26px;transition:.18s}
.vh-stat:hover{border-color:var(--h-panel2)}
.vh-stat small{color:var(--h-dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.vh-stat b{display:block;font-size:28px;font-weight:800;margin-top:8px;letter-spacing:-.5px}
.vh-stat b.g{color:var(--h-green)}
.vh-cats{display:flex;gap:12px;margin-bottom:36px;flex-wrap:wrap}
.vh-cat{background:var(--h-bg2);border:1px solid var(--h-line);border-radius:10px;padding:12px 22px;font-weight:600;font-size:14px;color:var(--h-dim);transition:.18s;text-decoration:none;display:flex;align-items:center;gap:9px}
.vh-cat:hover{color:#fff;border-color:var(--h-panel2);transform:translateY(-1px)}
.vh-cat.active{background:var(--h-green);color:#00300a;border-color:var(--h-green);font-weight:700}
.vh-sec{margin-bottom:44px}
.vh-sechead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.vh-sechead .t{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.3px}
.vh-sechead .t .ic{font-size:22px}
.vh-sechead a{color:var(--h-dim);font-weight:600;font-size:14px;text-decoration:none;transition:.15s;padding:8px 14px;border-radius:8px}
.vh-sechead a:hover{color:#fff;background:var(--h-bg2)}
.vh-row{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
@media(max-width:1200px){.vh-row{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.vh-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.vh-row{grid-template-columns:repeat(2,1fr);gap:12px}.vh-stats{grid-template-columns:1fr;gap:12px}.vh-hero{padding:28px 24px;flex-direction:column;text-align:center}.vh-hero .hvis{font-size:90px}.vh-home{padding:8px 0 32px}}
.vh-game{aspect-ratio:3/4;border-radius:14px;overflow:hidden;transition:.2s cubic-bezier(.2,.8,.2,1);position:relative;text-decoration:none;display:block;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.vh-game:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 14px 32px rgba(0,0,0,.45)}
.vh-game .art{width:100%;height:100%;display:grid;place-items:center;position:relative}
.vh-game .lbl{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 13px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.vh-game .lbl b{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;margin-bottom:2px}
.vh-game .lbl small{font-size:11px;color:var(--h-dim)}
.vh-game .players{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);border-radius:8px;padding:4px 9px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px;color:#fff}
.vh-game .players::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--h-green);box-shadow:0 0 6px var(--h-green)}
.vh-game .rtp{position:absolute;top:10px;right:10px;background:rgba(0,231,1,.18);backdrop-filter:blur(4px);color:var(--h-green);padding:3px 8px;border-radius:8px;font-size:10px;font-weight:800}
.vh-bets{background:var(--h-bg2);border:1px solid var(--h-line);border-radius:16px;overflow:hidden}
.vh-bets-head,.vh-bet{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1.2fr;padding:16px 24px;font-size:13px;align-items:center}
.vh-bets-head{border-bottom:1px solid var(--h-line);font-weight:700;color:var(--h-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11px}
.vh-bet{border-bottom:1px solid rgba(42,58,69,.4);transition:.12s}
.vh-bet:hover{background:rgba(33,55,67,.3)}
.vh-bet:last-child{border-bottom:0}
.vh-bet .game{display:flex;align-items:center;gap:12px;font-weight:600}
.vh-bet .ge{width:30px;height:30px;border-radius:8px;background:var(--h-panel);display:grid;place-items:center;font-size:15px;flex-shrink:0}
.vh-bet .win{color:var(--h-green);font-weight:800}
.vh-bet .user{color:var(--h-dim)}
@media(max-width:640px){.vh-bets-head,.vh-bet{grid-template-columns:2fr 1.2fr;padding:14px 16px}.vh-bet .user,.vh-bet div:nth-child(3),.vh-bet div:nth-child(4),.vh-bets-head div:nth-child(2),.vh-bets-head div:nth-child(3),.vh-bets-head div:nth-child(4){display:none}}
.vh-g1{background:linear-gradient(150deg,#4a5d6b,#2a3a45)}.vh-g2{background:linear-gradient(150deg,#3d5a4a,#213743)}.vh-g3{background:linear-gradient(150deg,#5a4a6b,#3a2a45)}.vh-g4{background:linear-gradient(150deg,#6b5a3d,#453a21)}.vh-g5{background:linear-gradient(150deg,#3d4a6b,#212a45)}.vh-g6{background:linear-gradient(150deg,#6b3d4a,#452129)}.vh-g7{background:linear-gradient(150deg,#3d6b5f,#214539)}
.vh-jackpot{background:linear-gradient(120deg,#1a2c36,#213743);border:1px solid var(--h-line);border-radius:16px;padding:24px 32px;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.vh-jackpot::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,231,1,.06),transparent 60%)}
.vh-jackpot .jp-left{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.vh-jackpot .jp-ic{font-size:44px;filter:drop-shadow(0 6px 16px rgba(0,231,1,.3))}
.vh-jackpot .jp-info small{color:var(--h-dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}
.vh-jackpot .jp-amt{font-size:34px;font-weight:800;color:var(--h-green);letter-spacing:-.5px;text-shadow:0 0 24px rgba(0,231,1,.3)}
.vh-jackpot .jp-btn{background:var(--h-green);color:#00300a;padding:13px 28px;border-radius:10px;font-weight:800;font-size:14px;text-decoration:none;position:relative;z-index:1;transition:.18s;white-space:nowrap}
.vh-jackpot .jp-btn:hover{background:#00c701;transform:translateY(-2px)}
.vh-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:44px}
@media(max-width:900px){.vh-promos{grid-template-columns:1fr}}
.vh-promo{border-radius:16px;padding:28px;position:relative;overflow:hidden;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;cursor:pointer;text-decoration:none}
.vh-promo:hover{transform:translateY(-4px)}
.vh-promo .pe{position:absolute;right:-10px;bottom:-16px;font-size:96px;opacity:.16}
.vh-promo h3{font-size:20px;font-weight:800;margin-bottom:6px;position:relative;z-index:1;color:#fff}
.vh-promo p{font-size:13px;font-weight:600;position:relative;z-index:1;opacity:.9;line-height:1.5;color:#fff}
.vh-promo .pcta{margin-top:14px;font-size:13px;font-weight:800;position:relative;z-index:1;color:#fff}
.vh-promo-1{background:linear-gradient(135deg,#1d5c4a,#0d3d30)}
.vh-promo-2{background:linear-gradient(135deg,#2a4a8c,#16305e)}
.vh-promo-3{background:linear-gradient(135deg,#6b3d6b,#452145)}
.vh-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:44px}
@media(max-width:900px){.vh-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.vh-features{grid-template-columns:1fr}}
.vh-feat{background:var(--h-bg2);border:1px solid var(--h-line);border-radius:14px;padding:24px;text-align:center;transition:.18s}
.vh-feat:hover{border-color:var(--h-panel2);transform:translateY(-3px)}
.vh-feat .fi{width:52px;height:52px;border-radius:14px;background:rgba(0,231,1,.1);display:grid;place-items:center;font-size:26px;margin:0 auto 14px}
.vh-feat b{display:block;font-size:15px;font-weight:700;margin-bottom:6px}
.vh-feat small{color:var(--h-dim);font-size:12.5px;line-height:1.5}
.vh-providers{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-bottom:44px}
@media(max-width:1100px){.vh-providers{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.vh-providers{grid-template-columns:repeat(3,1fr)}}
.vh-prov{background:var(--h-bg2);border:1px solid var(--h-line);border-radius:12px;padding:20px 12px;text-align:center;text-decoration:none;transition:.18s;display:flex;flex-direction:column;align-items:center;gap:8px}
.vh-prov:hover{border-color:var(--h-green);transform:translateY(-3px)}
.vh-prov .pv-ic{font-size:26px}
.vh-prov b{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.vh-prov small{font-size:10px;color:var(--h-dim)}
.vh-cta-banner{background:linear-gradient(120deg,#213743,#1a2c36);border:1px solid var(--h-line);border-radius:16px;padding:40px;text-align:center;margin-bottom:20px;position:relative;overflow:hidden}
.vh-cta-banner::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:500px;height:300px;background:radial-gradient(circle,rgba(0,231,1,.07),transparent 65%)}
.vh-cta-banner h2{font-size:26px;font-weight:800;margin-bottom:10px;position:relative;z-index:1}
.vh-cta-banner p{color:var(--h-dim);font-size:15px;margin-bottom:22px;position:relative;z-index:1;max-width:480px;margin-left:auto;margin-right:auto}
.vh-cta-banner .cb-btn{background:var(--h-green);color:#00300a;padding:14px 34px;border-radius:10px;font-weight:800;font-size:15px;text-decoration:none;position:relative;z-index:1;display:inline-block;transition:.18s}
.vh-cta-banner .cb-btn:hover{background:#00c701;transform:translateY(-2px)}

/* Top Providers */
.vh-provs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.vh-prov{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:#1a2029;border:1px solid #232b36;border-radius:12px;padding:18px 12px;
  text-decoration:none;color:#e6edf3;transition:.15s;text-align:center}
.vh-prov:hover{border-color:#00e701;transform:translateY(-2px)}
.vh-prov-logo{height:32px;max-width:100%;object-fit:contain}
.vh-prov-mono{width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:#0f1419;border:1px solid #2a3441;border-radius:10px;color:#00e701;font-weight:700;font-size:15px}
.vh-prov b{font-size:13px}
.vh-prov small{color:#8a9ba8;font-size:11px}

/* ============ Quick cards — single clean version ============ */
@property --qc-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.vh-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}
.vh-qcard{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  border-radius:20px;overflow:hidden;text-decoration:none;min-height:300px;background:#12171f;
  transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s}
/* animated gradient border — identical resting & hover */
.vh-qcard::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1.5px;z-index:3;pointer-events:none;
  background:conic-gradient(from var(--qc-angle),transparent 0deg,var(--qc-glow) 90deg,#fff 140deg,var(--qc-glow) 190deg,transparent 300deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.85;animation:qc-spin 5s linear infinite}
@keyframes qc-spin{to{--qc-angle:360deg}}
.vh-qcard:hover{transform:translateY(-8px);box-shadow:0 20px 46px rgba(0,0,0,.55)}
.vh-qcard:hover::before{opacity:1;filter:drop-shadow(0 0 8px var(--qc-glow))}
/* art — nested inside the ring */
.qc-art{position:absolute;top:0;left:0;right:0;height:68%;overflow:hidden;z-index:1;
  border-top-left-radius:18.5px;border-top-right-radius:18.5px;
  background-size:contain;background-repeat:no-repeat;background-position:center 42%;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.5));transition:transform .22s}
.vh-qcard:hover .qc-art{transform:scale(1.06) translateY(-4px)}
/* shine sweep */
.qc-art::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;z-index:2;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-18deg);pointer-events:none}
.vh-qcard:hover .qc-art::after{left:130%;transition:left .7s cubic-bezier(.2,.7,.3,1)}
/* label panel — nested inside the ring */
.qc-body{position:relative;z-index:2;padding:22px 20px 20px;color:#fff;
  border-bottom-left-radius:18.5px;border-bottom-right-radius:18.5px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.55) 30%,var(--qc-tint))}
.qc-body b{display:block;font-size:21px;font-weight:800;letter-spacing:.6px;margin-bottom:5px}
.qc-body small{font-size:13px;opacity:.85}
/* per-card colors */
.qc-sport {--qc-glow:#5566f0;--qc-tint:rgba(45,63,224,.92)}
.qc-casino{--qc-glow:#00e701;--qc-tint:rgba(0,167,54,.94)}
.qc-live  {--qc-glow:#d23bd0;--qc-tint:rgba(161,43,214,.92)}
.qc-promo {--qc-glow:#e05a4a;--qc-tint:rgba(192,57,43,.92)}
@media(max-width:900px){.vh-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.vh-quick{grid-template-columns:1fr}}

/* Balance border brightness across colors */
.vh-qcard::before{opacity:.55}
.qc-casino::before{opacity:.4}
.qc-sport::before,.qc-live::before,.qc-promo::before{opacity:.7}
.vh-qcard:hover::before{opacity:1}

/* Unified subtle border — art is the hero */
.vh-qcard::before{
  background:linear-gradient(135deg,rgba(0,231,1,.5),rgba(255,255,255,.08) 45%,rgba(0,231,1,.15) 70%,rgba(0,231,1,.5));
  animation:none;opacity:.6}
.vh-qcard:hover::before{opacity:1;filter:drop-shadow(0 0 6px rgba(0,231,1,.5))}

/* Single source of truth for radius — ring & card always match */
.vh-qcard{--r:20px;border-radius:var(--r)}
.vh-qcard::before{border-radius:var(--r)}
.qc-art{border-top-left-radius:calc(var(--r) - 1.5px);border-top-right-radius:calc(var(--r) - 1.5px)}
.qc-body{border-bottom-left-radius:calc(var(--r) - 1.5px);border-bottom-right-radius:calc(var(--r) - 1.5px)}

/* Glow-outline border — box-shadow only, single edge */
.vh-qcard::before{display:none!important;content:none!important}
.vh-qcard{border:none!important;border-radius:20px;
  box-shadow:0 0 0 1.5px var(--qc-glow), 0 0 14px 0 var(--qc-glow);
  animation:qc-glow 3s ease-in-out infinite}
@keyframes qc-glow{
  0%,100%{box-shadow:0 0 0 1.5px var(--qc-glow), 0 0 8px 0 var(--qc-glow)}
  50%{box-shadow:0 0 0 1.5px var(--qc-glow), 0 0 22px 2px var(--qc-glow)}
}
.vh-qcard:hover{animation:none;
  box-shadow:0 0 0 1.5px #fff, 0 0 26px 3px var(--qc-glow), 0 16px 40px rgba(0,0,0,.5);
  transform:translateY(-6px)}
/* keep each card's gradient tint on the label */
.qc-sport {--qc-glow:#5566f0}
.qc-casino{--qc-glow:#00e701}
.qc-live  {--qc-glow:#d23bd0}
.qc-promo {--qc-glow:#e05a4a}

/* Square the gradient label panel */
.qc-body{border-radius:0!important}

/* Hover — fill with gradient, keep own color */
.vh-qcard{position:relative;overflow:hidden}
.vh-qcard .qc-fill{content:"";position:absolute;inset:0;z-index:1;opacity:0;
  background:linear-gradient(160deg,transparent 30%,var(--qc-glow));
  transition:opacity .35s ease;pointer-events:none}
.vh-qcard:hover{animation:none;transform:translateY(-6px);
  box-shadow:0 0 0 1.5px var(--qc-glow),0 0 26px 3px var(--qc-glow),0 16px 40px rgba(0,0,0,.5)}
.vh-qcard:hover .qc-fill{opacity:.55}

/* Mobile margin/spacing optimisation */
@media(max-width:900px){
  .vh-quick{gap:12px;margin:18px 0;padding:0 12px}
}
@media(max-width:520px){
  .vh-quick{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 10px}
  .vh-qcard{min-height:180px;border-radius:14px}
  .qc-body{padding:14px 12px 12px}
  .qc-body b{font-size:15px;letter-spacing:.3px}
  .qc-body small{font-size:11px}
}

/* 3:4 portrait cards */
.vh-qcard{aspect-ratio:3/4;min-height:0!important;height:auto}

/* Full-bleed hero — edge to edge */
.vh-hero{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;
  padding-left:max(24px,calc(50vw - 640px))!important;
  padding-right:max(24px,calc(50vw - 640px))!important;
  box-sizing:border-box!important;
}

/* Home hero slider — live-hero style */
.vh-hslider{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);min-height:480px;overflow:hidden;margin-bottom:20px;
  border-bottom:1px solid var(--h-line)}
.vh-hslide{position:absolute;inset:0;display:flex;align-items:center;
  background-size:cover;background-position:center;
  opacity:0;transition:opacity .7s ease;pointer-events:none}
.vh-hslide.on{opacity:1;pointer-events:auto}
.vh-hslide:not([style*="background-image"]){background:radial-gradient(circle at 75% 40%,rgba(0,231,1,.12),transparent 32%),linear-gradient(125deg,#090c0a,#111610)}
.vh-hslide-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;padding:70px 7vw;max-width:640px}
.vh-hslide-in .live-pill{margin-bottom:20px}
.vh-hslide-in h1{font-size:64px;line-height:.92;letter-spacing:-.05em;margin:0 0 18px;color:#fff;font-weight:800}
.vh-hslide-in p{max-width:460px;color:#c9d2cc;font-size:15px;line-height:1.6;margin-bottom:24px}
.vh-hdots{position:absolute;bottom:22px;left:7vw;display:flex;gap:8px;z-index:5}
.vh-hdot{width:9px;height:9px;border-radius:50%;border:0;cursor:pointer;padding:0;
  background:rgba(255,255,255,.35);transition:.2s}
.vh-hdot.on{background:var(--h-green);width:26px;border-radius:5px}
@media(max-width:980px){.vh-hslider{min-height:440px}.vh-hslide-in{padding:55px 24px}.vh-hslide-in h1{font-size:44px}}
@media(max-width:640px){.vh-hslider{min-height:380px}.vh-hslide-in h1{font-size:34px}.vh-hslide-in p{font-size:14px}.vh-hdots{left:24px}}

/* Sports board — odds columns fit the sport */
.odds.odds-2{grid-template-columns:repeat(2,1fr)!important}
.odds.odds-3{grid-template-columns:repeat(3,1fr)!important}

/* 1X2 label inside each odds button */
.odds-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1}
.odds-btn em{font-style:normal;font-size:9px;font-weight:700;color:#8a9ba8;text-transform:uppercase;letter-spacing:.05em}

/* Softer, spaced 1X2 label */
.odds-btn{gap:5px!important;padding-top:9px!important;padding-bottom:9px!important}
.odds-btn em{font-size:8px!important;font-weight:600!important;color:#5a6570!important;
  letter-spacing:.08em!important;opacity:.8}

/* ============ Premium sportsbook board ============ */
.sports-main .match-board{margin:0 38px 45px;border:1px solid #1e2620;border-radius:14px;overflow:hidden;background:#0d1110}
.sports-main .board-head{height:42px;background:#0a0d0c;color:#5a6560;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sports-main .match-row{min-height:76px;border-top:1px solid #171d19;transition:background .15s;position:relative}
.sports-main .match-row:hover{background:linear-gradient(90deg,rgba(0,231,1,.03),transparent)}
.sports-main .match-row:first-of-type{border-top:0}

/* time / league column */
.sports-main .match-time{padding-left:20px;gap:5px}
.sports-main .match-time span{font-size:11px;font-weight:700;color:#c9d2cc;font-variant-numeric:tabular-nums}
.sports-main .match-time small{font-size:9px;color:#5a6560;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.sports-main .live-indicator{color:#00e701!important}
.sports-main .live-indicator:before{width:6px;height:6px;background:#00e701;box-shadow:0 0 8px #00e701;animation:sb-pulse 1.4s infinite}
@keyframes sb-pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* teams */
.sports-main .teams{gap:12px}
.sports-main .teams div{font-size:13px;font-weight:600;color:#e6ede8}
.sports-main .team-badge{width:26px;height:26px;font-size:10px;font-weight:800;
  box-shadow:0 2px 6px rgba(0,0,0,.4);border:1.5px solid rgba(255,255,255,.08)}

/* odds buttons — the premium part */
.sports-main .odds{gap:7px;padding-right:6px}
.sports-main .odds button{height:52px;border:1px solid #232b26;border-radius:9px;
  background:linear-gradient(180deg,#161c19,#10140f);color:#fff;font-size:14px;font-weight:800;
  font-variant-numeric:tabular-nums;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.sports-main .odds button:hover:not(:disabled){border-color:#00e701;
  background:linear-gradient(180deg,#1a2b1c,#12160f);transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(0,231,1,.15)}
.sports-main .odds button.selected{border-color:#00e701;background:#00e701;color:#00300a;
  box-shadow:0 4px 16px rgba(0,231,1,.4)}
.sports-main .odds button:disabled{opacity:.25}

/* markets chip */
.sports-main .more-markets{font-size:10px;color:#5a6560;font-weight:700;transition:.15s}
.sports-main .match-row:hover .more-markets{color:#00e701}

/* score */
.sports-main .score{font-size:13px;font-weight:700;color:#8a9ba8;font-variant-numeric:tabular-nums}

/* Odds button — stacked label + number (scoped to beat base css) */
.sports-main .odds button.odds-btn{display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:3px!important;line-height:1!important}
.sports-main .odds .ob-lbl{font-size:8px;font-weight:700;color:#6a756f;text-transform:uppercase;
  letter-spacing:.08em;pointer-events:none}
.sports-main .odds .ob-odd{font-size:14px;font-weight:800;pointer-events:none}
.sports-main .odds button.selected .ob-lbl{color:rgba(0,48,10,.6)}

/* Odds label in brand green */
.sports-main .odds .ob-lbl{color:#00e701!important;opacity:.75}

/* Odds label — brand green, larger, low opacity */
.sports-main .odds .ob-lbl{color:#00e701!important;opacity:.45!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important}

/* Odds button — center content, space label from number */
.sports-main .odds button.odds-btn{padding:8px 0!important;gap:5px!important}
.sports-main .odds .ob-lbl{margin-bottom:1px!important;text-align:center!important}
.sports-main .odds .ob-odd{text-align:center!important}