/* ===== FUZO365 MOBILE APP LAYOUT ===== */
@media (max-width: 991.98px) {
  html, body { overflow-x:hidden !important; }
  body { padding-bottom:76px !important; background:#0a1c0e; }
  .btn--register, .btn--signup { padding:7px 14px !important; font-size:13px !important; border-radius:20px !important; }
  .m-hide { display:none !important; }

  /* sport strip */
  .m-strip { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#0d2011; border-bottom:1px solid #16321e; position:sticky; top:54px; z-index:890; }
  .m-strip__cur { display:flex; align-items:center; gap:8px; color:#fff; font-weight:800; font-size:15px; }
  .m-strip__cur svg, .m-strip__cur img { width:22px; height:22px; } .m-strip__cur i { font-size:20px; color:#e8b84b; }
  .m-strip__btn { color:#e8b84b; font-size:12px; font-weight:700; border:1px solid rgba(232,184,75,.5); border-radius:16px; padding:5px 12px; }
  /* prediction market keeps category chips */
  .m-chips { display:flex; gap:8px; overflow-x:auto; padding:10px 12px; background:#0a1c0e; border-bottom:1px solid #16321e; scrollbar-width:none; position:sticky; top:54px; z-index:890; }
  .m-chips::-webkit-scrollbar { display:none; }
  .m-chip { flex:0 0 auto; padding:8px 14px; border-radius:18px; background:#13261a; color:#cfe3d4; font-size:12px; font-weight:700; white-space:nowrap; border:1px solid transparent; text-decoration:none; }
  .m-chip.active { background:rgba(232,184,75,.14); color:#e8b84b; border-color:#e8b84b; }

  /* content */
  main.home-page { display:block !important; }
  .sports-body { width:100% !important; max-width:100% !important; padding:6px 8px !important; margin:0 !important; }
  .sports-body .row > [class*="col-"] { flex:0 0 100% !important; max-width:100% !important; }
  .league-page-header { padding:8px 4px !important; } .league-page-header__name { font-size:15px !important; } .league-page-header__cat { font-size:11px !important; }

  /* drawer (All Sports) */
  .fz-sidebar { display:none !important; }
  body.m-drawer-open .fz-sidebar { display:block !important; position:fixed !important; top:0; left:0; bottom:0; width:86vw; max-width:340px; z-index:1300; overflow-y:auto !important; background:#0a1c0e; box-shadow:8px 0 30px rgba(0,0,0,.6); padding:0 0 90px; }
  .m-drawer-head { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #16321e; color:#fff; font-weight:800; font-size:16px; position:sticky; top:0; background:#0a1c0e; z-index:2; }
  .m-drawer-head span:last-child { font-size:22px; color:#9dbfa5; padding:0 6px; }
  .fz-sidebar .fz-sidebar__link { padding:12px 16px !important; font-size:15px !important; }
  .m-backdrop { display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:1250; }
  body.m-drawer-open .m-backdrop { display:block; } body.m-drawer-open { overflow:hidden; }

  /* match rows: teams left, odds right */
  .sports-card { margin-bottom:8px; border-radius:10px; }
  .sports-card-wrapper { display:flex !important; flex-direction:row !important; align-items:stretch; gap:6px; }
  .sports-card-left { flex:1 1 44% !important; min-width:0; width:auto !important; }
  .sports-card-inner { flex:0 0 56% !important; width:auto !important; max-width:56% !important; }
  .sports-card-left span, .sports-card-left a { font-size:13px; }
  .sports-card-left [style*="padding-right:14px"] { padding-right:4px !important; }
  .sports-card-top-inner { display:flex; margin-bottom:4px; }
  .team-select-title { flex:1; text-align:center; font-size:10px; color:#8aab8e; }
  .option-odd-lists { display:flex !important; gap:4px; }
  .option-odd-list__item { flex:1 1 0 !important; min-width:0; }
  .option-odd-list__item .btn { width:100%; padding:12px 2px !important; font-size:15px !important; font-weight:800; border-radius:8px !important; }
  .upc-inline-league__name { font-size:11px; } .sports-card__info-text, .local-time { font-size:11px; }

  /* bottom bar */
  .app-nav { display:none !important; }
  #mBar { position:fixed; left:0; right:0; bottom:0; height:64px; display:flex; align-items:flex-end; z-index:1400; background:#0a1c0e; border-top:1px solid #16321e; padding-bottom:env(safe-area-inset-bottom); }
  #mBar a { flex:1; height:64px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; color:#9dbfa5; font-size:10.5px; font-weight:700; text-decoration:none; position:relative; }
  #mBar a i { font-size:22px; } #mBar a.active { color:#e8b84b; }
  #mBar a.m-home .m-home-btn { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#c9922a,#e8b84b); display:flex; align-items:center; justify-content:center; margin-top:-28px; box-shadow:0 6px 18px rgba(0,0,0,.55); border:3px solid #0a1c0e; }
  #mBar a.m-home .m-home-btn i { font-size:27px; color:#0d2011; } #mBar a.m-home span { color:#e8b84b; }

  /* bet slip pill + sheet */
  #mSlipPill { position:fixed; left:50%; transform:translateX(-50%); bottom:80px; z-index:1380; background:#e8b84b; color:#0d2011; font-weight:800; font-size:13px; padding:10px 18px; border-radius:24px; box-shadow:0 6px 20px rgba(0,0,0,.5); display:none; align-items:center; gap:8px; }
  #mSlipPill.show { display:flex; } #mSlipPill b { background:#0d2011; color:#e8b84b; border-radius:10px; padding:1px 8px; }
  .betslip { display:none !important; }
  body.open-betslip .betslip { display:flex !important; flex-direction:column; position:fixed !important; left:0; right:0; bottom:64px; top:auto !important; height:auto !important; max-height:80vh !important; width:100% !important; z-index:1350; border-radius:16px 16px 0 0; box-shadow:0 -10px 40px rgba(0,0,0,.6); }
  body.open-betslip .betslip .betslip__body { max-height:38vh !important; overflow-y:auto !important; }
  body.open-betslip #mSlipPill { display:none !important; }
  .betslip .m-close { text-align:center; padding:10px; color:#9dbfa5; font-size:12px; cursor:pointer; }

  /* prediction market */
  .pm-grid { grid-template-columns:1fr !important; } .pm-wrap { padding:10px !important; }
  .pm-head { flex-direction:column; align-items:flex-start !important; }

  #fzChatBubble { bottom:82px !important; right:14px !important; width:44px !important; height:44px !important; } #fzChatWin { bottom:136px !important; }
}

/* ===== header override (beats custom.css responsive rules) ===== */
@media (max-width: 991.98px) {
  html { overflow-x:hidden; } body { overflow-x:visible !important; }
  /* strip sits right under the compact header */
  .m-strip { top:50px !important; }
  /* bottom bar: locked */
  #mBar { position:fixed !important; bottom:0 !important; transform:none !important; will-change:transform; }
}

/* ===== header: ONE row — logo · balance · name · clock ===== */


/* ===== BOTTOM BAR — Bet365 proportions ===== */
@media (max-width: 991.98px) {
  #mBar { height:calc(60px + env(safe-area-inset-bottom)) !important; padding:0 4px env(safe-area-inset-bottom) !important; background:#0b1d10 !important; border-top:1px solid #1e3a26 !important; }
  #mBar a { height:60px !important; gap:4px !important; font-size:11px !important; letter-spacing:.2px; }
  #mBar a i { font-size:24px !important; line-height:1; }
  #mBar a.active, #mBar a.active i { color:#e8b84b !important; }
  #mBar a.m-home .m-home-btn { width:52px !important; height:52px !important; margin-top:-24px !important; }
  #mBar a.m-home .m-home-btn i { font-size:26px !important; }
  body { padding-bottom:calc(72px + env(safe-area-inset-bottom)) !important; }
}

/* ===== BOTTOM BAR — SVG icons, raised Home ===== */
@media (max-width: 991.98px) {
  #mBar a svg { width:25px; height:25px; display:block; }
  #mBar a.m-home .m-home-btn { width:54px !important; height:54px !important; margin-top:-26px !important; border-radius:50% !important; background:linear-gradient(135deg,#c9922a,#e8b84b) !important; border:3px solid #0b1d10 !important; box-shadow:0 6px 18px rgba(0,0,0,.55) !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  #mBar a.m-home .m-home-btn svg { width:27px; height:27px; color:#0d2011 !important; }
  #mBar a.m-home span:last-child, #mBar a.m-home.active span:last-child { color:#e8b84b !important; }
  #mBar a.m-home::before { display:none !important; }
}

/* ===== BOTTOM BAR — labels only, icon only on Home ===== */
@media (max-width: 991.98px) {
  #mBar a:not(.m-home) svg, #mBar a:not(.m-home) i { display:none !important; }
  #mBar a:not(.m-home) span { font-size:13.5px !important; font-weight:800 !important; letter-spacing:.3px; }
  #mBar a { color:#cfe3d4 !important; }
  #mBar a.active { color:#e8b84b !important; }
  #mBar a.m-home span:last-child { font-size:12px !important; }
}

/* ===== BOTTOM BAR — gold labels, larger ===== */
@media (max-width: 991.98px) {
  #mBar a:not(.m-home) span { font-size:14px !important; color:#e8b84b !important; line-height:1.1; text-align:center; white-space:normal; padding:0 2px; }
  #mBar a.active:not(.m-home) span { color:#fff !important; }
  #mBar a.active::before { background:#e8b84b; }
  #mBar a.m-home span:last-child { font-size:12.5px !important; color:#e8b84b !important; }
}
@media (max-width: 380px) {
  #mBar a:not(.m-home) span { font-size:12.5px !important; }
}

/* ===== BOTTOM BAR — labels a touch bigger ===== */
@media (max-width: 991.98px) {
  #mBar a:not(.m-home) span { font-size:15px !important; }
  #mBar a.m-home span:last-child { font-size:13px !important; }
}
@media (max-width: 380px) {
  #mBar a:not(.m-home) span { font-size:13.5px !important; }
}

/* ===== tune: bar bigger, balance/name smaller, clock bigger ===== */
@media (max-width: 991.98px) {
  #mBar a:not(.m-home) span { font-size:16px !important; }
  #mBar a.m-home span:last-child { font-size:13.5px !important; }
  #mBar { height:calc(64px + env(safe-area-inset-bottom)) !important; } #mBar a { height:64px !important; }
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 380px) {
  #mBar a:not(.m-home) span { font-size:14px !important; }
}

/* ===== VIP tiers: 2 per row, compact ===== */
@media (max-width: 991.98px) {
  .vip-tiers { padding:8px 0 !important; }
  .vip-tiers__title { font-size:16px !important; margin-bottom:10px !important; }
  .vip-tiers__grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; }
  .vip-card { padding:12px !important; }
  .vip-card__amount { font-size:18px !important; } .vip-card__sub { font-size:10px !important; }
  .vip-list { font-size:11px !important; } .vip-list li { padding:2px 0 !important; }
  .vip-btn { padding:8px 6px !important; font-size:11px !important; }
  .vip-badge { font-size:10px !important; padding:3px 8px !important; }
}

/* ===== VIP: compact cards, no stretching ===== */
@media (max-width: 991.98px) {
  .vip-tiers__grid { align-items:start !important; grid-auto-rows:auto !important; }
  .vip-card { min-height:0 !important; height:auto !important; display:flex !important; flex-direction:column !important; gap:8px !important; padding:12px !important; }
  .vip-card .vip-btn { margin-top:6px !important; }
  .vip-current-tag { font-size:9px !important; padding:3px 8px !important; top:-10px !important; }
  .vip-badge { font-size:11px !important; padding:4px 10px !important; }
  .vip-card__amount { font-size:17px !important; margin:0 !important; }
  .vip-card__sub { font-size:10px !important; margin:0 !important; }
  .vip-list li { font-size:11.5px !important; padding:1px 0 !important; }
  .vip-list li i, .vip-list li svg { width:14px; height:14px; font-size:14px; }
}

/* ===== PROMOTIONS: 2 per row, compact ===== */
@media (max-width: 991.98px) {
  .fz-promos { padding:6px 0 4px !important; margin:0 !important; }
  .fz-promos__heading { font-size:15px !important; margin:0 0 8px !important; padding:0 2px !important; }
  .fz-promos__grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .fz-promo { min-height:0 !important; height:auto !important; padding:10px 10px 9px !important; border-radius:10px !important; display:flex !important; flex-direction:column !important; gap:3px !important; }
  .fz-promo__tag { font-size:9px !important; padding:2px 7px !important; letter-spacing:.5px !important; margin:0 0 2px !important; align-self:flex-start; }
  .fz-promo__title { font-size:12.5px !important; line-height:1.2 !important; margin:0 !important; }
  .fz-promo__big { font-size:22px !important; line-height:1.1 !important; margin:2px 0 !important; }
  .fz-promo__sub { font-size:10.5px !important; line-height:1.25 !important; margin:0 !important; }
  .fz-promo__terms { font-size:9px !important; line-height:1.2 !important; margin:3px 0 0 !important; opacity:.75; }
  .fz-promo .btn, .fz-promo a.btn, .fz-promo button { font-size:11px !important; padding:6px 10px !important; margin-top:6px !important; border-radius:6px !important; }
  .fz-promo img, .fz-promo svg { max-height:22px !important; width:auto !important; }

  /* section spacing so VIP tiers sit right under the promos */
  .vip-tiers, .vip-tiers__grid { margin-top:6px !important; padding-top:0 !important; }
  .vip-tiers__heading, .vip-tiers h2, .vip-tiers h3 { font-size:15px !important; margin:8px 0 8px !important; }
}

/* ===== ROUND 3: header polish, promos tighter, VIP gap, bar balance ===== */
@media (max-width: 991.98px) {
  /* promos: ~90px cards, hide fine print, clamp description */
  .fz-promo { padding:8px 9px 8px !important; gap:2px !important; }
  .fz-promo__terms { display:none !important; }
  .fz-promo__sub { display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; font-size:10.5px !important; }
  .fz-promo__title { font-size:12px !important; letter-spacing:.3px !important; }
  .fz-promo__big { font-size:21px !important; margin:1px 0 !important; }
  .fz-promo__tag { font-size:8.5px !important; padding:2px 6px !important; }
  .fz-promos__grid { gap:7px !important; }
  .fz-promos__heading { font-size:14px !important; letter-spacing:2px !important; margin:0 0 7px !important; }

  /* VIP: button right under the list, no floating gap */
  .vip-card { padding:12px 11px 11px !important; gap:6px !important; }
  .vip-card > * { margin-top:0 !important; margin-bottom:0 !important; }
  .vip-list { margin:0 !important; padding:0 !important; }
  .vip-card .vip-btn, .vip-card .btn, .vip-card a[class*="btn"] { margin-top:8px !important; padding:9px 10px !important; font-size:13px !important; }
  .vip-tiers__heading, .vip-tiers h2 { font-size:14px !important; letter-spacing:1px !important; }

  /* bottom bar: Prediction Market 2 lines, balanced */
  #mBar a[href*="prediction"] { font-size:13.5px !important; line-height:1.05 !important; }
  #mBar a[href*="prediction"] span { font-size:13.5px !important; line-height:1.05 !important; }

  /* chat bubble smaller, sits above the bar */
  #fzChatBubble { transform:scale(.78) !important; transform-origin:bottom right !important; bottom:86px !important; right:8px !important; }
}

/* ===== VIP: aligned columns ===== */
@media (max-width: 991.98px) {
  .vip-tiers__grid { align-items:stretch !important; gap:10px !important; }
  .vip-card { margin:0 !important; transform:none !important; align-self:stretch !important; height:auto !important; padding:12px 11px 11px !important; }
  .vip-card .vip-btn, .vip-card .btn, .vip-card a[class*="btn"] { margin-top:auto !important; }
  .vip-list { margin-bottom:8px !important; }
}

/* ===== CLEAN-UP: simpler promo cards, unified headings ===== */
@media (max-width: 991.98px) {
  .fz-promo__tag { display:none !important; }
  .fz-promo { padding:10px 10px 9px !important; gap:1px !important; }
  .fz-promo__title { font-size:11px !important; font-weight:700 !important; letter-spacing:.6px !important; text-transform:uppercase !important; color:rgba(255,255,255,.72) !important; }
  .fz-promo__big { font-size:24px !important; line-height:1 !important; margin:3px 0 4px !important; }
  .fz-promo__sub { font-size:10.5px !important; line-height:1.3 !important; color:rgba(255,255,255,.7) !important; }
  .fz-promos__grid { gap:8px !important; }
  .fz-promos { padding:8px 0 4px !important; margin-bottom:10px !important; }

  .fz-promos__heading::after, .vip-tiers__title::after { display:none !important; }
}

/* ===== white titles back ===== */
@media (max-width: 991.98px) {
  .fz-promo__title { color:#fff !important; font-size:12px !important; letter-spacing:.5px !important; }
}


/* ===== section titles: white, lines as desktop ===== */
@media (max-width: 991.98px) {
  .fz-promos__heading, .vip-tiers__title { color:#fff !important; font-size:13px !important; letter-spacing:1.8px !important; text-transform:uppercase !important; margin:0 0 10px !important; }
}

/* ===== VIP heading = exact copy of PROMOTIONS heading ===== */
@media (max-width: 991.98px) {
  .vip-tiers__title { border:0 !important; background:none !important; padding:0 !important; }
  .vip-tiers__title::before, .vip-tiers__title::after { content:none !important; }
  .vip-tiers__title { font-family: 'Barlow Condensed', sans-serif !important;font-size: 24px !important;font-weight: 700 !important;letter-spacing: 2px !important;color: #e5ede7 !important;text-transform: uppercase !important;margin: 0 0 14px !important;padding-bottom: 8px !important;border-bottom: 1px solid rgba(240,180,41,0.25) !important; }
  .vip-tiers__title { width: fit-content !important;padding-right: 40px !important;padding-bottom: 6px !important;letter-spacing: 3px !important;font-size: 22px !important; }
  .fz-promos__heading, .vip-tiers__title { color:#fff !important; font-size:13px !important; letter-spacing:1.8px !important; text-transform:uppercase !important; margin:0 0 10px !important; }
}

/* ===== FINAL section titles: identical ===== */
@media (max-width: 991.98px) {
  .fz-promos__heading, .vip-tiers__title {
    font-family:inherit !important; font-size:13px !important; font-weight:800 !important; letter-spacing:1.8px !important; text-transform:uppercase !important; color:#fff !important; line-height:1.2 !important;
    display:block !important; width:fit-content !important; padding:0 40px 6px 0 !important; margin:0 0 12px !important;
    border:0 !important; border-bottom:1px solid rgba(240,180,41,.25) !important; background:none !important;
  }
  .fz-promos__heading::before, .fz-promos__heading::after, .vip-tiers__title::before, .vip-tiers__title::after { content:none !important; display:none !important; }
}

/* ===== no bottom bar when logged out ===== */
@media (max-width: 991.98px) {
  body { padding-bottom: 0 !important; }
  body.m-authed { padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
  body:not(.m-authed) #mBar,
  body:not(.m-authed) #mSlipPill { display: none !important; }
  body:not(.m-authed) #fzChatBubble { bottom: 18px !important; }
}

/* ===== HEADER FINAL — one source of truth ===== */




/* ===== HEADER: desktop colours + monospace balance, phone sizes ===== */


/* ===== HEADER — verified at 375px, single source of truth ===== */
@media (max-width: 991.98px) {
  html body .header-primary { position:sticky !important; top:0 !important; z-index:900 !important; background:#0a1c0e !important; border-bottom:1px solid #16321e !important; padding:0 !important; }
  html body .header-primary .container-fluid { padding:0 !important; }
  html body .header-primary .header-fluid-custom-parent { display:flex !important; align-items:center !important; justify-content:space-between !important; height:54px !important; min-height:54px !important; padding:0 8px !important; gap:6px !important; flex-wrap:nowrap !important; }
  html body .header-primary .header-fluid-custom-parent .logo { flex:0 0 auto !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; align-self:center !important; display:flex !important; align-items:center !important; height:54px !important; }
  html body .header-primary .fuzo-logo-text { font-size:clamp(19px,5.6vw,24px) !important; line-height:1 !important; margin:0 !important; white-space:nowrap !important; display:block !important; }
  html body .header-primary .fuzo-logo-text span { font-size:clamp(15px,4.4vw,19px) !important; }
  html body .header-primary nav.primary-menu-container { flex:1 1 auto !important; min-width:0 !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; width:auto !important; }
  html body .header-primary nav.primary-menu-container > ul:first-child { display:none !important; }
  html body .header-primary nav.primary-menu-container .right-side-nav { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important; margin:0 !important; padding:0 !important; flex:0 1 auto !important; min-width:0 !important; width:auto !important; }
  html body .header-primary .right-side-nav > li { display:flex !important; align-items:center !important; margin:0 !important; padding:0 !important; min-width:0 !important; }
  html body .header-primary .right-side-nav .fuzo-user-area { display:flex !important; align-items:center !important; gap:6px !important; min-width:0 !important; }
  html body .header-primary .right-side-nav .fuzo-balance-box { display:inline-flex !important; align-items:center !important; height:32px !important; min-height:0 !important; padding:0 !important; margin:0 !important; border-radius:8px !important; overflow:hidden !important; background:#1a2e1a !important; flex:0 0 auto !important; }
  html body .header-primary .right-side-nav .fuzo-balance-amount { font-family:monospace !important; font-weight:700 !important; font-size:clamp(11.5px,3.4vw,14px) !important; line-height:32px !important; height:32px !important; padding:0 7px !important; margin:0 !important; white-space:nowrap !important; display:block !important; }
  html body .header-primary .right-side-nav .fuzo-deposit-btn { width:28px !important; min-width:28px !important; height:32px !important; min-height:0 !important; padding:0 !important; margin:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:18px !important; font-weight:800 !important; line-height:1 !important; border-radius:0 !important; }
  html body .header-primary .right-side-nav .user-profile-dropdown { min-width:0 !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn { display:inline-flex !important; align-items:center !important; height:32px !important; min-height:0 !important; padding:0 7px !important; margin:0 !important; font-size:clamp(11.5px,3.4vw,14px) !important; font-weight:600 !important; line-height:1 !important; border-radius:8px !important; background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; max-width:34vw !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; box-shadow:none !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn::after { margin-left:4px !important; flex:0 0 auto !important; display:inline-block !important; }
  html body .header-primary nav.primary-menu-container .tz-clock { display:flex !important; align-items:center !important; flex:0 0 auto !important; padding:0 !important; margin:0 !important; }
  html body .header-primary .tz-clock .clock-time-wrap { display:flex !important; flex-direction:column !important; align-items:center !important; gap:1px !important; line-height:1 !important; }
  html body .header-primary #tzClockTime { font-family:monospace !important; font-weight:700 !important; font-size:clamp(11.5px,3.4vw,14px) !important; line-height:1 !important; color:#fff !important; }
  html body .header-primary #tzSelect { display:block !important; font-size:clamp(9px,2.6vw,11px) !important; line-height:1 !important; padding:0 !important; margin:0 !important; color:rgba(255,255,255,.75) !important; text-align:center !important; text-align-last:center !important; width:auto !important; background:transparent !important; border:0 !important; }
  html body .header-primary .dropdown-lang { display:none !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .header-fluid-custom-parent { flex-direction:row !important; }
  html body .header-primary nav.primary-menu-container { flex-direction:row !important; height:auto !important; }
  html body .header-primary nav.primary-menu-container .right-side-nav { flex-direction:row !important; }
  html body .header-primary .right-side-nav > li { flex-direction:row !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .fuzo-balance-amount { font-family: inherit !important; font-weight: 600 !important; }
  html body .header-primary .header-fluid-custom-parent { padding-left: clamp(8px, calc(8px + (100vw - 375px) * 0.45), 20px) !important; }
}

/* ===== SPORTS LIST — Bet365 rows, verified at 393px ===== */
@media (max-width: 991.98px) {
  html body .sports-body .league-page-header { padding:8px 10px !important; margin:0 !important; min-height:0 !important; border-radius:8px !important; }
  html body .sports-body .league-page-header__name { font-size:15px !important; line-height:1.2 !important; margin:0 !important; }
  html body .sports-body .league-page-header__cat { font-size:11px !important; margin:2px 0 0 !important; }
  html body .sports-body .row.g-3 { --bs-gutter-y:0 !important; row-gap:0 !important; }
  html body .sports-body .row.g-3 > .col-12 { padding-top:0 !important; margin-top:6px !important; }
  html body .sports-body .fz-col-header { display:flex !important; align-items:center !important; justify-content:space-between !important; padding:7px 9px 7px 10px !important; margin:2px 0 0 !important; border-radius:7px !important; background:#0f2214 !important; }
  html body .fz-col-header__left { font-size:12px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.5px !important; color:#fff !important; }
  html body .sports-body .fz-col-header .fz-col-header__cols { display:flex !important; gap:5px !important; justify-content:flex-end !important; flex:0 0 auto !important; padding:0 !important; margin:0 !important; }
  html body .fz-col-header .fz-col-header__cols span { flex:0 0 58px !important; width:58px !important; min-width:0 !important; max-width:none !important; text-align:center !important; padding:0 !important; margin:0 !important; font-size:12px !important; font-weight:700 !important; color:#f0b429 !important; }
  html body .upc-inline-league { display:flex !important; align-items:center !important; gap:7px !important; padding:8px 4px 0 !important; margin:0 !important; background:none !important; border:0 !important; }
  html body .upc-inline-league__flag { width:18px !important; height:13px !important; border-radius:2px !important; flex:0 0 18px !important; }
  html body .upc-inline-league__name { font-size:11.5px !important; font-weight:700 !important; letter-spacing:.4px !important; text-transform:uppercase !important; color:#cfd8d1 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  html body .sports-card { padding:0 !important; margin:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
  html body .sports-body .sports-card .sports-card-wrapper { display:flex !important; flex-direction:row !important; align-items:center !important; gap:6px !important; padding:8px !important; margin:0 !important; width:100% !important; box-sizing:border-box !important; border-radius:10px !important; background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.07) !important; min-height:0 !important; }
  html body .sports-card-left { flex:1 1 auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; gap:3px !important; padding:0 !important; margin:0 !important; border:0 !important; width:auto !important; }
  html body .sports-card .sports-card-left .sports-card-heading { display:flex !important; border:0 !important; background:none !important; padding:0 !important; margin:0 0 2px !important; min-height:0 !important; box-shadow:none !important; }
  html body .sports-card .sports-card-left .sports-card-heading::before, html body .sports-card .sports-card-left .sports-card-heading::after, html body .sports-card .sports-card-left .sports-card-heading .local-time::before, html body .sports-card .sports-card-left .sports-card-heading .local-time::after { content:none !important; display:none !important; }
  html body .sports-card .sports-card-left .sports-card-heading .local-time { background:none !important; border:0 !important; padding:0 !important; margin:0 !important; border-radius:0 !important; font-size:11px !important; font-weight:600 !important; color:#f0b429 !important; line-height:1.2 !important; box-shadow:none !important; }
  html body .sports-card-left .sports-card-body { display:flex !important; flex-direction:column !important; gap:3px !important; padding:0 !important; margin:0 !important; }
  html body .sports-card__team { display:flex !important; align-items:center !important; gap:6px !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
  html body .sports-card__team-flag { width:18px !important; height:18px !important; flex:0 0 18px !important; margin:0 !important; display:inline-flex !important; }
  html body .sports-card__team-flag-img { width:18px !important; height:18px !important; object-fit:contain !important; }
  html body .sports-card__team-name { font-size:13.5px !important; font-weight:600 !important; color:#fff !important; line-height:1.2 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; min-width:0 !important; padding:0 !important; margin:0 !important; }
  html body .sports-card-left-bottom { display:none !important; }
  html body .sports-card-inner { flex:0 0 auto !important; display:flex !important; align-items:center !important; padding:0 !important; margin:0 !important; border:0 !important; background:none !important; width:auto !important; }
  html body .sports-card-inner .sports-card-top-inner { display:none !important; }
  html body .sports-card-inner .sports-card-body { padding:0 !important; margin:0 !important; }
  html body .option-odd-lists { display:flex !important; flex-direction:row !important; gap:5px !important; margin:0 !important; padding:0 !important; }
  html body .sports-card-inner .option-odd-lists .option-odd-list__item { flex:0 0 auto !important; margin:0 !important; padding:0 !important; width:auto !important; }
  html body .sports-card-inner .option-odd-list__item button.oddBtn { width:58px !important; min-width:58px !important; height:44px !important; padding:0 !important; margin:0 !important; border-radius:7px !important; background:#14261a !important; border:1px solid rgba(240,180,41,.28) !important; color:#f0b429 !important; font-size:14px !important; font-weight:700 !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-shadow:none !important; }
  html body .sports-card-inner .option-odd-list__item button.oddBtn.active { background:#f0b429 !important; color:#0c1c12 !important; border-color:#f0b429 !important; }
}

/* ===== DRAWER + BET SLIP — verified at 393px ===== */
@media (max-width: 991.98px) {
  html body.m-drawer-open .fz-sidebar { position:fixed !important; left:0 !important; top:0 !important; bottom:auto !important; width:82vw !important; max-width:320px !important; height:100dvh !important; max-height:none !important; min-height:0 !important; z-index:3000 !important; overflow-y:auto !important; box-shadow:8px 0 30px rgba(0,0,0,.6) !important; padding-bottom:30px !important; }
  html body.m-drawer-open .m-backdrop { display:block !important; position:fixed !important; inset:0 !important; background:rgba(0,0,0,.6) !important; z-index:2990 !important; }
  html body.open-betslip .betslip { position:fixed !important; left:0 !important; right:0 !important; width:100% !important; max-width:none !important; top:auto !important; bottom:calc(64px + env(safe-area-inset-bottom)) !important; max-height:calc(100dvh - 110px) !important; border-radius:16px 16px 0 0 !important; z-index:1350 !important; box-shadow:0 -12px 34px rgba(0,0,0,.65) !important; margin:0 !important; }
  html body.open-betslip::before { content:'' !important; position:fixed !important; inset:0 !important; background:rgba(0,0,0,.55) !important; z-index:1340 !important; }
  html body.open-betslip .betslip .m-close { text-align:center !important; font-size:12px !important; color:rgba(255,255,255,.7) !important; padding:8px 0 4px !important; }
  html body.open-betslip #fzChatBubble { display:none !important; }
}

/* ===== HEADER: fixed sizes (no scaling), centered text ===== */
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .fuzo-balance-box,
  html body .header-primary .right-side-nav .fuzo-user-btn { height:30px !important; }
  html body .header-primary .right-side-nav .fuzo-balance-amount { font-size:13px !important; font-weight:600 !important; height:30px !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:0 8px !important; }
  html body .header-primary .right-side-nav .fuzo-deposit-btn { height:30px !important; width:28px !important; min-width:28px !important; font-size:17px !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn { font-size:13px !important; font-weight:600 !important; padding:0 8px !important; }
  html body .header-primary #tzClockTime { font-size:13px !important; }
  html body .header-primary #tzSelect { font-size:9.5px !important; }
}

/* ===== HEADER (smaller right side) + BOTTOM BAR (aligned) — verified at 430px ===== */
@media (max-width: 991.98px) {
  html body .header-primary .header-fluid-custom-parent { height:52px !important; min-height:52px !important; }
  html body .header-primary .right-side-nav .fuzo-balance-box, html body .header-primary .right-side-nav .fuzo-user-btn { height:28px !important; border-radius:7px !important; }
  html body .header-primary .right-side-nav .fuzo-balance-amount { font-size:12px !important; height:28px !important; padding:0 8px !important; }
  html body .header-primary .right-side-nav .fuzo-deposit-btn { height:28px !important; width:26px !important; min-width:26px !important; font-size:16px !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn { font-size:12px !important; padding:0 8px !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn::after { transform:scale(.85) !important; margin-left:3px !important; }
  html body .header-primary #tzClockTime { font-size:12px !important; }
  html body .header-primary #tzSelect { font-size:9px !important; }

}


/* ===== BOTTOM BAR — proportions of the 22:53 version at 100% zoom ===== */
@media (max-width: 991.98px) {
  html body #mBar { height:calc(56px + env(safe-area-inset-bottom)) !important; padding:0 4px env(safe-area-inset-bottom) !important; }
  html body #mBar a { height:56px !important; gap:3px !important; }
  html body #mBar a:not(.m-home) span { font-size:14px !important; }
  html body #mBar a[href*="prediction"] span { font-size:12px !important; line-height:1.05 !important; }
  html body #mBar a.m-home span:last-child { font-size:12px !important; }
  html body #mBar a.m-home .m-home-btn { width:47px !important; height:47px !important; margin-top:-23px !important; }
  html body #mBar a.m-home .m-home-btn svg { width:23px !important; height:23px !important; }
  body.m-authed { padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important; }
  html body #mSlipPill { bottom: calc(66px + env(safe-area-inset-bottom)) !important; }
  html body.open-betslip .betslip { bottom: calc(56px + env(safe-area-inset-bottom)) !important; }
  html body #fzChatBubble { bottom: calc(70px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 991.98px) {
  html body #mBar a span:last-child,
  html body #mBar a:not(.m-home) span,
  html body #mBar a.m-home span:last-child,
  html body #mBar a[href*="prediction"] span { font-size:14px !important; font-weight:800 !important; line-height:1.05 !important; }
}
@media (max-width: 380px) {
  html body #mBar a span:last-child,
  html body #mBar a:not(.m-home) span,
  html body #mBar a.m-home span:last-child,
  html body #mBar a[href*="prediction"] span { font-size:13px !important; }
}
@media (max-width: 991.98px) {
  html body #mBar a span:last-child,
  html body #mBar a:not(.m-home) span,
  html body #mBar a.m-home span:last-child,
  html body #mBar a[href*="prediction"] span { font-size:12px !important; font-weight:800 !important; line-height:1.05 !important; }
}
@media (max-width: 991.98px) {
  html body #mBar a:not(.m-home) span { display:block !important; width:min-content !important; margin:0 auto !important; white-space:normal !important; text-align:center !important; line-height:1.1 !important; }
}
@media (max-width: 991.98px) {
  html body #mBar a.m-home .m-home-btn { margin-top:-30px !important; }
}
@media (max-width: 991.98px) {
  html body #mBar a.m-home .m-home-btn { position:relative !important; top:-5px !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .fuzo-logo-text { font-size:clamp(20px,5.9vw,25.2px) !important; }
  html body .header-primary .fuzo-logo-text span { font-size:clamp(15.8px,4.6vw,20px) !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .fuzo-balance-box, html body .header-primary .right-side-nav .fuzo-user-btn { height:26px !important; border-radius:6px !important; }
  html body .header-primary .right-side-nav .fuzo-balance-amount { font-size:11px !important; font-weight:600 !important; height:26px !important; padding:0 7px !important; }
  html body .header-primary .right-side-nav .fuzo-deposit-btn { height:26px !important; width:24px !important; min-width:24px !important; font-size:15px !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn { font-size:11px !important; font-weight:600 !important; padding:0 7px !important; }
  html body .header-primary #tzClockTime { font-size:11px !important; font-weight:600 !important; font-family:inherit !important; }
  html body .header-primary #tzSelect { font-size:8.5px !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .header-fluid-custom-parent { height:44px !important; min-height:44px !important; }
  html body .header-primary .header-fluid-custom-parent .logo { height:44px !important; }
  html body .header-primary .right-side-nav .fuzo-balance-box,
  html body .header-primary .right-side-nav .fuzo-user-btn { width:118px !important; min-width:118px !important; max-width:118px !important; height:26px !important; box-sizing:border-box !important; }
  html body .header-primary .right-side-nav .fuzo-balance-box { justify-content:space-between !important; }
  html body .header-primary .right-side-nav .fuzo-balance-amount { flex:1 1 auto !important; justify-content:center !important; font-size:12px !important; padding:0 4px !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn { justify-content:center !important; font-size:12px !important; padding:0 6px !important; }
  html body .header-primary #tzClockTime { font-size:12px !important; }
  html body .header-primary #tzSelect { font-size:9px !important; }
}
@media (max-width: 380px) {
  html body .header-primary .right-side-nav .fuzo-balance-box,
  html body .header-primary .right-side-nav .fuzo-user-btn { width:106px !important; min-width:106px !important; max-width:106px !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .fuzo-balance-box,
  html body .header-primary .right-side-nav .fuzo-user-btn { width:clamp(90px,24vw,106px) !important; min-width:0 !important; max-width:none !important; }
  html body .header-primary .right-side-nav .fuzo-user-btn { padding:0 4px !important; }
  html body .header-primary nav.primary-menu-container .tz-clock { flex:0 0 auto !important; }
  html body .header-primary .header-fluid-custom-parent { padding-right:8px !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .user-profile-dropdown { display:flex !important; align-items:center !important; height:28px !important; margin:0 !important; padding:0 !important; }
  html body .header-primary .right-side-nav .fuzo-balance-box,
  html body .header-primary .right-side-nav .fuzo-user-btn { height:28px !important; min-height:28px !important; max-height:28px !important; box-sizing:border-box !important; border-width:1px !important; border-style:solid !important; margin:0 !important; line-height:1 !important; }
  html body .header-primary .right-side-nav .fuzo-balance-amount { height:100% !important; line-height:1 !important; }
  html body .header-primary .right-side-nav .fuzo-deposit-btn { height:100% !important; min-height:0 !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .fuzo-balance-box { display:flex !important; justify-content:space-between !important; }
  html body .header-primary .right-side-nav .fuzo-balance-amount { flex:1 1 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding:0 2px !important; }
  html body .header-primary .right-side-nav .fuzo-deposit-btn { flex:0 0 auto !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .fuzo-balance-box span.fuzo-balance-amount { display:flex !important; flex:1 1 0 !important; width:auto !important; min-width:0 !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding:0 !important; margin:0 !important; }
  html body .header-primary .right-side-nav .fuzo-balance-box a.fuzo-deposit-btn { flex:0 0 24px !important; width:24px !important; margin-left:0 !important; }
}
@media (max-width: 991.98px) {
  html body .header-primary .right-side-nav .fuzo-balance-box { gap:0 !important; column-gap:0 !important; }
}

/* ===== MATCH PAGE (markets) — verified at 430px ===== */
@media (max-width: 991.98px) {
  html body .odd-list__head { padding:10px 10px !important; margin:0 0 8px !important; border-radius:10px !important; }
  html body .odd-list__team-name { font-size:15px !important; font-weight:700 !important; line-height:1.15 !important; }
  html body .odd-list__team-img img { width:34px !important; height:34px !important; }
  html body .accordion--odd .accordion-item { margin:0 0 8px !important; border-radius:10px !important; overflow:hidden !important; background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.08) !important; }
  html body .accordion--odd .accordion-button { font-size:13.5px !important; font-weight:700 !important; color:#fff !important; padding:10px 12px !important; background:rgba(240,180,41,.08) !important; box-shadow:none !important; min-height:0 !important; }
  html body .accordion--odd .accordion-body { padding:8px !important; }
  html body .accordion--odd table { width:100% !important; border-collapse:separate !important; border-spacing:5px !important; margin:-5px !important; table-layout:fixed !important; }
  html body .accordion--odd td { padding:0 !important; border:0 !important; background:none !important; vertical-align:middle !important; text-align:center !important; font-size:11.5px !important; color:#cfd8d1 !important; font-weight:600 !important; line-height:1.2 !important; white-space:normal !important; }
  html body .accordion--odd td > span:first-child { display:inline-block !important; min-width:16px !important; padding:1px 4px !important; margin-right:4px !important; border-radius:3px !important; background:rgba(240,180,41,.18) !important; color:#f0b429 !important; font-size:10px !important; font-weight:800 !important; }
  html body .accordion--odd button.oddBtn { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-width:0 !important; height:42px !important; padding:0 !important; margin:0 !important; border-radius:7px !important; background:#14261a !important; border:1px solid rgba(240,180,41,.28) !important; color:#f0b429 !important; box-shadow:none !important; }
  html body .accordion--odd button.oddBtn .odd-list__outcome-ratio { font-size:14px !important; font-weight:700 !important; color:#f0b429 !important; }
  html body .accordion--odd button.oddBtn.active { background:#f0b429 !important; border-color:#f0b429 !important; }
  html body .accordion--odd button.oddBtn.active .odd-list__outcome-ratio { color:#0c1c12 !important; }
  html body .accordion--odd table.fz-handicap td:first-child, html body .accordion--odd table.fz-totals td:first-child { width:24% !important; font-size:12.5px !important; color:#fff !important; font-weight:700 !important; }
}

/* ===== ACCOUNT PAGES — balance card + chip menu on top, verified at 430px ===== */
@media (max-width: 991.98px) {
  html body .dashboard-wrapper { display:block !important; padding:8px !important; }
  html body .dashboard-sidebar { position:static !important; transform:none !important; width:100% !important; height:auto !important; max-height:none !important; z-index:1 !important; display:block !important; padding:0 !important; margin:0 0 10px !important; background:none !important; overflow:visible !important; box-shadow:none !important; }
  html body .dashboard-sidebar .widget-card { margin:0 0 8px !important; }
  html body .dashboard-menu, html body .dashboard-menu__body, html body .dashboard-menu__list { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; overflow-x:auto !important; gap:6px !important; padding:0 0 4px !important; margin:0 !important; list-style:none !important; scrollbar-width:none !important; width:100% !important; }
  html body .dashboard-menu::-webkit-scrollbar, html body .dashboard-menu__body::-webkit-scrollbar, html body .dashboard-menu__list::-webkit-scrollbar { display:none !important; }
  html body .dashboard-menu__list > li { flex:0 0 auto !important; display:block !important; margin:0 !important; padding:0 !important; border:0 !important; }
  html body .dashboard-menu__link { display:inline-flex !important; align-items:center !important; gap:5px !important; white-space:nowrap !important; padding:7px 11px !important; border-radius:20px !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.12) !important; color:#fff !important; font-size:12.5px !important; font-weight:600 !important; margin:0 !important; line-height:1 !important; }
  html body .dashboard-menu__link.active { background:#f0b429 !important; color:#0c1c12 !important; border-color:#f0b429 !important; }
  html body a[href*="diamond/request"], html body .dashboard-sidebar a[href*="diamond"] { display:none !important; }
}

/* ===== BET SLIP — compact Bet365 style, verified at 430px ===== */
@media (max-width: 991.98px) {
  html body.open-betslip .betslip { padding:0 10px 10px !important; }
  html body .betslip .m-close { padding:6px 0 2px !important; font-size:11px !important; }
  html body .betslip .betslip-header { margin:0 0 8px !important; padding:0 !important; }
  html body .betslip .bet-type { gap:6px !important; }
  html body .betslip .bet-type__btn { height:32px !important; font-size:12px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  html body .betslip .betslip__body { padding:0 !important; margin:0 0 8px !important; }
  html body .betslip .betslip-item { padding:8px 10px !important; margin:0 0 6px !important; border-radius:9px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.09) !important; }
  html body .betslip .betslip-item-header { display:flex !important; justify-content:space-between !important; align-items:center !important; padding:0 !important; margin:0 0 4px !important; border:0 !important; }
  html body .betslip .betslip-item-league__name { font-size:10.5px !important; color:rgba(255,255,255,.55) !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.3px !important; }
  html body .betslip .betslip-item-close { width:22px !important; height:22px !important; padding:0 !important; background:none !important; border:0 !important; color:#fff !important; opacity:.7 !important; }
  html body .betslip .betslip-item-body { display:flex !important; flex-direction:column !important; gap:2px !important; padding:0 !important; }
  html body .betslip .betslip-item-body > div:nth-child(1) { order:3 !important; display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; gap:0 4px !important; font-size:11px !important; color:rgba(255,255,255,.6) !important; margin:0 !important; padding:0 !important; }
  html body .betslip .betslip-item-body > div:nth-child(1) img { display:none !important; }
  html body .betslip .betslip-item-body > div:nth-child(1) > div { display:inline !important; margin:0 !important; padding:0 !important; }
  html body .betslip .betslip-item-body > div:nth-child(1) > div:first-child::after { content:' v ' !important; color:rgba(255,255,255,.4) !important; }
  html body .betslip .betslip-item-body > div:nth-child(2) { order:1 !important; display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:8px !important; margin:0 !important; padding:0 !important; border:0 !important; }
  html body .betslip .betslip-item-body > div:nth-child(2) > div { display:flex !important; flex-direction:column-reverse !important; gap:1px !important; }
  html body .betslip .betslip-item-body > div:nth-child(2) > div > div:first-child { font-size:11px !important; color:rgba(255,255,255,.6) !important; font-weight:500 !important; }
  html body .betslip .betslip-item-body > div:nth-child(2) > div > div:last-child { font-size:14.5px !important; color:#fff !important; font-weight:700 !important; line-height:1.15 !important; }
  html body .betslip .betslip-item-body > div:nth-child(2) > div:last-child { font-size:16px !important; color:#f0b429 !important; font-weight:800 !important; flex:0 0 auto !important; }
  html body .betslip .betslip-item-stake { order:4 !important; margin-top:6px !important; }
  html body .betslip .betslip__footer { padding:0 !important; }
  html body .betslip .betslip-select { margin:0 0 8px !important; }
  html body .betslip .betslip-select .form-select { height:36px !important; font-size:13px !important; padding:0 12px !important; border-radius:8px !important; }
  html body .betslip .betslip-righ { display:flex !important; flex-wrap:wrap !important; align-items:center !important; }
  html body .betslip .betslip__list-ratio { flex:0 0 100% !important; }
  html body .betslip .betslip__list-ratio > span { font-size:10.5px !important; letter-spacing:.5px !important; color:rgba(255,255,255,.6) !important; margin:0 0 4px !important; display:block !important; }
  html body .betslip .betslip__list-ratio .position-relative { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; width:100% !important; }
  html body .betslip .betslip-input-inner { position:static !important; transform:none !important; top:auto !important; left:auto !important; height:44px !important; display:flex !important; align-items:center !important; padding:0 10px !important; font-size:12px !important; font-weight:700 !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.14) !important; border-right:0 !important; border-radius:8px 0 0 8px !important; }
  html body .betslip .amount { flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; height:44px !important; font-size:16px !important; font-weight:700 !important; padding:0 12px !important; border-radius:0 8px 8px 0 !important; text-align:right !important; }
  html body .betslip #mQuick { display:flex !important; gap:6px !important; margin:8px 0 0 !important; }
  html body .betslip #mQuick button { flex:1 !important; height:34px !important; border-radius:8px !important; background:rgba(240,180,41,.12) !important; border:1px solid rgba(240,180,41,.35) !important; color:#f0b429 !important; font-weight:800 !important; font-size:13px !important; }
  html body .betslip .betslip__list-content { flex:1 1 50% !important; margin:10px 0 8px !important; display:flex !important; align-items:center !important; }
  html body .betslip .betslip__list-match { font-size:12px !important; color:rgba(255,255,255,.7) !important; }
  html body .betslip .bet-return { flex:1 1 50% !important; margin:10px 0 8px !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; font-size:13px !important; font-weight:700 !important; color:#fff !important; }
  html body .betslip .betslip__footer-bottom { padding:0 !important; gap:8px !important; }
  html body .betslip .betslip-form { display:none !important; }
  html body .betslip .delete-btn { width:44px !important; height:48px !important; border-radius:8px !important; flex:0 0 44px !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.14) !important; color:#fff !important; font-size:22px !important; margin:0 !important; }
  html body .betslip .place-btn { flex:1 !important; }
  html body .betslip .betPlaceBtn { width:100% !important; height:48px !important; font-size:15px !important; letter-spacing:.5px !important; border-radius:8px !important; margin:0 !important; padding:0 !important; box-shadow:none !important; }
}

/* ===== LIST ROWS: uniform team badges + All Bets link ===== */
@media (max-width: 991.98px) {
  html body .sports-card__team-flag { width:20px !important; height:20px !important; flex:0 0 20px !important; border-radius:50% !important; background:rgba(255,255,255,.09) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; }
  html body .sports-card__team-flag-img { width:16px !important; height:16px !important; object-fit:contain !important; border-radius:50% !important; }
  html body .sports-card__team-name { font-size:13.5px !important; }
  html body .sports-card-left-bottom { display:block !important; margin:3px 0 0 !important; padding:0 !important; }
  html body .sports-card-left-bottom a { font-size:11px !important; font-weight:700 !important; color:#f0b429 !important; text-decoration:none !important; letter-spacing:.2px !important; }
  html body .sports-card-left-bottom a::after { content:' \203A' !important; font-size:13px !important; }
}

/* ===== phone list: a little tighter ===== */
@media (max-width: 991.98px) {
  html body .sports-body .sports-card .sports-card-wrapper { padding:6px 8px !important; }
  html body .sports-card-left .sports-card-body { gap:2px !important; }
  html body .sports-body .row.g-3 > .col-12 { margin-top:5px !important; }
  html body .upc-inline-league { padding:6px 4px 0 !important; }
  html body .sports-body .fz-col-header { padding:6px 9px 6px 10px !important; }
  html body .sports-body .league-page-header { padding:7px 10px !important; }
}