:root{
  --bg:#00144b;
  --bg2:#04173f;
  --panel:#0b2559;
  --panel2:#12366f;
  --panel3:#071e4f;
  --line:rgba(173,192,221,.10);
  --text:#f7f9ff;
  --muted:#aebee2;
  --yellow:#ffd400;
  --orange:#f5c400;
  --blue:#123f9d;
  --cyan:#55b7ff;
  --green:#31d7b4;
  --red:#ff5a6b;
  --shadow:0 24px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 90% 0%,rgba(255,138,27,.13),transparent 28%),
    radial-gradient(circle at 5% 10%,rgba(46,67,199,.25),transparent 32%),
    linear-gradient(180deg,#081423,#050d1a);
  min-height:100vh;
}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.page-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.sidebar{
  position:sticky;top:0;height:100vh;padding:20px 16px;
  background:rgba(29,43,67,.96);backdrop-filter:blur(18px);
  border-right:1px solid var(--line);z-index:40
}
.logo-wrap{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 20px}
.brand-logo{height:60px;width:auto;display:block}
.side-close{display:none}
.nav-group{margin:18px 0}
.nav-label{font-size:10px;letter-spacing:1.3px;color:#7f88bb;text-transform:uppercase;padding:0 12px 8px}
.side-nav{display:grid;gap:6px}
.side-nav a{
  display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;
  color:#cbd0eb;font-size:14px;transition:.2s
}
.side-nav a:hover,.side-nav a.active{
  background:linear-gradient(90deg,rgba(255,154,31,.16),rgba(255,127,17,.10));
  color:white;box-shadow:inset 0 0 0 1px rgba(255,154,31,.15)
}
.side-nav .icon{width:25px;text-align:center;font-size:18px}
.side-nav small{margin-left:auto;background:var(--red);padding:3px 6px;border-radius:4px;font-size:8px;color:white}
.sidebar-card{
  margin-top:24px;padding:16px;border-radius:16px;
  background:linear-gradient(145deg,rgba(255,127,17,.16),rgba(255,154,31,.08));
  border:1px solid rgba(255,154,31,.13)
}
.sidebar-card p{margin:7px 0 12px;color:var(--muted);font-size:12px;line-height:1.5}
.app-main{min-width:0}
.topbar{
  position:sticky;top:0;z-index:35;height:76px;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(28,42,66,.92);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)
}
.mobile-menu,.mobile-logo{display:none}
.top-links{display:flex;gap:26px}
.top-links a{font-size:14px;color:#d6daf1}
.top-links a:hover{color:var(--yellow)}
.top-actions{display:flex;align-items:center;gap:10px}
.balance-chip{
  padding:8px 13px;border-radius:12px;background:rgba(255,255,255,.04);
  border:1px solid var(--line);display:flex;flex-direction:column
}
.balance-chip small{font-size:9px;color:var(--muted)}
.balance-chip strong{font-size:13px}
.btn{
  border:0;border-radius:11px;padding:11px 17px;font-weight:800;color:white;
  transition:.2s
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  color:#141d2b;background:linear-gradient(135deg,var(--yellow),var(--orange));
  box-shadow:0 10px 28px rgba(255,138,27,.18)
}
.btn-secondary{background:rgba(255,255,255,.06);border:1px solid var(--line)}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.17)}
.btn-full{width:100%}
.icon-btn{border:0;background:rgba(255,255,255,.04);color:white;border-radius:10px;padding:10px}
.page-content{width:min(1450px,100%);margin:auto;padding:24px 28px 50px}
.hero{
  min-height:390px;border-radius:24px;overflow:hidden;padding:50px;
  display:grid;grid-template-columns:1.05fr .95fr;align-items:center;
  background:
    linear-gradient(90deg, rgba(26,40,63,.98), rgba(32,47,74,.92) 62%, rgba(255,127,17,.10)),
    radial-gradient(circle at 88% 45%, rgba(255,127,17,.45), transparent 24%);
  border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow)
}
.eyebrow{color:var(--yellow);font-weight:800;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.hero h1{font-size:clamp(42px,5.5vw,74px);line-height:.96;letter-spacing:-3.5px;margin:16px 0}
.hero h1 span{color:var(--yellow)}
.hero p{max-width:630px;color:#d3d8f0;line-height:1.7;font-size:17px}
.hero-actions{display:flex;gap:12px;margin-top:26px}
.hero-visual{position:relative;min-height:290px}
.visual-orbit{
  position:absolute;right:2%;top:3%;width:290px;height:290px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#ffbd2c,#ff6b1b 38%,#2435a2 70%,#121550);
  box-shadow:0 0 90px rgba(255,138,27,.28)
}
.visual-card{
  position:absolute;width:130px;height:170px;border-radius:22px;display:grid;place-items:center;
  font-size:60px;background:linear-gradient(150deg,rgba(255,255,255,.2),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);backdrop-filter:blur(10px)
}
.visual-card.one{right:185px;top:55px;transform:rotate(-8deg)}
.visual-card.two{right:80px;top:5px;transform:rotate(5deg)}
.visual-card.three{right:0;top:95px;transform:rotate(10deg)}
.quick-actions{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 26px
}
.quick-card{
  padding:18px;border-radius:16px;background:rgba(255,255,255,.035);
  border:1px solid var(--line);display:flex;align-items:center;gap:13px
}
.quick-card .qicon{
  width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(255,226,31,.2),rgba(255,138,27,.15));font-size:22px
}
.quick-card strong,.quick-card small{display:block}
.quick-card small{color:var(--muted);margin-top:4px}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0 32px}
.category{
  min-height:150px;border-radius:18px;padding:20px;border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;
  transition:.22s
}
.category:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.category::after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;
  right:-35px;bottom:-45px;background:rgba(255,255,255,.07)
}
.category h3{margin:10px 0 4px}.category p{margin:0;color:#d9ddf1;font-size:12px}
.category .big-icon{font-size:40px}
.c1{background:linear-gradient(145deg,#24364d,#1b273b)}
.c2{background:linear-gradient(145deg,#294665,#20364e)}
.c3{background:linear-gradient(145deg,#31425e,#223247)}
.c4{background:linear-gradient(145deg,#ff8a1f,#d56b0d)}
.c5{background:linear-gradient(145deg,#2a405d,#1d2f45)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:10px 0 14px}
.section-head h2{margin:5px 0 0;font-size:28px}
.link{color:var(--muted);font-size:13px}.link:hover{color:white}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}
.tabs button{
  border:0;border-radius:10px;padding:10px 14px;background:transparent;color:var(--muted);white-space:nowrap
}
.tabs button.active{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#141d2b;font-weight:800}
.event-card,.panel-card{
  background:linear-gradient(180deg, rgba(32,45,68,.96), rgba(23,34,52,.98));
  border:1px solid var(--line);border-radius:16px;overflow:hidden
}
.event-card+.event-card{margin-top:10px}
.event-top{
  padding:12px 15px;display:flex;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--line);color:var(--muted);font-size:12px
}
.live{background:var(--red);color:white;padding:4px 7px;border-radius:5px;font-size:9px}
.event-body{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px}
.teams{flex:1;display:grid;gap:11px}
.team{display:flex;align-items:center;gap:9px;font-size:14px}
.team strong{margin-left:auto}
.dot{width:11px;height:11px;border-radius:50%;background:var(--orange)}
.odds{display:grid;grid-template-columns:repeat(3,90px);gap:8px}
.odd-btn{
  padding:11px;border-radius:10px;background:rgba(255,255,255,.04);color:white;
  border:1px solid var(--line);font-weight:800
}
.odd-btn small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}
.odd-btn:hover,.odd-btn.selected{border-color:var(--yellow);background:rgba(255,226,31,.12)}
.runner-list{padding:5px 15px 12px}
.runner{
  width:100%;display:flex;justify-content:space-between;text-align:left;padding:11px 5px;
  background:none;color:white;border:0;border-bottom:1px solid var(--line)
}
.runner:last-child{border-bottom:0}.runner span{display:flex;gap:10px;align-items:center}
.runner b{color:var(--yellow)}.runner small{color:var(--muted)}
.betslip{position:sticky;top:96px}
.betslip-head{padding:17px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}
.betslip-head h2{margin:4px 0 0}
.count{
  display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;
  background:var(--yellow);color:#18134e;font-size:12px
}
.empty{text-align:center;padding:44px 20px;color:var(--muted)}
.empty .plus{width:52px;height:52px;border:1px dashed rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;margin:auto;font-size:26px}
.selection{padding:14px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:6px}
.selection small{color:var(--muted)}.remove{grid-row:1/3;grid-column:2;border:0;background:none;color:#ff9baa}
.bet-summary{padding:16px}.bet-summary>div{display:flex;justify-content:space-between;margin:10px 0}
.stake{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:8px 0 15px}
.stake span{padding:12px;background:rgba(255,255,255,.04)}.stake input{width:100%;padding:11px;border:0;outline:0;background:transparent;color:white}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.game-card{padding:10px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.game-art{height:140px;border-radius:12px;display:grid;place-items:center;font-size:44px;font-weight:900}
.game-card h3{margin:10px 0 4px}.game-card small{color:var(--muted)}
.g1{background:radial-gradient(circle,#e89235,#6d2310)}.g2{background:linear-gradient(145deg,#eee7d8,#8e7457);color:#111}.g3{background:radial-gradient(circle,#a95df2,#31165f)}.g4{background:linear-gradient(145deg,#714020,#24140a)}
.page-title{margin:8px 0 22px}.page-title h1{font-size:38px;margin:8px 0}.page-title p{color:var(--muted)}
.wallet-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.balance-card{
  min-height:220px;padding:28px;border-radius:22px;
  background:linear-gradient(135deg,#24364d,#1d2b43 60%,#ff7f11);
  border:1px solid var(--line);box-shadow:var(--shadow)
}
.balance-card h2{font-size:42px;margin:15px 0 25px}
.form-card{padding:22px}.form-grid{display:grid;gap:14px}
label{font-size:12px;color:var(--muted)}
input,select{
  width:100%;margin-top:7px;padding:12px 13px;border-radius:11px;
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;outline:0
}
option{color:#111}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}
th{color:var(--muted);font-weight:600}
.status{padding:5px 8px;border-radius:7px;font-size:10px}.status.success{background:rgba(57,216,120,.13);color:#79efa6}.status.pending{background:rgba(255,226,31,.12);color:#ffe86f}
.account-grid{display:grid;grid-template-columns:300px 1fr;gap:18px}
.profile-card{padding:22px;text-align:center}.avatar{width:92px;height:92px;border-radius:50%;margin:auto;display:grid;place-items:center;font-size:32px;background:linear-gradient(135deg,var(--yellow),var(--orange));color:#18134e;font-weight:900}
.profile-card h3{margin-bottom:5px}.profile-card p{color:var(--muted);font-size:13px}
.settings-card{padding:22px}
.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.setting-row:last-child{border-bottom:0}.setting-row small{color:var(--muted);display:block;margin-top:4px}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.auth-visual{
  padding:48px;display:flex;flex-direction:column;justify-content:space-between;
  background:
    linear-gradient(rgba(15,18,92,.78),rgba(15,18,92,.9)),
    radial-gradient(circle at 70% 30%,#ff8a1b,transparent 30%);
}
.auth-visual .brand-logo{height:80px}
.auth-visual h1{font-size:58px;line-height:1;max-width:620px}
.auth-visual h1 span{color:var(--yellow)}
.auth-form-wrap{display:grid;place-items:center;padding:30px;background:rgba(7,9,43,.72)}
.auth-card{width:min(460px,100%);padding:30px;border-radius:22px;background:rgba(23,29,111,.88);border:1px solid var(--line);box-shadow:var(--shadow)}
.auth-card h2{font-size:30px;margin:8px 0 8px}.auth-card p{color:var(--muted);margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mobile-bottom{display:none}
.toast{position:fixed;right:22px;bottom:22px;z-index:100;padding:13px 17px;border-radius:10px;background:#222b8f;border:1px solid rgba(255,226,31,.28);box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s}
.toast.show{transform:translateY(0);opacity:1}
footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:38px;padding:42px 28px 95px;border-top:1px solid var(--line);color:var(--muted)}
footer h4{color:white;margin-top:0}footer a{display:block;margin:9px 0;font-size:13px}.footer-logo{height:64px}
@media(max-width:1100px){
  .page-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;width:270px;transform:translateX(-100%);transition:.25s;box-shadow:var(--shadow)}
  .sidebar.open{transform:translateX(0)}.side-close,.mobile-menu,.mobile-logo{display:block}.top-links{display:none}
  .mobile-logo img{height:38px}.hero{grid-template-columns:1fr}.hero-visual{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  body{padding-bottom:68px}.topbar{height:64px;padding:0 14px}.top-actions .balance-chip,.top-actions .btn{display:none}
  .page-content{padding:14px 12px 30px}.hero{min-height:260px;padding:28px 20px}.hero h1{font-size:40px;letter-spacing:-2.3px}.hero p{font-size:14px}
  .quick-actions{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr}.category{min-height:92px;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}
  .content-grid,.wallet-grid,.account-grid{grid-template-columns:1fr}.betslip{position:relative;top:auto}.event-body{display:block}.odds{grid-template-columns:repeat(3,1fr);margin-top:15px}
  .games-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.form-row{grid-template-columns:1fr}
  footer{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(29,43,67,.97);border-top:1px solid var(--line);backdrop-filter:blur(18px)}
  .mobile-bottom a{padding:9px 4px 8px;text-align:center;color:var(--muted);font-size:9px}.mobile-bottom span{display:block;font-size:18px;margin-bottom:4px}.mobile-bottom a.active{color:var(--yellow)}
}
@media(max-width:480px){
  .hero h1{font-size:35px}.quick-actions{grid-template-columns:1fr}.games-grid{grid-template-columns:1fr 1fr}.section-head h2{font-size:23px}.page-title h1{font-size:30px}footer{grid-template-columns:1fr}
}


/* --- Logged-in client menu --- */
.client-menu-wrap{
  position:relative;
}
.client-menu-btn{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:190px;
  padding:8px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  color:white;
}
.client-avatar{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:900;
  color:#17134f;
  background:linear-gradient(135deg,var(--yellow),var(--orange));
  box-shadow:0 0 18px rgba(255,138,27,.28);
}
.client-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1;
}
.client-meta small{
  color:var(--muted);
  font-size:10px;
}
.client-meta strong{
  font-size:13px;
}
.client-caret{
  color:var(--yellow);
  font-size:14px;
}
.client-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:250px;
  padding:10px;
  border-radius:16px;
  background:rgba(15,19,78,.98);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:var(--shadow);
  display:none;
  z-index:60;
}
.client-dropdown.open{
  display:block;
}
.client-dropdown a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border-radius:10px;
  color:#d6daf1;
  font-size:14px;
}
.client-dropdown a:hover{
  background:linear-gradient(90deg,rgba(255,154,31,.16),rgba(255,127,17,.10));
  color:white;
}
.client-dropdown a span{
  width:18px;
  text-align:center;
}
.hero-logo-glow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:18px 28px;
  margin:4px 0 18px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 40%, rgba(255,154,31,.24), rgba(255,127,17,.14) 40%, rgba(36,54,77,.32) 74%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 28px rgba(255,127,17,.18),
    0 0 60px rgba(36,54,77,.35);
  backdrop-filter:blur(10px);
}
.hero-logo-glow img{
  height:78px;
  width:auto;
  display:block;
  filter:drop-shadow(0 0 12px rgba(255,154,31,.20));
}
.public-highlights .quick-card{
  cursor:default;
}

@media(max-width:760px){
  .client-menu-btn{
    min-width:auto;
    padding:8px 10px;
  }
  .client-meta{
    display:none;
  }
  .client-caret{
    display:none;
  }
  .client-dropdown{
    right:-8px;
    min-width:220px;
  }
  .hero-logo-glow{
    width:100%;
    max-width:320px;
    padding:14px 18px;
  }
  .hero-logo-glow img{
    height:58px;
  }
}


/* ===== Enhanced logged-in client experience ===== */

.notification-btn{
  position:relative;
}
.notification-dot{
  position:absolute;
  top:-3px;
  right:-3px;
  min-width:17px;
  height:17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:0 4px;
  background:var(--red);
  color:white;
  font-size:9px;
  font-weight:800;
  border:2px solid #1c2a42;
}

.client-dropdown{
  min-width:320px;
  padding:12px;
}

.client-dropdown-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 8px 14px;
  border-bottom:1px solid var(--line);
}

.client-avatar.large{
  width:48px;
  height:48px;
  flex:0 0 48px;
}

.client-dropdown-head strong,
.client-dropdown-head small{
  display:block;
}
.client-dropdown-head small{
  color:var(--muted);
  font-size:11px;
  margin-top:4px;
}

.client-balance-card{
  margin:12px 0;
  padding:14px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(135deg,rgba(255,226,31,.13),rgba(255,138,27,.10));
  border:1px solid rgba(255,154,31,.13);
}
.client-balance-card small,
.client-balance-card strong{
  display:block;
}
.client-balance-card small{
  color:var(--muted);
  font-size:10px;
  margin-bottom:4px;
}
.client-balance-card strong{
  font-size:17px;
}
.mini-wallet-link{
  color:var(--yellow)!important;
  padding:7px 10px!important;
  font-size:11px!important;
  border:1px solid rgba(255,226,31,.18);
}

.client-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-bottom:12px;
}
.client-quick-grid a{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:5px!important;
  min-height:66px;
  padding:9px 5px!important;
  text-align:center;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
}
.client-quick-grid a span{
  width:auto!important;
  font-size:18px;
  color:var(--yellow);
}
.client-quick-grid a small{
  font-size:9px;
  color:#d7dbef;
}

.client-dropdown-links{
  padding-top:6px;
  border-top:1px solid var(--line);
}
.logout-link{
  margin-top:8px;
  color:#ff9baa!important;
  border-top:1px solid var(--line);
}

.client-sidebar-card{
  margin:10px 0 20px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid var(--line);
}
.client-sidebar-head{
  display:flex;
  align-items:center;
  gap:10px;
}
.client-sidebar-head strong,
.client-sidebar-head small{
  display:block;
}
.client-sidebar-head small{
  color:var(--muted);
  font-size:10px;
  margin-top:3px;
}
.client-sidebar-balance{
  margin-top:13px;
  padding:12px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,226,31,.12),rgba(255,138,27,.08));
}
.client-sidebar-balance small,
.client-sidebar-balance strong{
  display:block;
}
.client-sidebar-balance small{
  color:var(--muted);
  font-size:9px;
  margin-bottom:4px;
}
.client-sidebar-balance strong{
  font-size:17px;
}
.client-sidebar-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.client-sidebar-actions a{
  padding:9px 8px;
  border-radius:9px;
  text-align:center;
  font-size:10px;
  font-weight:700;
  color:#17134f;
  background:linear-gradient(135deg,var(--yellow),var(--orange));
}
.client-sidebar-actions span{
  margin-right:4px;
}

.dashboard-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:20px;
}
.dashboard-stat{
  padding:17px;
  border-radius:16px;
  display:flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(180deg, rgba(32,45,68,.96), rgba(23,34,52,.98));
  border:1px solid var(--line);
}
.dashboard-icon{
  width:44px;
  height:44px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:#17134f;
  background:linear-gradient(135deg,var(--yellow),var(--orange));
  font-size:20px;
}
.dashboard-stat small,
.dashboard-stat strong{
  display:block;
}
.dashboard-stat small{
  color:var(--muted);
  font-size:10px;
  margin-bottom:4px;
}
.dashboard-stat strong{
  font-size:17px;
}

@media(max-width:1100px){
  .client-sidebar-card{
    margin-top:0;
  }
}

@media(max-width:760px){
  .client-dropdown{
    min-width:300px;
    max-width:calc(100vw - 24px);
  }
  .dashboard-summary{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:460px){
  .client-dropdown{
    right:-4px;
    min-width:calc(100vw - 24px);
  }
  .dashboard-summary{
    grid-template-columns:1fr;
  }
}


/* Theme update inspired by provided reference */
.topbar .btn-secondary{
  background:#2f3f58;
  border:1px solid rgba(255,255,255,.08);
}
.topbar .btn-primary,
.btn-primary{
  box-shadow:0 8px 20px rgba(255,127,17,.18);
}
.balance-chip,
.client-menu-btn,
.quick-card,
.game-card,
.panel-card,
.event-card,
.betslip,
.auth-card,
.category,
.sidebar-card,
.client-sidebar-card{
  border-color:rgba(160,181,210,.10);
}
.event-top,
.betslip-head,
th,
label,
.client-meta small,
.client-dropdown-head small,
.client-sidebar-head small,
.client-sidebar-balance small,
.dashboard-stat small{
  color:#a1afc6;
}
.page-title p,
.hero p,
.sidebar-card p{
  color:#aab6ca;
}
footer{
  background:rgba(29,43,67,.55);
}
.visual-card{
  background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.03));
}
.odd-btn{
  background:#51617a;
  border-color:rgba(255,255,255,.04);
}
.odd-btn:hover,.odd-btn.selected{
  background:rgba(255,127,17,.16);
}
.runner:hover{
  background:rgba(255,255,255,.025);
}


/* ===== Horse racing display: grey / black theme ===== */
.racing-dark-page{
  --bg:#05070a;
  --bg2:#0a0d12;
  --panel:#171b22;
  --panel2:#242a33;
  --panel3:#11151b;
  --line:rgba(255,255,255,.08);
  --text:#f2f4f7;
  --muted:#969faa;
  --yellow:#ff8717;
  --orange:#ff6f00;
  background:#070a0f;
}

.racing-dark-page .sidebar{
  background:#1a1f27;
  border-right-color:#343b46;
}

.racing-dark-page .topbar{
  background:rgba(24,29,37,.96);
  border-bottom-color:#343b46;
}

.racing-dark-page footer{
  background:#1a1f27;
  border-top-color:#343b46;
}

.racing-dark-page .page-content{
  width:100%;
  max-width:1280px;
  padding:18px 22px 42px;
}

.racing-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:16px;
  align-items:start;
}

.racing-main-column{
  min-width:0;
}

.meeting-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  padding:18px 20px;
  border:1px solid #343b46;
  border-radius:13px;
  background:linear-gradient(180deg,#252b35,#202630);
}

.meeting-country{
  display:block;
  color:#c8ced7;
  font-weight:700;
  font-size:13px;
  margin-bottom:4px;
}

.meeting-summary h1{
  margin:0 0 5px;
  font-size:23px;
}

.meeting-summary p{
  margin:0;
  color:#a6afba;
  font-size:12px;
}

.meeting-status{
  display:flex;
  gap:10px;
}

.meeting-status-box{
  min-width:145px;
  padding:12px 14px;
  border-radius:9px;
  background:#354052;
  border:1px solid rgba(255,255,255,.04);
}

.meeting-status-box small,
.meeting-status-box strong{
  display:block;
}

.meeting-status-box small{
  color:#aeb7c2;
  font-size:10px;
  margin-bottom:4px;
}

.meeting-status-box strong{
  color:#ff8717;
  font-size:12px;
}

.countdown-box strong{
  color:#f0f2f5;
}

.meeting-tools{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  margin:12px 0;
}

.meeting-tabs{
  display:flex;
  gap:7px;
}

.meeting-tabs button,
.bet-type-tabs button{
  border:1px solid #3a424d;
  background:#1a1f26;
  color:#aeb6c1;
  border-radius:8px;
  padding:9px 13px;
}

.meeting-tabs button.active,
.bet-type-tabs button.active{
  background:#ff7f11;
  color:#11151b;
  border-color:#ff7f11;
  font-weight:800;
}

.meeting-select{
  min-width:190px;
}

.meeting-select select{
  margin-top:5px;
  padding:9px 11px;
  background:#1b2028;
  border-color:#3a424d;
}

.race-selector{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:1px 0 12px;
}

.race-selector button{
  flex:0 0 62px;
  width:62px;
  height:62px;
  border-radius:50%;
  border:1px solid #48515e;
  background:#333b47;
  color:#e4e7eb;
  display:grid;
  place-items:center;
  align-content:center;
  line-height:1.05;
}

.race-selector button strong,
.race-selector button span{
  display:block;
  font-size:11px;
}

.race-selector button span{
  font-size:16px;
  margin-top:4px;
}

.race-selector button.active{
  background:#ff7f11;
  border-color:#ff7f11;
  color:#15191f;
}

.race-title-row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  padding:3px 0 10px;
}

.race-kicker{
  color:#ff8717;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}

.race-title-row h2{
  margin:4px 0 0;
  font-size:18px;
  color:#ff8717;
}

.race-meta{
  display:flex;
  align-items:center;
  gap:8px;
  color:#939ca7;
  font-size:11px;
}

.race-status-live{
  padding:5px 8px;
  border-radius:6px;
  color:#86e7ca;
  background:rgba(49,215,180,.10);
}

.market-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 58px 58px;
  gap:8px;
  padding:7px 12px;
  color:#7f8995;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.market-head span:nth-child(2),
.market-head span:nth-child(3){
  text-align:center;
}

.modern-runner-list{
  display:grid;
  gap:8px;
}

.modern-runner{
  display:grid;
  grid-template-columns:28px 34px minmax(0,1fr) 58px 58px;
  align-items:center;
  gap:10px;
  min-height:66px;
  padding:10px;
  border-radius:9px;
  background:#111820;
  border:1px solid #1d2630;
  transition:.16s ease;
}

.modern-runner:hover{
  background:#151e28;
  border-color:#343f4c;
}

.runner-number{
  width:24px;
  height:30px;
  border-radius:5px;
  display:grid;
  place-items:center;
  color:#051111;
  background:#23c5b4;
  font-weight:900;
  font-size:12px;
}

.silk{
  width:30px;
  height:30px;
  border-radius:7px;
  display:grid;
  place-items:center;
  border:1px solid #596472;
  background:#0d1218;
  font-size:19px;
}

.silk-red{color:#f14f4f}
.silk-pink{color:#ff4fa3}
.silk-blue{color:#4aa3ff}
.silk-white{color:#f4f4f4}
.silk-navy{color:#6575ff}
.silk-orange{color:#ff9819}
.silk-green{color:#45db76}
.silk-gold{color:#ffc33b}

.runner-details{
  min-width:0;
}

.runner-details strong,
.runner-details small{
  display:block;
}

.runner-details strong{
  font-size:13px;
  color:#e8ebef;
  margin-bottom:3px;
}

.runner-details small{
  color:#929ca8;
  font-size:9.5px;
  line-height:1.35;
  white-space:normal;
}

.market-odd{
  height:42px;
  border-radius:7px;
  border:1px solid #495362;
  background:#3c4758;
  color:#f4f5f7;
  padding:4px;
}

.market-odd span,
.market-odd strong{
  display:block;
}

.market-odd span{
  font-size:9px;
  color:#d8dde4;
  margin-bottom:2px;
}

.market-odd strong{
  font-size:12px;
}

.market-odd:hover,
.market-odd.selected{
  background:#ff7f11;
  border-color:#ff7f11;
  color:#11151b;
}

.market-odd.selected span{
  color:#11151b;
}

.racing-betslip{
  position:sticky;
  top:94px;
  border-radius:11px;
  background:#202735;
  border-color:#3a4554;
}

.racing-betslip .betslip-head{
  align-items:center;
  border-bottom-color:#3a4554;
}

.racing-betslip .betslip-head h2{
  color:#ff8717;
}

.clear-slip{
  border:0;
  border-radius:5px;
  background:#405069;
  color:white;
  padding:6px 9px;
  font-size:10px;
}

.bet-type-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:11px 13px 0;
}

.racing-betslip .empty{
  padding:34px 18px;
}

.racing-betslip .selection{
  background:#171e28;
}

.racing-betslip .stake{
  border-color:#485260;
}

.racing-betslip .stake input{
  background:#151b23;
}

@media(max-width:1000px){
  .racing-workspace{
    grid-template-columns:1fr;
  }

  .racing-betslip{
    position:relative;
    top:auto;
  }
}

@media(max-width:700px){
  .racing-dark-page .page-content{
    padding:12px 9px 28px;
  }

  .meeting-summary{
    align-items:flex-start;
    flex-direction:column;
  }

  .meeting-status{
    width:100%;
  }

  .meeting-status-box{
    flex:1;
    min-width:0;
  }

  .meeting-tools{
    align-items:stretch;
    flex-direction:column;
  }

  .meeting-select{
    min-width:0;
  }

  .race-title-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .race-meta{
    flex-wrap:wrap;
  }

  .market-head{
    grid-template-columns:minmax(0,1fr) 52px 52px;
  }

  .modern-runner{
    grid-template-columns:25px 30px minmax(0,1fr) 52px 52px;
    gap:7px;
    padding:8px 6px;
  }

  .runner-details strong{
    font-size:11px;
  }

  .runner-details small{
    font-size:8px;
  }

  .market-odd{
    height:40px;
  }
}


/* ==========================================================
   V5 DARK GREY & BLACK GLOBAL THEME
   Applies to the entire site, including the top header.
   ========================================================== */

:root{
  --bg:#050607;
  --bg2:#0b0d10;
  --panel:#181b1f;
  --panel2:#24282e;
  --panel3:#101215;
  --line:rgba(255,255,255,.085);
  --text:#f3f4f6;
  --muted:#989fa8;
  --yellow:#ff8a17;
  --orange:#ff7100;
  --blue:#30363d;
  --cyan:#2cc8d2;
  --green:#31cfa9;
  --red:#ef5264;
  --shadow:0 24px 60px rgba(0,0,0,.48);
}

body,
.racing-dark-page{
  color:var(--text);
  background:
    radial-gradient(circle at 88% 3%,rgba(255,113,0,.045),transparent 23%),
    linear-gradient(180deg,#0c0e11,#040506 76%);
}

/* Entire site shell */
.sidebar,
.racing-dark-page .sidebar{
  background:linear-gradient(180deg,#191c20,#101214);
  border-right:1px solid #30353b;
}

.topbar,
.racing-dark-page .topbar{
  background:linear-gradient(180deg,#24282d,#191c20);
  border-bottom:1px solid #353b42;
  box-shadow:0 8px 28px rgba(0,0,0,.38);
}

.page-content,
.racing-dark-page .page-content{
  background:transparent;
}

footer,
.racing-dark-page footer{
  background:#17191d;
  border-top:1px solid #30353b;
}

/* All major cards and surfaces */
.hero,
.quick-card,
.category,
.event-card,
.panel-card,
.game-card,
.betslip,
.auth-card,
.balance-card,
.profile-card,
.settings-card,
.client-sidebar-card,
.client-dropdown,
.client-menu-btn,
.balance-chip,
.sidebar-card,
.dashboard-stat,
.meeting-summary,
.modern-runner{
  border-color:#32373d;
}

.hero{
  background:
    linear-gradient(90deg,rgba(24,27,31,.98),rgba(36,40,45,.94) 62%,rgba(255,113,0,.06)),
    radial-gradient(circle at 88% 45%,rgba(255,113,0,.16),transparent 25%);
}

.quick-card,
.game-card,
.category,
.dashboard-stat{
  background:linear-gradient(180deg,#25292e,#191c20);
}

.event-card,
.panel-card,
.betslip,
.auth-card{
  background:linear-gradient(180deg,#202429,#14171b);
}

.client-sidebar-card,
.sidebar-card{
  background:linear-gradient(145deg,#262a2f,#1a1d21);
}

.client-dropdown{
  background:rgba(23,26,30,.995);
}

.client-menu-btn,
.balance-chip{
  background:linear-gradient(145deg,#343a42,#262b31);
  border-color:#454c55;
}

.client-dropdown-head,
.client-dropdown-links,
.logout-link,
.betslip-head,
.event-top,
.setting-row,
.selection,
th,
td{
  border-color:#343940;
}

.client-balance-card,
.client-sidebar-balance{
  background:linear-gradient(135deg,rgba(255,138,23,.13),rgba(255,113,0,.065));
  border-color:rgba(255,138,23,.17);
}

.client-quick-grid a,
.wallet-grid .form-card,
.form-card{
  background:#1c1f23;
  border-color:#343940;
}

/* Navigation */
.side-nav a{
  color:#c6cbd0;
}

.side-nav a:hover,
.side-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(255,138,23,.15),rgba(255,113,0,.06));
  box-shadow:inset 3px 0 0 var(--orange);
}

.nav-label{
  color:#747b84;
}

.top-links a{
  color:#e0e3e7;
}

.top-links a:hover{
  color:#ff9324;
}

/* Buttons and controls */
.btn-primary,
.client-sidebar-actions a,
.tabs button.active,
.meeting-tabs button.active,
.bet-type-tabs button.active,
.race-selector button.active{
  color:#111315;
  background:linear-gradient(135deg,#ff991e,#ff7100);
  box-shadow:0 8px 20px rgba(255,113,0,.15);
}

.btn-secondary,
.btn-outline,
.icon-btn{
  color:#f1f3f5;
  background:#30353b;
  border-color:#444b53;
}

input,
select{
  color:#f2f3f5;
  background:#131518;
  border-color:#3b4148;
}

input:focus,
select:focus{
  border-color:#ff8613;
  box-shadow:0 0 0 3px rgba(255,113,0,.10);
}

option{
  color:#fff;
  background:#17191d;
}

/* Categories converted to dark grey */
.c1,.c2,.c3,.c4,.c5{
  background:linear-gradient(145deg,#2a2f35,#1a1d21);
}

.category:hover,
.quick-card:hover,
.game-card:hover{
  border-color:#4b525a;
}

/* Horse racing display */
.meeting-summary{
  background:linear-gradient(180deg,#292e34,#1f2328);
}

.meeting-status-box{
  background:#3a4149;
}

.meeting-select select,
.meeting-tabs button,
.bet-type-tabs button{
  background:#171a1e;
  border-color:#3c434a;
}

.race-selector button{
  background:#353b42;
  border-color:#4b535c;
}

.modern-runner{
  background:#0f1215;
  border-color:#242a30;
}

.modern-runner:hover{
  background:#181c20;
  border-color:#3d454e;
}

.market-odd,
.odd-btn{
  color:#f4f5f6;
  background:#4c555f;
  border-color:#5a6570;
}

.market-odd:hover,
.market-odd.selected,
.odd-btn:hover,
.odd-btn.selected{
  color:#101214;
  background:#ff7908;
  border-color:#ff7908;
}

.runner-number{
  color:#071210;
  background:#2ac8b6;
}

.silk{
  background:#090b0d;
  border-color:#525c66;
}

.racing-betslip{
  background:#202429;
  border-color:#3d454e;
}

.racing-betslip .selection{
  background:#15181c;
}

/* Wallet and account */
.balance-card{
  background:
    linear-gradient(135deg,#30353b,#1c1f23 67%,rgba(255,113,0,.55));
}

.avatar,
.dashboard-icon,
.client-avatar{
  color:#111315;
  background:linear-gradient(135deg,#ff9a22,#ff7100);
}

.table-wrap{
  background:#17191d;
}

.status.pending{
  color:#ffc57b;
  background:rgba(255,113,0,.12);
}

/* Casino section in restrained dark mode */
.g1,.g2,.g3,.g4,
.game-art{
  filter:saturate(.66) brightness(.80);
}

/* Hero logo */
.hero-logo-glow{
  background:
    radial-gradient(circle at 50% 40%,rgba(255,138,23,.20),rgba(255,113,0,.08) 40%,rgba(35,39,44,.42) 74%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border-color:#3a3f45;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 28px rgba(255,113,0,.12),
    0 0 60px rgba(0,0,0,.40);
}

/* Login and registration */
.auth-visual{
  background:
    linear-gradient(rgba(18,21,24,.84),rgba(9,11,13,.95)),
    radial-gradient(circle at 70% 30%,rgba(255,113,0,.62),transparent 29%);
}

.auth-form-wrap{
  background:#080a0c;
}

/* Mobile navigation */
.mobile-bottom{
  background:rgba(21,24,28,.985);
  border-top-color:#343940;
}

.mobile-bottom a.active{
  color:#ff8a17;
}

@media(max-width:760px){
  .topbar,
  .racing-dark-page .topbar{
    background:linear-gradient(180deg,#24282d,#191c20);
  }
}


/* ==========================================================
   COMPACT HOMEPAGE HERO BANNER
   ========================================================== */

.hero{
  min-height:255px;
  padding:30px 38px;
  grid-template-columns:1.12fr .88fr;
  border-radius:18px;
}

.hero h1{
  font-size:clamp(34px,4.2vw,56px);
  line-height:.98;
  letter-spacing:-2.5px;
  margin:10px 0 8px;
}

.hero p{
  max-width:590px;
  font-size:14px;
  line-height:1.55;
  margin:10px 0 0;
}

.hero-actions{
  margin-top:18px;
}

.hero-actions .btn{
  padding:10px 15px;
}

.hero-logo-glow{
  padding:11px 20px;
  margin:2px 0 10px;
  border-radius:20px;
  max-width:330px;
}

.hero-logo-glow img{
  height:54px;
}

.hero-visual{
  min-height:195px;
}

.visual-orbit{
  width:205px;
  height:205px;
  right:4%;
  top:0;
}

.visual-card{
  width:92px;
  height:118px;
  border-radius:16px;
  font-size:42px;
}

.visual-card.one{
  right:136px;
  top:43px;
}

.visual-card.two{
  right:62px;
  top:3px;
}

.visual-card.three{
  right:2px;
  top:71px;
}

@media(max-width:1100px){
  .hero{
    min-height:225px;
    padding:27px 30px;
  }
}

@media(max-width:760px){
  .hero{
    min-height:auto;
    padding:22px 17px;
    border-radius:14px;
  }

  .hero h1{
    font-size:31px;
    letter-spacing:-1.8px;
    margin:8px 0 6px;
  }

  .hero p{
    font-size:13px;
    line-height:1.5;
  }

  .hero-logo-glow{
    width:auto;
    max-width:265px;
    padding:9px 15px;
    margin-bottom:8px;
  }

  .hero-logo-glow img{
    height:43px;
  }

  .hero-actions{
    margin-top:14px;
  }
}


/* ==========================================================
   HERO UPDATE — remove RHS icons, add multi-product backdrop
   and clean duplicate client details in sidebar
   ========================================================== */

.hero{
  overflow:hidden;
  position:relative;
}

.hero-visual.hero-sports-bg{
  min-height:170px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-product-wall{
  position:relative;
  width:100%;
  max-width:360px;
  min-height:160px;
}

.hero-product-wall::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 22%, rgba(255,113,0,.16), transparent 22%),
    radial-gradient(circle at 82% 22%, rgba(42,200,182,.10), transparent 20%),
    radial-gradient(circle at 58% 70%, rgba(255,255,255,.05), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}

.hero-product-wall::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.04);
}

.sport-chip{
  position:absolute;
  padding:10px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#f3f4f6;
  background:rgba(34,39,45,.86);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  backdrop-filter:blur(6px);
  letter-spacing:.2px;
}

.chip-racing{
  left:18px;
  top:22px;
  color:#ffad57;
}
.chip-football{
  right:24px;
  top:16px;
  color:#ffffff;
}
.chip-casino{
  left:78px;
  top:70px;
  color:#ff8d64;
}
.chip-greyhounds{
  right:12px;
  top:74px;
  color:#d7dce2;
}
.chip-sports{
  left:28px;
  bottom:20px;
  color:#86ddd0;
}
.chip-tennis{
  right:82px;
  bottom:18px;
  color:#c0c7d0;
}
.chip-live{
  left:145px;
  top:118px;
  color:#ffbf74;
}

.visual-orbit,
.visual-card{
  display:none !important;
}

/* Tighten sidebar when client details block is removed */
.client-sidebar-card{
  display:none !important;
}

.nav-group + .nav-group{
  margin-top:18px;
}

@media(max-width:1100px){
  .hero-visual.hero-sports-bg{
    display:none;
  }
}


/* ==========================================================
   HERO IMAGE BACKGROUND + MOBILE ONE-LINE SPORTS TABS
   ========================================================== */

.hero-visual.hero-sports-bg{
  min-height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.hero-bg-image{
  display:block;
  width:100%;
  max-width:360px;
  height:auto;
  border-radius:18px;
  opacity:.96;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.22));
}

/* Hide old chip-based visual system if present */
.hero-product-wall,
.sport-chip{
  display:none !important;
}

/* Mobile: show sports categories in one horizontal line with icon + name */
@media(max-width:760px){
  .category-grid{
    display:flex !important;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:8px;
    padding-bottom:6px;
    margin:14px 0 22px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .category-grid::-webkit-scrollbar{
    display:none;
  }

  .category{
    min-width:138px;
    width:auto;
    min-height:58px;
    flex:0 0 auto;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:10px 12px;
    border-radius:12px;
  }

  .category::after{
    display:none;
  }

  .category .big-icon{
    width:28px;
    min-width:28px;
    text-align:center;
    font-size:22px;
  }

  .category h3{
    margin:0;
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
  }

  .category p{
    display:none;
  }
}

@media(max-width:1100px){
  .hero-bg-image{
    max-width:320px;
  }
}

@media(max-width:760px){
  .hero-visual.hero-sports-bg{
    display:none;
  }
}


/* ==========================================================
   USER-SUPPLIED MULTI-SPORT / CASINO / RACING HERO IMAGE
   ========================================================== */

.hero{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,
      rgba(17,20,24,.97) 0%,
      rgba(17,20,24,.88) 38%,
      rgba(17,20,24,.43) 67%,
      rgba(17,20,24,.15) 100%
    ),
    url("assets/hero-sports-casino-racing.webp") center center / cover no-repeat;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.30)),
    radial-gradient(circle at 28% 50%,rgba(0,0,0,.10),transparent 35%);
  pointer-events:none;
}

.hero > div:first-child{
  position:relative;
  z-index:2;
  max-width:660px;
}

.hero-visual.hero-sports-bg{
  display:none !important;
}

.hero-bg-image{
  display:none !important;
}

.hero-logo-glow{
  background:
    linear-gradient(145deg,rgba(18,21,25,.82),rgba(18,21,25,.54));
  border-color:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 28px rgba(255,113,0,.14),
    0 12px 35px rgba(0,0,0,.28);
}

.hero p{
  color:#f1f2f4;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
}

.hero .eyebrow,
.hero h1{
  text-shadow:0 3px 16px rgba(0,0,0,.82);
}

@media(max-width:1100px){
  .hero{
    grid-template-columns:1fr;
    background-position:62% center;
  }
}

@media(max-width:760px){
  .hero{
    background:
      linear-gradient(90deg,
        rgba(12,14,17,.96) 0%,
        rgba(12,14,17,.82) 55%,
        rgba(12,14,17,.40) 100%
      ),
      url("assets/hero-sports-casino-racing.webp") 62% center / cover no-repeat;
  }
}


/* ==========================================================
   HERO RIGHT-ALIGNED TEXT + MOBILE SPORTS LINE + MOBILE IMAGE
   ========================================================== */

/* Move banner text and logo to the right */
.hero{
  display:grid;
  grid-template-columns:1fr;
  justify-items:end;
}

.hero-copy-right{
  width:min(100%, 620px);
  margin-left:auto;
  text-align:right;
}

.hero-copy-right .eyebrow{
  display:block;
}

.hero-copy-right .hero-logo-glow{
  margin-left:auto;
}

.hero-copy-right .hero-actions{
  justify-content:flex-end;
}

/* Keep the supplied background image visible on mobile too */
@media(max-width:760px){
  .hero{
    display:block;
    background:
      linear-gradient(90deg,
        rgba(12,14,17,.72) 0%,
        rgba(12,14,17,.54) 45%,
        rgba(12,14,17,.30) 100%
      ),
      url("assets/hero-sports-casino-racing.webp") 58% center / cover no-repeat !important;
  }

  .hero-copy-right{
    width:100%;
    max-width:100%;
    text-align:right;
  }

  .hero-copy-right .hero-logo-glow{
    margin-left:auto;
    margin-right:0;
  }

  .hero-copy-right .hero-actions{
    justify-content:flex-end;
  }
}

/* Mobile sports categories in a single horizontal row with icon + name */
@media(max-width:760px){
  .category-grid{
    display:flex !important;
    flex-wrap:nowrap;
    align-items:stretch;
    overflow-x:auto;
    gap:8px;
    margin:14px 0 22px;
    padding:2px 1px 8px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .category-grid::-webkit-scrollbar{
    display:none;
  }

  .category{
    flex:0 0 auto;
    width:auto;
    min-width:140px;
    min-height:54px;
    padding:10px 12px;
    border-radius:12px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    background:linear-gradient(145deg,#2b3036,#1b1f24) !important;
  }

  .category::after{
    display:none !important;
  }

  .category .big-icon{
    width:26px;
    min-width:26px;
    font-size:21px;
    line-height:1;
    text-align:center;
  }

  .category div:last-child{
    display:flex;
    align-items:center;
  }

  .category h3{
    margin:0;
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
  }

  .category p{
    display:none !important;
  }
}


/* ==========================================================
   DESKTOP + MOBILE HERO COPY RIGHT ALIGNMENT
   ========================================================== */

.hero{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  text-align:right;
}

.hero .hero-copy-right{
  width:min(48%, 640px);
  margin-left:auto !important;
  margin-right:0 !important;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  text-align:right !important;
}

.hero .hero-copy-right .eyebrow,
.hero .hero-copy-right h1,
.hero .hero-copy-right p{
  text-align:right !important;
}

.hero .hero-copy-right .hero-logo-glow{
  align-self:flex-end;
  margin-left:auto !important;
  margin-right:0 !important;
}

.hero .hero-copy-right .hero-actions{
  display:flex;
  justify-content:flex-end !important;
  width:100%;
}

@media(max-width:1100px){
  .hero .hero-copy-right{
    width:min(58%, 620px);
  }
}

@media(max-width:760px){
  .hero{
    display:block !important;
  }

  .hero .hero-copy-right{
    width:100%;
    max-width:100%;
    align-items:flex-end;
  }

  .hero .hero-copy-right .hero-actions{
    width:auto;
  }
}


/* ==========================================================
   UNIFORM HERO IMAGE TRANSPARENCY
   ========================================================== */

.hero{
  position:relative;
  isolation:isolate;
  background:#121519 !important;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url("assets/hero-sports-casino-racing.webp") center center / cover no-repeat !important;
  opacity:0.38; /* uniform transparency across the whole image */
  pointer-events:none;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(10,12,15,.34); /* uniform overlay for readability */
  pointer-events:none;
}

@media(max-width:760px){
  .hero{
    background:#101317 !important;
  }

  .hero::before{
    background:url("assets/hero-sports-casino-racing.webp") 58% center / cover no-repeat !important;
    opacity:0.38;
  }

  .hero::after{
    background:rgba(10,12,15,.36);
  }
}


/* ==========================================================
   FINAL DESKTOP UNIFORM HERO FADE FIX
   The fade is baked directly into the image.
   No left/right gradient or pseudo-element overlay remains.
   ========================================================== */

.hero,
.racing-dark-page .hero{
  background-image:url("assets/hero-sports-casino-racing-uniform.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:#121519 !important;
}

.hero::before,
.hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}

@media(max-width:760px){
  .hero,
  .racing-dark-page .hero{
    background-image:url("assets/hero-sports-casino-racing-uniform.webp") !important;
    background-position:58% center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
}

/* ==========================================================
   VERSION 5.1 — DARK / LIGHT THEME + COMPACT MOBILE CONTROLS
   ========================================================== */
:root{
  color-scheme:dark;
  --surface-soft:rgba(255,255,255,.035);
  --surface-strong:rgba(32,45,68,.96);
  --header-bg:rgba(28,42,66,.92);
  --sidebar-bg:rgba(29,43,67,.96);
  --body-gradient:radial-gradient(circle at 90% 0%,rgba(255,138,27,.13),transparent 28%),radial-gradient(circle at 5% 10%,rgba(46,67,199,.25),transparent 32%),linear-gradient(180deg,#081423,#050d1a);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef3f9;
  --bg2:#f7f9fc;
  --panel:#ffffff;
  --panel2:#e8eef6;
  --panel3:#f4f7fb;
  --line:rgba(17,37,68,.12);
  --text:#14213a;
  --muted:#66748b;
  --blue:#dce6f2;
  --shadow:0 20px 48px rgba(37,55,84,.14);
  --surface-soft:rgba(255,255,255,.78);
  --surface-strong:rgba(255,255,255,.96);
  --header-bg:rgba(255,255,255,.91);
  --sidebar-bg:rgba(246,249,253,.97);
  --body-gradient:radial-gradient(circle at 90% 0%,rgba(255,154,31,.12),transparent 28%),radial-gradient(circle at 5% 10%,rgba(60,107,190,.12),transparent 32%),linear-gradient(180deg,#f7f9fc,#edf2f8);
}
body{background:var(--body-gradient)}
.sidebar{background:var(--sidebar-bg)}
.topbar{background:var(--header-bg)}
.quick-card,.game-card{background:var(--surface-soft)}
.event-card,.panel-card{background:linear-gradient(180deg,var(--surface-strong),var(--panel3))}
html[data-theme="light"] .top-links a,
html[data-theme="light"] .side-nav a,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .odd-btn,
html[data-theme="light"] .runner,
html[data-theme="light"] .stake input{color:var(--text)}
html[data-theme="light"] .side-nav a:hover,
html[data-theme="light"] .side-nav a.active{color:#111c30}
html[data-theme="light"] .btn-outline{color:var(--text);border-color:rgba(17,37,68,.22)}
html[data-theme="light"] .category p,
html[data-theme="light"] .hero p{color:#e9edf5}
html[data-theme="light"] footer{background:rgba(255,255,255,.65)}

.theme-toggle{
  width:42px;height:42px;padding:0;display:grid;place-items:center;
  border:1px solid var(--line);background:rgba(255,255,255,.06);
  color:var(--text);border-radius:12px;font-size:19px;flex:0 0 auto;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(255,154,31,.55)}
.theme-toggle.floating-theme-toggle{position:fixed;right:18px;top:18px;z-index:100}

/* New image with readable overlay in both modes */
.hero,.racing-dark-page .hero{
  position:relative;
  background-image:linear-gradient(90deg,rgba(8,13,22,.90) 0%,rgba(8,13,22,.67) 42%,rgba(8,13,22,.16) 100%),url("assets/hero-sports-casino-racing-uniform.webp") !important;
}
html[data-theme="light"] .hero,
html[data-theme="light"] .racing-dark-page .hero{
  background-image:linear-gradient(90deg,rgba(245,248,252,.93) 0%,rgba(245,248,252,.68) 42%,rgba(245,248,252,.10) 100%),url("assets/hero-sports-casino-racing-uniform.webp") !important;
}
html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero p{color:#14213a;text-shadow:0 1px 2px rgba(255,255,255,.55)}
html[data-theme="light"] .hero-logo-glow{filter:drop-shadow(0 6px 18px rgba(255,126,17,.22))}

@media(max-width:760px){
  .topbar{height:58px;padding:0 10px;gap:7px}
  .top-actions{gap:5px}
  .theme-toggle{width:34px;height:34px;border-radius:9px;font-size:16px}
  .notification-btn{padding:8px!important}
  .client-menu-btn{min-height:34px!important;padding:4px 7px!important}
  .client-meta,.client-caret{display:none!important}
  .balance-chip{display:none!important}

  .hero{min-height:350px!important;padding:26px 18px!important;grid-template-columns:1fr!important;background-position:62% center!important}
  .hero h1{font-size:40px!important;letter-spacing:-2px!important}
  .hero p{font-size:14px!important;line-height:1.55!important;max-width:88%}
  .hero-visual{display:none!important}
  .hero-actions{gap:7px;margin-top:17px;flex-wrap:nowrap}
  .hero-actions .btn{padding:9px 11px;border-radius:9px;font-size:12px;white-space:nowrap}

  /* Replace long horizontal category/action rows with compact icon buttons. */
  .quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:12px 0 16px!important}
  .quick-card{min-height:62px;padding:8px 4px!important;display:grid!important;place-items:center;text-align:center;gap:3px!important}
  .quick-card .qicon{width:30px;height:30px;border-radius:9px;font-size:16px}
  .quick-card strong{font-size:9px;line-height:1.1}
  .quick-card small{display:none}

  .category-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin:12px 0 18px!important}
  .category{min-height:64px!important;padding:7px 3px!important;border-radius:11px!important;align-items:center;justify-content:center;text-align:center}
  .category .big-icon{font-size:20px!important;line-height:1}
  .category h3{font-size:9px!important;line-height:1.05;margin:5px 0 0!important}
  .category p,.category::after{display:none!important}

  .tabs{gap:5px;margin-bottom:9px}
  .tabs button{padding:7px 9px;border-radius:8px;font-size:11px}
  .mobile-bottom{height:54px!important}
  .mobile-bottom a{font-size:9px!important;gap:2px!important;padding:5px 2px!important}
  .mobile-bottom a span{font-size:16px!important}
}


/* ==========================================================
   VERSION 5.2 — HERO RESTORE + FULL IMAGE + LEFT COPY + TAB ICONS
   ========================================================== */
/* Brand hero: keep the original richer banner colours in both themes */
.hero,
.racing-dark-page .hero,
html[data-theme="light"] .hero,
html[data-theme="light"] .racing-dark-page .hero{
  min-height:390px !important;
  display:grid !important;
  grid-template-columns:minmax(320px,44%) 1fr !important;
  justify-items:stretch !important;
  align-items:center !important;
  text-align:left !important;
  padding:50px !important;
  position:relative;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,
      rgba(26,40,63,.97) 0%,
      rgba(36,54,77,.92) 32%,
      rgba(36,54,77,.62) 48%,
      rgba(36,54,77,.20) 62%,
      rgba(255,127,17,.10) 100%),
    url("assets/hero-sports-casino-racing-full.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:#142031 !important;
}

.hero::before,
.hero::after{
  content:none !important;
  display:none !important;
}

.hero .hero-copy-right,
.hero-copy-right{
  width:min(100%,620px) !important;
  max-width:620px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
}

.hero .hero-copy-right .eyebrow,
.hero .hero-copy-right h1,
.hero .hero-copy-right p,
html[data-theme="light"] .hero .hero-copy-right .eyebrow,
html[data-theme="light"] .hero .hero-copy-right h1,
html[data-theme="light"] .hero .hero-copy-right p{
  text-align:left !important;
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.42) !important;
}

.hero .hero-copy-right .hero-logo-glow,
.hero-copy-right .hero-logo-glow{
  align-self:flex-start !important;
  margin:4px 0 18px 0 !important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.22), 0 0 32px rgba(255,127,17,.14) !important;
}

.hero .hero-copy-right .hero-actions,
.hero-copy-right .hero-actions{
  width:auto !important;
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center;
  gap:12px !important;
}

.hero .btn-outline,
html[data-theme="light"] .hero .btn-outline{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.05) !important;
}

.hero-visual.hero-sports-bg,
.hero-bg-image{
  display:none !important;
}

/* Tabs with more realistic icons */
.tabs button{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.tab-icon{
  display:inline-grid;
  place-items:center;
  font-size:16px;
  line-height:1;
}

/* Keep the mobile controls compact, but ensure clarity */
@media(max-width:760px){
  .hero,
  .racing-dark-page .hero,
  html[data-theme="light"] .hero,
  html[data-theme="light"] .racing-dark-page .hero{
    min-height:340px !important;
    display:block !important;
    padding:26px 18px !important;
    background-image:
      linear-gradient(90deg,
        rgba(26,40,63,.93) 0%,
        rgba(36,54,77,.84) 40%,
        rgba(36,54,77,.44) 58%,
        rgba(255,127,17,.10) 100%),
      url("assets/hero-sports-casino-racing-full.webp") !important;
    background-position:66% center !important;
    background-size:cover !important;
  }

  .hero .hero-copy-right,
  .hero-copy-right{
    width:100% !important;
    max-width:100% !important;
    align-items:flex-start !important;
    text-align:left !important;
  }

  .hero .hero-copy-right .hero-logo-glow,
  .hero-copy-right .hero-logo-glow{
    margin-right:auto !important;
    max-width:250px;
  }

  .hero .hero-copy-right .hero-actions,
  .hero-copy-right .hero-actions{
    justify-content:flex-start !important;
    flex-wrap:nowrap;
    width:auto !important;
  }

  .hero p{max-width:92% !important;}
  .tabs{gap:6px !important;}
  .tabs button{
    gap:6px;
    padding:8px 10px !important;
    font-size:11px !important;
  }
  .tab-icon{font-size:14px;}
}


/* ==========================================================
   VERSION 5.3 — LEFT COPY + RIGHT-SIDE HERO ACTIONS
   ========================================================== */
.hero,
.racing-dark-page .hero,
html[data-theme="light"] .hero,
html[data-theme="light"] .racing-dark-page .hero{
  display:grid !important;
  grid-template-columns:minmax(320px,46%) 1fr !important;
  align-items:center !important;
  justify-items:stretch !important;
  position:relative !important;
}

.hero .hero-copy-right,
.hero-copy-right{
  grid-column:1 !important;
  justify-self:start !important;
  align-self:center !important;
  width:100% !important;
  max-width:620px !important;
  align-items:flex-start !important;
  text-align:left !important;
}

.hero-actions-right{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:end !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 2px 20px !important;
  position:relative !important;
  z-index:3 !important;
}

.hero-actions-right .btn{
  min-width:132px;
  text-align:center;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}

.hero-actions-right .btn-outline,
html[data-theme="light"] .hero-actions-right .btn-outline{
  color:#fff !important;
  background:rgba(15,24,38,.62) !important;
  border-color:rgba(255,255,255,.34) !important;
  backdrop-filter:blur(8px);
}

@media(max-width:900px){
  .hero,
  .racing-dark-page .hero,
  html[data-theme="light"] .hero,
  html[data-theme="light"] .racing-dark-page .hero{
    grid-template-columns:1fr !important;
  }

  .hero-actions-right{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:auto !important;
    margin:18px 0 0 !important;
  }
}

@media(max-width:760px){
  .hero-actions-right{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
  }
  .hero-actions-right .btn{
    min-width:0 !important;
    padding:9px 11px !important;
    font-size:12px !important;
  }
}


/* ==========================================================
   VERSION 5.4 — LEFT BANNER COPY + FITTED IMAGE + SMALLER RHS BUTTONS + SVG TAB ICONS
   ========================================================== */
.hero,
.racing-dark-page .hero,
html[data-theme="light"] .hero,
html[data-theme="light"] .racing-dark-page .hero{
  min-height:390px !important;
  display:grid !important;
  grid-template-columns:minmax(320px,46%) 1fr !important;
  align-items:center !important;
  justify-items:stretch !important;
  gap:16px;
  padding:46px 42px !important;
  background:
    linear-gradient(90deg,
      rgba(26,40,63,.98) 0%,
      rgba(36,54,77,.95) 34%,
      rgba(36,54,77,.78) 46%,
      rgba(36,54,77,.28) 58%,
      rgba(36,54,77,0) 70%),
    url("assets/hero-sports-casino-racing-full.webp") right center / contain no-repeat,
    linear-gradient(135deg,#24364d,#1b273b) !important;
  background-color:#1c2a42 !important;
  overflow:hidden;
}
html[data-theme="light"] .hero,
html[data-theme="light"] .racing-dark-page .hero{
  background:
    linear-gradient(90deg,
      rgba(26,40,63,.98) 0%,
      rgba(36,54,77,.95) 34%,
      rgba(36,54,77,.78) 46%,
      rgba(36,54,77,.28) 58%,
      rgba(36,54,77,0) 70%),
    url("assets/hero-sports-casino-racing-full.webp") right center / contain no-repeat,
    linear-gradient(135deg,#24364d,#1b273b) !important;
}
.hero::before,
.hero::after{content:none !important;display:none !important}
.hero .hero-copy-right,
.hero-copy-right{
  grid-column:1 !important;
  justify-self:start !important;
  align-self:center !important;
  width:100% !important;
  max-width:620px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
}
.hero .hero-copy-right .eyebrow,
.hero .hero-copy-right h1,
.hero .hero-copy-right p,
html[data-theme="light"] .hero .hero-copy-right .eyebrow,
html[data-theme="light"] .hero .hero-copy-right h1,
html[data-theme="light"] .hero .hero-copy-right p{
  text-align:left !important;
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.34) !important;
}
.hero .hero-copy-right .hero-logo-glow,
.hero-copy-right .hero-logo-glow{
  align-self:flex-start !important;
  margin:4px 0 16px 0 !important;
}
.hero-actions-right{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:center !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding-right:8px;
  position:relative;
  z-index:3;
}
.hero-actions-right .btn{
  min-width:118px !important;
  padding:9px 14px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1.15;
  text-align:center;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.hero-actions-right .btn-outline,
html[data-theme="light"] .hero-actions-right .btn-outline{
  color:#fff !important;
  background:rgba(15,24,38,.58) !important;
  border-color:rgba(255,255,255,.28) !important;
  backdrop-filter:blur(8px);
}

/* more realistic tab icons using inline SVG */
.tabs button{display:inline-flex;align-items:center;gap:8px}
.tab-icon{
  width:16px;
  height:16px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  flex:0 0 16px;
}
.icon-all{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E")}
.icon-football{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m12 7 2.4 1.7-.9 2.8h-3l-.9-2.8L12 7Zm-4.3 3.1 1.8 1.4-.7 2.6-2.5.2-1.1-2.2 2.5-2Zm8.6 0 2.5 2-1.1 2.2-2.5-.2-.7-2.6 1.8-1.4ZM9.5 14.2h5l1.6 2.3-4.1 2.5-4.1-2.5 1.6-2.3Z'/%3E%3C/svg%3E")}
.icon-racing{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14h5l2-4 4 1 3 4h2M7 14l2.5-2.5M14 9l1.2-2.5M8 18a1.5 1.5 0 1 1 0 .01M18 18a1.5 1.5 0 1 1 0 .01M5 9l2-2 2 1'/%3E%3C/svg%3E")}
.icon-tennis{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 4.5A9 9 0 0 0 8.5 19.5M15.5 4.5A9 9 0 0 1 15.5 19.5'/%3E%3C/svg%3E")}
.icon-star{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9a1f' stroke='%23ff9a1f' stroke-width='1.4'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.1L12 17.1 6.4 20l1.1-6.1L3 9.6l6.2-.9L12 3Z'/%3E%3C/svg%3E")}
.icon-live{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff5a6b'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M4.9 4.9a10 10 0 0 0 0 14.2M19.1 4.9a10 10 0 0 1 0 14.2' stroke='%23ff5a6b' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.icon-calendar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
.icon-next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 5 7 7-7 7M16 5h2v14h-2'/%3E%3C/svg%3E")}
.icon-trophy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v3a5 5 0 0 1-10 0V4ZM5 6H3a3 3 0 0 0 3 3M19 6h2a3 3 0 0 1-3 3'/%3E%3C/svg%3E")}
.icon-casino{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M8 8h.01M16 8h.01M8 16h.01M16 16h.01M12 12h.01' stroke-width='2.8'/%3E%3C/svg%3E")}
.icon-slots{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 8h2M11 8h2M14 8h2M8 12h2M11 12h2M14 12h2M18 6l2-2M18 8l2 2'/%3E%3C/svg%3E")}
.icon-jackpot{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7H14.5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
.icon-spark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9a1f'%3E%3Cpath d='m12 2 1.9 5.1L19 9l-5.1 1.9L12 16l-1.9-5.1L5 9l5.1-1.9L12 2Zm7 13 1 2.7 2.7 1-2.7 1-1 2.7-1-2.7-2.7-1 2.7-1 1-2.7ZM5 14l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8.8-2Z'/%3E%3C/svg%3E")}
.icon-ticket{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a2 2 0 0 0 2-2h14a2 2 0 0 0 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 0-2 2H5a2 2 0 0 0-2-2v-2a2 2 0 0 0 0-4V9Z'/%3E%3Cpath d='M12 7v10'/%3E%3C/svg%3E")}
.icon-check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2331d7b4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E")}
.icon-cash{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M7 12h.01M17 12h.01' stroke-width='2.8'/%3E%3C/svg%3E")}
.icon-close{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5a6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}

@media(max-width:900px){
  .hero,
  .racing-dark-page .hero,
  html[data-theme="light"] .hero,
  html[data-theme="light"] .racing-dark-page .hero{
    grid-template-columns:1fr !important;
    background:
      linear-gradient(90deg,rgba(26,40,63,.94) 0%,rgba(36,54,77,.82) 46%,rgba(36,54,77,.30) 72%,rgba(36,54,77,0) 100%),
      url("assets/hero-sports-casino-racing-full.webp") right center / contain no-repeat,
      linear-gradient(135deg,#24364d,#1b273b) !important;
  }
  .hero-actions-right{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:auto !important;
    margin:14px 0 0 !important;
    padding-right:0;
  }
}
@media(max-width:760px){
  .hero,
  .racing-dark-page .hero,
  html[data-theme="light"] .hero,
  html[data-theme="light"] .racing-dark-page .hero{
    min-height:320px !important;
    display:block !important;
    padding:24px 16px !important;
    background:
      linear-gradient(90deg,rgba(26,40,63,.94) 0%,rgba(36,54,77,.84) 48%,rgba(36,54,77,.28) 74%,rgba(36,54,77,0) 100%),
      url("assets/hero-sports-casino-racing-full.webp") right bottom / contain no-repeat,
      linear-gradient(135deg,#24364d,#1b273b) !important;
  }
  .hero .hero-copy-right,
  .hero-copy-right{
    width:100% !important;
    max-width:100% !important;
  }
  .hero p{max-width:88% !important;}
  .hero-actions-right{
    justify-content:flex-start !important;
    gap:8px !important;
    margin-top:14px !important;
  }
  .hero-actions-right .btn{
    min-width:0 !important;
    padding:8px 11px !important;
    font-size:11px !important;
  }
  .tabs button{gap:6px;padding:8px 10px !important;font-size:11px !important}
  .tab-icon{width:14px;height:14px;flex-basis:14px}
}


/* ==========================================================
   VERSION 5.5 — KEEP PREVIOUS COLORS + FULL BANNER IMAGE + MODERN TAB STYLING
   ========================================================== */
/* Keep the richer original banner palette while letting the image fill the whole banner */
.hero,
.racing-dark-page .hero,
html[data-theme="light"] .hero,
html[data-theme="light"] .racing-dark-page .hero{
  min-height:390px !important;
  display:grid !important;
  grid-template-columns:minmax(320px,46%) 1fr !important;
  align-items:center !important;
  justify-items:stretch !important;
  gap:16px !important;
  padding:46px 42px !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,
      rgba(26,40,63,.98) 0%,
      rgba(36,54,77,.95) 30%,
      rgba(36,54,77,.76) 44%,
      rgba(36,54,77,.34) 58%,
      rgba(255,127,17,.10) 100%),
    url("assets/hero-sports-casino-racing-full.webp") center center / cover no-repeat,
    linear-gradient(135deg,#24364d,#1b273b) !important;
  background-color:#1c2a42 !important;
  box-shadow:var(--shadow) !important;
}

.hero::before,
.hero::after{
  content:none !important;
  display:none !important;
}

.hero .hero-copy-right,
.hero-copy-right{
  grid-column:1 !important;
  justify-self:start !important;
  align-self:center !important;
  width:100% !important;
  max-width:620px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
}

.hero .hero-copy-right .eyebrow,
.hero .hero-copy-right h1,
.hero .hero-copy-right p,
html[data-theme="light"] .hero .hero-copy-right .eyebrow,
html[data-theme="light"] .hero .hero-copy-right h1,
html[data-theme="light"] .hero .hero-copy-right p{
  text-align:left !important;
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.42) !important;
}

.hero .hero-copy-right .hero-logo-glow,
.hero-copy-right .hero-logo-glow{
  align-self:flex-start !important;
  margin:4px 0 16px 0 !important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.22), 0 0 30px rgba(255,127,17,.14) !important;
}

.hero-actions-right{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:center !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding-right:8px !important;
  position:relative !important;
  z-index:3 !important;
}

.hero-actions-right .btn{
  min-width:118px !important;
  padding:9px 14px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1.15 !important;
  text-align:center !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}

.hero-actions-right .btn-outline,
html[data-theme="light"] .hero-actions-right .btn-outline{
  color:#fff !important;
  background:rgba(15,24,38,.58) !important;
  border-color:rgba(255,255,255,.28) !important;
  backdrop-filter:blur(8px) !important;
}

/* Modern, more realistic tabs with icon chips and refined backgrounds */
.tabs{
  display:flex;
  gap:10px;
  overflow:auto;
  margin-bottom:14px;
  padding-bottom:4px;
  scrollbar-width:none;
}
.tabs::-webkit-scrollbar{display:none}
.tabs button{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  color:#dbe3f3 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
  transition:all .18s ease;
  white-space:nowrap;
}
.tabs button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,154,31,.28) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)) !important;
}
.tabs button.active{
  background:linear-gradient(135deg,var(--yellow),var(--orange)) !important;
  color:#141d2b !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(255,138,27,.24) !important;
}
.tabs button span:last-child{
  font-weight:700;
  letter-spacing:.1px;
}

.tab-icon{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  display:inline-block !important;
  border-radius:10px;
  background-color:rgba(255,255,255,.09);
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px 16px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.tabs button.active .tab-icon{
  background-color:rgba(20,29,43,.12);
  box-shadow:inset 0 0 0 1px rgba(20,29,43,.08);
}
html[data-theme="light"] .tabs button{
  color:#20304a !important;
  border-color:rgba(17,37,68,.10) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(242,246,251,.98)) !important;
  box-shadow:0 8px 20px rgba(37,55,84,.08) !important;
}
html[data-theme="light"] .tabs button:hover{
  border-color:rgba(255,154,31,.30) !important;
}
html[data-theme="light"] .tabs button.active{
  color:#141d2b !important;
}
html[data-theme="light"] .tab-icon{
  background-color:rgba(36,54,77,.07);
  box-shadow:inset 0 0 0 1px rgba(36,54,77,.08);
}

@media(max-width:900px){
  .hero,
  .racing-dark-page .hero,
  html[data-theme="light"] .hero,
  html[data-theme="light"] .racing-dark-page .hero{
    grid-template-columns:1fr !important;
  }
  .hero-actions-right{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:auto !important;
    margin:14px 0 0 !important;
    padding-right:0 !important;
  }
}

@media(max-width:760px){
  .hero,
  .racing-dark-page .hero,
  html[data-theme="light"] .hero,
  html[data-theme="light"] .racing-dark-page .hero{
    min-height:320px !important;
    display:block !important;
    padding:24px 16px !important;
    background:
      linear-gradient(90deg, rgba(26,40,63,.95) 0%, rgba(36,54,77,.84) 46%, rgba(36,54,77,.30) 68%, rgba(255,127,17,.08) 100%),
      url("assets/hero-sports-casino-racing-full.webp") center center / cover no-repeat,
      linear-gradient(135deg,#24364d,#1b273b) !important;
  }
  .hero .hero-copy-right,
  .hero-copy-right{
    width:100% !important;
    max-width:100% !important;
  }
  .hero p{max-width:88% !important;}
  .hero-actions-right{
    justify-content:flex-start !important;
    gap:8px !important;
    margin-top:14px !important;
  }
  .hero-actions-right .btn{
    min-width:0 !important;
    padding:8px 11px !important;
    font-size:11px !important;
  }

  .tabs{gap:7px !important;margin-bottom:10px !important}
  .tabs button{
    gap:7px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    font-size:11px !important;
  }
  .tab-icon{
    width:24px !important;
    height:24px !important;
    flex-basis:24px !important;
    background-size:14px 14px;
    border-radius:8px;
  }
}


/* ==========================================================
   VERSION 6.0 — MODERN PRODUCT-LED LAYOUT (BETTING-HUB STYLE)
   ========================================================== */
:root{
  --brand-deep:#1c2a66;
  --brand-mid:#243c8b;
  --brand-gold:#ffe31f;
  --brand-orange:#ff8a1f;
}

.page-shell{grid-template-columns:232px 1fr}
.topbar{
  background:linear-gradient(90deg, rgba(24,34,86,.96), rgba(36,54,109,.96)) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.sidebar{
  background:linear-gradient(180deg, rgba(21,31,74,.98), rgba(28,42,66,.96)) !important;
}
.nav-label{color:#9dadde}
.side-nav a:hover,.side-nav a.active{
  background:linear-gradient(90deg,rgba(255,227,31,.16),rgba(255,138,31,.10));
  box-shadow:inset 0 0 0 1px rgba(255,227,31,.16);
}

.product-topbar{
  position:sticky;
  top:76px;
  z-index:30;
  display:flex;
  gap:10px;
  align-items:center;
  overflow:auto;
  padding:12px 28px;
  background:linear-gradient(90deg, rgba(20,29,72,.98), rgba(31,44,98,.98));
  border-bottom:1px solid rgba(255,255,255,.08);
  scrollbar-width:none;
}
.product-topbar::-webkit-scrollbar{display:none}
.product-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 14px;
  border-radius:16px;
  color:#eef2ff;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
  transition:all .18s ease;
}
.product-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(255,227,31,.28);
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
}
.product-pill.active{
  color:#152040;
  border-color:transparent;
  background:linear-gradient(135deg,var(--brand-gold),var(--brand-orange));
  box-shadow:0 12px 26px rgba(255,138,31,.24);
}
.product-pill span:last-child{font-weight:800;font-size:13px;letter-spacing:.1px}
.picon{
  width:26px;height:26px;display:inline-block;flex:0 0 26px;border-radius:9px;
  background:rgba(255,255,255,.10);background-repeat:no-repeat;background-position:center;background-size:15px 15px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.product-pill.active .picon{background:rgba(21,32,64,.14);box-shadow:inset 0 0 0 1px rgba(21,32,64,.08)}
.icon-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe31f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5M5 10.5V20h14v-9.5'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E")}
.icon-sports{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe31f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 4v10l-7 4-7-4V7l7-4Z'/%3E%3Cpath d='M8 9.5 12 7l4 2.5v5L12 17l-4-2.5v-5Z'/%3E%3C/svg%3E")}
.icon-greyhound{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe31f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14h5l2.5-3 3 1 2.5 2H20M8 14l-1.2 3M16 14l1.2 3M8.5 9.5 10 8l2 .5'/%3E%3C/svg%3E")}
.icon-promo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffe31f'%3E%3Cpath d='M12 2 14.8 8.2 21 9l-4.5 4.4 1.1 6.1L12 17l-5.6 2.5 1.1-6.1L3 9l6.2-.8L12 2Z'/%3E%3C/svg%3E")}

.hero-market-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:0 0 16px;
}
.market-chip{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px;border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}
.market-chip strong{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--brand-gold)}
.market-chip span{font-size:13px;color:#d8dff2}
.market-chip.live strong{color:#ff7777}

/* Modern top-first home composition */
.page-content{padding-top:18px}
.quick-actions.public-highlights{margin-top:18px}
.category-grid{margin-top:16px}

html[data-theme="light"] .product-topbar{
  background:linear-gradient(90deg, rgba(24,34,86,.98), rgba(31,44,98,.98));
}
html[data-theme="light"] .product-pill{
  color:#eef2ff;
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.05));
}
html[data-theme="light"] .product-pill.active{color:#152040}
html[data-theme="light"] .market-chip{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(243,247,252,.96));
  border-color:rgba(24,34,86,.08);
}
html[data-theme="light"] .market-chip span{color:#354460}

@media(max-width:1100px){
  .product-topbar{top:64px;padding:10px 14px}
  .hero-market-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .page-shell{grid-template-columns:1fr}
  .product-topbar{
    top:58px;
    gap:8px;
    padding:8px 10px;
  }
  .product-pill{
    min-height:40px;
    padding:8px 10px;
    border-radius:14px;
  }
  .product-pill span:last-child{font-size:11px}
  .picon{width:22px;height:22px;flex-basis:22px;background-size:13px 13px;border-radius:7px}
  .hero-market-strip{grid-template-columns:1fr;gap:8px;margin-bottom:12px}
  .market-chip{padding:11px 12px;border-radius:13px}
  .market-chip strong{font-size:11px}
  .market-chip span{font-size:12px}
}


/* ==========================================================
   VERSION 6.5 — CLEANER HEADER ICONS + REMOVE DUPLICATES
   ========================================================== */
.balance-chip{display:none !important}
.top-links{display:none !important}

.topbar{
  gap:12px;
}
.top-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.icon-btn.mobile-menu,
.icon-btn.notification-btn,
.theme-toggle,
.floating-theme-toggle{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
}
.client-menu-btn{
  min-height:42px;
}
.ui-icon{
  display:inline-block;
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  flex:0 0 18px;
}
.i-menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}
.i-bell{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 17H5a2 2 0 0 0 2-2v-3a5 5 0 1 1 10 0v3a2 2 0 0 0 2 2h-4'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
.i-caret{width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23cfd8f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E")}
html[data-theme='light'] .i-menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2a42' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}
html[data-theme='light'] .i-bell{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2a42' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 17H5a2 2 0 0 0 2-2v-3a5 5 0 1 1 10 0v3a2 2 0 0 0 2 2h-4'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
html[data-theme='light'] .i-caret{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23445a84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E")}
.icon-btn.notification-btn,
.icon-btn.mobile-menu,
.theme-toggle,
.floating-theme-toggle{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 18px rgba(0,0,0,.14);
}
html[data-theme='light'] .icon-btn.notification-btn,
html[data-theme='light'] .icon-btn.mobile-menu,
html[data-theme='light'] .theme-toggle,
html[data-theme='light'] .floating-theme-toggle{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,245,251,.98));
  border-color:rgba(19,36,62,.08);
}
.client-caret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:760px){
  .topbar{gap:8px}
  .top-actions{gap:8px}
  .icon-btn.mobile-menu,
  .icon-btn.notification-btn,
  .theme-toggle,
  .floating-theme-toggle{width:38px;height:38px;border-radius:10px}
  .client-menu-btn{padding-right:10px}
  .client-meta small{display:none}
}


/* ==========================================================
   VERSION 6.6 — MOBILE HEADER BUTTON ICONS
   ========================================================== */
.i-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E")}
.i-sun{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M4.93 4.93l1.77 1.77M17.3 17.3l1.77 1.77M2 12h2.5M19.5 12H22M4.93 19.07l1.77-1.77M17.3 6.7l1.77-1.77'/%3E%3C/svg%3E")}
.i-moon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z'/%3E%3C/svg%3E")}
html[data-theme='light'] .i-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2a42' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E")}
html[data-theme='light'] .i-sun{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2a42' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M4.93 4.93l1.77 1.77M17.3 17.3l1.77 1.77M2 12h2.5M19.5 12H22M4.93 19.07l1.77-1.77M17.3 6.7l1.77-1.77'/%3E%3C/svg%3E")}
html[data-theme='light'] .i-moon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2a42' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z'/%3E%3C/svg%3E")}
.header-user-icon{display:none}
.theme-toggle .ui-icon,
.floating-theme-toggle .ui-icon{width:18px;height:18px}
@media(max-width:760px){
  .theme-toggle,
  .floating-theme-toggle,
  .notification-btn,
  .mobile-menu,
  .client-menu-btn{
    position:relative;
  }
  .client-menu-btn{
    min-width:42px;
    padding:0 10px;
    gap:7px;
    justify-content:center;
  }
  .header-user-icon{display:inline-block}
  .client-avatar{width:24px;height:24px;font-size:10px}
  .client-meta{display:none !important}
  .client-caret{margin-left:0}
}


/* ==========================================================
   VERSION 6.7 — DESKTOP HEADER / PRODUCT ICONS / COMPACT CASINO + FOOTER
   ========================================================== */
/* Keep the action area clearly on the RHS on desktop */
.topbar{justify-content:flex-start}
.top-actions{margin-left:auto !important;justify-content:flex-end;display:flex;align-items:center;gap:10px}

/* Show the client/user icon on desktop too */
.header-user-icon{display:inline-block !important}
.client-menu-btn{
  min-width:200px;
  padding:8px 12px;
  gap:9px;
}
.client-menu-btn .header-user-icon{
  opacity:.95;
}

/* Product strip: make icons more visible and compact */
.product-topbar{
  gap:8px;
  padding:10px 22px;
}
.product-pill{
  min-height:42px;
  padding:8px 12px;
  border-radius:14px;
  gap:8px;
}
.product-pill span:last-child{
  font-size:12px;
}
.picon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:8px;
  background-color:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.product-pill.active .picon{
  background-color:rgba(21,32,64,.14);
}

/* Make homepage / casino game section more compact */
.games-grid{
  gap:10px;
}
.game-card{
  padding:8px;
  border-radius:13px;
}
.game-art{
  height:100px;
  border-radius:10px;
  font-size:34px;
}
.game-card h3{
  margin:8px 0 2px;
  font-size:16px;
}
.game-card small{
  font-size:12px;
}

/* Reduce footer height and spacing */
footer{
  gap:24px;
  padding:28px 24px 38px;
}
footer h4{
  margin-bottom:10px;
}
footer a{
  margin:6px 0;
  font-size:13px;
}
footer p{
  margin-top:8px;
  line-height:1.45;
  max-width:320px;
}
.footer-logo{
  height:52px;
}

@media(min-width:1101px){
  .mobile-menu,.mobile-logo{display:none}
}
@media(max-width:1100px){
  .product-topbar{padding:9px 14px;gap:7px}
  .product-pill{min-height:40px;padding:8px 10px}
  .picon{width:22px;height:22px;flex-basis:22px}
}
@media(max-width:760px){
  .product-pill span:last-child{font-size:11px}
  .game-art{height:88px;font-size:28px}
  footer{padding:22px 14px 84px;gap:18px}
  .footer-logo{height:46px}
}


/* ==========================================================
   VERSION 6.8 — MOBILE QUICK-ACTION ICONS + COMPACT CASINO TABS/FOOTER
   ========================================================== */
.quick-card .qicon{
  background-color:rgba(255,255,255,.07);
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 22px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 18px rgba(0,0,0,.13), inset 0 0 0 1px rgba(255,255,255,.03);
}
.qicon-markets{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe31f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17V9M10 17V5M16 17v-7M22 17V7'/%3E%3Cpath d='M2 20h20'/%3E%3C/svg%3E")}
.qicon-racing{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe31f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h6l2.5-4 4 1 3.5 4H22M8 14l-1.5 4M18 15l1 3M7 9l2-2 3 1'/%3E%3Ccircle cx='7' cy='19' r='1.5'/%3E%3Ccircle cx='19' cy='19' r='1.5'/%3E%3C/svg%3E")}
.qicon-sports{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe31f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m12 7 2.4 1.7-.9 2.8h-3l-.9-2.8L12 7Zm-4.3 3.1 1.8 1.4-.7 2.6-2.5.2-1.1-2.2 2.5-2Zm8.6 0 2.5 2-1.1 2.2-2.5-.2-.7-2.6 1.8-1.4Z'/%3E%3C/svg%3E")}
.qicon-casino{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe31f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Ccircle cx='9' cy='9' r='1' fill='%23ffe31f'/%3E%3Ccircle cx='15' cy='9' r='1' fill='%23ffe31f'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23ffe31f'/%3E%3Ccircle cx='9' cy='15' r='1' fill='%23ffe31f'/%3E%3Ccircle cx='15' cy='15' r='1' fill='%23ffe31f'/%3E%3C/svg%3E")}

@media(max-width:760px){
  /* Buttons immediately below the banner */
  .quick-actions.public-highlights{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    margin:10px 0 14px !important;
  }
  .quick-actions.public-highlights .quick-card{
    min-height:66px !important;
    padding:8px 4px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    gap:5px !important;
    border-radius:12px !important;
  }
  .quick-actions.public-highlights .qicon{
    width:30px !important;
    height:30px !important;
    border-radius:9px !important;
    background-size:17px 17px !important;
  }
  .quick-actions.public-highlights strong{
    font-size:9px !important;
    line-height:1.12 !important;
    max-width:74px;
  }
  .quick-actions.public-highlights small{display:none !important}

  /* Casino filter tabs: smaller, icon-led, one horizontal row */
  .casino-page .page-title{margin-bottom:12px}
  .casino-page .tabs{
    gap:5px !important;
    margin:0 0 10px !important;
    padding-bottom:3px !important;
  }
  .casino-page .tabs button{
    min-height:34px !important;
    padding:5px 8px !important;
    gap:5px !important;
    border-radius:10px !important;
    font-size:9px !important;
  }
  .casino-page .tabs .tab-icon{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    border-radius:6px !important;
    background-size:11px 11px !important;
  }
  .casino-page .games-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .casino-page .game-card{
    padding:6px !important;
    border-radius:11px !important;
  }
  .casino-page .game-art{
    height:72px !important;
    border-radius:8px !important;
    font-size:25px !important;
  }
  .casino-page .game-card h3{
    margin:6px 0 1px !important;
    font-size:12px !important;
    line-height:1.15 !important;
  }
  .casino-page .game-card small{font-size:9px !important}

  /* Compact mobile footer */
  footer{
    grid-template-columns:1.15fr 1fr !important;
    gap:12px 16px !important;
    padding:18px 14px 72px !important;
  }
  footer>div:first-child{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:12px;
    padding-bottom:10px;
    border-bottom:1px solid var(--line);
  }
  footer>div:first-child p{
    margin:0 !important;
    font-size:10px !important;
    line-height:1.35 !important;
  }
  footer>div:last-child{grid-column:1/-1}
  footer h4{
    margin:0 0 6px !important;
    font-size:11px !important;
  }
  footer a{
    margin:4px 0 !important;
    font-size:10px !important;
  }
  .footer-logo{
    height:36px !important;
    flex:0 0 auto;
  }
}


/* ==========================================================
   VERSION 6.9 — TEXT-FREE BANNERS + MODERN LINE ICON SYSTEM
   ========================================================== */
.ui-icon,.nav-svg,.bottom-icon,.modern-qicon,.picon{background-repeat:no-repeat;background-position:center;background-size:contain}
.nav-svg{width:20px!important;height:20px!important;display:inline-block!important;flex:0 0 20px}
.bottom-icon{width:22px;height:22px;display:block;margin:0 auto 4px}
.modern-qicon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background-size:20px 20px!important;background-color:rgba(255,181,46,.11)!important;border:1px solid rgba(255,181,46,.20);color:transparent!important}

.i-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10M9 20v-6h6v6'/%3E%3C/svg%3E")}
.i-live{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='4'/%3E%3Cpath d='m10 9 5 3-5 3V9Z'/%3E%3C/svg%3E")}
.i-horse,.icon-racing{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15h5l3-4 3 1 2 3h3M8 15l-2 4M17 15l2 4M10 9l2-3 4 1 2-2'/%3E%3C/svg%3E")}
.i-football,.icon-football{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.7' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m12 7 3 2-1 4h-4L9 9l3-2ZM7 9l-3 2M17 9l3 2M9 16l-2 3M15 16l2 3'/%3E%3C/svg%3E")}
.i-sports,.i-trophy,.icon-sports{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v4a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H5v1a4 4 0 0 0 4 4M16 6h3v1a4 4 0 0 1-4 4M12 12v4M8 20h8M10 16h4v4h-4z'/%3E%3C/svg%3E")}
.i-greyhound,.icon-greyhound{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h6l3-3 4 1 2 2h3M8 14l-2 4M17 14l2 4M9 10l2-2h3l2-2'/%3E%3C/svg%3E")}
.i-casino,.icon-casino{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Ccircle cx='8' cy='10' r='1'/%3E%3Ccircle cx='16' cy='10' r='1'/%3E%3Ccircle cx='8' cy='15' r='1'/%3E%3Ccircle cx='16' cy='15' r='1'/%3E%3C/svg%3E")}
.i-gift,.icon-promo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h18v4H3zM5 13h14v8H5zM12 9v12M7 9c-2 0-3-1-3-2.5S5 4 6.5 4C9 4 12 9 12 9M17 9c2 0 3-1 3-2.5S19 4 17.5 4C15 4 12 9 12 9'/%3E%3C/svg%3E")}
.i-ticket{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v4a2 2 0 0 0 0 4v4H4v-4a2 2 0 0 0 0-4V6Z'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E")}
.i-wallet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h14a2 2 0 0 1 2 2v10H4a2 2 0 0 1-2-2V7a3 3 0 0 1 3-3h12'/%3E%3Cpath d='M15 11h5v4h-5a2 2 0 1 1 0-4Z'/%3E%3C/svg%3E")}
.i-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
.i-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")}
.i-logout{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H5v14h5M14 8l4 4-4 4M18 12H9'/%3E%3C/svg%3E")}
.i-help{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.5 2.5 0 1 1 4.3 1.7c-.9.8-1.8 1.3-1.8 2.8M12 17h.01'/%3E%3C/svg%3E")}
.i-chevron-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}
.i-chevron-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}

/* Product bar closer to the reference: icon-led, cleaner, less bulky */
.product-topbar{background:linear-gradient(90deg,#111a49,#1a2862)!important;border-bottom-color:rgba(255,181,46,.16)!important}
.product-pill{box-shadow:none!important;border-color:rgba(255,255,255,.06)!important;background:rgba(255,255,255,.035)!important}
.product-pill.active{color:#fff8e8!important;background:rgba(255,181,46,.18)!important;border-color:rgba(255,181,46,.32)!important}
.picon{background-color:transparent!important;box-shadow:none!important;background-size:18px 18px!important}
.icon-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffb52e'%3E%3Cpath d='m3 11 9-8 9 8v10h-6v-6H9v6H3V11Z'/%3E%3C/svg%3E")}

/* New 16:9 banners */
.tlp-carousel{aspect-ratio:16/9!important;min-height:0!important}
.tlp-slide img{object-fit:cover!important}
.tlp-arrow{display:grid!important;place-items:center!important;font-size:0!important}
.tlp-arrow .ui-icon{width:20px;height:20px}

@media(max-width:760px){
  .quick-actions.public-highlights{grid-template-columns:repeat(4,minmax(78px,1fr))!important;gap:7px!important;overflow-x:auto;padding-bottom:2px}
  .quick-actions .quick-card{min-width:82px!important;min-height:82px!important;padding:9px 7px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:5px!important}
  .quick-actions .quick-card strong{font-size:10px!important;line-height:1.15!important}
  .quick-actions .quick-card small{display:none!important}
  .modern-qicon{width:30px!important;height:30px!important;flex-basis:30px!important;background-size:17px 17px!important;border-radius:9px!important}
  .product-topbar{gap:5px!important;padding:7px 8px!important}
  .product-pill{min-width:66px!important;min-height:50px!important;padding:6px 7px!important;display:flex!important;flex-direction:column!important;gap:3px!important;border-radius:11px!important}
  .product-pill span:last-child{font-size:9px!important;line-height:1.05!important;text-align:center}
  .picon{width:22px!important;height:22px!important;flex-basis:22px!important;background-size:17px 17px!important}
  .tlp-arrow{width:30px!important;height:30px!important}
  .mobile-bottom a span.bottom-icon{display:block!important}
}


/* ==========================================================
   VERSION 7.0 — DIGITAL GAMING REPLACEMENT + ANIMATED IMAGE CARD
   ========================================================== */
.digital-gaming-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px, 1.12fr) minmax(260px, .88fr);
  gap:20px;
  align-items:center;
  padding:18px;
  border-radius:22px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background:linear-gradient(135deg, rgba(5,14,30,.98), rgba(8,26,44,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 50px rgba(0,0,0,.28);
}
.digital-gaming-card + .digital-gaming-card{margin-top:16px}
.digital-gaming-card.page-feature{margin:10px 0 18px}
.dg-media{
  position:relative;
  min-height:280px;
  border-radius:18px;
  overflow:hidden;
  background:#091321;
}
.dg-media::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(6,14,28,.18), rgba(6,14,28,0));
  pointer-events:none;
}
.dg-media picture, .dg-media img{
  width:100%; height:100%; display:block;
}
.dg-media img{
  object-fit:cover;
  object-position:center;
  animation:dgZoom 10s ease-in-out infinite alternate;
  transform-origin:center center;
}
.dg-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  padding-right:8px;
}
.dg-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,227,31,.12);
  border:1px solid rgba(255,138,31,.28);
  color:#ffe31f;
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.6px;
}
.dg-kicker::before{content:'◉'; font-size:10px}
.dg-copy h3{
  margin:0;
  font-size:clamp(24px, 3vw, 36px);
  line-height:1.06;
}
.dg-copy p{
  margin:0;
  color:#c7d6e9;
  font-size:15px;
  line-height:1.55;
  max-width:430px;
}
.dg-tags{display:flex;flex-wrap:wrap;gap:8px}
.dg-tags span{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#e4edf8;
  font-size:12px;
  font-weight:700;
}
.dg-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:2px;
  padding:12px 16px;
  border-radius:14px;
  background:linear-gradient(135deg, #ffe31f, #ff8a1f);
  color:#fff;
  font-weight:800;
  box-shadow:0 14px 28px rgba(255,138,31,.28);
}
.dg-cta b{font-size:18px;line-height:1}
.dg-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(24px);
  opacity:.34;
  pointer-events:none;
  animation:dgFloat 5.8s ease-in-out infinite;
}
.dg-glow-a{width:120px;height:120px;right:18px;top:18px;background:rgba(255,188,52,.95)}
.dg-glow-b{width:140px;height:140px;left:18px;bottom:12px;background:rgba(39,117,255,.9);animation-delay:1.4s}
@keyframes dgZoom{0%{transform:scale(1)}100%{transform:scale(1.08)}}
@keyframes dgFloat{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(6px)}}

@media(max-width:900px){
  .digital-gaming-card{grid-template-columns:1fr;gap:14px}
  .dg-media{min-height:240px}
}
@media(max-width:760px){
  .digital-gaming-card{padding:12px;border-radius:16px;gap:12px}
  .dg-media{min-height:180px;border-radius:14px}
  .dg-copy{gap:10px;padding-right:0}
  .dg-copy h3{font-size:22px}
  .dg-copy p{font-size:13px;line-height:1.45}
  .dg-kicker{font-size:10px;padding:6px 10px}
  .dg-tags{gap:6px}
  .dg-tags span{padding:6px 9px;font-size:11px}
  .dg-cta{padding:10px 12px;border-radius:12px;font-size:12px}
}


/* ==========================================================
   VERSION 7.2 — MOBILE COLOR CORRECTION
   Warm amber/gold accents matched to the navy TOTE LEPEP theme
   ========================================================== */
:root{
  --digital-accent:#ffb52e;
  --digital-accent-2:#ff8a1f;
  --digital-accent-soft:rgba(255,181,46,.12);
}
.product-topbar{
  background:linear-gradient(90deg,#11194b,#1b2b68)!important;
  border-bottom-color:rgba(255,181,46,.18)!important;
}
.product-pill.active{
  color:#fff7e6!important;
  background:linear-gradient(135deg,rgba(255,181,46,.22),rgba(255,138,31,.14))!important;
  border-color:rgba(255,181,46,.34)!important;
}
.modern-qicon{
  background-color:rgba(255,181,46,.12)!important;
  border-color:rgba(255,181,46,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.quick-actions .quick-card:hover .modern-qicon,
.quick-actions .quick-card:focus-visible .modern-qicon{
  background-color:rgba(255,181,46,.20)!important;
  border-color:rgba(255,181,46,.36)!important;
}
.mobile-bottom a.active,
.mobile-bottom a:hover{
  color:#ffb52e!important;
}
.digital-gaming-card{
  border-color:rgba(255,181,46,.14)!important;
}
.dg-kicker{
  background:rgba(255,181,46,.12)!important;
  border-color:rgba(255,181,46,.30)!important;
  color:#ffc65c!important;
}
.dg-cta{
  background:linear-gradient(135deg,#ffc34d,#ff8a1f)!important;
  color:#17203d!important;
  box-shadow:0 14px 28px rgba(255,138,31,.25)!important;
}
@media(max-width:760px){
  .product-topbar{
    background:linear-gradient(90deg,#101849,#1a2862)!important;
    border-bottom-color:rgba(255,181,46,.18)!important;
  }
  .product-pill{
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.07)!important;
  }
  .product-pill.active{
    background:linear-gradient(145deg,rgba(255,181,46,.22),rgba(255,138,31,.12))!important;
    border-color:rgba(255,181,46,.34)!important;
  }
  .modern-qicon{
    background-color:rgba(255,181,46,.13)!important;
    border-color:rgba(255,181,46,.24)!important;
  }
  .quick-actions .quick-card{
    border-color:rgba(255,181,46,.10)!important;
  }
  .dg-kicker{
    background:rgba(255,181,46,.13)!important;
    border-color:rgba(255,181,46,.30)!important;
    color:#ffd071!important;
  }
}


/* ==========================================================
   VERSION 7.3 — REMOVE REMAINING MOBILE GREEN + COMPACT MOBILE USER BUTTON
   ========================================================== */
/* Replace the leftover green settled/check icon with a warm amber version */
.icon-check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb52e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E") !important}

/* Header user button remains normal on desktop */
.header-user-icon{display:inline-flex;align-items:center;justify-content:center}

@media(max-width:760px){
  /* Force all mobile line icons and action accents away from green */
  .product-pill.active,
  .mobile-bottom a.active,
  .mobile-bottom a:hover{color:#ffbf47 !important}
  .product-pill.active{background:linear-gradient(145deg,rgba(255,191,71,.20),rgba(255,154,31,.12)) !important;border-color:rgba(255,191,71,.34) !important}
  .modern-qicon{background-color:rgba(255,191,71,.14)!important;border-color:rgba(255,191,71,.26)!important}
  .dg-kicker{background:rgba(255,191,71,.14)!important;border-color:rgba(255,191,71,.30)!important;color:#ffd98a!important}
  .dg-cta{background:linear-gradient(135deg,#ffd26a,#ff982f)!important;color:#17203d!important}

  /* Compact mobile top bar so the logo is more visible */
  .topbar{
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 10px !important;
  }
  .mobile-logo{display:flex !important;justify-content:center;align-items:center;min-width:0}
  .mobile-logo img{height:32px !important;max-width:150px !important;width:auto !important}
  .top-actions{gap:6px !important}
  .icon-btn.notification-btn,
  .theme-toggle,
  .floating-theme-toggle,
  .mobile-menu{width:34px !important;height:34px !important;border-radius:10px !important}
  .ui-icon{width:16px !important;height:16px !important}

  /* Make the client button icon-only on mobile */
  .client-menu-btn{
    min-width:34px !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    gap:0 !important;
    border-radius:10px !important;
    justify-content:center !important;
  }
  .client-menu-btn .header-user-icon{display:inline-block !important;width:16px !important;height:16px !important}
  .client-menu-btn .client-avatar,
  .client-menu-btn .client-meta,
  .client-menu-btn .client-caret{display:none !important}
}


/* ==========================================================
   VERSION 7.4 — FIX MAIN SLIDE + MOBILE IMAGE ICONS BELOW CAROUSEL
   ========================================================== */
.qthumb{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.20) !important;
  overflow:hidden;
}
.thumb-markets{background-image:url('assets/thumb-fastmarkets.webp') !important}
.thumb-racing{background-image:url('assets/thumb-racing.webp') !important}
.thumb-sports{background-image:url('assets/thumb-sports.webp') !important}
.thumb-gaming{background-image:url('assets/thumb-gaming.webp') !important}

.quick-actions .quick-card:hover .qthumb,
.quick-actions .quick-card:focus-visible .qthumb{
  transform:translateY(-1px) scale(1.03);
  border-color:rgba(255,191,71,.55) !important;
}

@media(max-width:760px){
  .quick-actions.public-highlights .quick-card{
    border-radius:14px !important;
  }
  .quick-actions.public-highlights .qicon.qthumb,
  .quick-actions .qicon.qthumb{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    border-radius:11px !important;
    background-size:cover !important;
  }
  .quick-actions .quick-card strong{
    font-size:10px !important;
    letter-spacing:.1px;
  }
}


/* ==========================================================
   VERSION 7.5 — APPLY IMAGE TABS STYLE TO DESKTOP BELOW CAROUSEL
   ========================================================== */
@media(min-width:761px){
  .quick-actions.public-highlights{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin:16px 0 18px !important;
  }
  .quick-actions.public-highlights .quick-card{
    min-height:118px !important;
    padding:14px 12px !important;
    border-radius:18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    gap:10px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  }
  .quick-actions.public-highlights .qicon.qthumb,
  .quick-actions.public-highlights .modern-qicon.qthumb{
    width:54px !important;
    height:54px !important;
    flex-basis:54px !important;
    border-radius:15px !important;
    background-size:cover !important;
  }
  .quick-actions.public-highlights strong{
    font-size:13px !important;
    line-height:1.2 !important;
  }
  .quick-actions.public-highlights small{
    display:block !important;
    font-size:11px !important;
    line-height:1.35 !important;
    color:#aebbd4 !important;
    max-width:180px;
  }
}


/* ==========================================================
   VERSION 7.6 — DESKTOP THEME ALIGNMENT + RHS HEADER + LHS BUTTON ICONS
   ========================================================== */
:root{
  --desktop-accent:#ffb52e;
  --desktop-accent-2:#ff8a1f;
}

/* Apply the same amber/navy feel from mobile to desktop */
@media(min-width:761px){
  body{
    background:
      radial-gradient(circle at 86% 0%, rgba(255,181,46,.10), transparent 24%),
      radial-gradient(circle at 10% 8%, rgba(30,55,150,.22), transparent 28%),
      linear-gradient(180deg,#081220,#060d18) !important;
  }
  .sidebar{
    background:linear-gradient(180deg, rgba(16,24,73,.98), rgba(20,33,68,.97)) !important;
    border-right:1px solid rgba(255,181,46,.12) !important;
  }
  .topbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    justify-content:initial !important;
    align-items:center !important;
    gap:12px !important;
    padding:0 26px !important;
    background:linear-gradient(90deg, rgba(16,24,73,.94), rgba(24,38,88,.92)) !important;
    border-bottom:1px solid rgba(255,181,46,.12) !important;
  }
  .top-actions{
    margin-left:auto !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }
  .product-topbar{
    background:linear-gradient(90deg,#101849,#1a2862) !important;
    border-bottom-color:rgba(255,181,46,.18) !important;
  }
  .sidebar-card{
    background:linear-gradient(145deg,rgba(255,181,46,.16),rgba(255,138,31,.08)) !important;
    border-color:rgba(255,181,46,.16) !important;
  }
  .sidebar-card strong{color:#fff5d8}
  .sidebar-card p{color:#c6d0e5}
  .sidebar-card .btn.btn-outline{
    background:rgba(255,255,255,.04) !important;
    border-color:rgba(255,181,46,.26) !important;
    color:#ffe5aa !important;
  }
  .client-menu-btn,
  .icon-btn.notification-btn,
  .theme-toggle,
  .floating-theme-toggle{
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
    border-color:rgba(255,181,46,.18) !important;
  }
  .client-menu-btn{min-width:196px !important}
  .notification-dot{
    background:linear-gradient(135deg,#ffb52e,#ff8a1f) !important;
    color:#1a2340 !important;
  }

  /* Remove the descriptive page text under the header/product bar */
  .page-title{display:none !important}

  /* Keep image tabs below carousel on desktop too */
  .quick-actions.public-highlights{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin:16px 0 18px !important;
  }
  .quick-actions.public-highlights .quick-card{
    min-height:118px !important;
    padding:14px 12px !important;
    border-radius:18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    gap:10px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  }
  .quick-actions.public-highlights .qicon.qthumb,
  .quick-actions.public-highlights .modern-qicon.qthumb{
    width:56px !important;
    height:56px !important;
    flex-basis:56px !important;
    border-radius:16px !important;
    background-size:cover !important;
    border-color:rgba(255,181,46,.16) !important;
  }
  .quick-actions.public-highlights strong{font-size:13px !important; line-height:1.2 !important}
  .quick-actions.public-highlights small{display:block !important; font-size:11px !important; line-height:1.35 !important; color:#b8c4de !important; max-width:180px}
}

/* Add icons to LHS menu action buttons */
.sidebar-action-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.sidebar-action-btn .ui-icon{width:16px;height:16px}


/* ==========================================================
   VERSION 7.7 — REDUCE DESKTOP CAROUSEL HEIGHT
   ========================================================== */
@media(min-width:761px){
  .tlp-carousel{
    aspect-ratio: 16 / 6.2 !important;
    max-height: 360px !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
  }
  .tlp-slide img{
    object-fit: cover !important;
    object-position: center center !important;
  }
}
@media(min-width:1100px){
  .tlp-carousel{
    max-height: 380px !important;
  }
}


/* ==========================================================
   VERSION 7.8 — JOINING BONUS + FIDELITY POINTS
   ========================================================== */
.client-loyalty-card{display:flex;align-items:center;gap:10px;padding:11px 10px;margin:8px 0;border-radius:12px;background:linear-gradient(135deg,rgba(255,181,46,.12),rgba(255,138,31,.06));border:1px solid rgba(255,181,46,.18)}
.client-loyalty-card .loyalty-badge{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,181,46,.14)}
.client-loyalty-card .ui-icon{width:18px;height:18px}
.client-loyalty-card div:nth-child(2){display:flex;flex-direction:column;flex:1}.client-loyalty-card small{font-size:9px;color:var(--muted)}.client-loyalty-card strong{font-size:13px}.client-loyalty-card>a{font-size:10px;font-weight:800;color:#ffc75c}

.welcome-bonus-section{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:16px;margin:0 0 22px}
.joining-bonus-card,.fidelity-overview-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,181,46,.16);background:linear-gradient(135deg,rgba(20,31,74,.98),rgba(33,44,91,.96));box-shadow:0 20px 45px rgba(0,0,0,.22)}
.joining-bonus-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px}
.joining-bonus-card::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;top:-65px;background:rgba(255,160,31,.16);filter:blur(4px)}
.bonus-icon-wrap{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,227,31,.18),rgba(255,138,31,.15));border:1px solid rgba(255,181,46,.24)}
.bonus-icon-wrap .ui-icon{width:27px;height:27px}.bonus-copy{position:relative;z-index:2}.bonus-kicker{display:block;color:#ffc75c;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.bonus-copy h2{margin:0 0 6px;font-size:24px}.bonus-copy p{margin:0;color:#b9c5dc;font-size:13px;line-height:1.5}.bonus-actions{display:flex;gap:9px;margin-top:14px}.bonus-amount{position:relative;z-index:2;min-width:150px;padding:16px;border-radius:18px;text-align:center;background:rgba(5,12,30,.34);border:1px solid rgba(255,255,255,.08)}.bonus-amount small,.bonus-amount span{display:block;color:#aebbd2;font-size:10px}.bonus-amount strong{display:block;margin:4px 0;color:#ffe31f;font-size:27px}
.fidelity-overview-card{padding:20px}.fidelity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fidelity-head h3{margin:2px 0 0;font-size:20px}.tier-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,181,46,.14);border:1px solid rgba(255,181,46,.24);color:#ffd477;font-size:10px;font-weight:900}.points-balance{margin:20px 0 10px}.points-balance small{display:block;color:var(--muted);font-size:10px}.points-balance strong{font-size:28px}.points-progress{height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}.points-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffe31f,#ff8a1f)}.points-progress-copy{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:10px;color:#aebbd2}.points-progress-copy a{color:#ffc75c;font-weight:800}

.wallet-rewards-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.rewards-wallet-card,.bonus-wallet-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px}.rewards-wallet-card h2{margin:7px 0}.rewards-wallet-card p,.bonus-wallet-card p{color:var(--muted);font-size:12px;line-height:1.5}.bonus-wallet-card{display:block}.bonus-wallet-card h3{margin:8px 0}

.rewards-catalogue{margin-top:22px}.reward-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(255,181,46,.10),rgba(255,138,31,.04));border:1px solid rgba(255,181,46,.14)}.reward-summary-card small{color:var(--muted)}.reward-summary-card strong{display:block;font-size:30px;margin:5px 0}.reward-summary-card p{margin:0;color:var(--muted);font-size:12px}.tier-progress-wrap>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:800}.tier-progress-wrap>small{display:block;margin-top:7px;font-size:10px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.reward-card{padding:18px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.reward-icon{font-size:28px}.reward-card h3{margin:10px 0 5px}.reward-card p{min-height:36px;color:var(--muted);font-size:12px;line-height:1.45}.reward-card>strong{display:block;margin:12px 0;color:#ffc75c}.reward-card .btn{width:100%}
.register-bonus-box{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,181,46,.14),rgba(255,138,31,.07));border:1px solid rgba(255,181,46,.20)}.register-bonus-box .ui-icon{width:24px;height:24px;flex:0 0 24px}.register-bonus-box div{display:flex;flex-direction:column}.register-bonus-box small{margin-top:3px;color:var(--muted);font-size:10px}

@media(max-width:900px){.welcome-bonus-section{grid-template-columns:1fr}.wallet-rewards-grid{grid-template-columns:1fr}.reward-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.joining-bonus-card{grid-template-columns:auto 1fr;padding:15px;gap:12px}.bonus-amount{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:10px}.bonus-amount small,.bonus-amount strong,.bonus-amount span{display:inline;margin:0}.bonus-amount strong{font-size:20px}.bonus-icon-wrap{width:46px;height:46px;border-radius:14px}.bonus-copy h2{font-size:18px}.bonus-copy p{font-size:11px}.bonus-actions{margin-top:10px}.bonus-actions .btn{padding:9px 11px;font-size:11px}.fidelity-overview-card{padding:15px}.reward-summary-card{grid-template-columns:1fr;gap:16px}.reward-grid{grid-template-columns:1fr}.rewards-wallet-card{display:block}.rewards-wallet-card .btn{margin-top:10px}}


/* ==========================================================
   VERSION 7.9 — BONUS SLIDE IN CAROUSEL + REMOVE MAIN PAGE FIDELITY CARD
   ========================================================== */
.welcome-bonus-section{
  grid-template-columns:1fr !important;
}
.welcome-bonus-section .joining-bonus-card{
  max-width:none;
}


/* VERSION 8.0 — remove homepage bonus section while using carousel offer */
.welcome-bonus-section{display:none !important;}


/* ==========================================================
   VERSION 8.1 — REMOVE DUPLICATE NAVIGATION + ICON-FIRST PRODUCT STRIP
   Inspired by compact sportsbook navigation patterns, using TOTE LEPEP colours.
   ========================================================== */
/* Sidebar is now dedicated to client and support actions; betting products stay in the top product strip. */
.client-nav-group{margin-top:10px}
.compact-client-nav a,.compact-support-nav a{min-height:44px}
.compact-client-nav a span:last-child,.compact-support-nav a span:last-child{min-width:0}

/* Compact icon-first product navigation */
.product-topbar{
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:2px !important;
  padding:0 12px !important;
  min-height:66px !important;
  overflow-x:auto !important;
  scrollbar-width:none;
  background:linear-gradient(90deg,#101849,#1a2862) !important;
  border-bottom:1px solid rgba(255,181,46,.18) !important;
}
.product-topbar::-webkit-scrollbar{display:none}
.product-pill{
  position:relative;
  min-width:92px !important;
  min-height:66px !important;
  padding:7px 10px 8px !important;
  border:0 !important;
  border-radius:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:5px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#bdc9df !important;
  transition:background .18s ease,color .18s ease !important;
}
.product-pill:hover{background:rgba(255,255,255,.055) !important;color:#fff !important}
.product-pill.active{
  color:#fff6dd !important;
  background:rgba(255,181,46,.09) !important;
  border:0 !important;
}
.product-pill.active::after{
  content:'';
  position:absolute;
  left:12px;right:12px;bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,#ffe36a,#ff8a1f);
}
.product-pill .picon{
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;
  background-size:24px 24px !important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.24));
}
.product-pill span:last-child{
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  white-space:nowrap;
  text-align:center;
}

/* Desktop: slightly narrower sidebar after duplicate product links are removed. */
@media(min-width:1000px){
  .page-shell{grid-template-columns:220px 1fr !important}
  .sidebar{padding-left:13px !important;padding-right:13px !important}
}

/* Mobile: top product strip handles betting categories; bottom bar contains only client actions. */
@media(max-width:760px){
  .product-topbar{
    min-height:58px !important;
    padding:0 6px !important;
    gap:0 !important;
  }
  .product-pill{
    min-width:72px !important;
    min-height:58px !important;
    padding:5px 6px 6px !important;
    gap:3px !important;
  }
  .product-pill .picon{
    width:23px !important;
    height:23px !important;
    flex-basis:23px !important;
    background-size:20px 20px !important;
  }
  .product-pill span:last-child{font-size:8.5px !important}
  .product-pill.active::after{left:8px;right:8px;height:3px}
  .mobile-bottom{grid-template-columns:repeat(5,1fr) !important}
}


/* VERSION 8.2 — TOTE LEPEP sportsbook hybrid homepage */
.sportsbook-home{background:#07152f;color:#f5f7fb}.sb-header{height:80px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;padding:0 24px;background:linear-gradient(90deg,#06142d,#0a1d3b);border-bottom:1px solid rgba(255,181,46,.16);position:sticky;top:0;z-index:80}.sb-logo img{height:58px;width:auto}.sb-main-nav{display:flex;justify-content:center;gap:38px}.sb-main-nav a{font-weight:800;color:#e8edf7;padding:29px 0 24px;border-bottom:3px solid transparent}.sb-main-nav a.active,.sb-main-nav a:hover{color:#ffbf47;border-color:#ffbf47}.sb-header-actions{display:flex;gap:10px;align-items:center}.sb-action{padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);font-weight:800}.sb-action.join{background:linear-gradient(135deg,#ffd55f,#ff9b2f);color:#16213f;border:0}.sb-mobile-menu{display:none}.sb-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 80px)}.sb-sidebar{background:#091a34;border-right:1px solid rgba(255,255,255,.08);padding:18px 14px;position:sticky;top:80px;height:calc(100vh - 80px);overflow:auto}.sb-sidebar a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#e4eaf5;font-weight:700;font-size:14px}.sb-sidebar a:hover{background:rgba(255,181,46,.10);color:#ffd477}.sb-sidebar hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:12px 0}.sb-side-title{color:#ffbf47;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.8px;padding:16px 12px 8px}.sb-main{padding:18px 22px 90px;min-width:0}.sb-search-row{display:grid;grid-template-columns:1fr auto;gap:12px}.sb-search{height:54px;background:#122749;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 18px;font-size:24px}.sb-search input{width:100%;background:none;border:0;outline:none;color:white;font-size:15px}.sb-betslip-btn{display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,181,46,.20);background:#10223f;font-weight:800}.sb-betslip-btn b{background:#ffbf47;color:#17203d;border-radius:999px;padding:3px 8px}.sb-sport-strip{display:flex;gap:8px;margin:14px 0 16px;overflow-x:auto}.sb-sport-strip a{min-width:90px;height:82px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:#102440;border:1px solid rgba(255,255,255,.06);border-radius:12px}.sb-sport-strip a.active{border-color:#ffbf47;box-shadow:inset 0 0 0 1px #ffbf47}.sb-sport-strip span{font-size:25px}.sb-sport-strip small{font-weight:800}.sb-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sb-promo{height:205px;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.10);background:#10203a}.sb-promo img{width:100%;height:100%;object-fit:cover}.sb-promo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,31,.85),rgba(4,13,31,.08))}.sb-promo-text{position:absolute;z-index:2;left:18px;bottom:18px;max-width:72%;display:grid;gap:7px}.sb-promo-text b{color:#ffbf47;text-transform:uppercase;font-size:12px}.sb-promo-text strong{font-size:22px}.sb-promo-text span{width:max-content;padding:8px 12px;background:#ffbf47;color:#17203d;border-radius:8px;font-weight:900;font-size:12px}.sb-filter-tabs{display:flex;gap:4px;align-items:center;margin:16px 0;overflow:auto;border:1px solid rgba(255,255,255,.07);background:#0e213e;border-radius:12px;padding:4px}.sb-filter-tabs button,.sb-filter-tabs a{white-space:nowrap;background:transparent;border:0;color:#d9e1ef;padding:10px 16px;border-radius:9px}.sb-filter-tabs button.active{background:#ffbf47;color:#17203d;font-weight:900}.sb-filter-tabs a{margin-left:auto;color:#ffbf47}.sb-section{margin-top:18px}.sb-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sb-section-head h2{margin:0}.sb-section-head a{color:#ffbf47}.sb-match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sb-match-card{background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:14px}.sb-match-top{display:flex;justify-content:space-between;color:#cdd8e9;font-size:12px}.sb-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;padding:28px 6px;font-weight:800}.sb-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sb-odds button,.sb-race-odd{background:#142c4d;border:1px solid rgba(255,255,255,.10);color:white;border-radius:9px;padding:10px}.sb-odds button b,.sb-race-odd{color:#ffbf47;font-size:18px}.sb-match-card.race{position:relative}.sb-match-card.race h3{font-size:21px;margin:28px 0 7px}.sb-match-card.race p{color:#aebbd1}.sb-race-odd{position:absolute;right:14px;top:64px}.sb-match-card.race a{display:block;text-align:center;margin-top:28px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:9px}.sb-live-chips{display:flex;gap:8px;overflow:auto}.sb-live-chips a{background:#102440;border-radius:999px;padding:10px 14px;white-space:nowrap}.sb-live-chips b{background:#ffbf47;color:#17203d;border-radius:999px;padding:2px 7px;margin-left:5px}.sportsbook-home .mobile-bottom{display:none}
@media(max-width:980px){.sb-header{grid-template-columns:1fr auto;height:68px;padding:0 12px}.sb-logo img{height:44px}.sb-main-nav{display:none}.sb-header-actions .sb-action{display:none}.sb-mobile-menu{display:block;background:#102440;color:white;border:1px solid rgba(255,255,255,.12);border-radius:10px;width:38px;height:38px}.sb-shell{grid-template-columns:1fr}.sb-sidebar{position:fixed;left:0;top:68px;bottom:0;width:270px;height:auto;z-index:70;transform:translateX(-105%);transition:.25s}.sb-sidebar.open{transform:translateX(0)}.sb-main{padding:12px 10px 78px}.sb-search-row{grid-template-columns:1fr auto}.sb-betslip-btn{padding:0 12px}.sb-betslip-btn{font-size:0}.sb-betslip-btn:before{content:'▤';font-size:18px}.sb-sport-strip a{min-width:74px;height:70px}.sb-promos{grid-template-columns:1fr;gap:10px}.sb-promo{height:180px}.sb-match-grid{grid-template-columns:1fr}.sportsbook-home .mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:90;background:#07152f;border-top:1px solid rgba(255,255,255,.10)}.sportsbook-home .mobile-bottom a{text-align:center;padding:8px 2px;color:#d9e1ef;font-size:9px}.sportsbook-home .mobile-bottom span{display:block;font-size:17px;margin-bottom:4px}}


/* ==========================================================
   VERSION 8.3 — MOBILE APP HOME REWORK
   ========================================================== */
.sb-mobile-primary,.sb-mobile-shortcuts{display:none}
.sb-mobile-icon{display:none}

@media(max-width:980px){
  .sportsbook-home{background:linear-gradient(180deg,#07152f 0%, #091b38 32%, #081326 100%) !important}
  .sb-header{
    position:sticky; top:0; z-index:95;
    grid-template-columns:38px minmax(0,1fr) auto !important;
    height:60px !important;
    padding:0 10px !important;
    gap:8px !important;
    background:linear-gradient(180deg,#08162f,#0a1d3b) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
  .sb-logo{display:flex;justify-content:center;align-items:center;min-width:0}
  .sb-logo img{height:34px !important;max-width:150px;width:auto}
  .sb-main-nav{display:none !important}
  .sb-header-actions{display:flex !important;align-items:center !important;gap:7px !important}
  .sb-header-actions .sb-action{display:none !important}
  .sb-mobile-icon,.sb-mobile-menu{
    display:inline-flex !important;align-items:center;justify-content:center;
    width:34px;height:34px;border-radius:10px;
    border:1px solid rgba(255,255,255,.10);
    background:#102440;color:#fff;font-size:17px;font-weight:800;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
  }
  .sb-mobile-primary{
    display:flex; gap:8px; overflow-x:auto; -webkit-overflow-scrolling:touch;
    position:sticky; top:60px; z-index:94;
    padding:8px 10px 10px;
    background:rgba(7,21,47,.96);
    border-bottom:1px solid rgba(255,255,255,.06);
    scrollbar-width:none;
  }
  .sb-mobile-primary::-webkit-scrollbar{display:none}
  .sb-mobile-primary a{
    white-space:nowrap; flex:0 0 auto;
    padding:9px 13px; border-radius:999px;
    color:#dfe7f5; font-size:12px; font-weight:800;
    background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.06);
  }
  .sb-mobile-primary a.active{background:linear-gradient(135deg,#ffd76a,#ff9f2f); color:#17203d; border-color:transparent}
  .sb-shell{grid-template-columns:1fr !important; min-height:calc(100vh - 60px) !important}
  .sb-sidebar{top:60px !important; width:min(86vw,320px) !important; border-right:1px solid rgba(255,255,255,.08); box-shadow:18px 0 42px rgba(0,0,0,.35)}
  .sb-main{padding:10px 10px 88px !important}
  .sb-search-row{grid-template-columns:minmax(0,1fr) auto !important; gap:8px !important; margin-bottom:10px}
  .sb-search{
    height:44px !important; border-radius:14px !important; padding:0 14px !important;
    background:#102440 !important; border-color:rgba(255,255,255,.08) !important; gap:10px !important; font-size:19px !important;
  }
  .sb-search input{font-size:14px !important}
  .sb-betslip-btn{
    min-width:44px; height:44px; padding:0 12px !important; border-radius:14px !important;
    justify-content:center; background:#102440 !important; border-color:rgba(255,181,46,.16) !important;
  }
  .sb-betslip-btn{font-size:0 !important}
  .sb-betslip-btn:before{content:'▤'; font-size:17px}
  .sb-betslip-btn b{margin-left:6px}
  .sb-mobile-shortcuts{
    display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:0 0 12px;
  }
  .sb-mobile-shortcuts a{
    background:linear-gradient(180deg,#102440,#0d203b); border:1px solid rgba(255,255,255,.08);
    border-radius:16px; padding:10px 6px 8px; text-align:center; color:#eef3fc;
    box-shadow:0 10px 22px rgba(0,0,0,.14);
  }
  .sb-mobile-shortcuts span{display:block; font-size:20px; margin-bottom:7px}
  .sb-mobile-shortcuts small{display:block; font-size:10px; font-weight:800; line-height:1.15}
  .sb-sport-strip{
    gap:8px !important; margin:0 0 12px !important; padding-bottom:2px;
  }
  .sb-sport-strip a{
    min-width:72px !important; height:72px !important; border-radius:15px !important;
    background:linear-gradient(180deg,#112745,#0d2039) !important;
    box-shadow:0 10px 18px rgba(0,0,0,.12);
  }
  .sb-sport-strip span{font-size:22px !important}
  .sb-sport-strip small{font-size:10px !important}
  .sb-promos{
    display:flex !important; gap:10px !important; overflow-x:auto; scroll-snap-type:x mandatory;
    margin:0 -2px 12px; padding:0 2px 2px;
  }
  .sb-promos::-webkit-scrollbar{display:none}
  .sb-promo{
    flex:0 0 86%; height:176px !important; scroll-snap-align:start;
    border-radius:18px !important; box-shadow:0 16px 30px rgba(0,0,0,.18);
  }
  .sb-promo-text{left:14px !important; bottom:14px !important; gap:5px !important; max-width:76% !important}
  .sb-promo-text b{font-size:11px !important}
  .sb-promo-text strong{font-size:20px !important; line-height:1.05}
  .sb-promo-text span{font-size:11px !important; padding:7px 10px !important}
  .sb-filter-tabs{
    margin:0 0 12px !important; border-radius:14px !important; padding:5px !important; gap:5px !important;
    background:#0f2240 !important;
  }
  .sb-filter-tabs button,.sb-filter-tabs a{padding:10px 12px !important; font-size:12px !important}
  .sb-filter-tabs a{margin-left:0 !important}
  .sb-section{margin-top:12px !important}
  .sb-section-head{margin-bottom:10px !important}
  .sb-section-head h2{font-size:20px}
  .sb-match-grid{grid-template-columns:1fr !important; gap:10px !important}
  .sb-match-card{
    border-radius:18px !important; padding:14px !important;
    box-shadow:0 14px 28px rgba(0,0,0,.12);
  }
  .sb-match-top{font-size:11px !important}
  .sb-teams{padding:18px 4px !important; gap:6px !important}
  .sb-teams div{font-size:15px}
  .sb-odds{gap:6px !important}
  .sb-odds button,.sb-race-odd{padding:11px 8px !important; border-radius:11px !important}
  .sb-match-card.race h3{font-size:19px !important; margin:24px 0 6px !important}
  .sb-race-odd{top:58px !important}
  .sb-live-chips{gap:8px !important; padding-bottom:2px}
  .sb-live-chips a{
    background:#102440 !important; border:1px solid rgba(255,255,255,.07);
    padding:11px 14px !important; border-radius:999px !important; font-size:12px; font-weight:700;
  }
  .sportsbook-home .mobile-bottom{
    display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:0;
    position:fixed; left:0; right:0; bottom:0; z-index:96;
    background:rgba(7,21,47,.98) !important; backdrop-filter:blur(18px);
    border-top:1px solid rgba(255,255,255,.10); box-shadow:0 -10px 25px rgba(0,0,0,.22);
  }
  .sportsbook-home .mobile-bottom a{
    padding:8px 3px 7px !important; color:#dbe5f5 !important; font-size:9px !important; font-weight:700;
  }
  .sportsbook-home .mobile-bottom span{font-size:16px !important; margin-bottom:4px !important}
  .sportsbook-home .mobile-bottom a.active{color:#ffbf47 !important}
}

@media(max-width:420px){
  .sb-promo{flex-basis:90%}
  .sb-mobile-primary a{padding:8px 11px; font-size:11px}
  .sb-mobile-shortcuts{gap:7px}
  .sb-mobile-shortcuts a{padding:9px 4px 7px}
  .sb-mobile-shortcuts span{font-size:18px}
}


/* ==========================================================
   VERSION 8.4 — INNER MOBILE APP STYLE + NO IN-PLAY + SOCCER PROMO
   ========================================================== */
@media(max-width:980px){
  /* Inner pages as native-style mobile app */
  .page-shell{display:block !important;background:linear-gradient(180deg,#07152f 0%, #091b38 34%, #081326 100%) !important;min-height:100vh}
  .sidebar{top:60px !important;width:min(86vw,320px) !important;box-shadow:18px 0 42px rgba(0,0,0,.35) !important}
  .app-main{min-height:100vh;background:transparent !important}
  .topbar{
    position:sticky !important; top:0 !important; z-index:95 !important;
    display:grid !important; grid-template-columns:38px minmax(0,1fr) auto !important;
    align-items:center !important; gap:8px !important;
    height:60px !important; padding:0 10px !important;
    background:linear-gradient(180deg,#08162f,#0a1d3b) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
  .mobile-logo{display:flex !important;justify-content:center !important;align-items:center !important;min-width:0}
  .mobile-logo img{height:34px !important;max-width:150px !important;width:auto !important}
  .top-actions{display:flex !important;align-items:center !important;gap:7px !important}
  .icon-btn.mobile-menu,
  .icon-btn.notification-btn,
  .theme-toggle,
  .floating-theme-toggle,
  .client-menu-btn{
    width:34px !important;height:34px !important;min-width:34px !important;padding:0 !important;
    border-radius:10px !important;background:#102440 !important;border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 6px 18px rgba(0,0,0,.18) !important;justify-content:center !important;
  }
  .ui-icon{width:16px !important;height:16px !important}
  .notification-dot{right:-2px !important;top:-2px !important}
  .client-menu-btn .client-avatar,
  .client-menu-btn .client-meta,
  .client-menu-btn .client-caret{display:none !important}
  .product-topbar{
    position:sticky !important; top:60px !important; z-index:94 !important;
    display:flex !important; gap:8px !important; overflow-x:auto !important; overflow-y:hidden !important;
    padding:8px 10px 10px !important; margin:0 !important;
    background:rgba(7,21,47,.96) !important; border-bottom:1px solid rgba(255,255,255,.06) !important;
    scrollbar-width:none;
  }
  .product-topbar::-webkit-scrollbar{display:none}
  .product-pill{
    flex:0 0 auto !important; min-width:74px !important; padding:8px 10px !important;
    border-radius:16px !important; background:linear-gradient(180deg,#102440,#0d203b) !important;
    border:1px solid rgba(255,255,255,.07) !important; box-shadow:0 10px 18px rgba(0,0,0,.12) !important;
  }
  .product-pill.active{border-color:rgba(255,191,71,.38) !important; background:linear-gradient(145deg,rgba(255,191,71,.20),rgba(255,154,31,.12)) !important}
  .product-pill .picon{width:20px !important;height:20px !important}
  .product-pill span:last-child{font-size:10px !important;font-weight:800 !important}
  .page-content{padding:12px 10px 84px !important}
  .page-title{margin:2px 0 12px !important;padding:0 2px !important}
  .page-title .eyebrow{font-size:11px !important}
  .page-title h1{font-size:24px !important;margin:2px 0 4px !important}
  .page-title p{font-size:12px !important;color:#b4c1d9 !important;margin:0}
  .category-grid,.stats-grid,.wallet-grid,.reward-grid,.actions-grid,.sports-grid,.cards-grid{gap:10px !important}
  .category,.panel-card,.event-card,.race-card,.wallet-card,.reward-card,.result-card,.mini-card,.market-card{
    border-radius:18px !important; box-shadow:0 14px 28px rgba(0,0,0,.12) !important;
  }
  .event-card,.panel-card,.wallet-card,.result-card,.market-card{padding:14px !important}
  .odd-btn,.btn,.sb-odds button,.sb-race-odd{border-radius:12px !important}
  footer{display:none !important}
  .mobile-bottom{display:grid !important;grid-template-columns:repeat(5,1fr) !important;position:fixed !important;left:0;right:0;bottom:0;z-index:96 !important;background:rgba(7,21,47,.98) !important;backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.10) !important;box-shadow:0 -10px 25px rgba(0,0,0,.22) !important}
  .mobile-bottom a{padding:8px 3px 7px !important;color:#dbe5f5 !important;font-size:9px !important;font-weight:700 !important}
  .mobile-bottom a.active{color:#ffbf47 !important}
  .mobile-bottom span{display:block !important;font-size:16px !important;margin-bottom:4px !important}
}

/* Desktop cleanup for sportsbook home */
.sb-main-nav a,.sb-mobile-primary a{text-decoration:none}
.sb-live-chips a{text-decoration:none}


/* ==========================================================
   VERSION 8.5 — MOBILE HEADER CLEANUP + NATIVE APP DASHBOARD FLOW
   ========================================================== */
@media(max-width:980px){
  .sportsbook-home .sb-header{
    grid-template-columns:38px minmax(0,1fr) auto !important;
    height:60px !important;
    padding:0 10px !important;
    gap:8px !important;
  }
  .sportsbook-home .sb-main-nav{display:none !important}
  .sportsbook-home .sb-logo{
    grid-column:2 !important;
    justify-self:center !important;
    align-self:center !important;
    width:100%;
    display:flex !important;
    justify-content:center !important;
  }
  .sportsbook-home .sb-logo img{height:34px !important;max-width:150px !important;width:auto !important}
  .sportsbook-home .sb-header-actions{grid-column:3 !important;justify-self:end !important;gap:7px !important}
  .sportsbook-home .sb-mobile-menu{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    grid-column:1 !important;justify-self:start !important;
    width:34px !important;height:34px !important;border-radius:10px !important;
    background:#102440 !important;border:1px solid rgba(255,255,255,.10) !important;
    color:#fff !important;font-size:17px !important;font-weight:800 !important;
    box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
  }
  .sportsbook-home .sb-mobile-primary,
  .sportsbook-home .sb-mobile-shortcuts{display:none !important}
  .sportsbook-home .sb-main{padding-top:10px !important}
  .sportsbook-home .sb-search-row{margin-bottom:10px !important}
  .sportsbook-home .sb-sport-strip{margin-top:0 !important}
  .sportsbook-home .sb-filter-tabs{margin-top:14px !important}

  .page-shell .topbar{grid-template-columns:38px minmax(0,1fr) auto !important}
  .page-shell .mobile-logo{grid-column:2 !important;justify-self:center !important;width:100%}
  .page-shell .top-actions{grid-column:3 !important;justify-self:end !important}
}


/* ==========================================================
   VERSION 8.6 — LOGGED-IN HOME DASHBOARD + NATIVE BETSLIP SCREEN
   ========================================================== */
.client-home-dashboard{display:grid;gap:14px;margin:2px 0 16px}
.dashboard-hero-card{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px;align-items:center;
  padding:18px;border-radius:20px;background:linear-gradient(135deg,#12294a,#0d1f38);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 34px rgba(0,0,0,.16);
}
.dashboard-hero-copy h2{margin:3px 0 6px;font-size:28px;line-height:1.05}
.dashboard-hero-copy p{margin:0;color:#b8c5db;max-width:540px}
.dashboard-balance-panel{
  padding:16px;border-radius:18px;background:linear-gradient(145deg,rgba(255,191,71,.18),rgba(255,154,31,.10));
  border:1px solid rgba(255,191,71,.16);text-align:right;
}
.dashboard-balance-panel small{display:block;color:#ffe8a8;margin-bottom:6px}
.dashboard-balance-panel strong{display:block;font-size:30px;line-height:1.05;color:#fff7db}
.dashboard-mini-stats{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px}
.dashboard-mini-stats span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;color:#ecf2fb}
.dashboard-mini-stats b{color:#ffcf69}
.dashboard-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dashboard-action-grid a{
  padding:14px 10px;border-radius:18px;background:linear-gradient(180deg,#112745,#0d203a);border:1px solid rgba(255,255,255,.08);
  display:grid;place-items:center;gap:8px;text-align:center;box-shadow:0 12px 24px rgba(0,0,0,.12);
}
.dashboard-action-grid a span{font-size:20px;font-weight:800}
.dashboard-action-grid a small{font-size:12px;font-weight:800;color:#eef3fc}
.dashboard-info-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.dashboard-info-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.dashboard-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.dashboard-card-head h3{margin:0;font-size:17px}.dashboard-card-head a{color:#ffbf47;font-size:12px;font-weight:800}
.dashboard-bet-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.dashboard-bet-row:first-of-type{border-top:0;padding-top:0}
.dashboard-bet-row strong{display:block;font-size:14px}.dashboard-bet-row small{display:block;color:#aebbd4;margin-top:2px}
.dashboard-summary-list{display:grid;gap:10px}
.dashboard-summary-list div{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.04)}
.dashboard-summary-list small{color:#b5c2d8}.dashboard-summary-list strong{font-size:20px;color:#fff6dc}

.bets-dashboard-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 14px}
.bets-dashboard-strip article{padding:14px;border-radius:16px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.bets-dashboard-strip small{display:block;color:#aebbd4;margin-bottom:6px}.bets-dashboard-strip strong{font-size:20px;color:#fff6dc}
.bets-tabs{margin-bottom:14px}
.bets-mobile-list{display:grid;gap:12px;margin-bottom:14px}
.bet-card-native{padding:16px;border-radius:18px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.bet-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.bet-id{display:block;font-weight:900;letter-spacing:.2px}.bet-card-top small{display:block;color:#aebbd4;margin-top:2px}
.bet-card-native h3{margin:0 0 12px;font-size:18px;line-height:1.18}
.bet-card-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.bet-card-meta span{padding:10px;border-radius:12px;background:rgba(255,255,255,.04);font-size:12px;color:#b9c5da}
.bet-card-meta b{display:block;color:#fff;margin-top:4px;font-size:15px}
.bet-card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.desktop-bets-table{display:block}

@media(max-width:980px){
  .client-home-dashboard{gap:10px;margin-bottom:12px}
  .dashboard-hero-card{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:18px}
  .dashboard-hero-copy h2{font-size:24px}
  .dashboard-hero-copy p{font-size:12px;line-height:1.45}
  .dashboard-balance-panel{text-align:left;padding:14px;border-radius:16px}
  .dashboard-balance-panel strong{font-size:28px}
  .dashboard-mini-stats{justify-content:flex-start;gap:6px}
  .dashboard-mini-stats span{font-size:11px;padding:6px 9px}
  .dashboard-action-grid{gap:8px}
  .dashboard-action-grid a{padding:11px 6px;border-radius:16px;gap:6px}
  .dashboard-action-grid a span{font-size:18px}.dashboard-action-grid a small{font-size:10px}
  .dashboard-info-grid{grid-template-columns:1fr;gap:10px}
  .dashboard-info-card{padding:14px;border-radius:16px}
  .dashboard-bet-row{align-items:flex-start;gap:10px}
  .dashboard-bet-row .status{margin-top:2px}

  .bets-dashboard-strip{grid-template-columns:repeat(2,1fr);gap:8px}
  .bets-dashboard-strip article{padding:12px;border-radius:14px}
  .bets-dashboard-strip strong{font-size:18px}
  .bets-tabs{overflow-x:auto;scrollbar-width:none}
  .bets-tabs::-webkit-scrollbar{display:none}
  .bets-tabs button{white-space:nowrap;flex:0 0 auto}
  .bet-card-native{padding:14px;border-radius:16px}
  .bet-card-native h3{font-size:16px;margin-bottom:10px}
  .bet-card-meta{grid-template-columns:1fr 1fr;gap:7px}
  .bet-card-meta span{padding:9px}
  .bet-card-meta b{font-size:14px}
  .bet-card-actions .btn{padding:11px 8px !important;font-size:12px !important}
  .desktop-bets-table{display:none !important}
}


/* VERSION 8.8 — BETTING-FIRST LOGIN FLOW */
[hidden]{display:none !important}
.guest-actions,.logged-actions{display:flex;align-items:center;gap:10px}
.profile-action{display:inline-flex !important;align-items:center;gap:8px}
.profile-mini-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ffd76a,#ff9f2f);color:#17203d;font-size:10px;font-weight:900}
@media(max-width:980px){
  .guest-actions,.logged-actions{display:none !important}
}


/* ==========================================================
   VERSION 8.9 — FIXED MENU, SEARCH, THEME AND AD CAROUSEL
   ========================================================== */
.search-hidden{display:none !important}
.sb-search-status{margin:7px 2px 0;color:#ffcf69;font-size:12px;font-weight:700}
.sb-menu-overlay{display:none}
.sb-promo-carousel{position:relative;overflow:hidden;border-radius:16px;margin-top:0}
.sb-promo-carousel .sb-promos{display:flex !important;gap:0 !important;margin:0 !important;overflow:visible !important;transition:transform .45s ease;will-change:transform}
.sb-promo-carousel .sb-promo{flex:0 0 100%;width:100%;height:230px;border-radius:16px}
.sb-promo-carousel .sb-promo picture{display:block;width:100%;height:100%}
.sb-promo-carousel .sb-promo img{width:100%;height:100%;object-fit:cover}
.promo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(4,13,31,.72);color:#fff;font-size:25px;display:grid;place-items:center;cursor:pointer}
.promo-arrow.prev{left:12px}.promo-arrow.next{right:12px}
.promo-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:5;display:flex;gap:7px}
.promo-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);transition:.2s;cursor:pointer}
.promo-dots button.active{width:24px;background:#ffbf47}
.sb-theme-btn{font-size:18px;line-height:1}

html[data-theme="light"] body{background:#edf2f8 !important;color:#15213a !important}
html[data-theme="light"] .sportsbook-home{background:#edf2f8 !important;color:#15213a !important}
html[data-theme="light"] .sb-header,
html[data-theme="light"] .topbar{background:linear-gradient(180deg,#ffffff,#f4f7fb) !important;border-color:#d9e2ee !important}
html[data-theme="light"] .sb-main-nav a{color:#33415c !important}
html[data-theme="light"] .sb-main-nav a.active,
html[data-theme="light"] .sb-main-nav a:hover{color:#b96b00 !important}
html[data-theme="light"] .sb-sidebar,
html[data-theme="light"] .sidebar{background:#ffffff !important;border-color:#d9e2ee !important;color:#24324b !important}
html[data-theme="light"] .sb-sidebar a,
html[data-theme="light"] .sidebar a{color:#33415c !important}
html[data-theme="light"] .sb-search,
html[data-theme="light"] .sb-sport-strip a,
html[data-theme="light"] .sb-filter-tabs,
html[data-theme="light"] .sb-match-card,
html[data-theme="light"] .sb-live-chips a,
html[data-theme="light"] .panel-card,
html[data-theme="light"] .event-card,
html[data-theme="light"] .product-pill{background:#ffffff !important;color:#24324b !important;border-color:#d9e2ee !important;box-shadow:0 8px 22px rgba(40,61,90,.08) !important}
html[data-theme="light"] .sb-search input{color:#18243c !important}
html[data-theme="light"] .sb-search input::placeholder{color:#7c8aa2 !important}
html[data-theme="light"] .sb-match-top,
html[data-theme="light"] .sb-match-card p,
html[data-theme="light"] .page-title p{color:#66758d !important}
html[data-theme="light"] .sb-odds button,
html[data-theme="light"] .sb-race-odd{background:#f2f5f9 !important;color:#24324b !important;border-color:#d9e2ee !important}
html[data-theme="light"] .sb-section-head h2,
html[data-theme="light"] .page-title h1{color:#15213a !important}
html[data-theme="light"] .sb-mobile-icon,
html[data-theme="light"] .sb-mobile-menu,
html[data-theme="light"] .theme-toggle{background:#ffffff !important;color:#24324b !important;border-color:#d9e2ee !important}

@media(max-width:980px){
  body.menu-open{overflow:hidden}
  .sb-menu-overlay{position:fixed;inset:60px 0 0;z-index:69;border:0;background:rgba(0,0,0,.50);backdrop-filter:blur(2px)}
  .sb-menu-overlay.open{display:block}
  .sb-promo-carousel{border-radius:18px;margin-bottom:12px}
  .sb-promo-carousel .sb-promo{height:176px !important;flex-basis:100% !important}
  .promo-arrow{width:32px;height:32px;font-size:21px}
  .promo-arrow.prev{left:8px}.promo-arrow.next{right:8px}
  .promo-dots{bottom:8px}
  html[data-theme="light"] .sportsbook-home .mobile-bottom,
  html[data-theme="light"] .mobile-bottom{background:rgba(255,255,255,.98) !important;border-color:#d9e2ee !important}
  html[data-theme="light"] .mobile-bottom a{color:#52627d !important}
  html[data-theme="light"] .sb-sidebar{background:#ffffff !important}
}


/* ==========================================================
   VERSION 9.0 — MOBILE INTERACTION FIXES
   ========================================================== */
.sb-search-results{display:grid;gap:6px;margin:-2px 0 12px;padding:8px;border-radius:14px;background:#0d203b;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 28px rgba(0,0,0,.18)}
.sb-search-results[hidden]{display:none !important}
.sb-search-results a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.04);color:#fff}
.sb-search-results a:hover{background:rgba(255,191,71,.12)}
.sb-search-results strong,.sb-search-results small{display:block}.sb-search-results small{color:#aebbd4;margin-top:2px;font-size:11px}.sb-search-results b{color:#ffbf47;font-size:20px}
.sb-promo-carousel .sb-promos{display:block !important;transform:none !important;transition:none !important}
.sb-promo-carousel .sb-promo{display:none !important;width:100% !important;flex:none !important}
.sb-promo-carousel .sb-promo.active{display:block !important}
.sb-promo-carousel .sb-promo[hidden]{display:none !important}

@media(max-width:980px){
  .sportsbook-home .sb-search-row{display:block !important;grid-template-columns:1fr !important}
  .sportsbook-home .sb-betslip-btn{display:none !important}
  .sportsbook-home .sb-mobile-menu{position:relative !important;z-index:110 !important;pointer-events:auto !important;touch-action:manipulation !important}
  .sportsbook-home .sb-sidebar{z-index:100 !important}
  .sportsbook-home .sb-menu-overlay{z-index:99 !important}
  .sportsbook-home .sb-header{z-index:109 !important}
  .sportsbook-home .sb-promo-carousel{overflow:hidden !important;min-height:176px}
  .sportsbook-home .sb-promo-carousel .sb-promos{overflow:hidden !important;width:100% !important}
  .sportsbook-home .sb-promo-carousel .sb-promo{height:176px !important;margin:0 !important}
  .sportsbook-home .sb-promo-carousel .promo-arrow{display:flex !important}
  .sportsbook-home .sb-search{width:100% !important}
  .sportsbook-home .sb-search input{min-width:0 !important}
}

html[data-theme="light"] .sb-search-results{background:#fff;border-color:#d8dfeb;box-shadow:0 14px 26px rgba(24,42,74,.12)}
html[data-theme="light"] .sb-search-results a{background:#f3f6fb;color:#17203d}
html[data-theme="light"] .sb-search-results small{color:#64738c}


/* VERSION 9.1 — visible menu close state and clickable search */
.sb-mobile-menu .menu-glyph{display:block;line-height:1;font-size:19px;font-weight:900;pointer-events:none}
.sb-mobile-menu .menu-close-glyph{display:none}
.sb-mobile-menu.is-open .menu-open-glyph{display:none}
.sb-mobile-menu.is-open .menu-close-glyph{display:block}
.sb-search{position:relative}
.sb-search input{padding-right:48px !important}
.sb-search-submit{
  position:absolute;right:5px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border:0;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#ffd55f,#ff9b2f);color:#17203d;
  font-size:22px;font-weight:900;cursor:pointer;z-index:2;
}
@media(max-width:980px){
  .sportsbook-home .sb-mobile-menu{
    position:relative !important;left:auto !important;top:auto !important;
    z-index:1002 !important;isolation:isolate;
  }
  .sportsbook-home.menu-open .sb-mobile-menu,
  body.menu-open .sb-mobile-menu{z-index:1002 !important}
  .sportsbook-home .sb-header{z-index:1000 !important}
  .sportsbook-home .sb-sidebar{z-index:999 !important}
  .sportsbook-home .sb-menu-overlay{z-index:998 !important}
  .sportsbook-home .sb-search{height:46px !important;padding:0 5px 0 14px !important}
  .sportsbook-home .sb-search input{height:100%;font-size:14px !important}
  .sportsbook-home .sb-search-submit{width:38px;height:36px;right:5px}
}
html[data-theme="light"] .sb-search-submit{color:#17203d !important}


/* VERSION 9.2 — definitive mobile menu and search interaction fix */
.sb-mobile-menu #menuGlyph{display:block !important;position:relative;z-index:1;line-height:1;font-size:20px;font-weight:900;color:inherit;pointer-events:none}
.sb-mobile-menu.is-open #menuGlyph{display:block !important}
.sb-search{margin:0}
.sb-search-submit{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.search-hidden{display:none !important}
@media(max-width:980px){
  .sportsbook-home .sb-header{overflow:visible !important}
  .sportsbook-home .sb-mobile-menu{position:relative !important;z-index:1105 !important;overflow:visible !important}
  .sportsbook-home .sb-sidebar{top:60px !important;z-index:1100 !important}
  .sportsbook-home .sb-menu-overlay{top:60px !important;z-index:1090 !important}
  .sportsbook-home .sb-search{display:flex !important;width:100% !important}
  .sportsbook-home .sb-search-submit{display:flex !important;pointer-events:auto !important;z-index:10 !important}
}


/* VERSION 9.3 — hard mobile interaction override */
@media(max-width:980px){
  .sportsbook-home .sb-header{overflow:visible !important;isolation:isolate !important}
  .sportsbook-home .sb-mobile-menu{
    position:relative !important;z-index:2147483647 !important;
    pointer-events:auto !important;touch-action:manipulation !important;
  }
  body.menu-open .sb-mobile-menu{position:fixed !important;left:10px !important;top:13px !important;z-index:2147483647 !important}
  body.menu-open .sb-sidebar{z-index:2147483645 !important}
  body.menu-open .sb-menu-overlay{z-index:2147483644 !important}
  .sportsbook-home .sb-search-submit{
    display:flex !important;align-items:center !important;justify-content:center !important;
    position:absolute !important;right:5px !important;top:50% !important;transform:translateY(-50%) !important;
    width:38px !important;height:36px !important;z-index:50 !important;
    pointer-events:auto !important;touch-action:manipulation !important;
  }
  .sportsbook-home .sb-search{position:relative !important;overflow:visible !important}
  .sportsbook-home .sb-search input{padding-right:52px !important}
}


/* VERSION 9.4 — live mobile search, reliable carousel, profile-only welcome */
@media(max-width:980px){
  .sportsbook-home .sb-promo-carousel{margin-bottom:14px !important}
  .sportsbook-home .sb-promo-carousel .sb-promos{display:block !important;overflow:hidden !important;transform:none !important}
  .sportsbook-home .sb-promo-carousel .sb-promo{display:none !important;width:100% !important;height:176px !important;margin:0 !important}
  .sportsbook-home .sb-promo-carousel .sb-promo.active{display:block !important}
  .sportsbook-home .sb-section{margin-top:0 !important}
  .sportsbook-home .sb-search-results{margin-top:6px !important}
}


/* ==========================================================
   VERSION 9.5 — GLOBAL SEARCH + PUBLIC HOME LINKS + SMOOTH CAROUSEL
   ========================================================== */
.sb-promo-carousel{position:relative;overflow:hidden!important;border-radius:18px;background:#0d203b;isolation:isolate}
.sb-promo-carousel .sb-promos{
  display:flex!important;gap:0!important;width:100%!important;margin:0!important;overflow:visible!important;
  transform:translate3d(0,0,0);transition:transform .72s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform;backface-visibility:hidden;
}
.sb-promo-carousel .sb-promo,
.sb-promo-carousel .sb-promo.active,
.sb-promo-carousel .sb-promo[hidden]{
  display:block!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;margin:0!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.sb-promo-carousel .sb-promo picture,.sb-promo-carousel .sb-promo img{display:block;width:100%;height:100%}
.sb-promo-carousel .sb-promo img{object-fit:cover;transform:scale(1.01);transition:transform 5s ease}
.sb-promo-carousel .sb-promo.active img{transform:scale(1.045)}
.promo-arrow{transition:background .2s ease,transform .2s ease,opacity .2s ease}
.promo-arrow:hover{background:rgba(4,13,31,.9);transform:translateY(-50%) scale(1.06)}
.promo-dots button{transition:width .3s ease,background .3s ease,opacity .3s ease}

@media(max-width:980px){
  .sportsbook-home .sb-promo-carousel .sb-promos{display:flex!important;overflow:visible!important;transform:translate3d(0,0,0);transition:transform .68s cubic-bezier(.22,.61,.36,1)!important}
  .sportsbook-home .sb-promo-carousel .sb-promo,
  .sportsbook-home .sb-promo-carousel .sb-promo.active,
  .sportsbook-home .sb-promo-carousel .sb-promo[hidden]{display:block!important;flex:0 0 100%!important;width:100%!important;height:176px!important}
  .sportsbook-home .sb-promo-carousel{touch-action:pan-y;box-shadow:0 14px 30px rgba(0,0,0,.18)}
}


/* VERSION 9.6 — single-source mobile search and carousel runtime */
.sb-promo-carousel .runtime-carousel-track{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:230px !important;
  overflow:hidden !important;
  transform:none !important;
  transition:none !important;
}
.sb-promo-carousel .runtime-carousel-slide{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate3d(5%,0,0) scale(.985) !important;
  transition:opacity .7s ease,transform .78s cubic-bezier(.22,.61,.36,1),visibility 0s linear .78s !important;
}
.sb-promo-carousel .runtime-carousel-slide.active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translate3d(0,0,0) scale(1) !important;
  transition-delay:0s !important;
  z-index:2 !important;
}
.sb-promo-carousel .runtime-carousel-slide img{transform:scale(1.01) !important;transition:transform 4.2s ease !important}
.sb-promo-carousel .runtime-carousel-slide.active img{transform:scale(1.045) !important}
@media(max-width:980px){
  .sb-promo-carousel .runtime-carousel-track{height:176px !important}
  .sb-promo-carousel .runtime-carousel-slide{height:176px !important}
  .sportsbook-home .sb-search-submit{display:flex !important;pointer-events:auto !important;touch-action:manipulation !important;z-index:30 !important}
  .sportsbook-home .sb-search input{pointer-events:auto !important;touch-action:manipulation !important}
}


/* VERSION 9.7 — SEARCH DESTINATION HIGHLIGHT */
.search-destination-highlight{
  position:relative!important;
  z-index:3;
  border-radius:16px!important;
  outline:3px solid #ffbf47!important;
  outline-offset:5px!important;
  box-shadow:0 0 0 8px rgba(255,191,71,.18),0 18px 45px rgba(0,0,0,.28)!important;
  animation:searchTargetPulse 1.1s ease-in-out 2;
  scroll-margin-top:110px;
}
.search-destination-highlight.search-highlight-settled{
  animation:none;
  outline-width:2px!important;
  box-shadow:0 0 0 6px rgba(255,191,71,.12),0 12px 30px rgba(0,0,0,.20)!important;
}
.search-word-highlight{
  background:#ffcf69;
  color:#10213d;
  padding:0 .18em;
  border-radius:.28em;
  font-weight:900;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
@keyframes searchTargetPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 6px rgba(255,191,71,.12),0 14px 34px rgba(0,0,0,.22)}
  50%{transform:scale(1.012);box-shadow:0 0 0 13px rgba(255,191,71,.24),0 20px 48px rgba(0,0,0,.32)}
}
@media(max-width:980px){
  .search-destination-highlight{scroll-margin-top:88px;outline-offset:3px!important}
}


/* VERSION 9.9 — SEARCH RESULT ONLY / RELIABLE HIGHLIGHT */
main.search-focus-mode > *:not(.search-result-focus-panel){display:none!important}
.search-result-focus-panel{width:100%;max-width:1040px;margin:18px auto 80px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#102747,#0b1d35);border:2px solid #ffc247;box-shadow:0 20px 55px rgba(0,0,0,.32)}
.search-result-focus-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.10)}
.search-result-focus-head small{display:block;color:#ffc247;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.search-result-focus-head h2{margin:3px 0 0;color:#fff;font-size:22px}
.search-result-show-page{border:1px solid rgba(255,194,71,.55);background:#ffc247;color:#10162c;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;white-space:nowrap}
.search-result-only-card{margin:0!important;max-width:none!important;outline:3px solid #ffc247!important;outline-offset:3px;border-radius:16px;animation:searchResultPulse 1.3s ease 2}
.search-destination-highlight{outline:4px solid #ffc247!important;outline-offset:5px!important;box-shadow:0 0 0 7px rgba(255,194,71,.18),0 18px 48px rgba(0,0,0,.28)!important;position:relative;z-index:2}
.search-word-highlight{background:#ffc247!important;color:#11172d!important;border-radius:4px;padding:0 3px;font-weight:900}
@keyframes searchResultPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@media(max-width:760px){
 .search-result-focus-panel{margin:10px 10px 88px;width:calc(100% - 20px);padding:13px;border-radius:16px}
 .search-result-focus-head{align-items:flex-start}.search-result-focus-head h2{font-size:18px}
 .search-result-show-page{padding:8px 10px;font-size:11px}
}


/* ==========================================================
   VERSION 10.0 — FOOTBALL MATCH CENTRE
   Compact sportsbook-style football presentation, preserving v9.9
   ========================================================== */
.football-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}
.football-markets{min-width:0;display:grid;gap:12px}
.football-toolbar{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:linear-gradient(180deg,#112846,#0d203a);border:1px solid rgba(255,255,255,.08)}
.football-date-tabs{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1}.football-date-tabs::-webkit-scrollbar{display:none}
.football-date-tabs button{min-width:86px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);color:#dce6f5;text-align:center;cursor:pointer}
.football-date-tabs button strong,.football-date-tabs button small{display:block}.football-date-tabs button strong{font-size:12px}.football-date-tabs button small{font-size:10px;color:#93a4bd;margin-top:2px}
.football-date-tabs button.active{background:#ffbf47;border-color:#ffbf47;color:#151b28}.football-date-tabs button.active small{color:#5e4310}
.football-compact-toggle{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;font-size:20px}
.football-league-block{overflow:hidden;border-radius:16px;background:#0c1d35;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.football-league-head{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:10px;align-items:center;padding:11px 12px;background:linear-gradient(90deg,#18385e,#112945);border-bottom:1px solid rgba(255,255,255,.08)}
.football-league-head>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.league-flag{font-size:19px}.football-league-head strong,.football-league-head small{display:block}.football-league-head strong{font-size:13px}.football-league-head small{font-size:10px;color:#aebbd1;margin-top:1px}
.market-headings{display:grid;grid-template-columns:repeat(3,1fr) 66px;gap:6px;text-align:center;color:#91a1b8;font-size:10px;font-weight:800;text-transform:uppercase}
.football-match-row{display:grid;grid-template-columns:32px 55px minmax(155px,1fr) 278px 66px;gap:8px;align-items:center;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:#0f2340!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.football-match-row:last-child{border-bottom:0!important}.football-match-row:hover{background:#132b4c!important}
.match-favourite{border:0;background:none;color:#73849d;font-size:22px;cursor:pointer}.match-favourite:hover{color:#ffbf47}
.match-time{text-align:center}.match-time strong,.match-time small{display:block}.match-time strong{font-size:12px;color:#fff}.match-time small{font-size:9px;color:#94a4ba;margin-top:2px}
.match-teams{display:grid;gap:5px;min-width:0;color:#eef3fb;font-weight:750;font-size:13px}.match-teams span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.match-odds .odd-btn{min-height:48px;padding:7px!important;border-radius:9px!important;display:flex!important;align-items:center;justify-content:space-between;gap:5px;background:#17365c!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}.match-odds .odd-btn:hover,.match-odds .odd-btn.selected{background:#ffbf47!important;color:#171d28!important;border-color:#ffbf47!important}.match-odds .odd-btn small{font-size:10px;color:#9fb0c7}.match-odds .odd-btn:hover small,.match-odds .odd-btn.selected small{color:#604613}.match-odds .odd-btn b{font-size:14px}
.match-more{height:48px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#132c4d;color:#e6edf8;cursor:pointer}.match-more b,.match-more small{display:block}.match-more b{font-size:12px}.match-more small{font-size:8px;color:#91a3bc;margin-top:2px}
.football-side-panel{display:grid;gap:12px;position:sticky;top:88px}.football-filter-card{padding:14px}.football-side-title h2{margin:3px 0 12px}.football-filter{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#edf3fb;margin-top:7px}.football-filter>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#17365c}.football-filter strong,.football-filter small{display:block}.football-filter strong{font-size:12px}.football-filter small{font-size:9px;color:#93a5bd;margin-top:2px}.football-filter.active{border-color:rgba(255,191,71,.55);background:rgba(255,191,71,.08)}.football-filter.active>span{background:#ffbf47;color:#182033}
.football-betslip-preview{padding:15px}.football-betslip-preview h3{margin:3px 0 8px}.football-betslip-preview p{font-size:12px;color:#aab8cc;line-height:1.5}.football-betslip-preview .btn{width:100%;margin-top:6px}

body.light-mode .football-toolbar,body.light-mode .football-league-block,body.light-mode .football-match-row,body.light-mode .football-filter-card,body.light-mode .football-betslip-preview{background:#fff!important;border-color:#dce3ec!important}
body.light-mode .football-league-head{background:#eaf0f7}body.light-mode .football-league-head strong,body.light-mode .match-time strong,body.light-mode .match-teams,body.light-mode .football-filter{color:#172236}body.light-mode .football-match-row:hover{background:#f4f7fb!important}
body.light-mode .match-odds .odd-btn{background:#eef3f8!important;color:#182438!important;border-color:#d7e0ea!important}body.light-mode .match-more{background:#eef3f8;color:#182438;border-color:#d7e0ea}

@media(max-width:1080px){.football-layout{grid-template-columns:1fr}.football-side-panel{position:static;grid-template-columns:1fr 1fr}.football-league-head{grid-template-columns:minmax(0,1fr) 310px}.football-match-row{grid-template-columns:28px 50px minmax(135px,1fr) 245px 58px}}
@media(max-width:760px){
 .football-layout{gap:10px}.football-side-panel{grid-template-columns:1fr}.football-betslip-preview{display:none}.football-filter-card{display:none}
 .football-toolbar{padding:8px;border-radius:13px}.football-date-tabs button{min-width:72px;padding:8px 9px}.football-compact-toggle{width:38px;height:38px}
 .football-league-block{border-radius:13px}.football-league-head{grid-template-columns:1fr;padding:9px 10px}.market-headings{display:none}
 .football-match-row{grid-template-columns:24px 44px minmax(0,1fr);gap:7px;padding:9px!important;align-items:start}
 .match-favourite{grid-row:1/span 2;font-size:19px;padding:4px 0}.match-time{padding-top:4px}.match-time strong{font-size:11px}.match-teams{font-size:12px;padding:3px 0 7px}
 .match-odds{grid-column:2/4;width:100%;gap:5px}.match-odds .odd-btn{min-height:42px;padding:6px 8px!important}.match-odds .odd-btn b{font-size:13px}
 .match-more{grid-column:2/4;width:100%;height:35px;display:flex;align-items:center;justify-content:center;gap:5px}.match-more b,.match-more small{display:inline;margin:0}
}


/* ==========================================================
   VERSION 10.1 — SCREEN-FIT FOOTBALL LISTS ON FOOTBALL + HOME
   ========================================================== */
.football-layout{grid-template-columns:minmax(0,1fr) minmax(220px,260px)!important;gap:12px!important}
.football-match-row{grid-template-columns:28px 48px minmax(120px,1fr) minmax(210px,270px) 58px!important;gap:6px!important;padding:8px 9px!important}
.football-league-head{grid-template-columns:minmax(0,1fr) minmax(268px,328px)!important;padding:9px 10px!important}
.market-headings{grid-template-columns:repeat(3,1fr) 58px!important;gap:5px!important}
.match-odds{gap:5px!important}.match-odds .odd-btn{min-width:0!important;min-height:44px!important;padding:6px!important}
.match-more{width:100%;min-width:0;height:44px!important}.match-teams{min-width:0}.match-teams span{max-width:100%}

.home-football-centre{min-width:0}
.home-football-league{overflow:hidden;border-radius:14px;background:#0c1d35;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 26px rgba(0,0,0,.12)}
.home-football-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:8px;align-items:center;padding:10px;background:linear-gradient(90deg,#18385e,#112945);border-bottom:1px solid rgba(255,255,255,.08)}
.home-football-head>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.home-football-head strong,.home-football-head small{display:block}.home-football-head strong{font-size:13px}.home-football-head small{font-size:10px;color:#9fb0c7;margin-top:1px}
.home-market-head{display:grid;grid-template-columns:repeat(3,1fr) 58px;gap:5px;text-align:center;color:#91a1b8;font-size:10px;font-weight:900}
.home-football-row{display:grid;grid-template-columns:28px 50px minmax(130px,1fr) minmax(220px,280px) 58px;gap:6px;align-items:center;padding:8px 9px;background:#0f2340;border-bottom:1px solid rgba(255,255,255,.06)}
.home-football-row:last-child{border-bottom:0}.home-football-row:hover{background:#132b4c}
.home-match-fav{border:0;background:none;color:#73849d;font-size:20px;padding:0}.home-match-time{text-align:center}.home-match-time strong,.home-match-time small{display:block}.home-match-time strong{font-size:11px}.home-match-time small{font-size:8px;color:#94a4ba;margin-top:2px}
.home-match-teams{display:grid;gap:4px;min-width:0;color:#edf3fb;font-size:12px;font-weight:800}.home-match-teams span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-match-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.home-match-odds button{min-width:0;min-height:43px;padding:6px;border-radius:8px;background:#17365c;border:1px solid rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:4px}.home-match-odds button small{font-size:9px;color:#9fb0c7}.home-match-odds button b{font-size:13px;color:#ffbf47}.home-match-odds button.selected{background:#ffbf47;color:#17203d;border-color:#ffbf47}.home-match-odds button.selected b,.home-match-odds button.selected small{color:#17203d}
.home-match-more{height:43px;border-radius:8px;background:#132c4d;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#e6edf8;text-align:center}.home-match-more b,.home-match-more small{display:block}.home-match-more b{font-size:11px}.home-match-more small{font-size:7px;color:#91a3bc}
.home-racing-compact{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(200px,1.4fr) 72px 110px;gap:8px;align-items:center;margin-top:10px;padding:10px 12px;border-radius:13px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.home-racing-compact>div span,.home-racing-compact>div small,.home-racing-compact>a strong,.home-racing-compact>a small{display:block}.home-racing-compact small{color:#9fb0c7;font-size:9px;margin-top:2px}.home-racing-compact button{height:42px;border-radius:8px;background:#17365c;border:1px solid rgba(255,255,255,.08);color:#ffbf47;font-weight:900}.home-racing-compact>a:last-child{text-align:center;font-size:11px;color:#ffbf47}

@media(max-width:1180px){
 .football-layout{grid-template-columns:1fr!important}.football-side-panel{position:static!important;grid-template-columns:1fr 1fr!important}
 .football-match-row{grid-template-columns:26px 46px minmax(120px,1fr) minmax(205px,250px) 54px!important}
 .football-league-head{grid-template-columns:minmax(0,1fr) minmax(260px,304px)!important}
 .home-football-row{grid-template-columns:26px 46px minmax(120px,1fr) minmax(205px,250px) 54px}
 .home-football-head{grid-template-columns:minmax(0,1fr) minmax(260px,304px)}
 .home-market-head{grid-template-columns:repeat(3,1fr) 54px}
}
@media(max-width:760px){
 .football-layout{display:block!important;width:100%!important;min-width:0!important}.football-markets{width:100%;min-width:0}
 .football-toolbar{width:100%;box-sizing:border-box}.football-league-block{width:100%;box-sizing:border-box;overflow:hidden}
 .football-league-head{grid-template-columns:1fr!important}.football-match-row{grid-template-columns:22px 42px minmax(0,1fr)!important;width:100%;box-sizing:border-box;gap:5px!important;padding:8px!important}
 .match-favourite{grid-row:1/span 2!important}.match-time{padding-top:2px!important}.match-teams{font-size:11.5px!important;padding:1px 0 6px!important}
 .match-odds{grid-column:2/4!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:4px!important}
 .match-odds .odd-btn{width:100%!important;min-width:0!important;min-height:40px!important;padding:5px 6px!important}.match-odds .odd-btn b{font-size:12px!important}
 .match-more{grid-column:2/4!important;width:100%!important;height:32px!important;margin-top:1px}

 .home-football-head{grid-template-columns:1fr;padding:8px 9px}.home-market-head{display:none}
 .home-football-row{grid-template-columns:22px 42px minmax(0,1fr);gap:5px;padding:8px;align-items:start}
 .home-match-fav{grid-row:1/span 2;font-size:18px;padding-top:3px}.home-match-time{padding-top:2px}.home-match-teams{font-size:11.5px;padding:1px 0 6px}
 .home-match-odds{grid-column:2/4;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.home-match-odds button{width:100%;min-width:0;min-height:39px;padding:5px 6px}.home-match-odds button b{font-size:12px}
 .home-match-more{grid-column:2/4;width:100%;height:31px;display:flex;align-items:center;justify-content:center;gap:5px}.home-match-more b,.home-match-more small{display:inline}
 .home-racing-compact{grid-template-columns:minmax(0,1fr) 62px;gap:7px;padding:9px}.home-racing-compact>div,.home-racing-compact>a:nth-child(2){grid-column:1/2}.home-racing-compact button{grid-column:2/3;grid-row:1/3}.home-racing-compact>a:last-child{grid-column:1/3;padding-top:7px;border-top:1px solid rgba(255,255,255,.06)}
}
@media(max-width:380px){
 .football-match-row,.home-football-row{grid-template-columns:20px 39px minmax(0,1fr)!important;padding:7px!important}
 .match-odds .odd-btn,.home-match-odds button{padding:5px 4px!important}.match-odds .odd-btn small,.home-match-odds button small{font-size:8px!important}
}


/* ==========================================================
   VERSION 10.2 — HORSE RACING BET TYPE MENU
   ========================================================== */
.racing-market-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.bettype-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 16px}
.bettype-menu-trigger{display:none;align-items:flex-start;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#ffbf47,#ff9d2f);color:#17203d;border:0;box-shadow:0 14px 28px rgba(0,0,0,.16)}
.bettype-menu-trigger .trigger-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;opacity:.8}
.bettype-menu-trigger strong{font-size:16px;line-height:1.05}
.bettype-toolbar-info{display:grid;gap:3px}
.bettype-toolbar-info .eyebrow{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#ffbf47}
.bettype-toolbar-info strong{font-size:20px;color:#fff}
.bettype-toolbar-info small{color:#aebbd4;max-width:560px}
.bettype-panel{background:linear-gradient(180deg,#0f2442,#0b1d37);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:14px;position:sticky;top:132px;max-height:calc(100vh - 150px);overflow:auto;box-shadow:0 16px 34px rgba(0,0,0,.14)}
.bettype-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.bettype-panel-head h3{margin:4px 0 0;font-size:19px}.bettype-close{display:none;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:#12294a;color:#fff}
.bettype-menu-list{display:grid;gap:8px}
.bettype-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;text-align:left;padding:13px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.06);color:#fff}
.bettype-item strong{display:block;font-size:15px}.bettype-item small{display:block;font-size:11px;color:#afbdd5;margin-top:4px}
.bettype-item span{font-size:22px;color:#ffbf47}.bettype-item.active{background:linear-gradient(135deg,rgba(255,191,71,.18),rgba(255,157,47,.10));border-color:rgba(255,191,71,.28);box-shadow:inset 0 0 0 1px rgba(255,191,71,.18)}
.racing-market-main{min-width:0}
.bettype-context-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:18px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.bettype-context-card h3{margin:4px 0 6px;font-size:22px}.bettype-context-card p{margin:0;color:#b0bdd5;max-width:620px}
.bettype-context-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bettype-context-badges span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;font-weight:800;color:#e6edf8}
.combo-bet-panel{display:grid;gap:12px}
.combo-bet-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.combo-bet-hero h3{margin:4px 0 6px;font-size:24px}.combo-bet-hero p{margin:0;color:#afbdd5;max-width:620px}
.combo-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.combo-steps-grid article,.combo-note-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.combo-steps-grid span{display:inline-block;margin-bottom:8px;padding:6px 9px;border-radius:999px;background:rgba(255,191,71,.14);color:#ffcf69;font-size:11px;font-weight:900;text-transform:uppercase}.combo-steps-grid strong{display:block;font-size:17px;margin-bottom:6px}.combo-steps-grid p,.combo-note-card p{margin:0;color:#afbdd5;line-height:1.5}
.combo-selection-bar{padding:15px 16px;border-radius:18px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.combo-selection-bar strong{display:block;margin-bottom:10px;font-size:16px}.combo-tags{display:flex;gap:8px;flex-wrap:wrap}.combo-tag{padding:10px 14px;border-radius:999px;background:#17365c;border:1px solid rgba(255,255,255,.08);color:#ffbf47;font-weight:900}
.combo-note-card h4{margin:0 0 8px;font-size:17px}

@media(max-width:1100px){
  .racing-market-layout{grid-template-columns:280px minmax(0,1fr)}
}
@media(max-width:980px){
  .bettype-toolbar{margin:12px 0 14px;align-items:stretch;flex-direction:column}
  .bettype-menu-trigger{display:flex;width:100%}
  .bettype-toolbar-info{width:100%;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
  .racing-market-layout{grid-template-columns:1fr}
  .bettype-panel{position:fixed;left:0;top:60px;bottom:0;width:min(88vw,360px);max-height:none;transform:translateX(-105%);transition:transform .28s ease;z-index:97;border-radius:0 20px 20px 0;padding:16px}
  .bettype-panel.open{transform:translateX(0)}
  .bettype-close{display:inline-flex;align-items:center;justify-content:center}
  .bettype-context-card{flex-direction:column;gap:10px}.bettype-context-badges{justify-content:flex-start}
  .combo-bet-hero{flex-direction:column}.combo-steps-grid{grid-template-columns:1fr}
}
html[data-theme="light"] .bettype-panel,
html[data-theme="light"] .bettype-context-card,
html[data-theme="light"] .combo-bet-hero,
html[data-theme="light"] .combo-steps-grid article,
html[data-theme="light"] .combo-selection-bar,
html[data-theme="light"] .combo-note-card,
html[data-theme="light"] .bettype-toolbar-info{background:linear-gradient(180deg,#ffffff,#f5f8fc) !important;border-color:#d7e1ee !important;box-shadow:0 12px 24px rgba(26,45,74,.06)}
html[data-theme="light"] .bettype-item{background:linear-gradient(180deg,#ffffff,#f7f9fc) !important;border-color:#d7e1ee !important;color:#15213a !important}
html[data-theme="light"] .bettype-item small,
html[data-theme="light"] .bettype-context-card p,
html[data-theme="light"] .combo-bet-hero p,
html[data-theme="light"] .combo-steps-grid p,
html[data-theme="light"] .combo-note-card p,
html[data-theme="light"] .bettype-toolbar-info small{color:#66758d !important}
html[data-theme="light"] .bettype-toolbar-info strong,
html[data-theme="light"] .bettype-context-card h3,
html[data-theme="light"] .combo-bet-hero h3,
html[data-theme="light"] .combo-steps-grid strong,
html[data-theme="light"] .combo-note-card h4{color:#15213a !important}


/* ==========================================================
   VERSION 10.3 — INTERACTIVE RACING POOLS + APP-STYLE MOBILE UI
   ========================================================== */
.combo-builder{padding:16px;border-radius:18px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.combo-builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.combo-builder-head h3{margin:4px 0 0;font-size:21px}.combo-clear{border:1px solid rgba(255,255,255,.12);background:#142c4d;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800}
.combo-position-tabs,.combo-race-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px}.combo-position-tabs button,.combo-race-tabs button{min-width:92px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#142c4d;color:#dce6f5;font-weight:800;white-space:nowrap}.combo-position-tabs button.active,.combo-race-tabs button.active{background:linear-gradient(135deg,#ffd55f,#ff9b2f);color:#17203d;border-color:transparent}
.combo-runner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.combo-runner{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:11px;border-radius:14px;background:linear-gradient(180deg,#122b4c,#102541);border:1px solid rgba(255,255,255,.08);color:#fff}.combo-runner b{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#071a35;color:#ffcf69;font-size:18px}.combo-runner span{font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-runner small{font-size:10px;color:#9fb0c7}.combo-runner.selected{border-color:#ffbf47;box-shadow:inset 0 0 0 1px #ffbf47;background:linear-gradient(135deg,rgba(255,191,71,.16),rgba(255,157,47,.07))}.combo-runner.disabled{opacity:.38;pointer-events:none}
.combo-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.combo-summary>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.04)}.combo-summary small{display:block;color:#9fb0c7;font-size:10px}.combo-summary strong{display:block;margin-top:4px;font-size:13px;color:#fff;word-break:break-word}
.combo-stake-row{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(130px,.55fr) minmax(170px,.7fr);gap:10px;align-items:end;margin-top:12px}.combo-stake-row label{display:grid;gap:6px;font-size:11px;color:#aebbd4;font-weight:800}.combo-stake-row label span{display:none}.combo-stake-row input{width:100%;padding:11px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:#071a35;color:#fff}.combo-stake-row>div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04)}.combo-stake-row>div small{display:block;color:#9fb0c7}.combo-stake-row>div strong{font-size:17px;color:#ffcf69}.combo-rules{padding:14px 16px;border-radius:16px;background:rgba(255,191,71,.08);border:1px solid rgba(255,191,71,.18)}.combo-rules h4{margin:0 0 6px}.combo-rules p{margin:0;color:#c4cede;line-height:1.5}
.racing-mobile-dock{display:none}

@media(max-width:980px){
  .race-selector{display:flex !important;gap:7px;overflow-x:auto;padding:8px 0 10px;scrollbar-width:none}.race-selector::-webkit-scrollbar{display:none}.race-selector button{flex:0 0 48px !important;width:48px !important;height:48px !important;border-radius:8px !important;padding:0 !important}.race-selector button strong{display:none !important}.race-selector button span{font-size:20px !important}
  .bettype-panel{top:0 !important;z-index:120 !important;padding-top:18px !important}.bettype-panel-head{position:sticky;top:0;background:linear-gradient(180deg,#0f2442 75%,rgba(15,36,66,0));padding-bottom:10px;z-index:2}
  .combo-runner-grid{grid-template-columns:1fr 1fr;gap:7px}.combo-runner{grid-template-columns:36px minmax(0,1fr);padding:9px}.combo-runner b{width:34px;height:34px}.combo-runner span{font-size:11px}.combo-summary{grid-template-columns:1fr 1fr}.combo-stake-row{grid-template-columns:1fr 1fr}.combo-stake-row .btn{grid-column:1/3}.combo-position-tabs button,.combo-race-tabs button{min-width:78px;padding:9px 10px;font-size:11px}
  .racing-page-content{padding-bottom:138px !important}
  .racing-mobile-dock{display:grid;grid-template-columns:1.1fr .9fr .9fr .7fr .7fr;gap:6px;position:fixed;left:0;right:0;bottom:55px;z-index:95;padding:7px 8px;background:#07142e;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 24px rgba(0,0,0,.28)}
  .racing-mobile-dock label{display:flex;align-items:center;background:#fff;border-radius:8px;overflow:hidden;color:#17203d}.racing-mobile-dock label span{padding-left:8px;font-weight:900}.racing-mobile-dock input{width:100%;min-width:0;border:0;outline:0;padding:10px 6px;font-size:16px;color:#17203d}
  .racing-mobile-dock button,.racing-mobile-dock a{display:grid;place-items:center;min-height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:900;color:#fff;text-align:center}.dock-add{background:linear-gradient(180deg,#58bd28,#297c0d)}.dock-clear{background:linear-gradient(180deg,#f03d34,#a50e0a)}.dock-secondary{background:linear-gradient(180deg,#4f5360,#252a34)}
}
html[data-theme="light"] .combo-builder{background:linear-gradient(180deg,#fff,#f6f9fc)!important;border-color:#d7e1ee!important}html[data-theme="light"] .combo-runner{background:linear-gradient(180deg,#fff,#f4f7fb)!important;color:#15213a!important;border-color:#d7e1ee!important}html[data-theme="light"] .combo-runner b{background:#e9eff7!important;color:#ad6b00!important}html[data-theme="light"] .combo-runner small,html[data-theme="light"] .combo-summary small{color:#66758d!important}html[data-theme="light"] .combo-summary>div,html[data-theme="light"] .combo-stake-row>div{background:#edf2f8!important}html[data-theme="light"] .combo-summary strong{color:#15213a!important}html[data-theme="light"] .combo-stake-row input{background:#fff!important;color:#15213a!important;border-color:#ccd8e6!important}


/* VERSION 10.4 — RACING CARD SELECTION + SMS WORKFLOW */
.combo-bet-panel,.combo-builder,.combo-steps-grid,.combo-selection-bar,.combo-note-card{display:none!important}
.modern-runner{cursor:pointer;transition:border-color .18s ease,background .18s ease}
.modern-runner.race-runner-selected{border-color:#ffbf47!important;background:linear-gradient(90deg,rgba(255,191,71,.18),rgba(16,39,71,.98))!important;box-shadow:inset 4px 0 0 #ffbf47,0 10px 22px rgba(0,0,0,.12)}
.modern-runner.race-runner-selected .runner-number{background:#ffbf47;color:#17203d}
.racing-ticket-summary{display:grid;gap:14px}.race-ticket-info{display:grid;grid-template-columns:1fr 1fr;gap:8px}.race-ticket-info>div{padding:11px;border-radius:12px;background:rgba(255,255,255,.04)}
.race-ticket-info small,.race-ticket-info strong{display:block}.race-ticket-info small{color:#aebbd4;margin-bottom:3px}.race-ticket-selections{display:grid;gap:8px}
.race-ticket-runner{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.05)}.race-ticket-runner>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffbf47;color:#17203d;font-weight:900}.race-ticket-runner strong,.race-ticket-runner small{display:block}.race-ticket-runner small{color:#aebbd4;margin-top:3px}
.race-ticket-stake{display:grid;gap:7px;font-weight:800}.race-ticket-stake>div{display:grid;grid-template-columns:auto 1fr;align-items:center;background:#0c1f3a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.race-ticket-stake b{padding:0 12px;color:#ffbf47}.race-ticket-stake input{height:48px;background:transparent;border:0;color:#fff;font-size:18px;font-weight:900;outline:0}.race-ticket-actions{display:grid;gap:8px}.race-sms-preview{padding:12px;border-radius:12px;background:rgba(255,191,71,.08);border:1px dashed rgba(255,191,71,.28);font-family:monospace;color:#ffdb8d;line-height:1.45;word-break:break-word}
.racing-mobile-dock{grid-template-columns:minmax(92px,120px) 1fr auto!important}.mobile-race-amount{display:grid;grid-template-columns:auto 1fr;align-items:center;background:#fff;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.mobile-race-amount span{padding-left:10px;color:#17203d;font-weight:900}.mobile-race-amount input{width:100%;height:44px;border:0;outline:0;font-size:18px;font-weight:900;color:#17203d;padding:0 8px;background:#fff}.racing-mobile-dock .dock-add{font-size:13px;padding:0 12px}.racing-mobile-dock .dock-clear{font-size:12px;padding:0 10px}
@media(max-width:980px){.racing-betslip{display:none!important}.racing-market-main{width:100%}.modern-runner{grid-template-columns:36px 32px minmax(0,1fr) 58px 58px!important}.modern-runner .runner-details strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.racing-page-content{padding-bottom:150px!important}}


/* VERSION 10.5 — JSON RACE CARD GENERATOR */
.meeting-data-actions{display:flex;align-items:end;gap:10px}.json-load-btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border-radius:12px;background:#ffbf47;color:#17203d;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.race-selector button small{display:block;font-size:9px;margin-top:3px;opacity:.72}.silk-json,.silk-json-fallback{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f4ff,#cadcef);overflow:hidden;position:relative;color:#14213c}.silk-json img{width:100%;height:100%;object-fit:contain}.silk-json span{display:none}.silk-json.missing img{display:none}.silk-json.missing span{display:block;font-size:20px}.runner-details strong em{font-style:normal;font-size:10px;color:#9fb0c7}.runner-gear{color:#ffcf69 !important}.modern-runner.withdrawn{opacity:.48;filter:grayscale(1);cursor:not-allowed}.modern-runner.withdrawn:after{content:'Withdrawn';position:absolute;right:14px;top:8px;padding:4px 7px;border-radius:999px;background:#8d2434;color:#fff;font-size:9px;font-weight:900}.modern-runner{position:relative}
@media(max-width:980px){.meeting-data-actions{width:100%;justify-content:space-between}.meeting-data-actions .meeting-select{min-width:0;flex:1}.json-load-btn{height:42px}.race-selector button{min-width:58px}.silk-json,.silk-json-fallback{width:32px;height:32px;border-radius:8px}.modern-runner{grid-template-columns:36px 32px minmax(0,1fr) 58px 58px !important}}
html[data-theme="light"] .silk-json,html[data-theme="light"] .silk-json-fallback{background:linear-gradient(135deg,#edf5ff,#dce9f7)}


/* VERSION 10.6 — PUBLIC RACE JSON FILE */
.race-json-error{padding:24px;border-radius:16px;background:rgba(214,61,61,.10);border:1px solid rgba(255,99,99,.24);text-align:center}
.race-json-error strong{display:block;font-size:18px;margin-bottom:6px}
.race-json-error p{margin:0;color:#b8c5d8}


/* ==========================================================
   VERSION 10.8 — MOBILE HORSE RACING REFERENCE LAYOUT
   ========================================================== */
.hrmob-reference-strip,.hrmob-bets-cart{display:none}
@media(max-width:980px){
  .racing-dark-page .page-content{padding-left:0!important;padding-right:0!important}
  .racing-main-column{padding:0 8px}
  .meeting-summary{margin:0 -8px 8px!important;border-radius:0!important;padding:10px 12px!important;background:linear-gradient(180deg,#213859,#142744)!important}
  .meeting-copy{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meeting-copy .meeting-country{font-size:10px!important}.meeting-copy h1{font-size:17px!important;margin:0!important}.meeting-copy p{width:100%;font-size:10px!important;margin:0!important}
  .meeting-status{gap:6px!important}.meeting-status-box{padding:7px 9px!important;border-radius:8px!important}.meeting-status-box small{font-size:8px!important}.meeting-status-box strong{font-size:11px!important}
  .meeting-tools{display:none!important}
  .race-selector{margin:0 -8px;padding:7px 8px 9px!important;background:#102542;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
  .race-selector button{flex:0 0 43px!important;width:43px!important;height:43px!important;border-radius:5px!important;background:#607087!important;border:0!important;color:#fff!important}
  .race-selector button.active{background:#66bd2e!important;color:#fff!important;box-shadow:none!important}
  .race-title-row{margin:0 -8px!important;padding:9px 10px!important;border-radius:0!important;background:#f2f3f5!important;color:#17203d!important;align-items:center!important}
  .race-title-row h2{font-size:13px!important;color:#17203d!important;margin:2px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
  .race-title-row .race-kicker{font-size:10px!important;color:#5f6b7d!important}.race-meta{gap:4px!important}.race-meta span{font-size:9px!important;color:#17203d!important;background:#fff!important;padding:5px 6px!important}.race-meta .race-status-live{display:none!important}
  .hrmob-reference-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -8px;background:#0e1d35;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
  .hrmob-live-btn{border:0;border-radius:5px;background:#bb2a2f;color:#fff;padding:8px 10px;font-size:11px;font-weight:900}.hrmob-race-brief{text-align:right}.hrmob-race-brief strong,.hrmob-race-brief span{display:block}.hrmob-race-brief strong{font-size:11px}.hrmob-race-brief span{font-size:9px;color:#aebbd4;margin-top:2px}
  .bettype-toolbar{margin:0 -8px!important;padding:8px;background:#203b60;display:block!important}
  .bettype-menu-trigger{display:flex!important;width:100%;background:#fff!important;color:#1d2b42!important;border-radius:5px!important;padding:9px 10px!important;box-shadow:none!important}
  .bettype-menu-trigger .trigger-label{font-size:9px!important}.bettype-menu-trigger strong{font-size:15px!important}
  .bettype-toolbar-info,.bettype-context-card{display:none!important}
  .racing-market-layout{display:block!important}.racing-market-main{margin:0 -8px}
  .market-head{display:grid!important;grid-template-columns:36px 42px minmax(0,1fr) 58px 58px!important;gap:0!important;padding:7px 6px!important;background:#77879c!important;color:#fff!important;border-radius:0!important;font-size:10px!important;text-align:center}
  .market-head span:first-child{grid-column:1/4;text-align:left;padding-left:4px}.market-head span:nth-child(2),.market-head span:nth-child(3){text-align:center}
  .modern-runner-list{gap:0!important}
  .modern-runner{grid-template-columns:34px 38px minmax(0,1fr) 58px 58px!important;gap:3px!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;padding:7px 5px!important;background:#fff!important;color:#15213a!important;min-height:64px}
  .modern-runner:nth-child(even){background:#f0f2f5!important}.modern-runner .runner-number{width:28px!important;height:28px!important;border-radius:4px!important;background:#e5e8ec!important;color:#15213a!important}
  .modern-runner .runner-details strong{font-size:11px!important;color:#15213a!important}.modern-runner .runner-details small{font-size:8px!important;color:#5f6b7d!important;line-height:1.3!important}.modern-runner .runner-details strong em{font-size:8px!important;color:#6c7688!important}
  .silk-json,.silk-json-fallback{width:32px!important;height:32px!important;border-radius:4px!important;background:#fff!important}
  .market-odd{height:42px!important;border-radius:4px!important;background:#dfe4e9!important;color:#15213a!important;border:1px solid #cbd2d9!important;padding:4px!important}.market-odd span{font-size:8px!important;color:#5f6b7d!important}.market-odd strong{font-size:11px!important;color:#15213a!important}
  .modern-runner.race-runner-selected{background:#fff4cf!important;box-shadow:inset 4px 0 0 #f4af22!important}
  .racing-mobile-dock{grid-template-columns:minmax(82px,1.1fr) .75fr .7fr .7fr .7fr!important;gap:4px!important;bottom:55px!important;padding:6px!important;background:#111c30!important}
  .racing-mobile-dock button,.racing-mobile-dock a{min-height:40px!important;border-radius:4px!important;font-size:10px!important;padding:0 5px!important}
  .mobile-race-amount{border-radius:4px!important}.mobile-race-amount input{height:40px!important;font-size:15px!important}
  .hrmob-bets-cart{display:block;position:fixed;left:0;right:0;bottom:55px;z-index:110;background:#fff;color:#17203d;border-radius:16px 16px 0 0;box-shadow:0 -18px 40px rgba(0,0,0,.35);padding:14px;max-height:65vh;overflow:auto}
  .hrmob-bets-cart[hidden]{display:none!important}.hrmob-cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde3ea;padding-bottom:10px}.hrmob-cart-head small,.hrmob-cart-head strong{display:block}.hrmob-cart-head small{font-size:10px;color:#66758d}.hrmob-cart-head strong{font-size:18px;margin-top:2px}.hrmob-cart-head button{width:34px;height:34px;border:0;border-radius:50%;background:#edf1f5;color:#17203d}
  .hrmob-cart-body{padding:14px 0;color:#5f6b7d}.hrmob-cart-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.hrmob-cart-actions .btn{padding:10px 6px!important;font-size:10px!important}
}


/* ==========================================================
   VERSION 10.9 — MOBILE RACING COLOUR MATCH + SMS NUMBER
   ========================================================== */
@media(max-width:980px){
  .racing-dark-page .meeting-summary{
    background:linear-gradient(180deg,#102747,#0b1e39)!important;
    border-bottom:1px solid rgba(255,191,71,.16)!important;
  }
  .racing-dark-page .race-selector{
    background:#0c203c!important;
    border-color:rgba(255,255,255,.07)!important;
  }
  .racing-dark-page .race-selector button{
    background:#17365c!important;
    color:#dce6f4!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  .racing-dark-page .race-selector button.active{
    background:linear-gradient(180deg,#ffd45f,#f5a623)!important;
    color:#17203d!important;
    box-shadow:0 5px 14px rgba(245,166,35,.24)!important;
  }
  .racing-dark-page .race-title-row{
    background:linear-gradient(180deg,#102747,#0d203b)!important;
    color:#f4f7fb!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .racing-dark-page .race-title-row h2{color:#f4f7fb!important}
  .racing-dark-page .race-title-row .race-kicker{color:#ffbf47!important}
  .racing-dark-page .race-meta span{
    color:#dce6f4!important;
    background:#17365c!important;
    border:1px solid rgba(255,255,255,.07)!important;
  }
  .racing-dark-page .hrmob-reference-strip{
    background:#091a34!important;
    border-bottom-color:rgba(255,191,71,.14)!important;
  }
  .racing-dark-page .hrmob-live-btn{
    background:linear-gradient(180deg,#e14945,#a91e25)!important;
  }
  .racing-dark-page .bettype-toolbar{background:#0d2340!important}
  .racing-dark-page .bettype-menu-trigger{
    background:linear-gradient(180deg,#ffd45f,#f5a623)!important;
    color:#17203d!important;
    border:0!important;
  }
  .racing-dark-page .market-head{
    background:#132b4a!important;
    color:#dce6f4!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .racing-dark-page .modern-runner,
  .racing-dark-page .modern-runner:nth-child(even){
    background:linear-gradient(180deg,#102747,#0d203b)!important;
    color:#f4f7fb!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .racing-dark-page .modern-runner:nth-child(even){background:#0c1f39!important}
  .racing-dark-page .modern-runner .runner-number{
    background:#17365c!important;
    color:#ffcf69!important;
  }
  .racing-dark-page .modern-runner .runner-details strong{color:#f4f7fb!important}
  .racing-dark-page .modern-runner .runner-details small{color:#9fb0c7!important}
  .racing-dark-page .modern-runner .runner-details strong em{color:#aebbd4!important}
  .racing-dark-page .silk-json,.racing-dark-page .silk-json-fallback{
    background:#e9f4ff!important;
  }
  .racing-dark-page .market-odd{
    background:#17365c!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.10)!important;
  }
  .racing-dark-page .market-odd span{color:#aebbd4!important}
  .racing-dark-page .market-odd strong{color:#ffbf47!important}
  .racing-dark-page .modern-runner.race-runner-selected{
    background:linear-gradient(90deg,rgba(255,191,71,.18),#102747)!important;
    box-shadow:inset 4px 0 0 #ffbf47!important;
  }
  .racing-dark-page .modern-runner.race-runner-selected .runner-number{
    background:#ffbf47!important;color:#17203d!important;
  }
  .racing-dark-page .racing-mobile-dock{
    background:rgba(7,21,47,.98)!important;
    border-top:1px solid rgba(255,191,71,.16)!important;
  }
  .racing-dark-page .racing-mobile-dock .dock-add{
    background:linear-gradient(180deg,#ffd45f,#f5a623)!important;
    color:#17203d!important;
    border:0!important;
  }
  .racing-dark-page .racing-mobile-dock .dock-clear{
    background:#17365c!important;
    color:#f4f7fb!important;
  }
  .racing-dark-page .racing-mobile-dock .dock-secondary{
    background:#102747!important;
    color:#dce6f4!important;
  }
  .racing-dark-page .hrmob-bets-cart{
    background:linear-gradient(180deg,#102747,#0d203b)!important;
    color:#f4f7fb!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  .racing-dark-page .hrmob-cart-head{
    border-bottom-color:rgba(255,255,255,.08)!important;
  }
  .racing-dark-page .hrmob-cart-head small,
  .racing-dark-page .hrmob-cart-body{color:#aebbd4!important}
  .racing-dark-page .hrmob-cart-head button{
    background:#17365c!important;color:#fff!important;
  }
  .racing-dark-page .hrmob-bets-cart .race-ticket-runner{
    background:rgba(255,255,255,.05)!important;
  }
}


/* ==========================================================
   VERSION 11.0 — MOBILE BET TYPES + COMPACT SMS CART
   ========================================================== */
.racing-subtype-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:-4px 0 12px;border-radius:14px;background:linear-gradient(180deg,#102747,#0d203b);border:1px solid rgba(255,255,255,.08)}
.racing-subtype-bar>span{font-size:11px;font-weight:900;color:#aebbd4;text-transform:uppercase;letter-spacing:.55px}
.racing-subtype-bar>div{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.racing-subtype-bar>div::-webkit-scrollbar{display:none}
.racing-subtype-bar button{white-space:nowrap;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#153052;color:#e8eef8;font-weight:800;font-size:12px}
.racing-subtype-bar button.active{background:#ffbf47;color:#17203d;border-color:#ffbf47}
.racing-selection-guide{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:13px;background:rgba(255,191,71,.08);border:1px solid rgba(255,191,71,.16)}
.racing-selection-guide strong{color:#ffcf69;white-space:nowrap}.racing-selection-guide span{color:#b8c5d9;font-size:12px}
.hrmob-cart-type{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,191,71,.08);border:1px solid rgba(255,191,71,.14)}
.hrmob-cart-type small{color:#aebbd4}.hrmob-cart-type strong{color:#ffcf69}
.modern-runner.win-selected{box-shadow:inset 4px 0 0 #ffbf47 !important}.modern-runner.place-selected{box-shadow:inset 4px 0 0 #63b3ff !important}
@media(max-width:980px){
  .racing-subtype-bar{position:sticky;top:64px;z-index:12;margin:0 0 8px;border-radius:10px;padding:8px 9px}
  .racing-selection-guide{padding:8px 10px;margin-bottom:8px;align-items:flex-start;flex-direction:column;gap:3px}
  .racing-selection-guide strong{font-size:12px}.racing-selection-guide span{font-size:10px;line-height:1.35}
  .bettype-menu-trigger{display:flex !important}
}
html[data-theme="light"] .racing-subtype-bar{background:#fff !important;border-color:#d7e1ee !important}
html[data-theme="light"] .racing-subtype-bar button{background:#edf3fa;color:#21314b;border-color:#d7e1ee}
html[data-theme="light"] .racing-subtype-bar button.active{background:#ffbf47;color:#17203d}
html[data-theme="light"] .racing-selection-guide span{color:#66758d}


/* ==========================================================
   VERSION 11.1 — COMPACT MOBILE RACE SWITCHER + RUNNER HIGHLIGHT
   ========================================================== */
@media(max-width:980px){
  .racing-dark-page .bettype-toolbar{padding:5px 8px!important}
  .racing-dark-page .bettype-menu-trigger{padding:7px 10px!important;min-height:42px}
  .racing-dark-page .race-selector{
    margin:0 -8px!important;
    padding:5px 8px 6px!important;
    border-top:0!important;
  }
  .racing-dark-page .race-selector button{
    flex-basis:41px!important;
    width:41px!important;
    height:41px!important;
  }
  .racing-dark-page .market-head{margin-top:0!important}
  .racing-dark-page .modern-runner.race-runner-selected,
  .racing-dark-page .modern-runner.win-selected,
  .racing-dark-page .modern-runner.place-selected{
    background:linear-gradient(90deg,rgba(255,191,71,.24),#102747)!important;
    border-bottom-color:rgba(255,191,71,.34)!important;
    box-shadow:inset 4px 0 0 #ffbf47!important;
  }
  .racing-dark-page .modern-runner.race-runner-selected .market-odd.selected{
    background:linear-gradient(180deg,#ffd45f,#f5a623)!important;
    border-color:#ffbf47!important;
    color:#17203d!important;
  }
  .racing-dark-page .modern-runner.race-runner-selected .market-odd.selected span,
  .racing-dark-page .modern-runner.race-runner-selected .market-odd.selected strong{
    color:#17203d!important;
  }
}


/* VERSION 11.3 — SMS FORMAT EXTENSION */
.race-sms-format-guide{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.race-sms-format-guide summary{cursor:pointer;font-size:12px;font-weight:900;color:#ffcf69}
.race-sms-format-guide div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:8px}
.race-sms-format-guide code{padding:5px 7px;border-radius:7px;background:#091a34;color:#fff1b7;font-size:11px}
.race-sms-format-guide span{font-size:11px;color:#aebbd4}
html[data-theme="light"] .race-sms-format-guide{background:#f4f7fb;border-color:#dbe4ef}
html[data-theme="light"] .race-sms-format-guide code{background:#e8eef6;color:#17203d}
html[data-theme="light"] .race-sms-format-guide span{color:#66758d}


/* VERSION 11.6 — eligible race ranges for multi-race bets */
.race-selector button.race-not-eligible,.race-selector button:disabled{opacity:.35;filter:grayscale(.8);cursor:not-allowed;box-shadow:none!important}
.race-selector button.race-not-eligible span,.race-selector button:disabled span{color:#8794a9!important}


/* ==========================================================
   VERSION 11.7 — COMPACT WATCH LIVE + RACING FOOTER ACTIONS
   ========================================================== */
@media(max-width:980px){
  .racing-dark-page .race-title-row{margin-bottom:0!important;padding-bottom:6px!important}
  .racing-dark-page .hrmob-reference-strip{margin-top:0!important;padding-top:4px!important;padding-bottom:5px!important;min-height:42px!important}
  .racing-dark-page .hrmob-live-btn{padding:6px 9px!important;line-height:1!important}
  .racing-dark-page .hrmob-race-brief strong{font-size:10px!important}
  .racing-dark-page .hrmob-race-brief span{font-size:8px!important;margin-top:1px!important}

  .racing-dark-page .mobile-bottom{display:none!important}
  .racing-dark-page .racing-mobile-dock{
    grid-template-columns:minmax(82px,1fr) .72fr 1.15fr .72fr!important;
    gap:5px!important;
    bottom:0!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    background:rgba(7,21,47,.99)!important;
    border-top:1px solid rgba(255,191,71,.18)!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.35)!important;
  }
  .racing-dark-page .racing-mobile-dock button,
  .racing-dark-page .racing-mobile-dock a{
    min-height:42px!important;
    font-size:10px!important;
    padding:0 6px!important;
    line-height:1.05!important;
  }
  .racing-dark-page .racing-mobile-dock .dock-secondary{
    background:#17365c!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.12)!important;
  }
  .racing-dark-page .racing-mobile-dock .dock-clear{
    background:#8e2330!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.12)!important;
  }
  .racing-dark-page .page-content{padding-bottom:96px!important}
  .racing-dark-page .hrmob-bets-cart{bottom:0!important}
}


/* ==========================================================
   VERSION 11.8 — COMPACT MOBILE RACE HEADER + MULTI-BET SMS CART
   ========================================================== */
.mobile-meeting-race-title{display:grid;gap:2px}.mobile-meeting-race-title strong{font-size:14px;line-height:1.2}.mobile-meeting-race-title small{font-size:11px;color:#b8c5d9}
.queued-bet-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ffbf47;color:#17203d;font-size:11px;font-weight:900;margin-left:6px}
.queued-bet-row{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:9px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.05);margin-bottom:8px}
.queued-bet-row>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ffbf47;color:#17203d;font-weight:900}.queued-bet-row strong,.queued-bet-row small{display:block}.queued-bet-row small{font-family:monospace;color:#b8c5d9;margin-top:3px;word-break:break-all}.queued-bet-row button{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#172a47;color:#fff}.queued-current-head{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#ffbf47;margin:10px 0 7px}
@media(max-width:980px){
  .racing-dark-page .meeting-summary{padding:7px 10px!important;margin-bottom:3px!important;min-height:0!important}
  .racing-dark-page .meeting-copy{gap:1px!important}
  .racing-dark-page .meeting-copy .meeting-country{display:none!important}
  .racing-dark-page .meeting-copy>h1{display:none!important}
  .racing-dark-page .mobile-meeting-race-title{display:grid!important;max-width:calc(100vw - 155px)}
  .racing-dark-page .mobile-meeting-race-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:13px!important}
  .racing-dark-page .mobile-meeting-race-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px!important}
  .racing-dark-page .meeting-status{gap:4px!important}
  .racing-dark-page .meeting-status-box{padding:6px 7px!important;min-width:65px!important}
  .racing-dark-page .meeting-status-box small{font-size:8px!important}.racing-dark-page .meeting-status-box strong{font-size:10px!important}
  .racing-dark-page .race-title-row{display:none!important}
  .racing-dark-page .hrmob-reference-strip{margin-top:0!important}
}


/* ==========================================================
   VERSION 11.9 — EXOTIC BET LINES, FULL COST & PERCENTAGE
   ========================================================== */
.exotic-bet-math{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;border-radius:13px;background:rgba(255,191,71,.08);border:1px solid rgba(255,191,71,.18)}
.exotic-bet-math[hidden],.mobile-exotic-math[hidden]{display:none!important}
.exotic-bet-math>div{min-width:0;padding:8px;border-radius:10px;background:rgba(255,255,255,.045)}
.exotic-bet-math small,.exotic-bet-math strong{display:block}.exotic-bet-math small{font-size:9px;color:#aebbd4;text-transform:uppercase;font-weight:900;letter-spacing:.45px}.exotic-bet-math strong{margin-top:3px;font-size:14px;color:#ffcf69;white-space:nowrap}
.cart-exotic-math{margin:8px 0}
.mobile-exotic-math{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;border-radius:9px;background:rgba(255,191,71,.10);border:1px solid rgba(255,191,71,.18);min-height:27px}
.mobile-exotic-math span{font-size:9px;color:#dbe5f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-exotic-math strong{font-size:12px;color:#ffcf69;white-space:nowrap}
.queued-bet-row em{display:block;margin-top:4px;font-style:normal;color:#ffcf69;font-size:9px;font-weight:800}
@media(max-width:980px){
  .racing-dark-page .racing-mobile-dock{grid-template-rows:auto 42px!important}
  .racing-dark-page .page-content{padding-bottom:122px!important}
  .exotic-bet-math{grid-template-columns:repeat(2,1fr)}
}
html[data-theme="light"] .exotic-bet-math,html[data-theme="light"] .mobile-exotic-math{background:#fff7e7!important;border-color:#f0c569!important}
html[data-theme="light"] .exotic-bet-math>div{background:#f7f1e4!important}
html[data-theme="light"] .exotic-bet-math small,html[data-theme="light"] .mobile-exotic-math span{color:#66758d!important}

/* ==========================================================
   VERSION 12.1 — NEXT RACE / STARTS IN REMOVED
   ========================================================== */
@media(max-width:980px){
  .racing-dark-page .meeting-summary{
    display:block!important;
    padding:6px 8px!important;
  }
  .racing-dark-page .meeting-copy{
    padding:0 2px!important;
  }
  .racing-dark-page .mobile-meeting-race-title{
    max-width:100%!important;
  }
  .racing-dark-page .meeting-tools{
    margin-top:2px!important;
  }
}

/* VERSION 12.2 — FOOTBALL MATCHES GENERATED FROM FALCON LOG */
.football-feed-summary{display:flex;flex-direction:column;gap:3px}.football-feed-summary strong{font-weight:900}.football-feed-summary small{color:var(--muted,#718096)}.football-log-feed{display:grid;gap:14px}.football-log-feed .football-match-row{animation:footballFeedIn .28s ease both}.football-log-feed .match-time small{font-size:9px}.football-log-feed .odd-btn.selected{outline:2px solid #f4c542;background:#fff7cf}.empty-state{padding:28px;text-align:center;border:1px dashed rgba(0,0,0,.16);border-radius:16px;background:#fff}@keyframes footballFeedIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.football-feed-summary small{font-size:11px}.football-log-feed .football-match-row{margin-bottom:6px}.football-log-feed .match-time small{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* VERSION 12.3 — COUNTRY / LEAGUE GROUPS + EXPANDABLE MARKETS */
.football-country-block{margin:0 0 14px;border-radius:14px;overflow:hidden;background:rgba(8,23,53,.62);border:1px solid rgba(255,255,255,.08)}
.country-toggle,.league-toggle{width:100%;border:0;cursor:pointer;color:inherit;font:inherit}
.country-toggle{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:13px 15px;background:#071b40;text-align:left}
.country-toggle>span{font-size:22px}.country-toggle strong{font-size:16px}.country-toggle small{opacity:.72}.country-toggle i{font-style:normal;font-size:18px;transition:transform .2s}.country-toggle[aria-expanded="false"] i{transform:rotate(-90deg)}
.country-leagues{padding:10px}.country-leagues[hidden],.league-matches[hidden],.match-market-drawer[hidden]{display:none!important}
.football-league-block{margin:0 0 10px;border-radius:11px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.league-toggle{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 12px;background:#102b59;text-align:left}.league-toggle>div:first-child{display:flex;align-items:center;gap:9px}.league-toggle strong{display:block}.league-toggle small{display:block;opacity:.68;margin-top:2px}
.football-match-wrap{background:#081b3d}.football-match-wrap+.football-match-wrap{border-top:1px solid rgba(255,255,255,.06)}
.match-market-drawer{padding:10px 12px 14px;background:#06152f;border-top:1px solid rgba(255,209,0,.2)}
.expanded-market{margin:0 0 10px}.expanded-market:last-child{margin-bottom:0}.expanded-market header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 7px}.expanded-market header strong{font-size:13px}.expanded-market header small{font-size:10px;opacity:.62;text-align:right}
.expanded-market-odds{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px}.extra-odd-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:7px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#102b59;color:#fff;cursor:pointer}.extra-odd-btn span{font-size:11px;text-align:left}.extra-odd-btn b{color:#ffd100;font-size:12px}.extra-odd-btn.selected{background:#ffd100;color:#071b40}.extra-odd-btn.selected b{color:#071b40}
.match-more[aria-expanded="true"]{background:#ffd100;color:#071b40}.match-more:disabled{opacity:.45;cursor:not-allowed}
.match-time strong{font-variant-numeric:tabular-nums}.match-time small{text-transform:none}
@media(max-width:760px){.country-leagues{padding:6px}.country-toggle{padding:10px 9px;grid-template-columns:auto 1fr auto auto}.country-toggle>span{font-size:18px}.country-toggle strong{font-size:14px}.country-toggle small{font-size:10px}.league-toggle{padding:8px}.league-toggle .market-headings{display:none}.football-match-row{grid-template-columns:28px 48px minmax(0,1fr) 116px 44px!important;gap:5px!important}.match-time strong{font-size:12px}.match-time small{font-size:9px}.match-teams span{font-size:11px}.match-odds{gap:3px}.match-odds .odd-btn{min-width:0;padding:5px 2px}.match-more{padding:4px 2px}.match-more small{font-size:8px}.expanded-market-odds{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* VERSION 12.5 — MOBILE FOOTBALL MATCH LINE WITH KICK-OFF */
.match-teams>i{display:none;font-style:normal;opacity:.55;font-size:10px;font-weight:800}
@media(max-width:760px){
  .football-match-row{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 44px!important;
    grid-template-areas:
      "time teams more"
      "odds odds odds"!important;
    align-items:center!important;
    gap:6px 7px!important;
    padding:7px 7px 8px!important;
  }
  .football-match-row .match-favourite{display:none!important}
  .football-match-row .match-time{
    grid-area:time!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    line-height:1.05!important;
  }
  .football-match-row .match-time strong{font-size:12px!important;white-space:nowrap!important}
  .football-match-row .match-time small{font-size:8px!important;white-space:nowrap!important;overflow:visible!important;max-width:none!important}
  .football-match-row .match-teams{
    grid-area:teams!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .football-match-row .match-teams span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  .football-match-row .match-teams span:first-child,
  .football-match-row .match-teams span:last-child{flex:1 1 0!important}
  .football-match-row .match-teams span:first-child{text-align:right!important}
  .football-match-row .match-teams span:last-child{text-align:left!important}
  .football-match-row .match-teams>i{display:inline!important;flex:0 0 auto!important}
  .football-match-row .match-more{
    grid-area:more!important;
    min-width:42px!important;
    min-height:34px!important;
  }
  .football-match-row .match-odds{
    grid-area:odds!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    gap:5px!important;
  }
  .football-match-row .match-odds .odd-btn{min-height:34px!important}
}

/* VERSION 12.8 — MOBILE FOOTBALL TEAM / MARKETS SPACING FIX */
@media(max-width:760px){
  .football-match-row{
    grid-template-columns:46px minmax(0,1fr) 54px!important;
    column-gap:7px!important;
  }
  .football-match-row .match-teams{
    width:100%!important;
    max-width:100%!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .football-match-row .match-teams span{
    max-width:calc(50% - 8px)!important;
  }
  .football-match-row .match-more{
    position:static!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    padding:4px 3px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    z-index:1!important;
  }
  .football-match-row .match-more b,
  .football-match-row .match-more small{
    display:block!important;
    white-space:nowrap!important;
    line-height:1.05!important;
  }
}
@media(max-width:390px){
  .football-match-row{
    grid-template-columns:43px minmax(0,1fr) 50px!important;
    column-gap:5px!important;
  }
  .football-match-row .match-teams span{font-size:10px!important}
  .football-match-row .match-more{width:50px!important;min-width:50px!important;max-width:50px!important}
}


/* =========================================================
   VERSION 12.8B — BET TYPES BUTTON + COMPACT MENU
   Based strictly on v12.8
   ========================================================= */
.bettype-toolbar{
  align-items:center;
  margin:10px 0 11px;
}
.bettype-menu-trigger{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  min-width:150px;
  min-height:48px;
  padding:10px 20px !important;
  border-radius:13px;
  cursor:pointer;
}
.bettype-menu-trigger .trigger-label{
  font-size:20px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.15px !important;
  text-transform:none !important;
  opacity:1 !important;
  white-space:nowrap;
}

/* The menu is opened only after pressing Bet Types on desktop and mobile. */
.bettype-panel{
  display:block !important;
  position:fixed !important;
  top:78px !important;
  right:18px !important;
  left:auto !important;
  bottom:auto !important;
  width:min(320px,calc(100vw - 36px)) !important;
  max-height:calc(100vh - 96px) !important;
  padding:11px !important;
  border-radius:16px !important;
  overflow:auto !important;
  z-index:1002 !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-8px) scale(.98) !important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
  box-shadow:0 22px 54px rgba(0,0,0,.42) !important;
}
.bettype-panel.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1) !important;
}
.bettype-close{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:29px !important;
  height:29px !important;
  border-radius:8px !important;
  font-size:14px !important;
}
.bettype-panel-head{
  gap:8px !important;
  margin-bottom:8px !important;
}
.bettype-panel-head .eyebrow{
  font-size:9px !important;
  letter-spacing:.45px !important;
}
.bettype-panel-head h3{
  margin:2px 0 0 !important;
  font-size:16px !important;
  line-height:1.15 !important;
}
.bettype-menu-list{
  gap:5px !important;
}
.bettype-item{
  min-height:0 !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  gap:3px 6px !important;
}
.bettype-item strong{
  font-size:13px !important;
  line-height:1.15 !important;
}
.bettype-item small{
  font-size:9.5px !important;
  line-height:1.2 !important;
  margin-top:2px !important;
}
.bettype-item span{
  font-size:17px !important;
}

@media (max-width:1100px){
  .bettype-toolbar{
    flex-direction:row !important;
    align-items:center !important;
    gap:9px !important;
  }
  .bettype-menu-trigger{
    width:auto !important;
    min-width:145px !important;
    min-height:46px !important;
    padding:9px 17px !important;
  }
  .bettype-menu-trigger .trigger-label{
    font-size:19px !important;
  }
  .bettype-toolbar-info{
    min-width:0;
    flex:1;
    padding:8px 10px !important;
  }
  .bettype-toolbar-info .eyebrow{font-size:9px !important}
  .bettype-toolbar-info strong{font-size:14px !important}
  .bettype-toolbar-info small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9px !important;
  }
  .bettype-panel{
    top:64px !important;
    right:8px !important;
    left:auto !important;
    bottom:8px !important;
    width:min(286px,calc(100vw - 16px)) !important;
    max-height:none !important;
    border-radius:15px !important;
    padding:9px !important;
    transform:translateX(18px) scale(.98) !important;
  }
  .bettype-panel.open{transform:translateX(0) scale(1) !important}
}

@media (max-width:520px){
  .bettype-toolbar-info{display:none !important}
  .bettype-toolbar{margin:7px 0 8px !important}
  .bettype-menu-trigger{
    width:100% !important;
    min-height:45px !important;
  }
  .bettype-menu-trigger .trigger-label{font-size:20px !important}
  .bettype-panel{
    top:56px !important;
    right:6px !important;
    bottom:6px !important;
    width:min(276px,calc(100vw - 12px)) !important;
  }
  .bettype-item{padding:7px 9px !important}
  .bettype-item strong{font-size:12.5px !important}
  .bettype-item small{font-size:9px !important}
}

/* =========================================================
   VERSION 12.8C — PROFESSIONAL COMPACT BET TYPES BUTTON
   ========================================================= */
.bettype-toolbar{
  justify-content:flex-start !important;
  align-items:center !important;
}
.bettype-menu-trigger{
  position:relative !important;
  width:auto !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:10px 18px 10px 46px !important;
  border:1px solid rgba(100,181,255,.55) !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#0b5fbd 0%,#073f8f 58%,#052f6d 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(2,56,126,.32),inset 0 1px 0 rgba(255,255,255,.18) !important;
  justify-content:flex-start !important;
  gap:0 !important;
  overflow:hidden !important;
}
.bettype-menu-trigger::before{
  content:'☰' !important;
  position:absolute !important;
  left:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:7px !important;
  background:rgba(255,255,255,.13) !important;
  color:#dff1ff !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.bettype-menu-trigger::after{
  content:'▾' !important;
  display:inline-block !important;
  margin-left:12px !important;
  color:#bfe3ff !important;
  font-size:14px !important;
  transition:transform .18s ease !important;
}
.bettype-menu-trigger[aria-expanded="true"]::after{
  transform:rotate(180deg) !important;
}
.bettype-menu-trigger:hover,
.bettype-menu-trigger:focus-visible{
  background:linear-gradient(135deg,#1475d5 0%,#084da3 58%,#063577 100%) !important;
  border-color:#78c5ff !important;
  box-shadow:0 10px 26px rgba(2,56,126,.4),0 0 0 3px rgba(70,160,255,.14) !important;
}
.bettype-menu-trigger .trigger-label{
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.15px !important;
  white-space:nowrap !important;
}

@media (max-width:1100px){
  .bettype-toolbar{
    justify-content:flex-start !important;
  }
  .bettype-menu-trigger{
    width:auto !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:9px 16px 9px 43px !important;
  }
  .bettype-menu-trigger::before{
    left:12px !important;
    width:23px !important;
    height:23px !important;
  }
  .bettype-menu-trigger .trigger-label{
    font-size:18px !important;
  }
}

@media (max-width:520px){
  .bettype-toolbar{
    justify-content:flex-start !important;
    margin:7px 0 8px !important;
  }
  .bettype-menu-trigger{
    width:auto !important;
    max-width:100% !important;
    min-height:40px !important;
    padding:8px 14px 8px 41px !important;
    border-radius:11px !important;
  }
  .bettype-menu-trigger::before{
    left:11px !important;
    width:22px !important;
    height:22px !important;
    font-size:14px !important;
  }
  .bettype-menu-trigger::after{
    margin-left:10px !important;
    font-size:13px !important;
  }
  .bettype-menu-trigger .trigger-label{
    font-size:17px !important;
  }
}

/* =========================================================
   VERSION 12.8D — BLUE BET TYPES BUTTON, NO MENU BARS
   ========================================================= */
.bettype-menu-trigger,
.bettype-menu-trigger:hover,
.bettype-menu-trigger:focus,
.bettype-menu-trigger:focus-visible,
.bettype-menu-trigger:active,
.bettype-menu-trigger[aria-expanded="true"]{
  background:linear-gradient(135deg,#1478d4 0%,#0a5eb8 52%,#08458f 100%) !important;
  border-color:rgba(120,199,255,.72) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(3,72,151,.34),inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.bettype-menu-trigger::before{
  content:none !important;
  display:none !important;
}
.bettype-menu-trigger{
  padding-left:18px !important;
}
@media (max-width:1100px){
  .bettype-menu-trigger{padding-left:16px !important;}
}
@media (max-width:520px){
  .bettype-menu-trigger{padding-left:14px !important;}
}

/* =========================================================
   VERSION 12.8E — MOBILE BLUE BET TYPES + CENTERED RACECARD
   ========================================================= */
body.racing-dark-page .bettype-toolbar{
  justify-content:flex-start !important;
}
body.racing-dark-page .bettype-menu-trigger,
body.racing-dark-page .bettype-menu-trigger:hover,
body.racing-dark-page .bettype-menu-trigger:focus,
body.racing-dark-page .bettype-menu-trigger:focus-visible,
body.racing-dark-page .bettype-menu-trigger:active,
body.racing-dark-page .bettype-menu-trigger[aria-expanded="true"]{
  width:auto !important;
  min-width:132px !important;
  max-width:190px !important;
  background:linear-gradient(135deg,#167bd8 0%,#0b5fba 55%,#07458e 100%) !important;
  background-color:#0b5fba !important;
  border:1px solid rgba(123,202,255,.78) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(2,70,148,.34),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.racing-dark-page .bettype-menu-trigger::before{
  content:none !important;
  display:none !important;
}
body.racing-dark-page .bettype-menu-trigger .trigger-label{
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
}

/* Restore a centered race-card workspace on wide screens. */
body.racing-dark-page .racing-page-content{
  margin-left:auto !important;
  margin-right:auto !important;
}
body.racing-dark-page .racing-workspace{
  width:100% !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.racing-dark-page .racing-main-column,
body.racing-dark-page .racing-market-layout,
body.racing-dark-page .racing-market-main{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:980px){
  body.racing-dark-page .bettype-toolbar{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    margin:0 !important;
    padding:7px 8px !important;
    background:#0d2340 !important;
  }
  body.racing-dark-page .bettype-menu-trigger,
  body.racing-dark-page .bettype-menu-trigger:hover,
  body.racing-dark-page .bettype-menu-trigger:focus,
  body.racing-dark-page .bettype-menu-trigger:focus-visible,
  body.racing-dark-page .bettype-menu-trigger:active,
  body.racing-dark-page .bettype-menu-trigger[aria-expanded="true"]{
    display:flex !important;
    width:auto !important;
    min-width:128px !important;
    max-width:176px !important;
    min-height:40px !important;
    padding:8px 14px !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,#167bd8 0%,#0b5fba 55%,#07458e 100%) !important;
    background-color:#0b5fba !important;
    color:#fff !important;
  }
  body.racing-dark-page .bettype-menu-trigger .trigger-label{
    color:#fff !important;
    font-size:17px !important;
  }
  body.racing-dark-page .racing-page-content{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
  }
  body.racing-dark-page .racing-workspace{
    display:block !important;
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
  }
  body.racing-dark-page .racing-main-column{
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
    padding-left:8px !important;
    padding-right:8px !important;
    box-sizing:border-box !important;
  }
  body.racing-dark-page .racing-market-main{
    width:calc(100% + 16px) !important;
    margin-left:-8px !important;
    margin-right:-8px !important;
  }
  body.racing-dark-page .market-head,
  body.racing-dark-page .modern-runner-list{
    width:100% !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   VERSION 12.8F — RESTORE WIDE CENTERED DESKTOP RACECARD
   ========================================================= */
@media (min-width:981px){
  body.racing-dark-page .racing-page-content{
    width:100% !important;
    max-width:1460px !important;
    padding-left:28px !important;
    padding-right:28px !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
  }

  body.racing-dark-page .racing-workspace{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 330px !important;
    gap:20px !important;
    width:100% !important;
    max-width:1400px !important;
    margin:0 auto !important;
    align-items:start !important;
  }

  body.racing-dark-page .racing-main-column{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* The menu is an overlay; it must not reserve 320px beside the card. */
  body.racing-dark-page .racing-market-layout{
    display:block !important;
    position:relative !important;
    width:100% !important;
    margin:0 !important;
  }

  body.racing-dark-page .racing-market-main{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  body.racing-dark-page .bettype-panel{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    z-index:120 !important;
    width:310px !important;
    max-width:calc(100vw - 70px) !important;
    max-height:min(620px,calc(100vh - 150px)) !important;
    margin:0 !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(-8px) scale(.98) !important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
    box-shadow:0 22px 55px rgba(0,0,0,.45) !important;
  }

  body.racing-dark-page .bettype-panel.open{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }

  body.racing-dark-page .bettype-close{
    display:grid !important;
    place-items:center !important;
  }

  body.racing-dark-page .bettype-context-card,
  body.racing-dark-page .market-head,
  body.racing-dark-page .modern-runner-list{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  body.racing-dark-page .modern-runner{
    width:100% !important;
    grid-template-columns:34px 42px minmax(0,1fr) 72px 72px !important;
    min-height:72px !important;
    padding:10px 14px !important;
    box-sizing:border-box !important;
  }

  body.racing-dark-page .market-head{
    grid-template-columns:minmax(0,1fr) 72px 72px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.racing-dark-page .racing-betslip{
    width:100% !important;
    min-width:0 !important;
    position:sticky !important;
    top:94px !important;
  }
}

@media (min-width:981px) and (max-width:1220px){
  body.racing-dark-page .racing-workspace{
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:14px !important;
  }
  body.racing-dark-page .modern-runner{
    grid-template-columns:30px 36px minmax(0,1fr) 62px 62px !important;
  }
  body.racing-dark-page .market-head{
    grid-template-columns:minmax(0,1fr) 62px 62px !important;
  }
}


/* VERSION 12.8I — STRUCTURED EXOTIC SELECTION BUILDER */
.racing-selection-builder{margin:-4px 0 12px;padding:12px;border-radius:14px;background:linear-gradient(145deg,#0b2442,#102f55);border:1px solid rgba(70,151,255,.32);box-shadow:0 10px 28px rgba(2,14,30,.18)}
.racing-selection-builder[hidden]{display:none!important}
.selection-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.selection-builder-head>div{display:flex;flex-direction:column;gap:2px}.selection-builder-head span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;color:#8fbaf1}.selection-builder-head strong{font-size:15px;color:#fff}
.selection-builder-head small{max-width:650px;color:#c1d2e8;font-size:11px;line-height:1.45;text-align:right}
.selection-builder-slots{display:flex;flex-wrap:wrap;gap:8px}
.selection-builder-chip{min-width:155px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"role actions" "horse actions";gap:2px 9px;align-items:center;padding:9px 10px;border-radius:11px;background:#15395f;border:1px solid rgba(255,255,255,.11)}
.selection-builder-chip.banker-chip{background:linear-gradient(135deg,#174d81,#1d64a7);border-color:#58a9f9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.selection-builder-chip.empty-slot{opacity:.62;border-style:dashed;grid-template-columns:1fr;grid-template-areas:"role" "horse"}
.selection-builder-chip .selection-role{grid-area:role;color:#8fc6ff;font-size:9px;text-transform:uppercase;letter-spacing:.65px;font-weight:900}.selection-builder-chip strong{grid-area:horse;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.selection-chip-actions{grid-area:actions;display:flex;align-items:center;gap:4px}.selection-chip-actions button{border:0;border-radius:7px;background:rgba(255,255,255,.11);color:#eaf4ff;padding:5px 7px;font-size:10px;font-weight:800;cursor:pointer}.selection-chip-actions button:hover{background:#2c78bf}.selection-chip-actions .make-banker{background:#2b76b9}.selection-chip-actions .remove-selection{background:rgba(255,90,90,.16);color:#ffb4b4}
.modern-runner{position:relative}.selection-role-badge{position:absolute;left:7px;top:7px;z-index:5;padding:4px 7px;border-radius:999px;background:#2068a8;color:#fff;font-size:9px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;box-shadow:0 3px 10px rgba(0,0,0,.24);pointer-events:none}.selection-role-badge.banker{background:#0e83df;box-shadow:0 0 0 2px rgba(110,190,255,.28),0 3px 10px rgba(0,0,0,.24)}
@media(max-width:980px){.racing-selection-builder{padding:9px;margin-bottom:8px;border-radius:10px}.selection-builder-head{display:block;margin-bottom:8px}.selection-builder-head small{display:block;text-align:left;margin-top:4px;font-size:10px}.selection-builder-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.selection-builder-chip{min-width:0;padding:8px}.selection-builder-chip strong{max-width:115px;font-size:11px}.selection-chip-actions{gap:3px}.selection-chip-actions button{padding:4px 6px}.selection-role-badge{left:5px;top:5px;font-size:8px;padding:3px 6px}}
@media(max-width:380px){.selection-builder-slots{grid-template-columns:1fr}.selection-builder-chip strong{max-width:190px}}
html[data-theme="light"] .racing-selection-builder{background:#eef6ff;border-color:#b9d6f4}.selection-builder-head strong{color:inherit}html[data-theme="light"] .selection-builder-head strong{color:#17304d}html[data-theme="light"] .selection-builder-head small{color:#526a84}html[data-theme="light"] .selection-builder-chip{background:#fff;border-color:#cfe0ef}html[data-theme="light"] .selection-builder-chip strong{color:#18324f}


/* v12.8N — professional contextual LHS only; all v12.8I content preserved */
.inner-sport-sidebar{padding-bottom:18px;overflow-y:auto;overflow-x:hidden}
.inner-sidebar-sport-head{display:flex;align-items:center;gap:12px;margin:4px 12px 14px;padding:13px;border-radius:14px;background:linear-gradient(135deg,#123764,#0b2447);border:1px solid rgba(75,162,255,.22);box-shadow:0 10px 26px rgba(0,0,0,.16)}
.inner-sidebar-sport-head>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#1685e5,#0e5fae);font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.inner-sidebar-sport-head div{min-width:0;display:grid;gap:3px}.inner-sidebar-sport-head strong{font-size:16px;color:#f7fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inner-sidebar-sport-head small{font-size:10px;color:#9db8d7;font-weight:700}
.inner-sidebar-label{padding:0 14px 7px;color:#6f8caf;font-size:9px;font-weight:900;letter-spacing:1.15px;text-transform:uppercase}
.inner-country-accordion{display:grid;gap:7px;padding:0 10px 14px}
.inner-country-group{border-radius:12px;overflow:hidden;background:#0b213f;border:1px solid rgba(255,255,255,.07);box-shadow:0 5px 16px rgba(0,0,0,.08)}
.inner-country-toggle{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto 20px;align-items:center;gap:8px;padding:10px;border:0;background:transparent;color:#eef6ff;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
.inner-country-toggle:hover,.inner-country-toggle[aria-expanded="true"]{background:#12355e}
.inner-country-flag{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#173b66;font-size:15px}
.inner-country-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inner-country-toggle small{min-width:25px;padding:2px 6px;text-align:center;border-radius:999px;background:#173e69;color:#92bce9;font-size:9px;font-weight:900}
.inner-country-caret{font-size:14px;color:#6db6f5;transition:transform .2s}.inner-country-toggle[aria-expanded="true"] .inner-country-caret{transform:rotate(180deg)}
.inner-country-leagues{padding:5px 7px 8px;background:rgba(3,15,32,.26)}
.inner-league-link{display:grid!important;grid-template-columns:minmax(0,1fr) 14px!important;align-items:center!important;gap:8px!important;margin:2px 0!important;padding:8px 9px!important;border-radius:8px!important;color:#adc3db!important;font-size:11px!important;border:1px solid transparent!important}
.inner-league-link:hover,.inner-league-link.active{background:#153c68!important;color:#fff!important;border-color:rgba(255,191,71,.26)!important}.inner-league-link b{color:#5faef2;font-size:14px}
.inner-sidebar-client{display:grid;gap:3px;padding:2px 10px 12px}.inner-sidebar-client>a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#b8c8dc;font-size:11px;font-weight:700}.inner-sidebar-client>a:hover{background:#102f54;color:#fff}
.inner-responsible-card{margin:0 10px!important;padding:12px!important;border-radius:12px!important}.inner-responsible-card strong{font-size:12px}.inner-responsible-card p{font-size:10px;line-height:1.45;margin:5px 0 10px}
@media(max-width:980px){.inner-sidebar-sport-head{margin-top:8px}.inner-country-toggle{padding:11px 10px}.inner-country-name{font-size:13px}}

/* VERSION 12.8P — utility header, universal search and working football filters */
.sb-main-nav.sb-utility-nav{gap:30px}
.sb-main-nav.sb-utility-nav a{position:relative;color:#c6d5eb;font-size:13px;font-weight:800;letter-spacing:.1px;padding:22px 0}
.sb-main-nav.sb-utility-nav a:hover{color:#fff}
.sb-main-nav.sb-utility-nav a::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;border-radius:999px;background:#ffbf47;transform:scaleX(0);transition:transform .2s ease}
.sb-main-nav.sb-utility-nav a:hover::after{transform:scaleX(1)}

.global-page-search{position:relative;margin:0 0 16px;z-index:25}
.global-search-form{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:50px;padding:5px 6px 5px 15px;border:1px solid rgba(89,154,224,.22);border-radius:14px;background:linear-gradient(180deg,#122f55,#0e2849);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.global-search-icon{font-size:20px;color:#84bff4;line-height:1}
.global-search-form input{width:100%;height:38px;border:0!important;outline:0!important;background:transparent!important;color:#f4f8ff!important;font:600 13px/1.2 Inter,Arial,sans-serif;padding:0 4px!important;box-shadow:none!important}
.global-search-form input::placeholder{color:#7f9bb9}
.global-search-submit{height:38px;padding:0 18px;border:0;border-radius:10px;background:#1477d4;color:#fff;font-weight:900;cursor:pointer;transition:background .18s,transform .18s}
.global-search-submit:hover{background:#2188e3;transform:translateY(-1px)}
.global-search-results{position:absolute!important;left:0;right:0;top:56px;max-height:420px;overflow:auto;background:#0d2545!important;border:1px solid rgba(87,156,225,.3)!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(0,0,0,.35)!important;padding:6px!important;z-index:1000}
.global-search-results a{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px!important;border-radius:10px;color:#eef6ff!important;text-decoration:none!important}
.global-search-results a:hover{background:#153a65!important}
.global-search-results strong,.global-search-results small{display:block}.global-search-results small{margin-top:3px;color:#90aac7;font-size:11px}
.global-page-search .sb-search-status{margin:6px 4px 0;color:#8fa8c5;font-size:11px}

.football-filter{cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.football-filter:hover{background:rgba(255,255,255,.065);transform:translateX(2px)}
.football-filter.active{border-color:#ffbf47!important;background:linear-gradient(135deg,rgba(255,191,71,.16),rgba(20,119,212,.12))!important;box-shadow:0 0 0 1px rgba(255,191,71,.12)}
.football-builder-mode .odd-btn,.football-builder-mode .extra-odd-btn{box-shadow:inset 0 0 0 1px rgba(255,191,71,.28)}
.football-builder-mode .odd-btn.selected,.football-builder-mode .extra-odd-btn.selected{background:#ffbf47!important;color:#17233b!important;outline:2px solid rgba(255,255,255,.7)!important}
.market-filter-empty{margin:10px;background:rgba(255,255,255,.03)!important;color:#90aac7!important;border-color:rgba(255,255,255,.1)!important}

@media(max-width:980px){
  .sb-main-nav.sb-utility-nav{display:none}
  .global-page-search{margin:0 0 12px}
  .global-search-form{min-height:46px;border-radius:12px;padding-left:12px}
  .global-search-submit{padding:0 13px}
}
.live-search-result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#eef6ff;text-align:left;cursor:pointer}
.live-search-result:hover,.live-search-result:focus{background:#153a65;outline:0}.live-search-result strong,.live-search-result small{display:block}.live-search-result small{margin-top:3px;color:#90aac7;font-size:11px}.live-search-result b{color:#65b8ff;font-size:18px}


/* v12.8T football right market filters and working bet slip */
.football-right-tools{grid-template-columns:1fr;align-content:start;right:0}
.football-filter-card{max-height:58vh;overflow:hidden;display:flex;flex-direction:column}
.football-side-title small{display:block;color:#8fa5bf;font-size:10px;line-height:1.45;margin-top:-6px;margin-bottom:8px}
.football-filter-list{overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#31577e transparent}
.football-filter-list::-webkit-scrollbar{width:5px}.football-filter-list::-webkit-scrollbar-thumb{background:#31577e;border-radius:9px}
.football-filter>span{font-size:11px;font-weight:900;text-align:center}
.football-betslip-preview{padding:14px;display:block!important}
.football-slip-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.football-slip-head h3{margin:3px 0 10px}
.football-slip-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#ff8a00;color:#10182b;font-weight:900}
.football-slip-empty{padding:16px 8px;text-align:center;color:#91a5bd;font-size:12px;border:1px dashed rgba(255,255,255,.1);border-radius:10px}
.football-slip-selections{display:grid;gap:7px;max-height:230px;overflow:auto}
.football-slip-item{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:7px;align-items:center;padding:9px;border-radius:10px;background:#0f2949;border:1px solid rgba(255,255,255,.07)}
.football-slip-item div{display:grid;gap:2px;min-width:0}.football-slip-item small{color:#6faee8;font-size:9px;text-transform:uppercase;font-weight:900}.football-slip-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.football-slip-item span{font-size:9px;color:#91a5bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.football-slip-item>b{color:#8ac7ff}.football-slip-item>button{border:0;background:transparent;color:#849bb5;font-size:18px}
.football-slip-summary{display:grid;gap:9px;margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.football-slip-summary label{display:grid;grid-template-columns:1fr auto 86px;align-items:center;gap:5px;font-size:11px;font-weight:800}.football-slip-summary input{width:100%;background:#0d2441;border:1px solid #284d75;color:#fff;border-radius:8px;padding:8px;text-align:right;font-weight:900}.football-slip-summary>div{display:flex;justify-content:space-between;font-size:11px}.football-slip-summary>div span{color:#91a5bd}.football-slip-summary>div strong{color:#fff}.football-place-bet{width:100%;margin-top:2px}.football-clear-slip{border:0;background:transparent;color:#ffac54;font-size:10px;font-weight:800}.football-view-bets{display:block;text-align:center;color:#82bdf4;font-size:10px;font-weight:800;margin-top:10px}
@media(min-width:1081px){.football-layout{grid-template-columns:minmax(0,1fr) 290px!important}.football-right-tools{position:sticky;top:88px}}
@media(max-width:1080px){.football-filter-card{max-height:none}.football-filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:320px}.football-filter{margin-top:0}.football-side-panel{grid-template-columns:1fr!important}}
@media(max-width:700px){.football-filter-list{grid-template-columns:1fr}.football-betslip-preview{display:block!important}.football-filter-card{display:flex!important}}

/* v12.8U — Quick Filters left, matches centre, bet slip right */
@media (min-width: 1181px){
  .football-three-column-layout{
    display:grid!important;
    grid-template-columns:230px minmax(0,1fr) 285px!important;
    gap:14px!important;
    align-items:start!important;
  }
  .football-filter-column,
  .football-betslip-column{
    position:sticky;
    top:88px;
    align-self:start;
    min-width:0;
  }
  .football-filter-column .football-filter-card{
    max-height:calc(100vh - 110px);
    overflow:hidden;
    display:flex!important;
    flex-direction:column;
  }
  .football-filter-column .football-filter-list{
    overflow-y:auto;
    padding-right:4px;
    scrollbar-width:thin;
  }
  .football-filter-column .football-filter{
    padding:9px;
    gap:8px;
    margin-top:6px;
  }
  .football-filter-column .football-filter>span{
    width:30px;
    height:30px;
    flex:0 0 30px;
    font-size:11px;
    font-weight:900;
  }
  .football-filter-column .football-filter strong{font-size:11px}
  .football-filter-column .football-filter small{font-size:8px}
  .football-betslip-column .football-betslip-preview{display:block!important}
  .football-three-column-layout .football-markets{min-width:0}
}
@media (min-width: 981px) and (max-width:1180px){
  .football-three-column-layout{
    display:grid!important;
    grid-template-columns:210px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .football-filter-column{position:sticky;top:88px;align-self:start}
  .football-betslip-column{grid-column:1/-1;position:static;display:block}
  .football-betslip-column .football-betslip-preview{display:block!important}
}
@media (max-width:980px){
  .football-three-column-layout{display:block!important}
  .football-filter-column{display:block;margin-bottom:10px}
  .football-filter-column .football-filter-card{display:flex!important;max-height:none}
  .football-filter-column .football-filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:300px;overflow:auto}
  .football-filter-column .football-filter{margin:0}
  .football-betslip-column{display:block;margin-top:10px}
  .football-betslip-column .football-betslip-preview{display:block!important}
}
@media (max-width:620px){
  .football-filter-column .football-filter-list{grid-template-columns:1fr}
}

/* v12.8V — compact filter rail between main LHS and football matches */
@media (min-width:1181px){
  .football-three-column-layout{
    grid-template-columns:178px minmax(0,1fr) 285px!important;
    gap:10px!important;
  }
  .football-filter-column{width:178px;max-width:178px}
  .football-filter-column .football-filter-card{padding:10px!important;border-radius:12px}
  .football-filter-column .football-side-title{padding:0 2px 7px}
  .football-filter-column .football-side-title .eyebrow{font-size:8px;letter-spacing:.7px}
  .football-filter-column .football-side-title h2{font-size:15px;margin:2px 0 3px}
  .football-filter-column .football-side-title>small{display:none}
  .football-filter-column .football-filter-list{padding-right:2px}
  .football-filter-column .football-filter{
    min-height:42px;
    padding:7px!important;
    gap:6px!important;
    border-radius:9px;
    margin-top:5px!important;
  }
  .football-filter-column .football-filter>span{
    width:26px!important;height:26px!important;flex-basis:26px!important;
    border-radius:7px;font-size:9px!important;
  }
  .football-filter-column .football-filter strong{font-size:10px!important;line-height:1.15}
  .football-filter-column .football-filter small{font-size:7px!important;line-height:1.15;margin-top:1px}
}
@media (min-width:981px) and (max-width:1180px){
  .football-three-column-layout{grid-template-columns:170px minmax(0,1fr)!important;gap:9px!important}
  .football-filter-column{width:170px;max-width:170px}
}


/* v12.8W — use full desktop screen width for easier reading */
@media (min-width: 981px){
  body.inner-sport-page .app-main{
    width:100% !important;
    min-width:0 !important;
  }
  body.inner-sport-page .page-content{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:18px 18px 42px !important;
    box-sizing:border-box !important;
  }
  body.inner-sport-page .page-title,
  body.inner-sport-page .tabs,
  body.inner-sport-page .football-layout,
  body.inner-sport-page .content-grid{
    width:100% !important;
    max-width:none !important;
  }
  body.inner-sport-page .football-three-column-layout{
    grid-template-columns:176px minmax(0,1fr) 312px !important;
    gap:12px !important;
    align-items:start !important;
  }
  body.inner-sport-page .football-markets{
    min-width:0 !important;
    width:100% !important;
  }
  body.inner-sport-page .football-log-feed,
  body.inner-sport-page .league-matches{
    width:100% !important;
    max-width:none !important;
  }
  body.inner-sport-page .football-match-row{
    grid-template-columns:34px 74px minmax(280px,1fr) minmax(290px,340px) 72px !important;
  }
  body.inner-sport-page .match-teams span{
    font-size:14px !important;
  }
  body.inner-sport-page .football-filter-column,
  body.inner-sport-page .football-betslip-column{
    align-self:start !important;
  }
  body.inner-sport-page .football-betslip-column .football-betslip-preview,
  body.inner-sport-page .football-filter-column .football-filter-card{
    box-shadow:0 14px 32px rgba(0,0,0,.18) !important;
  }
}
@media (min-width: 981px) and (max-width: 1220px){
  body.inner-sport-page .page-content{padding:16px 14px 36px !important;}
  body.inner-sport-page .football-three-column-layout{
    grid-template-columns:168px minmax(0,1fr) 286px !important;
    gap:10px !important;
  }
  body.inner-sport-page .football-match-row{
    grid-template-columns:32px 68px minmax(180px,1fr) minmax(246px,286px) 64px !important;
  }
}


/* v12.8X — whole-page typography and contrast readability */
:root{
  --readable-text:#f4f8ff;
  --readable-muted:#b8c8db;
  --readable-soft:#97abc3;
}
body{
  font-size:15px;
  line-height:1.5;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.inner-sport-page,
body.racing-dark-page,
body.casino-page{
  color:var(--readable-text) !important;
}
body.inner-sport-page .page-title h1,
body.racing-dark-page .page-title h1,
body.casino-page .page-title h1{
  font-size:clamp(30px,2.25vw,42px) !important;
  line-height:1.12 !important;
  letter-spacing:-.7px !important;
  color:#fff !important;
}
body.inner-sport-page .page-title p,
body.racing-dark-page .page-title p,
body.casino-page .page-title p{
  font-size:15px !important;
  line-height:1.55 !important;
  color:var(--readable-muted) !important;
}
body.inner-sport-page .eyebrow,
body.racing-dark-page .eyebrow,
body.casino-page .eyebrow{
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
}
body.inner-sport-page .product-pill,
body.racing-dark-page .product-pill,
body.casino-page .product-pill{
  font-size:13px !important;
  font-weight:800 !important;
}
body.inner-sport-page .tabs button,
body.racing-dark-page .tabs button,
body.casino-page .tabs button{
  font-size:13px !important;
  font-weight:800 !important;
  min-height:44px !important;
}
body.inner-sport-page .inner-sidebar-sport-head strong,
body.racing-dark-page .inner-sidebar-sport-head strong,
body.casino-page .inner-sidebar-sport-head strong{
  font-size:18px !important;
  line-height:1.2 !important;
}
body.inner-sport-page .inner-sidebar-sport-head small,
body.racing-dark-page .inner-sidebar-sport-head small,
body.casino-page .inner-sidebar-sport-head small{
  font-size:11px !important;
  color:#aec1d8 !important;
}
body.inner-sport-page .inner-sidebar-label,
body.racing-dark-page .inner-sidebar-label,
body.casino-page .inner-sidebar-label{
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
  color:#9eb6d1 !important;
}
body.inner-sport-page .inner-country-name,
body.racing-dark-page .inner-country-name,
body.casino-page .inner-country-name{
  font-size:13px !important;
  font-weight:800 !important;
  color:#f4f8ff !important;
}
body.inner-sport-page .inner-country-toggle small,
body.racing-dark-page .inner-country-toggle small,
body.casino-page .inner-country-toggle small{
  font-size:10px !important;
  font-weight:900 !important;
}
body.inner-sport-page .inner-league-link,
body.racing-dark-page .inner-league-link,
body.casino-page .inner-league-link,
body.inner-sport-page .inner-sidebar-client a,
body.racing-dark-page .inner-sidebar-client a,
body.casino-page .inner-sidebar-client a{
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}
body.inner-sport-page .football-feed-summary strong{
  font-size:17px !important;
  line-height:1.25 !important;
}
body.inner-sport-page .football-feed-summary small{
  font-size:12px !important;
  line-height:1.45 !important;
  color:#b2c5da !important;
}
body.inner-sport-page .country-toggle strong{
  font-size:17px !important;
  color:#fff !important;
}
body.inner-sport-page .country-toggle small{
  font-size:11px !important;
  color:#b5c8dd !important;
}
body.inner-sport-page .league-toggle strong{
  font-size:15px !important;
  color:#fff !important;
}
body.inner-sport-page .league-toggle small{
  font-size:11px !important;
  color:#adc0d5 !important;
}
body.inner-sport-page .match-time strong{
  font-size:14px !important;
  color:#fff !important;
}
body.inner-sport-page .match-time small{
  font-size:10px !important;
  color:#a9bdd4 !important;
}
body.inner-sport-page .match-teams span{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  color:#f7faff !important;
}
body.inner-sport-page .match-teams span:last-child{
  color:#cfdbeb !important;
}
body.inner-sport-page .odd-btn small,
body.inner-sport-page .extra-odd-btn span{
  font-size:11px !important;
  font-weight:800 !important;
  color:#d9e6f5 !important;
}
body.inner-sport-page .odd-btn b,
body.inner-sport-page .extra-odd-btn b{
  font-size:15px !important;
  font-weight:900 !important;
  color:#9ed2ff !important;
}
body.inner-sport-page .match-more b{
  font-size:13px !important;
  font-weight:900 !important;
}
body.inner-sport-page .match-more small{
  font-size:9px !important;
  color:#b2c4d8 !important;
}
body.inner-sport-page .football-filter strong{
  font-size:11px !important;
  line-height:1.25 !important;
  color:#f5f9ff !important;
}
body.inner-sport-page .football-filter small{
  font-size:9px !important;
  line-height:1.3 !important;
  color:#adc0d5 !important;
}
body.inner-sport-page .football-betslip-preview h3{
  font-size:18px !important;
  color:#fff !important;
}
body.inner-sport-page .football-slip-item strong{
  font-size:12px !important;
  line-height:1.35 !important;
}
body.inner-sport-page .football-slip-item span,
body.inner-sport-page .football-slip-summary,
body.inner-sport-page .football-view-bets{
  font-size:11px !important;
}
body.inner-sport-page footer,
body.racing-dark-page footer,
body.casino-page footer{
  font-size:12px !important;
  line-height:1.55 !important;
}
body.inner-sport-page footer h4,
body.racing-dark-page footer h4,
body.casino-page footer h4{
  font-size:14px !important;
}
body.inner-sport-page footer a,
body.racing-dark-page footer a,
body.casino-page footer a,
body.inner-sport-page footer p,
body.racing-dark-page footer p,
body.casino-page footer p{
  color:#b8c8da !important;
}

@media (min-width:981px){
  body.inner-sport-page .football-filter-column{width:188px !important;max-width:188px !important;}
  body.inner-sport-page .football-three-column-layout{
    grid-template-columns:188px minmax(0,1fr) 312px !important;
  }
  body.inner-sport-page .football-filter-column .football-filter{
    min-height:48px !important;
    padding:9px !important;
  }
  body.inner-sport-page .football-filter-column .football-filter>span{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
    font-size:10px !important;
  }
}

@media (max-width:980px){
  body{font-size:14px;}
  body.inner-sport-page .page-title h1,
  body.racing-dark-page .page-title h1,
  body.casino-page .page-title h1{font-size:30px !important;}
  body.inner-sport-page .match-teams span{font-size:12px !important;}
  body.inner-sport-page .odd-btn b{font-size:13px !important;}
  body.inner-sport-page .product-pill{font-size:11px !important;}
}

/* =========================================================
   v12.8Y — multi-sport corporate identity + blue fade header
   ========================================================= */
:root{
  --corporate-blue:#123e91;
  --corporate-blue-deep:#071a42;
  --corporate-blue-soft:#1d58b4;
  --corporate-gold:#ffc628;
}

/* Corporate header fade used throughout the platform */
.topbar,
body.inner-sport-page .topbar,
.racing-dark-page .topbar{
  background:
    radial-gradient(circle at 18% -50%,rgba(63,128,255,.42),transparent 46%),
    linear-gradient(100deg,#123e91 0%,#0d2f73 34%,#091f50 67%,#06152f 100%) !important;
  border-bottom:1px solid rgba(120,169,255,.22) !important;
  box-shadow:0 8px 25px rgba(1,8,25,.24) !important;
}
.product-topbar,
body.inner-sport-page .product-topbar{
  background:linear-gradient(90deg,#0d2f73 0%,#0a2459 42%,#071a42 100%) !important;
  border-bottom:1px solid rgba(255,198,40,.18) !important;
}
.topbar::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,198,40,.72),transparent);
  pointer-events:none;
}
.topbar{position:sticky!important;}
.brand-logo,
.mobile-logo img,
.footer-logo{
  object-fit:contain !important;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.28));
}
.sidebar .brand-logo{height:50px!important;max-width:190px!important;}
.mobile-logo img{height:42px!important;max-width:170px!important;}
.footer-logo{width:210px!important;max-height:68px!important;}

/* A calmer, professional football navigation rail */
body.inner-sport-page .sidebar.inner-sport-sidebar{
  background:
    linear-gradient(180deg,rgba(15,23,34,.98),rgba(10,18,30,.99)) !important;
  border-right:1px solid rgba(255,255,255,.075) !important;
  box-shadow:12px 0 30px rgba(0,0,0,.16) !important;
}
body.inner-sport-page .inner-sport-sidebar .logo-wrap{
  background:linear-gradient(110deg,rgba(18,62,145,.52),rgba(7,26,66,.28)) !important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
body.inner-sport-page .inner-sidebar-sport-head{
  background:linear-gradient(135deg,#202936,#151f2e)!important;
  border-color:rgba(255,198,40,.20)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.inner-sport-page .inner-sidebar-sport-head>span{
  background:linear-gradient(145deg,#ffc928,#e89a00)!important;
  color:#111827!important;
  box-shadow:0 5px 14px rgba(255,178,0,.18)!important;
}
body.inner-sport-page .inner-sidebar-label{color:#8f9baa!important;}
body.inner-sport-page .inner-country-accordion{gap:6px!important;}
body.inner-sport-page .inner-country-group{
  background:#171f2b!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:none!important;
}
body.inner-sport-page button.inner-country-toggle{
  min-height:49px!important;
  color:#eef2f7!important;
}
body.inner-sport-page button.inner-country-toggle:hover{
  background:#202b39!important;
}
body.inner-sport-page button.inner-country-toggle[aria-expanded="true"]{
  background:linear-gradient(90deg,#222c39,#1a2431)!important;
  box-shadow:inset 3px 0 0 #ffc628!important;
}
body.inner-sport-page .inner-country-flag{
  width:31px!important;height:31px!important;
  background:#f4f6f8!important;
  border:1px solid rgba(255,255,255,.4)!important;
  box-shadow:0 2px 7px rgba(0,0,0,.25)!important;
  font-size:17px!important;
}
body.inner-sport-page .inner-country-name{
  font-size:13px!important;
  color:#f1f3f6!important;
}
body.inner-sport-page button.inner-country-toggle small{
  background:#2a323d!important;
  color:#d8dee7!important;
}
body.inner-sport-page .inner-country-caret{color:#d0a62a!important;}
body.inner-sport-page .inner-country-leagues{
  background:#111923!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
}
body.inner-sport-page .inner-league-link{
  color:#b7c0cd!important;
  border-radius:7px!important;
}
body.inner-sport-page .inner-league-link:hover,
body.inner-sport-page .inner-league-link.active{
  background:#252e3b!important;
  color:#fff!important;
  border-color:rgba(255,198,40,.22)!important;
  box-shadow:inset 3px 0 0 #ffc628!important;
}
body.inner-sport-page .inner-league-link b{color:#ffc628!important;}
body.inner-sport-page .inner-league-count{
  background:#2b3440!important;
  color:#e0e5eb!important;
}
body.inner-sport-page .inner-sidebar-client>a:hover{
  background:#202a37!important;
  color:#fff!important;
}
body.inner-sport-page .inner-responsible-card{
  background:linear-gradient(145deg,#2b2730,#222632)!important;
  border-color:rgba(255,198,40,.18)!important;
}

/* Better spacing and visual hierarchy for the football page */
body.inner-sport-page .football-toolbar,
body.inner-sport-page .football-country-block,
body.inner-sport-page .football-betslip-preview,
body.inner-sport-page .football-filter-card{
  border-color:rgba(255,255,255,.075)!important;
}
body.inner-sport-page .football-country-block,
body.inner-sport-page .football-league-block{
  box-shadow:0 8px 20px rgba(0,0,0,.11)!important;
}
body.inner-sport-page .country-toggle,
body.inner-sport-page .league-toggle{
  background:linear-gradient(90deg,#10294c,#0c203c)!important;
}
body.inner-sport-page .football-filter.active{
  border-color:rgba(255,198,40,.62)!important;
  box-shadow:inset 3px 0 0 #ffc628!important;
}
@media(max-width:980px){
  .sidebar .brand-logo{height:46px!important;max-width:178px!important;}
  .topbar,.racing-dark-page .topbar{background:linear-gradient(100deg,#123e91,#081d49)!important;}
}


/* v12.8ZC — approved multi-activity logo, personalised home and universal search */
.sb-logo img,.brand-logo,.mobile-logo img,.footer-logo,.premium-logo-link img{object-fit:contain!important}
.sb-logo img{width:174px!important;height:70px!important}
.brand-logo{max-width:205px!important;max-height:84px!important}
.footer-logo{width:185px!important;max-height:90px!important}
.sb-sidebar-button{display:flex;width:100%;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#16283a;color:#eaf3ff;font:inherit;font-weight:800;text-align:left;cursor:pointer;margin-bottom:7px}
.sb-sidebar-button:hover{border-color:rgba(255,207,0,.35);background:#1c3248}.sb-sidebar-button span:first-child{color:#ffd400}
.sb-responsible-mini{margin-top:20px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(145deg,#172737,#101d2b);display:grid;gap:6px}.sb-responsible-mini strong{font-size:13px}.sb-responsible-mini small{color:#9eb0c3;line-height:1.4}.sb-responsible-mini a{color:#ffd400;font-size:11px;font-weight:800}
.home-event-centre{padding-bottom:10px}.home-event-head{align-items:end}.home-event-head>div{max-width:680px}.home-event-head h2{margin:4px 0}.home-event-head p{margin:0;color:#9eafc3;font-size:13px}.home-kicker{font-size:9px;letter-spacing:1.3px;color:#69b7ff;font-weight:900}.home-manage-button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,212,0,.45);border-radius:10px;background:linear-gradient(180deg,#19344f,#12263a);color:#fff;font-weight:900;cursor:pointer}.home-manage-button span{color:#ffd400}.home-event-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 12px}.home-event-tabs button{white-space:nowrap;padding:9px 14px;border-radius:9px;border:1px solid #29435e;background:#12263a;color:#aebfd1;font-weight:800;cursor:pointer}.home-event-tabs button.active{background:#ffd400;color:#081426;border-color:#ffd400}
.home-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-event-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #28435e;border-radius:14px;background:linear-gradient(155deg,#152b40,#0e1d2d);overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.2)}.home-event-card-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.home-event-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#203b56}.home-event-type{font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;color:#73baff}.home-event-remove{margin-left:auto;border:0;background:transparent;color:#8799ac;font-size:20px;cursor:pointer}.home-event-card-main{display:grid;gap:5px;padding:13px 14px;color:#fff;min-height:94px}.home-event-card-main strong{font-size:14px;line-height:1.3}.home-event-card-main small{font-size:11px;color:#9fb0c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-event-card-main em{font-size:10px;color:#ffd400;font-style:normal;font-weight:800}.home-card-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 12px}.home-card-odds button{display:flex;justify-content:space-between;align-items:center;min-height:38px;padding:7px 8px;border:1px solid #2d5279;border-radius:8px;background:#173c64;color:#fff;cursor:pointer}.home-card-odds button:hover{background:#205487;border-color:#4b85bc}.home-card-odds small{font-size:9px;color:#8ec9ff}.home-card-odds b{font-size:12px}.home-event-open{margin-top:auto;display:flex;justify-content:space-between;padding:10px 13px;border-top:1px solid rgba(255,255,255,.07);color:#9fc8ef;font-size:10px;font-weight:800}.home-platform-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:5px 0 34px}.home-platform-strip article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #223d58;border-radius:12px;background:#0f2031}.home-platform-strip article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#193854}.home-platform-strip div{display:grid;gap:3px}.home-platform-strip strong{font-size:12px}.home-platform-strip small{font-size:10px;color:#91a4b9}.home-events-loading,.home-empty-events{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #31516f;border-radius:14px;color:#9fb1c4}.home-empty-events{display:grid;gap:7px}.home-empty-events button{justify-self:center;padding:8px 12px;border:0;border-radius:8px;background:#ffd400;font-weight:900}
.home-manager-backdrop{position:fixed;inset:0;z-index:800;background:rgba(2,9,18,.76);backdrop-filter:blur(5px)}.home-manager{position:fixed;z-index:810;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 28px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid #315473;border-radius:18px;background:#0d1b29;box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden}.home-manager[hidden],.home-manager-backdrop[hidden]{display:none!important}.home-manager>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#143554,#0d1d2e)}.home-manager header span{font-size:9px;color:#69b7ff;text-transform:uppercase;font-weight:900;letter-spacing:1px}.home-manager h2{margin:4px 0;font-size:23px}.home-manager header p{margin:0;color:#9eb0c4;font-size:11px}.home-manager header>button{width:38px;height:38px;border:1px solid #34516b;border-radius:10px;background:#10263a;color:#fff;font-size:24px}.home-manager-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.home-manager-tools input{width:100%;padding:11px 12px;border:1px solid #31516e;border-radius:9px;background:#0a1723;color:#fff}.home-manager-tools span{font-size:10px;color:#ffd400;font-weight:800}.home-manager-list{overflow:auto;padding:12px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-manager-item{display:grid;grid-template-columns:auto 32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #263e54;border-radius:10px;background:#102235;cursor:pointer}.home-manager-item:has(input:checked){border-color:#ffd400;background:#17314b}.home-manager-item input{accent-color:#ffd400}.home-manager-item>span:nth-of-type(2){display:grid;min-width:0}.home-manager-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-manager-item small{font-size:9px;color:#8fa4ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-manager-item em{font-size:8px;color:#71b9fa;text-transform:uppercase;font-style:normal}.home-manager>footer{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.08)}.home-manager>footer button{padding:10px 15px;border-radius:9px;font-weight:900}.home-manager-reset{border:1px solid #34516b;background:#13273a;color:#dce9f5}.home-manager-save{border:0;background:#ffd400;color:#091421}.home-manager-open{overflow:hidden}
.global-page-search{position:relative;z-index:20;margin:0 0 12px}.auth-form-wrap>.global-page-search{position:absolute;top:18px;right:20px;width:min(390px,calc(100% - 40px));z-index:50}.auth-form-wrap>.global-page-search .global-search-form{background:#10243a;border:1px solid #31506d;border-radius:10px;padding:4px}.auth-form-wrap>.global-page-search input{background:transparent;color:#fff}
@media(max-width:1100px){.home-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-platform-strip{grid-template-columns:1fr}.home-manager-list{grid-template-columns:1fr}}
@media(max-width:700px){.sb-logo img{width:132px!important;height:52px!important}.home-event-head{align-items:start}.home-manage-button{font-size:11px}.home-event-grid{grid-template-columns:1fr}.home-event-card-main{min-height:0}.home-platform-strip{margin-bottom:90px}.home-manager{width:calc(100vw - 16px);max-height:calc(100vh - 18px)}.home-manager>header{padding:15px}.home-manager h2{font-size:19px}.home-manager-tools{grid-template-columns:1fr;padding:10px 14px}.home-manager-list{padding:10px}.auth-form-wrap>.global-page-search{position:relative;top:auto;right:auto;width:100%;margin-bottom:12px}}

/* v12.8ZG — unified header and visual language on all public/client pages */
:root{
  --tl-header-a:#0d2f78;
  --tl-header-b:#071a3d;
  --tl-header-c:#041126;
  --tl-accent:#ffd400;
}
.unified-site-header{
  min-height:88px!important;
  background:linear-gradient(100deg,var(--tl-header-a) 0%,var(--tl-header-b) 52%,var(--tl-header-c) 100%)!important;
  border-bottom:1px solid rgba(65,168,255,.34)!important;
  box-shadow:0 8px 26px rgba(0,8,28,.28)!important;
  color:#fff!important;
  z-index:90!important;
}
.app-main>.unified-site-header{
  position:sticky!important;
  top:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:0 24px!important;
}
.unified-header-logo{display:none!important;align-items:center;justify-content:center;min-width:0}
.unified-header-logo img{display:block;width:190px;height:72px;object-fit:contain}
.unified-site-header .premium-header-nav,
.sb-header.unified-site-header .sb-main-nav{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  height:88px!important;
}
.unified-site-header .premium-header-nav a,
.sb-header.unified-site-header .sb-main-nav a{
  min-width:90px!important;
  height:88px!important;
  padding:13px 13px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  color:#dbe8ff!important;
  border-bottom:3px solid transparent!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}
.unified-site-header .premium-header-nav a span,
.sb-header.unified-site-header .sb-main-nav a span{font-size:19px!important;line-height:1!important}
.unified-site-header .premium-header-nav a:hover,
.unified-site-header .premium-header-nav a.active,
.sb-header.unified-site-header .sb-main-nav a:hover,
.sb-header.unified-site-header .sb-main-nav a.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015))!important;
  border-bottom-color:var(--tl-accent)!important;
}
.unified-site-header .premium-account-actions{display:grid!important;grid-template-columns:auto auto!important;gap:8px!important;align-items:center!important;justify-items:end!important}
.unified-site-header .premium-login,.unified-site-header .premium-register{min-width:86px!important;padding:10px 16px!important;border-radius:7px!important;font-weight:900!important;text-align:center!important;text-decoration:none!important}
.unified-site-header .premium-login{border:1px solid rgba(255,255,255,.26)!important;color:#fff!important;background:rgba(4,17,38,.36)!important}
.unified-site-header .premium-register{background:var(--tl-accent)!important;color:#07142e!important;border:1px solid var(--tl-accent)!important}
.unified-site-header .premium-header-meta{grid-column:1/-1!important;display:flex!important;gap:13px!important;color:#aabbd3!important;font-size:9px!important}
.sb-header.unified-site-header{
  height:88px!important;
  grid-template-columns:270px minmax(0,1fr) auto!important;
  padding:0 20px!important;
}
.sb-header.unified-site-header .sb-logo{height:88px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.sb-header.unified-site-header .sb-logo img{width:235px!important;height:82px!important;max-width:235px!important;object-fit:contain!important}
.sb-header.unified-site-header .sb-header-actions{align-items:center!important}
.sidebar .logo-wrap,.inner-sport-sidebar .logo-wrap{min-height:102px!important;padding:12px 14px!important}
.sidebar .brand-logo,.inner-sport-sidebar .brand-logo{width:230px!important;height:86px!important;max-width:230px!important;max-height:86px!important;object-fit:contain!important}
.premium-sidebar .premium-logo-wrap{min-height:112px!important;padding:12px 16px!important}
.premium-sidebar .premium-logo-link img{width:235px!important;height:92px!important;max-width:235px!important;object-fit:contain!important}

/* Keep content surfaces consistent with the calmer sportsbook styling. */
body.inner-sport-page .app-main,body:not(.sportsbook-home) .app-main{background:linear-gradient(180deg,#0b1830 0,#0b1527 45%,#091321 100%)!important}
body.inner-sport-page .page-content{color:#edf4ff}

@media(max-width:1180px){
  .unified-site-header .premium-header-nav a,
  .sb-header.unified-site-header .sb-main-nav a{min-width:74px!important;padding-left:8px!important;padding-right:8px!important;font-size:10px!important}
  .unified-site-header .premium-header-nav,
  .sb-header.unified-site-header .sb-main-nav{gap:2px!important}
  .unified-site-header .premium-login,.unified-site-header .premium-register{min-width:72px!important;padding:9px 11px!important;font-size:11px!important}
}
@media(max-width:980px){
  .app-main>.unified-site-header{
    min-height:68px!important;height:68px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    padding:0 10px!important;gap:8px!important;
  }
  .unified-site-header .premium-menu-button{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:9px!important;background:#10294e!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
  .unified-header-logo{display:flex!important}
  .unified-header-logo img{width:150px!important;height:58px!important}
  .app-main>.unified-site-header .premium-header-nav{display:none!important}
  .app-main>.unified-site-header .premium-account-actions{display:flex!important;gap:6px!important}
  .app-main>.unified-site-header .premium-login{display:none!important}
  .app-main>.unified-site-header .premium-register{min-width:auto!important;padding:8px 11px!important;font-size:10px!important}
  .app-main>.unified-site-header .premium-header-meta{display:none!important}
  .sb-header.unified-site-header{height:68px!important;min-height:68px!important;grid-template-columns:44px minmax(0,1fr) auto!important;padding:0 10px!important}
  .sb-header.unified-site-header .sb-logo{height:68px!important;justify-content:center!important}
  .sb-header.unified-site-header .sb-logo img{width:150px!important;height:58px!important;max-width:150px!important}
  .sb-header.unified-site-header .sb-main-nav{display:none!important}
  .sidebar .brand-logo,.inner-sport-sidebar .brand-logo{width:210px!important;height:78px!important}
}
@media(max-width:520px){
  .unified-header-logo img,.sb-header.unified-site-header .sb-logo img{width:132px!important;height:52px!important}
  .app-main>.unified-site-header .premium-register{padding:7px 9px!important}
}

/* =========================================================
   v12.8ZH — one corporate header/sidebar system across site
   ========================================================= */
:root{
  --site-header-start:#0d2f78;
  --site-header-mid:#081f4d;
  --site-header-end:#041126;
  --site-sidebar:#091a34;
  --site-sidebar-deep:#07162c;
  --site-card:#102440;
  --site-border:rgba(255,255,255,.08);
  --site-highlight:#ffd400;
}

/* Same header colour and height on every desktop page. */
@media (min-width:981px){
  .sb-header,
  .topbar,
  .premium-header,
  body.racing-dark-page .topbar,
  body.inner-sport-page .topbar{
    min-height:104px!important;
    height:104px!important;
    background:linear-gradient(100deg,var(--site-header-start) 0%,var(--site-header-mid) 50%,var(--site-header-end) 100%)!important;
    border-bottom:1px solid rgba(65,168,255,.30)!important;
    box-shadow:0 8px 26px rgba(0,8,28,.30)!important;
    color:#fff!important;
  }

  /* Home and dashboard logo. */
  .sb-header{grid-template-columns:330px minmax(0,1fr) auto!important;padding:0 28px!important}
  .sb-header .sb-logo{height:104px!important;display:flex!important;align-items:center!important}
  .sb-header .sb-logo img{
    width:300px!important;
    height:98px!important;
    max-width:300px!important;
    object-fit:contain!important;
  }

  /* Standard inner-page logo in the shared left column. */
  .sidebar .logo-wrap,
  .inner-sport-sidebar .logo-wrap,
  .premium-sidebar .premium-logo-wrap{
    min-height:126px!important;
    height:126px!important;
    padding:10px 14px!important;
    background:linear-gradient(180deg,#0b2448 0%,var(--site-sidebar) 100%)!important;
    border-bottom:1px solid var(--site-border)!important;
  }
  .sidebar .brand-logo,
  .inner-sport-sidebar .brand-logo,
  .premium-sidebar .premium-logo-link img{
    width:270px!important;
    height:110px!important;
    max-width:270px!important;
    max-height:110px!important;
    object-fit:contain!important;
  }

  /* Inner-page mobile-logo placeholder remains hidden on desktop. */
  .topbar .mobile-logo{display:none!important}

  /* Match home navigation sizing and active state. */
  .sb-main-nav,
  .premium-header-nav,
  .product-topbar{
    background:transparent!important;
  }
  .sb-main-nav a,
  .premium-header-nav a{
    min-height:104px!important;
    padding-top:18px!important;
    padding-bottom:15px!important;
    color:#dbe8ff!important;
    border-bottom:3px solid transparent!important;
  }
  .sb-main-nav a:hover,.sb-main-nav a.active,
  .premium-header-nav a:hover,.premium-header-nav a.active{
    color:#fff!important;
    background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015))!important;
    border-bottom-color:var(--site-highlight)!important;
  }

  /* Product strip directly below old topbars now follows the homepage palette. */
  .product-topbar{
    background:linear-gradient(90deg,#0a2145,#081a36)!important;
    border-bottom:1px solid var(--site-border)!important;
  }
  .product-pill{color:#dce8f8!important}
  .product-pill.active,.product-pill:hover{
    color:#fff!important;
    background:rgba(255,255,255,.055)!important;
    border-bottom-color:var(--site-highlight)!important;
  }
}

/* Same left-hand visual language throughout the website. */
.sb-sidebar,
.sidebar,
.inner-sport-sidebar,
.premium-sidebar{
  background:linear-gradient(180deg,var(--site-sidebar) 0%,var(--site-sidebar-deep) 100%)!important;
  border-right:1px solid var(--site-border)!important;
  color:#eef5ff!important;
}
.sb-sidebar a,
.side-nav a,
.inner-sidebar-client a,
.top-sports-list a,
.premium-sidebar a{
  color:#dfe9f6!important;
}
.sb-sidebar a:hover,.sb-sidebar a.active,
.side-nav a:hover,.side-nav a.active,
.inner-sidebar-client a:hover,.inner-sidebar-client a.active,
.top-sports-list a:hover,.top-sports-list a.active{
  background:rgba(255,255,255,.065)!important;
  color:#fff!important;
}
.sb-side-title,.nav-label,.inner-sidebar-label,.premium-sidebar-section>h2,
.sidebar-heading-row small{
  color:#9fb4cc!important;
}
.sidebar-card,.inner-responsible-card,.sb-responsible-mini{
  background:linear-gradient(180deg,#122845,#0d2039)!important;
  border:1px solid var(--site-border)!important;
}

/* Calm competition/country cards, consistent with homepage. */
.inner-country-toggle,
.premium-country-list .inner-country-toggle{
  background:linear-gradient(180deg,#1b2a38,#14222f)!important;
  border-color:rgba(255,255,255,.07)!important;
  color:#eef5ff!important;
}
.inner-country-toggle:hover,
.inner-country-toggle[aria-expanded="true"]{
  background:linear-gradient(180deg,#263746,#1d2d3b)!important;
  border-color:rgba(255,212,0,.26)!important;
}
.inner-country-leagues,.premium-country-list .inner-country-leagues{
  background:#0b1b2f!important;
}
.inner-league-link{color:#cedaec!important}
.inner-league-link:hover,.inner-league-link.active{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}

/* Keep content background consistent with home. */
body:not(.sportsbook-home),
body:not(.sportsbook-home) .app-main,
body.inner-sport-page .app-main,
.football-premium-page,
.premium-main{
  background:linear-gradient(180deg,#0b1830 0%,#0b1527 48%,#091321 100%)!important;
}

@media(max-width:980px){
  .sb-header,.topbar,.premium-header{
    background:linear-gradient(100deg,var(--site-header-start),var(--site-header-end))!important;
  }
  .sidebar,.inner-sport-sidebar,.premium-sidebar,.sb-sidebar{
    background:linear-gradient(180deg,var(--site-sidebar),var(--site-sidebar-deep))!important;
  }
}


/* v12.8ZI logo update + desktop site footer */
.site-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px;margin-top:34px;padding:34px 28px 42px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(7,20,42,.78),rgba(4,11,24,.96));border-radius:18px 18px 0 0;color:#b8c6dd}.site-footer h4{margin:0 0 12px;color:#fff;font-size:15px}.site-footer a{display:block;margin:8px 0;color:#b8c6dd;font-size:13px}.site-footer a:hover{color:#ffd05d}.site-footer p{margin:12px 0 0;color:#93a6c2;line-height:1.6;max-width:360px}.site-footer .footer-logo{width:210px!important;height:auto!important;max-height:74px!important;object-fit:contain!important}.sportsbook-home .site-footer{margin-top:42px}.football-premium-page .site-footer{margin:18px 22px 0}.football-premium-page .site-footer .footer-logo{width:205px!important}.sb-header .sb-logo img{width:245px!important;height:86px!important;max-width:245px!important}.premium-sidebar .premium-logo-link img,.sidebar .brand-logo,.inner-sport-sidebar .brand-logo{width:240px!important;max-width:240px!important;height:92px!important;max-height:92px!important}.premium-logo-wrap{min-height:116px!important}.sb-header .sb-logo{height:100px!important}.site-footer-wrap{padding:0 22px 24px}.page-shell>.app-main>.site-footer{margin-top:auto}
@media(max-width:980px){.site-footer{display:none!important}.sb-header .sb-logo img{width:150px!important;height:58px!important;max-width:150px!important}.premium-sidebar .premium-logo-link img,.sidebar .brand-logo,.inner-sport-sidebar .brand-logo{width:210px!important;max-width:210px!important;height:78px!important;max-height:78px!important}}

/* v12.8ZJ — true unified racing header/sidebar + new official logo */
@media (min-width:981px){
  .racing-dark-page .racing-unified-header{
    height:100px!important;
    min-height:100px!important;
    padding:0 26px!important;
    background:linear-gradient(90deg,#06142d 0%,#0a2350 48%,#081a38 100%)!important;
    border-bottom:1px solid rgba(255,204,40,.18)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
  }
  .racing-dark-page .racing-unified-header .premium-header-nav{
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .racing-dark-page .racing-unified-header .premium-header-nav a{
    min-width:94px!important;
    padding:22px 12px 19px!important;
    color:#dce6f4!important;
    border-bottom:3px solid transparent!important;
  }
  .racing-dark-page .racing-unified-header .premium-header-nav a:hover,
  .racing-dark-page .racing-unified-header .premium-header-nav a.active{
    color:#ffd42a!important;
    border-bottom-color:#ffd42a!important;
    background:rgba(255,255,255,.025)!important;
  }
  .racing-dark-page .inner-sport-sidebar{
    width:290px!important;
    background:linear-gradient(180deg,#091a34 0%,#08162d 100%)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  .racing-dark-page .page-shell{grid-template-columns:290px minmax(0,1fr)!important}
  .racing-dark-page .inner-sport-sidebar .logo-wrap{
    min-height:116px!important;
    padding:12px 14px!important;
    background:linear-gradient(180deg,#07162f,#091a34)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .racing-dark-page .inner-sport-sidebar .brand-logo{
    width:252px!important;
    height:104px!important;
    max-width:252px!important;
    max-height:104px!important;
    object-fit:contain!important;
  }
  .racing-dark-page .inner-sidebar-sport-head{
    margin:16px 12px 8px!important;
    padding:14px!important;
    border-radius:12px!important;
    background:#102440!important;
    border:1px solid rgba(255,255,255,.07)!important;
  }
  .racing-dark-page .inner-sidebar-label{
    color:#ffca28!important;
    padding:14px 14px 7px!important;
    font-size:11px!important;
    letter-spacing:.8px!important;
  }
  .racing-dark-page .inner-country-accordion{padding:0 10px!important;gap:7px!important}
  .racing-dark-page .inner-country-toggle{
    min-height:48px!important;
    background:linear-gradient(180deg,#1c2b3b,#152332)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:10px!important;
    color:#e8eef7!important;
  }
  .racing-dark-page .inner-country-toggle:hover,
  .racing-dark-page .inner-country-toggle[aria-expanded="true"]{
    background:linear-gradient(180deg,#26384a,#1b2b3b)!important;
    border-color:rgba(255,204,40,.3)!important;
  }
  .racing-dark-page .inner-country-name{font-size:13px!important;font-weight:800!important}
  .racing-dark-page .inner-country-toggle small{color:#ffd42a!important}
  .racing-dark-page .inner-country-leagues{
    background:#0d1d30!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-top:0!important;
  }
  .racing-dark-page .inner-league-link{color:#bdc9da!important}
  .racing-dark-page .inner-league-link:hover{color:#ffd42a!important;background:rgba(255,204,40,.07)!important}
  .racing-dark-page .inner-sidebar-client{padding:0 10px 16px!important}
  .racing-dark-page .inner-sidebar-client a{
    color:#dce5f2!important;
    background:transparent!important;
    border-radius:9px!important;
  }
  .racing-dark-page .inner-sidebar-client a:hover{background:rgba(255,204,40,.08)!important;color:#ffd42a!important}
  .racing-dark-page .inner-responsible-card{
    margin:10px 12px 22px!important;
    background:#10233d!important;
    border-color:rgba(255,204,40,.17)!important;
  }
}
@media(max-width:980px){
  .racing-dark-page .racing-unified-header{
    height:68px!important;
    min-height:68px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    padding:0 10px!important;
    background:linear-gradient(90deg,#06142d,#0a2350)!important;
  }
  .racing-dark-page .racing-unified-header .premium-header-nav{display:none!important}
  .racing-dark-page .racing-unified-header .unified-header-logo{display:flex!important;justify-content:center!important}
  .racing-dark-page .racing-unified-header .unified-header-logo img{width:150px!important;height:58px!important;object-fit:contain!important}
  .racing-dark-page .racing-unified-header .premium-login{display:none!important}
  .racing-dark-page .racing-unified-header .premium-header-meta{display:none!important}
}
/* New filename avoids stale browser cache and keeps the logo consistently large. */
.sb-logo img{content:url('assets/totelepep-logo-new.svg')!important}
.brand-logo,.mobile-logo img,.footer-logo,.premium-logo-link img,.unified-header-logo img{content:url('assets/totelepep-logo-new.svg')!important}

/* v12.8ZK — one identical desktop header on every page */
.desktop-global-header{display:none}
@media(min-width:981px){
  body{padding-top:96px!important}
  .desktop-global-header{position:fixed;display:grid;grid-template-columns:280px minmax(0,1fr) auto;align-items:center;gap:22px;top:0;left:0;right:0;height:96px;padding:0 28px;z-index:2000;background:linear-gradient(100deg,#07152f 0%,#0c2f68 52%,#081a38 100%);border-bottom:1px solid rgba(255,205,46,.25);box-shadow:0 12px 32px rgba(0,0,0,.24)}
  .dgh-logo{height:88px;display:flex;align-items:center}.dgh-logo img{display:block;width:245px;height:86px;object-fit:contain}
  .dgh-nav{display:flex;align-items:stretch;justify-content:center;height:100%;gap:8px}.dgh-nav a{display:flex;align-items:center;padding:0 15px;color:#dce6f5;font-size:14px;font-weight:800;border-bottom:3px solid transparent}.dgh-nav a:hover,.dgh-nav a.active{color:#ffe31a;border-bottom-color:#ffe31a;background:rgba(255,255,255,.035)}
  .dgh-actions{display:flex;gap:10px;align-items:center}.dgh-actions a{padding:11px 17px;border-radius:9px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:13px;font-weight:850}.dgh-actions .join{background:#ffe31a;color:#07152f;border-color:#ffe31a}
  body>.sb-header,.premium-main>.premium-header,.app-main>.premium-header,.app-main>.topbar,.app-main>.product-topbar{display:none!important}
  .sportsbook-home .sb-sidebar{top:96px!important;height:calc(100vh - 96px)!important}
  .sidebar,.inner-sport-sidebar,.premium-sidebar{top:96px!important;height:calc(100vh - 96px)!important}
  .page-shell,.premium-shell,.sb-shell{min-height:calc(100vh - 96px)!important}
}


/* v12.8ZL — desktop readability and admin-controlled header advertising marquee */
@media(min-width:981px){
  html{font-size:17px}
  body{font-size:16px;line-height:1.55}
  p,li,label,input,select,textarea,button,a{font-size:inherit}
  small{font-size:12px!important;line-height:1.45}
  .page-title h1,.meeting-copy h1,.football-hero-card h1{font-size:clamp(34px,2.4vw,46px)!important}
  .page-title p,.meeting-copy p,.football-hero-card p{font-size:16px!important;color:#c3d0e1!important}
  .inner-country-name,.sb-sidebar a,.inner-sidebar-client a,.top-sports-list a strong{font-size:15px!important}
  .inner-country-toggle small,.inner-league-link,.match-time small,.match-teams span,.runner-info small{font-size:13px!important}
  .football-match-row,.modern-runner-row,.event-card,.panel-card{font-size:15px}
  .odd-btn,.price-btn,.runner-price,.sb-odds button{font-size:15px!important;font-weight:850!important}
  .desktop-global-header{grid-template-columns:285px minmax(280px,1fr) auto!important;gap:20px!important}
  .dgh-logo img{width:260px!important;height:90px!important;max-width:260px!important}
  .dgh-nav{display:none!important}
  .dgh-marquee{position:relative;overflow:hidden;height:52px;display:flex;align-items:center;border:1px solid rgba(87,171,255,.22);border-radius:12px;background:linear-gradient(90deg,rgba(4,17,40,.72),rgba(14,58,117,.58),rgba(4,17,40,.72));box-shadow:inset 0 0 24px rgba(22,102,210,.13)}
  .dgh-marquee:before,.dgh-marquee:after{content:'';position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}.dgh-marquee:before{left:0;background:linear-gradient(90deg,#09204a,transparent)}.dgh-marquee:after{right:0;background:linear-gradient(270deg,#09204a,transparent)}
  .dgh-marquee-track{display:flex;align-items:center;width:max-content;min-width:200%;white-space:nowrap;animation:dghMarquee 32s linear infinite;will-change:transform}
  .dgh-marquee:hover .dgh-marquee-track{animation-play-state:paused}
  .dgh-marquee-item{display:inline-flex;align-items:center;gap:10px;padding:0 34px;color:#f4f8ff;font-size:15px;font-weight:800;letter-spacing:.1px}
  .dgh-marquee-item b{color:#ffe31a;font-size:10px;text-shadow:0 0 12px rgba(255,227,26,.75)}
  @keyframes dghMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .dgh-actions{gap:8px!important;white-space:nowrap}.dgh-actions a{font-size:13px!important;padding:11px 14px!important}.dgh-actions .dgh-promo,.dgh-actions .dgh-help{background:rgba(16,47,92,.62);border-color:rgba(94,169,255,.28);color:#e9f2ff}.dgh-actions .dgh-promo:hover,.dgh-actions .dgh-help:hover{background:#163c73;color:#fff}
}
@media(min-width:981px) and (max-width:1250px){.desktop-global-header{grid-template-columns:230px minmax(220px,1fr) auto!important;padding-left:16px!important;padding-right:16px!important}.dgh-logo img{width:215px!important;max-width:215px!important}.dgh-actions a{padding:10px 10px!important;font-size:12px!important}.dgh-marquee-item{padding:0 24px;font-size:14px}}

/* v12.8ZM — shared site layout and centrally managed public theme */
html[data-shared-layout="true"] body{background:#07152f!important;color:#f4f7fb}
.legacy-site-footer{display:none!important}
.shared-site-header{position:sticky!important;top:0!important;z-index:1200!important}
.shared-site-header .dgh-logo img{width:250px!important;height:92px!important;max-width:250px!important;object-fit:contain!important}
.shared-maintenance-notice{position:sticky;top:100px;z-index:1190;padding:9px 18px;text-align:center;background:#ffd35d;color:#101b31;font-size:13px;font-weight:900;border-bottom:1px solid rgba(0,0,0,.18)}
.shared-site-footer{width:calc(100% - 36px)!important;margin:36px 18px 0!important;padding:38px 30px 46px!important;background:linear-gradient(180deg,#0b1e3b,#061329)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px 18px 0 0!important;box-sizing:border-box!important}
.shared-site-footer .footer-logo{width:220px!important;height:auto!important;max-height:92px!important;object-fit:contain!important}
.shared-site-footer span{display:block;margin:8px 0;color:#b8c6dd;font-size:13px}
.shared-site-footer .footer-responsible{font-size:11px;line-height:1.5;color:#8fa3bd}
body.inner-sport-page .sidebar,body.inner-sport-page .inner-sport-sidebar,.premium-sidebar,.sb-sidebar{background:linear-gradient(180deg,#091a34,#07162d)!important;border-right-color:rgba(255,255,255,.08)!important}
body.inner-sport-page .inner-country-toggle,.premium-country-list .inner-country-toggle{background:linear-gradient(180deg,#162a3f,#102236)!important;border-color:rgba(255,255,255,.07)!important}
body.inner-sport-page .inner-country-toggle:hover,body.inner-sport-page .inner-country-toggle[aria-expanded="true"],.premium-country-list .inner-country-toggle:hover,.premium-country-list .inner-country-toggle[aria-expanded="true"]{background:linear-gradient(180deg,#203851,#172d43)!important;border-color:rgba(255,205,61,.32)!important}
@media(max-width:980px){.shared-site-header,.shared-maintenance-notice,.shared-site-footer{display:none!important}}

/* v12.8ZO — offline browsing and SMS bet queue */
.offline-status-banner{position:fixed;left:50%;top:8px;transform:translateX(-50%);z-index:9999;max-width:calc(100vw - 24px);padding:8px 14px;border:1px solid rgba(92,191,255,.34);border-radius:999px;background:rgba(8,31,58,.96);box-shadow:0 8px 24px rgba(0,0,0,.28);color:#ddecff;font-size:12px;font-weight:800;text-align:center;transition:.25s}.offline-status-banner.compact{opacity:0;pointer-events:none;transform:translate(-50%,-12px)}.offline-status-banner.is-offline{top:8px;opacity:1;transform:translateX(-50%);border-color:rgba(255,190,49,.55);background:#503915;color:#fff2c2}.offline-page{min-height:100vh;display:grid;place-content:center;gap:18px;text-align:center;padding:28px;max-width:720px;margin:auto}.offline-page img{width:min(320px,80vw);margin:auto}.offline-page h1{font-size:42px;margin:0}.offline-page p{color:#b9c8df;line-height:1.7}.offline-page>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.offline-bets-page{min-height:100vh;padding:34px max(18px,5vw) 90px;max-width:1100px;margin:auto}.offline-bets-page>header{margin-bottom:24px}.offline-bets-page h1{font-size:38px;margin:14px 0 6px}.offline-bets-page header p{color:#aebfd8}.offline-bet-card{background:linear-gradient(180deg,#102747,#0b1c34);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px;margin:12px 0}.offline-bet-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.offline-bet-status{padding:6px 10px;border-radius:999px;background:#293c59;text-transform:capitalize;font-size:11px}.offline-bet-status.confirmed{background:#164e3b;color:#b9ffdf}.offline-bet-status.rejected{background:#5a2430;color:#ffd0d8}.offline-bet-card small{display:block;margin:8px 0;color:#9fb0c8}.offline-bet-card pre{white-space:pre-wrap;word-break:break-all;background:#071429;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:10px;color:#ffd75e}.offline-bet-actions{display:flex;gap:8px;flex-wrap:wrap}.offline-bet-actions button{border:1px solid rgba(255,255,255,.14);background:#142c4d;color:#fff;border-radius:9px;padding:9px 12px;font-weight:800}.offline-empty{text-align:center;padding:60px 20px;border:1px dashed rgba(255,255,255,.16);border-radius:16px}.offline-bets-link{display:inline-flex!important;align-items:center;gap:7px}
@media(max-width:700px){.offline-status-banner{font-size:10px;top:4px}.offline-bets-page{padding:22px 12px 90px}.offline-bets-page h1{font-size:28px}.offline-bet-head{align-items:flex-start;flex-direction:column}.offline-page h1{font-size:32px}}


/* v12.8ZP — mobile homepage header alignment and Racing header cleanup */
@media (max-width:980px){
  .sportsbook-home .sb-header{
    align-items:start!important;
    padding-top:5px!important;
    padding-bottom:3px!important;
  }
  .sportsbook-home .sb-mobile-menu,
  .sportsbook-home .sb-header-actions{
    transform:translateY(-1px)!important;
  }
  .sportsbook-home .sb-logo{
    align-self:start!important;
    transform:translateY(-5px)!important;
  }
  .sportsbook-home .sb-logo img{
    object-position:center 42%!important;
  }
  .racing-dark-page .racing-unified-header .premium-account-actions{
    min-width:38px!important;
    justify-content:flex-end!important;
  }
}

/* v12.8ZQ — corrected mobile home header and generic sports SMS Bet Slip */
@media(max-width:980px){
  .sportsbook-home .sb-header{position:sticky!important;top:0!important;height:60px!important;min-height:60px!important;align-items:center!important;padding:0 10px!important;overflow:hidden!important}
  .sportsbook-home .sb-logo{position:absolute!important;left:50%!important;top:0!important;width:150px!important;height:58px!important;transform:translateX(-50%)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;z-index:2!important;margin:0!important;padding:0!important}
  .sportsbook-home .sb-logo img{display:block!important;width:128px!important;height:58px!important;max-width:128px!important;object-fit:contain!important;object-position:center top!important;margin:-2px 0 0!important;transform:none!important}
  .sportsbook-home .sb-mobile-menu{position:relative!important;z-index:3!important;align-self:center!important;transform:none!important}
  .sportsbook-home .sb-header-actions{position:relative!important;z-index:3!important;align-self:center!important;transform:none!important}
}
.odd-btn.selected{background:#ffd43b!important;color:#07152f!important;border-color:#ffe67b!important;box-shadow:0 0 0 2px rgba(255,212,59,.22)!important}
.sports-betslip-panel{position:fixed;right:18px;bottom:18px;z-index:1500;width:360px;max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:#091b34;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.55);overflow:hidden}
.sports-betslip-panel>header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:linear-gradient(135deg,#123760,#0b2444);border-bottom:1px solid rgba(255,255,255,.1)}
.sports-betslip-panel>header div{display:grid;gap:3px}.sports-betslip-panel>header small{color:#86bfff;text-transform:uppercase;font-size:10px;font-weight:900}.sports-betslip-panel>header strong{font-size:16px}.sports-betslip-panel>header button{width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#102844;color:#fff;font-size:22px}
.sports-slip-items{overflow:auto;padding:10px;min-height:90px}.sports-slip-empty{padding:26px 12px;text-align:center;color:#9eb1ca}.sports-slip-items article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#10253f;margin-bottom:8px}.sports-slip-items article div{display:grid;gap:3px}.sports-slip-items article small{color:#7fbaff;font-size:10px}.sports-slip-items article strong{font-size:12px}.sports-slip-items article span{color:#ffd65a;font-size:11px}.sports-slip-items article button{border:0;background:transparent;color:#aebfd5;font-size:20px}
.sports-slip-bottom{padding:14px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.sports-slip-bottom label{display:flex;align-items:center;justify-content:space-between;font-weight:800}.sports-slip-bottom label span{display:flex;align-items:center;background:#07152a;border:1px solid rgba(255,255,255,.12);border-radius:9px;overflow:hidden}.sports-slip-bottom label b{padding:0 9px;color:#ffd65a}.sports-slip-bottom input{width:100px;padding:10px;border:0;background:transparent;color:#fff;font-weight:900}.sports-slip-total{display:flex;justify-content:space-between;gap:12px}.sports-slip-total span{display:grid;color:#9eb0c6;font-size:10px}.sports-slip-total b{margin-top:3px;color:#fff;font-size:14px}.sports-send-sms,.sports-clear-slip{padding:12px;border-radius:10px;font-weight:900}.sports-send-sms{border:0;background:#ffd43b;color:#09152a}.sports-clear-slip{border:1px solid rgba(255,255,255,.13);background:#132a46;color:#fff}.sports-slip-bottom p{margin:0;color:#8fa2ba;font-size:10px;line-height:1.45}.sports-slip-opener{display:none}
@media(max-width:980px){
  .sports-betslip-panel{right:0;left:0;bottom:0;width:100%;max-height:82vh;border-radius:18px 18px 0 0;transform:translateY(105%);transition:.25s;z-index:1800}.sports-betslip-panel.open{transform:translateY(0)}
  .sports-slip-opener{display:flex;position:fixed;right:12px;bottom:72px;z-index:1700;align-items:center;gap:7px;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffd43b;color:#07152f;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.35)}.sports-slip-opener b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#07152f;color:#fff;font-size:11px}
}

/* v12.8ZR — centred mobile home logo and independent Bet Slip per sport */
@media(max-width:980px){
  .sportsbook-home .sb-header{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 78px!important;
    align-items:center!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 8px!important;
    overflow:visible!important;
  }
  .sportsbook-home .sb-mobile-menu{grid-column:1!important;justify-self:start!important;position:relative!important;z-index:4!important}
  .sportsbook-home .sb-logo{
    grid-column:2!important;
    position:relative!important;
    left:auto!important;top:auto!important;
    transform:none!important;
    width:100%!important;height:62px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:0!important;overflow:visible!important;
  }
  .sportsbook-home .sb-logo img{
    width:142px!important;height:auto!important;max-width:142px!important;max-height:58px!important;
    object-fit:contain!important;object-position:center!important;margin:0!important;transform:none!important;
  }
  .sportsbook-home .sb-header-actions{grid-column:3!important;justify-self:end!important;position:relative!important;z-index:4!important}
}
.sports-category-grid .category{border:1px solid rgba(255,255,255,.08);color:#fff;text-align:left;cursor:pointer}
.sports-category-grid .category.active{border-color:#ffd43b;box-shadow:inset 0 0 0 1px #ffd43b;background:linear-gradient(145deg,#1c3652,#10243c)}
.sports-event-list{display:grid;gap:12px;margin-top:16px}
.sport-specific-slip>header span{font-size:10px;color:#9fb2cb}.sport-specific-slip>header span b{color:#ffd45a}
.sport-slip-tabs{display:flex;gap:6px;padding:9px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.08);background:#07162b}
.sport-slip-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#112945;color:#cbd8e9;font-size:10px;font-weight:800}
.sport-slip-tabs button.active{background:#ffd43b;color:#07152f;border-color:#ffd43b}.sport-slip-tabs button b{display:grid;place-items:center;min-width:19px;height:19px;border-radius:999px;background:rgba(0,0,0,.2);font-size:9px}
.sport-sms-preview{display:grid;gap:5px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#07162b}.sport-sms-preview small{color:#8fa6c0;font-size:9px;text-transform:uppercase;font-weight:900}.sport-sms-preview code{color:#ffd760;font-size:10px;line-height:1.45;white-space:normal;word-break:break-all}
@media(max-width:980px){.sports-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sports-category-grid .category{min-height:84px!important;padding:12px!important}.sports-category-grid .category h3{font-size:14px!important}.sports-category-grid .category p{font-size:9px!important}.sport-specific-slip{max-height:86vh!important}.sport-slip-tabs{padding-bottom:10px}.sports-slip-opener{bottom:72px!important}}


/* v12.8ZS — compact mobile sport bet slips; racing untouched */
.football-mobile-slip-btn{display:none}
@media(max-width:720px){
  .football-premium-page .premium-header{grid-template-columns:42px minmax(0,1fr) auto!important}
  .football-mobile-slip-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffd43b;color:#07152f;font-size:11px;font-weight:900;white-space:nowrap}
  .football-mobile-slip-btn b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#07152f;color:#fff;font-size:10px}
  .football-premium-page .premium-betslip{display:none!important;position:fixed!important;left:8px!important;right:8px!important;top:88px!important;bottom:74px!important;z-index:1800!important;margin:0!important;max-height:none!important;overflow:auto!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important}
  .football-premium-page .premium-betslip.mobile-open{display:block!important}
  .football-premium-page .premium-betslip-tabs{position:sticky;top:0;z-index:2;background:#122231}
  .sports-slip-opener{display:flex!important;position:static!important;right:auto!important;bottom:auto!important;z-index:auto!important;margin:0!important;padding:8px 10px!important;border-radius:10px!important;box-shadow:none!important;white-space:nowrap}
  .topbar .top-actions .sports-slip-opener{order:-5}
  .sport-specific-slip{display:none!important;position:fixed!important;left:8px!important;right:8px!important;top:72px!important;bottom:74px!important;width:auto!important;max-width:none!important;max-height:none!important;z-index:1800!important;border-radius:14px!important;overflow:auto!important}
  .sport-specific-slip.open{display:block!important}
}

/* v12.8ZT — mobile header controls and football fixture readability */
@media(max-width:980px){
  .sportsbook-home .sb-header{grid-template-columns:44px minmax(0,1fr) 96px!important}
  .sportsbook-home .sb-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:96px!important;min-width:96px!important;position:relative!important;inset:auto!important;transform:none!important}
  .sportsbook-home .sb-header-actions .sb-mobile-icon{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important}
  .sportsbook-home .sb-theme-btn{order:1!important}
  .sportsbook-home .sb-header-actions a[aria-label="Bet slip"]{order:2!important}
}
.football-country-flag{display:grid;place-items:center;width:28px;height:22px;overflow:hidden;border-radius:4px;background:#15283b}
.football-country-flag-img{display:block;width:100%;height:100%;object-fit:cover}
.football-country-block .country-toggle>span:first-child{display:grid;place-items:center}
.football-match-row .match-time{min-width:88px;text-align:center}
.football-match-row .match-time strong{display:block;font-size:14px;line-height:1.15;color:#fff}
.football-match-row .match-time small{display:block;margin-top:4px;font-size:10px;line-height:1.2;color:#9fb1c8;white-space:normal}
.football-match-row .match-teams{min-width:0}
.football-match-row .match-teams span{display:block;min-width:0;overflow-wrap:anywhere;word-break:normal;white-space:normal;line-height:1.3}
@media(max-width:720px){
  .football-match-row{grid-template-columns:32px 78px minmax(0,1fr)!important;gap:8px!important}
  .football-match-row .match-time{min-width:0!important;width:78px!important}
  .football-match-row .match-time strong{font-size:13px!important}
  .football-match-row .match-time small{font-size:9px!important}
  .football-match-row .match-teams{font-size:13px!important;gap:3px!important;padding-right:2px!important}
  .football-match-row .match-teams span{font-size:13px!important;font-weight:800!important}
  .football-match-row .match-odds,.football-match-row .match-more{grid-column:auto!important}
  .country-toggle .football-country-flag{width:26px;height:19px}
}
@media(max-width:720px){
  .football-match-row{
    grid-template-columns:82px minmax(0,1fr) 44px!important;
    grid-template-areas:"time teams more" "odds odds odds"!important;
  }
  .football-match-row .match-time{grid-area:time!important;width:82px!important;align-items:flex-start!important}
  .football-match-row .match-teams{grid-area:teams!important;display:grid!important;grid-template-columns:1fr!important;gap:2px!important;white-space:normal!important;overflow:visible!important;padding:5px 3px!important}
  .football-match-row .match-teams>i{display:none!important}
  .football-match-row .match-teams span{width:100%!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere!important}
  .football-match-row .match-more{grid-area:more!important}
  .football-match-row .match-odds{grid-area:odds!important;grid-column:1/-1!important}
}
.football-league-country-flag{width:30px!important;height:22px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:4px!important;background:#13273b!important}
.football-league-country-flag .football-country-flag-img{width:100%!important;height:100%!important;object-fit:cover!important}

/* v12.8ZZA — live Tote horse-racing odds */
.race-odds-updated{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(88,175,255,.22);border-radius:8px;background:#0d2942;color:#8fc9ff;font-size:11px;font-weight:800;white-space:nowrap}
.live-tote-odd strong{font-variant-numeric:tabular-nums}
.live-tote-odd.odds-up{animation:toteOddUp 1.2s ease}
.live-tote-odd.odds-down{animation:toteOddDown 1.2s ease}
@keyframes toteOddUp{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 2px rgba(50,205,125,.75),0 0 18px rgba(50,205,125,.35)}}
@keyframes toteOddDown{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 2px rgba(255,178,59,.8),0 0 18px rgba(255,178,59,.35)}}
@media(max-width:980px){.race-odds-updated{font-size:9px;min-height:24px;padding:3px 6px}.modern-runner .market-odd strong{font-size:14px}}


/* v12.8ZZB — raw Tote odds + mobile visibility */
@media(max-width:980px){
  body.racing-dark-page .modern-runner{
    grid-template-columns:32px 34px minmax(0,1fr) 62px 62px!important;
    column-gap:4px!important;
  }
  body.racing-dark-page .modern-runner .market-odd,
  body.racing-dark-page .modern-runner .live-tote-odd{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:62px!important;
    min-width:62px!important;
    height:44px!important;
    padding:3px 2px!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
  }
  body.racing-dark-page .modern-runner .market-odd span,
  body.racing-dark-page .modern-runner .market-odd strong{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    white-space:nowrap!important;
  }
  body.racing-dark-page .modern-runner .market-odd strong{
    font-size:12px!important;
    line-height:1.1!important;
    letter-spacing:0!important;
  }
  body.racing-dark-page .market-head{
    grid-template-columns:32px 34px minmax(0,1fr) 62px 62px!important;
  }
}
@media(max-width:380px){
  body.racing-dark-page .modern-runner{
    grid-template-columns:28px 30px minmax(0,1fr) 56px 56px!important;
  }
  body.racing-dark-page .modern-runner .market-odd,
  body.racing-dark-page .modern-runner .live-tote-odd{width:56px!important;min-width:56px!important}
  body.racing-dark-page .market-head{grid-template-columns:28px 30px minmax(0,1fr) 56px 56px!important}
}

/* v12.8ZZC: unavailable meeting-specific racing pools */
.bettype-item.bettype-unavailable,.bettype-item:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}
.bettype-item.bettype-unavailable:hover,.bettype-item:disabled:hover{transform:none!important;box-shadow:none!important}


/* === v12.8ZZD Horse Racing Live Odds + Results + Modern Mobile Refresh === */
.meeting-results-panel{display:grid;gap:14px;margin-top:14px}
.meeting-results-empty,.meeting-result-card{background:linear-gradient(180deg,#102746,#0b1d36);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:16px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.meeting-results-empty strong{display:block;font-size:18px;color:#fff;margin-bottom:6px}
.meeting-results-empty p{margin:0;color:#aebbd4}
.meeting-result-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.meeting-result-head small{display:block;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8fbfff}
.meeting-result-head h3{margin:4px 0 0;font-size:20px;color:#fff}
.meeting-result-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.meeting-result-meta span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:800;color:#dbe8f8}
.meeting-result-placings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.placing-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.placing-item b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#55b5ff,#1f6fff);color:#fff;font-size:14px}
.placing-item strong{display:block;color:#fff;font-size:14px}
.placing-item small{display:block;color:#aebbd4;font-size:11px;margin-top:3px}
.meeting-result-awaiting{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.18)}
.meeting-result-awaiting span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(143,191,255,.12);color:#cfe6ff;font-size:11px;font-weight:800;margin-bottom:8px}
.meeting-result-awaiting p{margin:0;color:#aebbd4;font-size:13px}
.race-odds-updated{padding:7px 10px;border-radius:999px;background:rgba(84,172,255,.10);border:1px solid rgba(84,172,255,.18);font-size:11px;font-weight:800;color:#dceaff}

@media (max-width: 980px){
  .racing-dark-page .premium-header.unified-site-header{background:linear-gradient(180deg,#132f63,#0c2040)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 24px rgba(0,0,0,.18)!important}
  .racing-dark-page .page-content{padding-top:8px!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:130px!important}
  .racing-dark-page .meeting-summary{padding:12px 12px!important;margin-bottom:8px!important;border-radius:18px!important;background:linear-gradient(135deg,#0f2b59,#0a1830)!important;border:1px solid rgba(106,182,255,.18)!important;box-shadow:0 16px 30px rgba(0,0,0,.22)!important}
  .racing-dark-page .meeting-copy{display:grid!important;gap:3px!important}
  .racing-dark-page .mobile-meeting-race-title{display:grid!important;gap:1px!important;max-width:100%!important}
  .racing-dark-page .mobile-meeting-race-title strong{font-size:15px!important;color:#fff!important}
  .racing-dark-page .mobile-meeting-race-title small{font-size:10px!important;color:#b9c8dd!important}
  .racing-dark-page .meeting-tools{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important}
  .racing-dark-page .meeting-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:2px!important}
  .racing-dark-page .meeting-tabs button{flex:0 0 auto!important;min-width:92px!important;padding:10px 14px!important;border-radius:12px!important;background:#0d2340!important;border:1px solid rgba(255,255,255,.08)!important;color:#dbe7f8!important;font-size:12px!important;font-weight:800!important}
  .racing-dark-page .meeting-tabs button.active{background:linear-gradient(180deg,#1682ff,#0f58d6)!important;border-color:rgba(142,201,255,.5)!important;color:#fff!important;box-shadow:0 10px 18px rgba(15,88,214,.28)!important}
  .racing-dark-page .meeting-data-actions{display:flex!important;justify-content:flex-start!important}
  .racing-dark-page .meeting-select{width:100%!important}.racing-dark-page .meeting-select select{width:100%!important;min-height:42px!important}
  .racing-dark-page .race-selector{gap:8px!important;padding:4px 0 10px!important}
  .racing-dark-page .race-selector button{flex:0 0 58px!important;width:58px!important;height:56px!important;border-radius:14px!important;background:linear-gradient(180deg,#132b53,#0a1830)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 16px rgba(0,0,0,.18)!important}
  .racing-dark-page .race-selector button span{font-size:18px!important;color:#fff!important}
  .racing-dark-page .race-selector button small{font-size:9px!important;color:#a9bad1!important}
  .racing-dark-page .race-selector button.active{background:linear-gradient(180deg,#1580ff,#0f58d6)!important;border-color:rgba(164,213,255,.55)!important}
  .racing-dark-page .hrmob-reference-strip{padding:8px 10px!important;border-radius:14px!important;background:linear-gradient(180deg,#102746,#0c203b)!important;border:1px solid rgba(255,255,255,.08)!important;margin-bottom:8px!important}
  .racing-dark-page .hrmob-live-btn{background:linear-gradient(180deg,#1290ff,#0a62db)!important;color:#fff!important;border-radius:10px!important;border:0!important;box-shadow:0 8px 16px rgba(10,98,219,.24)!important}
  .racing-dark-page .bettype-toolbar{margin:10px 0 10px!important;padding:0!important;background:transparent!important}
  .racing-dark-page .bettype-menu-trigger{width:auto!important;min-width:128px!important;max-width:168px!important;padding:11px 14px!important;border-radius:14px!important;background:linear-gradient(180deg,#1a8dff,#0f5ad8)!important;color:#fff!important;border:1px solid rgba(164,213,255,.46)!important;box-shadow:0 10px 18px rgba(15,88,214,.26)!important}
  .racing-dark-page .bettype-menu-trigger .trigger-label{font-size:17px!important;letter-spacing:.2px!important;text-transform:none!important;opacity:1!important}
  .racing-dark-page .bettype-menu-trigger::before,.racing-dark-page .bettype-menu-trigger::after{display:none!important}
  .racing-dark-page .market-head{margin-top:0!important;margin-bottom:6px!important;padding:0 4px!important;color:#cfe2fb!important}
  .racing-dark-page .modern-runner{grid-template-columns:30px 34px minmax(0,1fr) 54px 54px!important;gap:6px!important;min-height:0!important;padding:10px 8px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,#0f2544,#0b1c35)!important;box-shadow:0 12px 22px rgba(0,0,0,.14)!important;margin-bottom:6px!important}
  .racing-dark-page .modern-runner:nth-child(even){background:linear-gradient(180deg,#102948,#0c2039)!important}
  .racing-dark-page .modern-runner .runner-number{width:28px!important;height:28px!important;font-size:12px!important;border-radius:9px!important;background:linear-gradient(180deg,#eaf4ff,#bfdcff)!important;color:#10305e!important}
  .racing-dark-page .silk-json,.racing-dark-page .silk-json-fallback{width:34px!important;height:34px!important;border-radius:10px!important}
  .racing-dark-page .modern-runner .runner-details strong{font-size:12px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .racing-dark-page .modern-runner .runner-details small{font-size:9px!important;line-height:1.35!important;color:#9fb0c7!important}
  .racing-dark-page .market-odd{min-height:44px!important;padding:6px 4px!important;border-radius:12px!important;background:linear-gradient(180deg,#163865,#0f2648)!important;border:1px solid rgba(110,182,255,.18)!important}
  .racing-dark-page .market-odd span{font-size:9px!important;color:#a9bed9!important}.racing-dark-page .market-odd strong{font-size:13px!important;color:#fff!important}
  .racing-dark-page .racing-mobile-dock{grid-template-columns:minmax(92px,108px) 1fr .9fr .8fr!important;gap:6px!important;bottom:0!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(7,20,46,.98),rgba(4,13,31,.98))!important;border-top:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(12px)}
  .racing-dark-page .racing-mobile-dock .mobile-race-amount{border-radius:12px!important;overflow:hidden!important;box-shadow:0 10px 16px rgba(0,0,0,.15)!important}
  .racing-dark-page .racing-mobile-dock .mobile-race-amount input{height:42px!important;font-size:16px!important}
  .racing-dark-page .racing-mobile-dock button{min-height:42px!important;border-radius:12px!important;font-size:10px!important;font-weight:800!important;padding:0 8px!important}
  .racing-dark-page .racing-mobile-dock .dock-add{background:linear-gradient(180deg,#1ba7ff,#0d6df0)!important}
  .racing-dark-page .racing-mobile-dock .dock-secondary{background:linear-gradient(180deg,#46648f,#223755)!important}
  .racing-dark-page .racing-mobile-dock .dock-clear{background:linear-gradient(180deg,#ff5d59,#cc2a27)!important}
  .racing-dark-page .hrmob-bets-cart{bottom:0!important;border-radius:18px 18px 0 0!important;background:linear-gradient(180deg,#102746,#0b1d36)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}
  .racing-dark-page .hrmob-cart-head{border-bottom-color:rgba(255,255,255,.08)!important}.racing-dark-page .hrmob-cart-head button{background:#16345f!important;color:#fff!important}
  .racing-dark-page .hrmob-cart-actions{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}
  .racing-dark-page .hrmob-cart-actions .btn{border-radius:12px!important;font-size:10px!important}
  .meeting-results-panel{margin-top:10px!important}
  .meeting-result-card,.meeting-results-empty{padding:14px!important;border-radius:16px!important}
  .meeting-result-head{flex-direction:column!important;gap:8px!important}
  .meeting-result-head h3{font-size:16px!important}
  .meeting-result-meta{justify-content:flex-start!important}
  .meeting-result-placings{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .placing-item{padding:10px!important}
}

/* === v12.8ZZE Racing status/result polish === */
.race-selector button{position:relative;overflow:hidden}
.race-stage-badge{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:8px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.3px;padding:3px 5px;border-radius:999px;background:rgba(255,255,255,.08);color:#b9c9df;white-space:nowrap}
.race-selector button.race-stage-result .race-stage-badge{background:rgba(74,222,128,.14);color:#8ff0b2}
.race-selector button.race-stage-running .race-stage-badge{background:rgba(255,191,71,.16);color:#ffd77c;animation:raceStatusPulse 1.5s ease-in-out infinite}
.race-selector button.race-stage-off .race-stage-badge{background:rgba(255,146,76,.16);color:#ffc08f}
.race-selector button.race-stage-suspended .race-stage-badge{background:rgba(255,91,91,.15);color:#ffaaaa}
@keyframes raceStatusPulse{50%{box-shadow:0 0 0 4px rgba(255,191,71,.06)}}
.results-summary-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#123a69,#0a2445);border:1px solid rgba(107,188,255,.18);box-shadow:0 12px 24px rgba(0,0,0,.14)}
.results-summary-bar small,.results-summary-bar strong{display:block}.results-summary-bar small{font-size:9px;text-transform:uppercase;letter-spacing:.65px;color:#8fc8ff}.results-summary-bar strong{margin-top:2px;font-size:16px;color:#fff}.results-summary-bar>span{padding:6px 9px;border-radius:999px;background:rgba(74,222,128,.12);color:#8ff0b2;font-size:9px;font-weight:900;text-transform:uppercase}
.placing-item.placing-1 b{background:linear-gradient(180deg,#ffd75a,#d69b13);color:#3b2a00;box-shadow:0 6px 16px rgba(255,193,44,.22)}
.placing-item.placing-2 b{background:linear-gradient(180deg,#eef3f8,#aeb9c6);color:#26313e;box-shadow:0 6px 16px rgba(202,214,227,.16)}
.placing-item.placing-3 b{background:linear-gradient(180deg,#d99a68,#9e5b33);color:#fff;box-shadow:0 6px 16px rgba(190,112,65,.18)}
.placing-item.placing-4 b{background:linear-gradient(180deg,#55b5ff,#1f6fff)}

@media(max-width:980px){
  body.racing-dark-page{background:#071426!important}
  body.racing-dark-page .app-main{background:linear-gradient(180deg,#071426 0,#091a31 42%,#071426 100%)!important}
  body.racing-dark-page .premium-header.unified-site-header{min-height:58px!important;padding:7px 10px!important;background:linear-gradient(135deg,#102f61,#091d3b)!important;border-bottom:1px solid rgba(107,188,255,.16)!important}
  body.racing-dark-page .premium-header .mobile-menu{width:38px!important;height:38px!important;border-radius:11px!important;background:#143866!important;border:1px solid rgba(128,197,255,.17)!important;color:#fff!important}
  body.racing-dark-page .unified-header-logo img{max-height:40px!important;width:auto!important}
  body.racing-dark-page .theme-toggle{width:36px!important;height:36px!important;border-radius:11px!important;background:#143866!important;border:1px solid rgba(128,197,255,.17)!important;color:#fff!important}

  body.racing-dark-page .meeting-summary{margin:6px 0!important;padding:10px 11px!important;border-radius:16px!important;background:linear-gradient(135deg,#113866,#0b2344)!important;border-color:rgba(116,194,255,.2)!important}
  body.racing-dark-page .mobile-meeting-race-title strong{font-size:14px!important;line-height:1.2!important}
  body.racing-dark-page .mobile-meeting-race-title small{font-size:9px!important;margin-top:2px!important}

  body.racing-dark-page .meeting-tools{margin:0 0 7px!important;gap:6px!important}
  body.racing-dark-page .meeting-tabs{gap:6px!important;padding:0!important}
  body.racing-dark-page .meeting-tabs button{min-width:78px!important;padding:8px 11px!important;border-radius:10px!important;font-size:11px!important;background:#0d2748!important;border-color:rgba(255,255,255,.07)!important}
  body.racing-dark-page .meeting-tabs button.active{background:linear-gradient(180deg,#178dff,#0b63de)!important;box-shadow:0 7px 16px rgba(10,99,222,.25)!important}
  body.racing-dark-page .meeting-data-actions{display:none!important}

  body.racing-dark-page .race-selector{display:flex!important;gap:6px!important;margin:0!important;padding:4px 0 7px!important;scroll-snap-type:x proximity}
  body.racing-dark-page .race-selector button{flex:0 0 54px!important;width:54px!important;height:60px!important;padding:4px 2px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;scroll-snap-align:start;background:linear-gradient(180deg,#102d52,#0a1d37)!important}
  body.racing-dark-page .race-selector button span{font-size:17px!important;line-height:1!important}
  body.racing-dark-page .race-selector button small{font-size:8px!important;line-height:1.05!important;margin:2px 0 0!important}
  body.racing-dark-page .race-selector button .race-stage-badge{font-size:6.8px!important;padding:2px 4px!important;max-width:48px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.racing-dark-page .race-selector button.active{background:linear-gradient(180deg,#1a8eff,#0b63dc)!important;box-shadow:0 8px 16px rgba(10,99,220,.28)!important}

  body.racing-dark-page .hrmob-reference-strip{min-height:0!important;padding:7px 8px!important;margin:0 0 7px!important;border-radius:12px!important;background:#0d294b!important}
  body.racing-dark-page .hrmob-live-btn{font-size:9px!important;padding:7px 9px!important;border-radius:9px!important}
  body.racing-dark-page .hrmob-race-brief strong{font-size:9px!important}.racing-dark-page .hrmob-race-brief span{font-size:8px!important}

  body.racing-dark-page .bettype-toolbar{margin:0 0 7px!important}
  body.racing-dark-page .bettype-menu-trigger{min-width:118px!important;max-width:none!important;width:auto!important;padding:9px 12px!important;border-radius:11px!important;background:linear-gradient(180deg,#ffca4b,#e79b13)!important;color:#17203d!important;border-color:rgba(255,221,125,.55)!important;box-shadow:0 8px 17px rgba(204,137,15,.19)!important}
  body.racing-dark-page .bettype-menu-trigger .trigger-label{font-size:13px!important;font-weight:900!important}
  body.racing-dark-page .bettype-panel{width:min(86vw,340px)!important;background:linear-gradient(180deg,#102f58,#081b35)!important;border-right:1px solid rgba(108,188,255,.17)!important;box-shadow:24px 0 50px rgba(0,0,0,.38)!important}
  body.racing-dark-page .bettype-item{padding:9px 10px!important;border-radius:11px!important;background:#102a4c!important;border-color:rgba(255,255,255,.06)!important}
  body.racing-dark-page .bettype-item.active{background:linear-gradient(135deg,rgba(255,197,65,.22),rgba(24,110,220,.18))!important;border-color:rgba(255,201,72,.32)!important}
  body.racing-dark-page .bettype-item strong{font-size:12px!important}.racing-dark-page .bettype-item small{font-size:8px!important}

  body.racing-dark-page .racing-selection-guide{margin:0 0 6px!important;padding:8px 10px!important;border-radius:11px!important;background:#0b2443!important;border:1px solid rgba(255,255,255,.06)!important}
  body.racing-dark-page .racing-selection-guide strong{font-size:11px!important}.racing-dark-page .racing-selection-guide span{font-size:8.5px!important;line-height:1.35!important}
  body.racing-dark-page .bettype-context-card{display:none!important}
  body.racing-dark-page .market-head{grid-template-columns:28px 30px minmax(0,1fr) 52px 52px!important;gap:5px!important;font-size:8px!important;padding:0 7px 4px!important}
  body.racing-dark-page .modern-runner{grid-template-columns:28px 30px minmax(0,1fr) 52px 52px!important;gap:5px!important;padding:8px 7px!important;margin-bottom:5px!important;border-radius:13px!important;background:linear-gradient(180deg,#102b4d,#0b203b)!important;border-color:rgba(116,194,255,.10)!important}
  body.racing-dark-page .modern-runner:nth-child(even){background:linear-gradient(180deg,#0e2747,#091d36)!important}
  body.racing-dark-page .modern-runner .runner-number{width:26px!important;height:26px!important;border-radius:8px!important;font-size:11px!important}
  body.racing-dark-page .silk-json,body.racing-dark-page .silk-json-fallback{width:30px!important;height:30px!important;border-radius:8px!important}
  body.racing-dark-page .runner-details{min-width:0!important}
  body.racing-dark-page .modern-runner .runner-details strong{font-size:11px!important;line-height:1.2!important;margin-bottom:2px!important;color:#f6f9ff!important}
  body.racing-dark-page .modern-runner .runner-details small{font-size:7.5px!important;line-height:1.25!important;color:#9eb1c9!important;white-space:normal!important}
  body.racing-dark-page .modern-runner .live-runner-extra{display:none!important}
  body.racing-dark-page .modern-runner .market-odd,body.racing-dark-page .modern-runner .live-tote-odd{width:52px!important;min-width:52px!important;height:42px!important;min-height:42px!important;padding:3px 2px!important;border-radius:10px!important;background:linear-gradient(180deg,#174575,#103154)!important;border-color:rgba(117,195,255,.18)!important}
  body.racing-dark-page .modern-runner .market-odd span{font-size:7.5px!important}.racing-dark-page .modern-runner .market-odd strong{font-size:11px!important;line-height:1!important;color:#fff!important}
  body.racing-dark-page .modern-runner .market-odd.selected{background:linear-gradient(180deg,#ffd455,#e8a71d)!important;border-color:#ffe18b!important}.racing-dark-page .modern-runner .market-odd.selected span,.racing-dark-page .modern-runner .market-odd.selected strong{color:#1b2942!important}

  body.racing-dark-page .racing-mobile-dock{grid-template-columns:minmax(82px,100px) .72fr 1fr .62fr!important;gap:5px!important;padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(8,27,51,.99),rgba(4,14,29,.99))!important}
  body.racing-dark-page .racing-mobile-dock button{min-height:40px!important;font-size:9px!important;border-radius:10px!important;padding:0 6px!important}
  body.racing-dark-page .racing-mobile-dock .dock-add{background:linear-gradient(180deg,#ffc842,#e49a14)!important;color:#17203d!important;border-color:#ffd976!important}
  body.racing-dark-page .racing-mobile-dock .dock-secondary{background:linear-gradient(180deg,#167fe8,#0b55b7)!important}
  body.racing-dark-page .racing-mobile-dock .dock-clear{background:linear-gradient(180deg,#52647e,#34445d)!important}
  body.racing-dark-page .mobile-race-amount{border-radius:10px!important}.racing-dark-page .mobile-race-amount input{height:40px!important;font-size:15px!important}

  body.racing-dark-page .meeting-results-panel{gap:8px!important;margin:5px 0 10px!important}
  body.racing-dark-page .results-summary-bar{padding:10px 11px!important;border-radius:13px!important}.racing-dark-page .results-summary-bar strong{font-size:13px!important}.racing-dark-page .results-summary-bar>span{font-size:7px!important}
  body.racing-dark-page .meeting-result-card{padding:11px!important;border-radius:13px!important;background:linear-gradient(180deg,#102b4d,#0b203b)!important}
  body.racing-dark-page .meeting-result-head{margin-bottom:8px!important}.racing-dark-page .meeting-result-head h3{font-size:13px!important}.racing-dark-page .meeting-result-head small{font-size:8px!important}.racing-dark-page .meeting-result-meta span{font-size:8px!important;padding:5px 7px!important}
  body.racing-dark-page .meeting-result-placings{grid-template-columns:1fr!important;gap:6px!important}.racing-dark-page .placing-item{padding:8px!important;border-radius:10px!important}.racing-dark-page .placing-item b{width:28px!important;height:28px!important;font-size:11px!important}.racing-dark-page .placing-item strong{font-size:11px!important}.racing-dark-page .placing-item small{font-size:9px!important}
}

@media(max-width:370px){
  body.racing-dark-page .market-head,body.racing-dark-page .modern-runner{grid-template-columns:26px 26px minmax(0,1fr) 48px 48px!important;gap:4px!important}
  body.racing-dark-page .silk-json,body.racing-dark-page .silk-json-fallback{width:26px!important;height:26px!important}
  body.racing-dark-page .modern-runner .market-odd,body.racing-dark-page .modern-runner .live-tote-odd{width:48px!important;min-width:48px!important}
  body.racing-dark-page .modern-runner .runner-details strong{font-size:10px!important}
}

.hrmob-live-btn.watch-live-unavailable{opacity:.48;filter:grayscale(.35);box-shadow:none!important}

/* === v12.8ZZP — desktop racing odds colours + changed-odds flash + square race buttons === */
@media (min-width:981px){
  body.racing-dark-page .modern-runner .market-odd,
  body.racing-dark-page .modern-runner .live-tote-odd{
    background:linear-gradient(180deg,#174575,#103154)!important;
    border-color:rgba(117,195,255,.22)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  body.racing-dark-page .modern-runner .market-odd span{
    color:#9fcdf4!important;
  }
  body.racing-dark-page .modern-runner .market-odd strong{
    color:#fff!important;
    font-variant-numeric:tabular-nums;
  }
  body.racing-dark-page .modern-runner .market-odd:hover{
    background:linear-gradient(180deg,#205b94,#15416e)!important;
    border-color:rgba(134,204,255,.55)!important;
  }
  body.racing-dark-page .modern-runner .market-odd.selected{
    background:linear-gradient(180deg,#ffd455,#e8a71d)!important;
    border-color:#ffe18b!important;
  }
  body.racing-dark-page .modern-runner .market-odd.selected span,
  body.racing-dark-page .modern-runner .market-odd.selected strong{
    color:#1b2942!important;
  }

  body.racing-dark-page .race-selector{
    gap:10px!important;
    padding:3px 0 12px!important;
  }
  body.racing-dark-page .race-selector button{
    flex:0 0 78px!important;
    width:78px!important;
    height:78px!important;
    border-radius:12px!important;
    padding:6px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    overflow:visible!important;
  }
  body.racing-dark-page .race-selector button strong{
    font-size:9px!important;
    line-height:1!important;
    text-transform:uppercase;
    letter-spacing:.45px;
  }
  body.racing-dark-page .race-selector button span{
    font-size:19px!important;
    line-height:1!important;
    margin:1px 0!important;
  }
  body.racing-dark-page .race-selector button small{
    font-size:8px!important;
    line-height:1!important;
    margin:0!important;
  }
  body.racing-dark-page .race-selector button .race-stage-badge{
    display:inline-flex!important;
    max-width:68px!important;
    font-size:7px!important;
    padding:3px 5px!important;
    margin-top:2px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Make an actual odds movement visually obvious on both desktop and mobile. */
body.racing-dark-page .live-tote-odd.odds-up:not(.selected){
  background:linear-gradient(180deg,#1f9b62,#137046)!important;
  border-color:#61e5a6!important;
  box-shadow:0 0 0 2px rgba(64,220,145,.20),0 0 18px rgba(64,220,145,.28)!important;
  animation:toteOddChangedUp 3.2s ease!important;
}
body.racing-dark-page .live-tote-odd.odds-down:not(.selected){
  background:linear-gradient(180deg,#d85f4a,#9e3d31)!important;
  border-color:#ff9a86!important;
  box-shadow:0 0 0 2px rgba(255,112,86,.18),0 0 18px rgba(255,112,86,.24)!important;
  animation:toteOddChangedDown 3.2s ease!important;
}
body.racing-dark-page .live-tote-odd.odds-up:not(.selected) span,
body.racing-dark-page .live-tote-odd.odds-up:not(.selected) strong,
body.racing-dark-page .live-tote-odd.odds-down:not(.selected) span,
body.racing-dark-page .live-tote-odd.odds-down:not(.selected) strong{
  color:#fff!important;
}
@keyframes toteOddChangedUp{
  0%{transform:scale(1);filter:brightness(1)}
  18%{transform:scale(1.06);filter:brightness(1.18)}
  42%{transform:scale(1.02)}
  100%{transform:scale(1);filter:brightness(1)}
}
@keyframes toteOddChangedDown{
  0%{transform:scale(1);filter:brightness(1)}
  18%{transform:scale(1.06);filter:brightness(1.15)}
  42%{transform:scale(1.02)}
  100%{transform:scale(1);filter:brightness(1)}
}


/* VERSION 12.8ZZQ — WATCH LIVE PLAYER ON DESKTOP + MOBILE */
.desktop-watch-live-btn{height:44px;padding:0 16px;border:1px solid rgba(94,181,255,.42);border-radius:11px;background:linear-gradient(180deg,#1290ff,#0a62db);color:#fff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(10,98,219,.22);white-space:nowrap}
.desktop-watch-live-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.watch-live-native.watch-live-unavailable{opacity:.48;filter:grayscale(.35);box-shadow:none!important}
.racing-live-modal[hidden]{display:none!important}
.racing-live-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px}
.racing-live-modal-backdrop{position:absolute;inset:0;background:rgba(2,9,22,.88);backdrop-filter:blur(8px)}
.racing-live-player-shell{position:relative;z-index:1;width:min(1180px,94vw);background:#071426;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.62)}
.racing-live-player-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px;background:#0c203b;color:#fff;border-bottom:1px solid rgba(255,255,255,.10)}
.racing-live-player-head strong{font-size:14px;letter-spacing:.02em}
.racing-live-close{width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.10);color:#fff;font-size:16px;font-weight:900;cursor:pointer}
.racing-live-player-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.racing-live-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
html.racing-live-open,html.racing-live-open body{overflow:hidden!important}
@media(max-width:980px){
  .desktop-watch-live-btn{display:none!important}
  .racing-live-modal{padding:0}
  .racing-live-player-shell{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column}
  .racing-live-player-head{flex:0 0 46px}
  .racing-live-player-frame{flex:1;aspect-ratio:auto;min-height:0}
}
@media(min-width:981px){
  .meeting-data-actions{display:flex!important;align-items:end!important;gap:10px!important}
}

/* VERSION 12.8ZZU — MOBILE WATCH LIVE HARD BYPASS
   Uses a unique class so legacy/cached mobile Watch Live handlers cannot intercept the button. */
@media (max-width:980px){
  body.racing-dark-page .mobile-watch-live-player-btn{
    border:0!important;border-radius:9px!important;background:linear-gradient(180deg,#1290ff,#0a62db)!important;
    color:#fff!important;padding:7px 9px!important;font-size:9px!important;font-weight:900!important;
    line-height:1!important;box-shadow:0 8px 16px rgba(10,98,219,.24)!important;white-space:nowrap;cursor:pointer;
  }
}


/* v12.8ZZW - official race results/dividends and hard betting closure */
body.racing-dark-page.racing-results-view .racing-market-layout,
body.racing-dark-page.racing-results-view .racing-selection-guide,
body.racing-dark-page.racing-results-view .racing-betslip,
body.racing-dark-page.racing-results-view #racingMobileDock,
body.racing-dark-page.racing-results-view #hrmobBetsCart{display:none!important}
.race-selector button.race-stage-closed .race-stage-badge{background:rgba(255,91,91,.15);color:#ffaaaa}
.race-betting-closed-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 14px;border-radius:12px;background:rgba(188,47,47,.14);border:1px solid rgba(255,112,112,.25);color:#fff}
.race-betting-closed-banner strong{color:#ffb0b0;text-transform:uppercase;font-size:12px}.race-betting-closed-banner span{font-size:12px;color:#d7e1ef}
.race-betting-disabled .market-odd:disabled{opacity:.45!important;filter:grayscale(.7);cursor:not-allowed!important;pointer-events:none!important}
.meeting-dividends{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09)}
.meeting-dividends-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:9px}.meeting-dividends-title strong{font-size:14px;color:#fff}.meeting-dividends-title span{font-size:10px;color:#8fbfff;text-transform:uppercase;letter-spacing:.45px}
.meeting-dividends-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dividend-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:'pool value' 'selection value';gap:2px 10px;align-items:center;padding:10px 11px;border-radius:12px;background:#091a30;border:1px solid rgba(105,184,255,.14)}.dividend-item span{grid-area:pool;color:#91c6ff;font-size:10px;font-weight:800;text-transform:uppercase}.dividend-item small{grid-area:selection;color:#b8c6d9;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dividend-item strong{grid-area:value;color:#ffd455;font-size:16px;white-space:nowrap}.meeting-dividends-empty{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);color:#9fb0c7;font-size:11px}
@media(max-width:980px){.race-betting-closed-banner{padding:8px 10px;align-items:flex-start;flex-direction:column;gap:3px}.meeting-dividends-grid{grid-template-columns:1fr 1fr}.dividend-item{padding:8px 9px}.dividend-item strong{font-size:14px}}
@media(max-width:480px){.meeting-dividends-grid{grid-template-columns:1fr}}

/* v12.8ZZZG landing-theme alignment */
body{background:radial-gradient(circle at 88% 0%,rgba(255,212,0,.08),transparent 28%),radial-gradient(circle at 8% 12%,rgba(25,78,190,.32),transparent 34%),linear-gradient(180deg,#00144b,#020d2b);}
.sidebar,.topbar{background:rgba(5,25,70,.96)}
.btn-primary,.tabs button.active{background:linear-gradient(135deg,#ffd400,#f5c400);color:#071132}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(255,212,0,.16),rgba(12,59,180,.18));box-shadow:inset 0 0 0 1px rgba(255,212,0,.18)}

/* ZZZG logo render fix: attached white/yellow logo */
.brand-logo,.mobile-logo img,.footer-logo,.dgh-logo img,.sb-logo img{object-fit:contain!important;object-position:left center!important;}
.logo-wrap .brand-logo{display:block!important;opacity:1!important;visibility:visible!important;}
@media(max-width:980px){.mobile-logo img{display:block!important;opacity:1!important;visibility:visible!important;}}