@media(max-width:767px){
#menu-button-left{font-size:0!important;display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;cursor:pointer;color:#eac356!important}
#menu-button-left::before{content:'☰'!important;font-family:Arial,sans-serif!important;font-size:27px!important}
#menu-panel-left{position:fixed!important;left:-350px!important;top:68px!important;width:min(330px,86vw)!important;height:calc(100dvh - 68px)!important;z-index:10020!important;transition:left .22s ease!important}
#menu-panel-left.open{left:0!important}
#menu-panel-right{z-index:10020!important}
.overlay.open{position:fixed!important;inset:68px 0 0!important;z-index:10010!important;background:rgba(0,0,0,.6)!important;display:block!important}
#large-slider#large-slider#large-slider.qpro-image-only-slider{aspect-ratio:4/1!important;height:auto!important;min-height:0!important;max-height:none!important}
#large-slider#large-slider#large-slider.qpro-image-only-slider .carousel-inner{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important;max-height:100%!important}
#large-slider#large-slider#large-slider.qpro-image-only-slider .carousel-inner>.qpro-slide{height:100%!important;min-height:0!important;max-height:100%!important}
#large-slider#large-slider#large-slider.qpro-image-only-slider .qpro-slider-bg{height:100%!important;min-height:0!important;object-fit:contain!important}
}
@media(max-width:767px){
#navbar .navbar-brand .img-link{display:block!important;width:148px!important;height:64px!important;max-width:calc(100vw - 190px)!important;flex:none!important;padding:0!important;background-image:url('/assets/theme15/images/qoolbet-mobile-logo.png?v=20261004-1')!important;background-size:100% auto!important;background-position:center 47%!important;background-repeat:no-repeat!important;overflow:hidden!important}
#navbar .navbar-brand .img-link img{opacity:0!important;visibility:hidden!important}
}
/* Mobile rainbow accents: menu glyph and account row separators. */
@media(max-width:767px){
#navbar #menu-button-left::before{background:linear-gradient(135deg,#ff5964 0%,#ffb347 20%,#ffe66d 38%,#65e6a6 56%,#65c7ff 74%,#b889ff 90%,#ff85cc 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
#menu-panel-right .nav-link-mobile{position:relative!important;border-bottom:0!important;box-shadow:none!important}
#menu-panel-right .nav-link-mobile::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#ff5964,#ffb347,#ffe66d,#65e6a6,#65c7ff,#b889ff,#ff85cc);pointer-events:none}
#menu-panel-right .nav-link-mobile:last-child::after{display:none}
}
@media(max-width:767px){
#menu-panel-right{display:flex!important;flex-direction:column!important;top:68px!important;height:calc(100dvh - 68px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
#menu-panel-right>.nav-link-mobile{flex:0 0 auto!important}
#menu-panel-right .qool-account-footer{margin-top:auto;padding:24px 12px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35));flex:0 0 auto;text-align:center;color:#9c9ca7}
#menu-panel-right .qool-account-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 0;border-top:1px solid #303039}
#menu-panel-right .qool-account-footer-links a{font-size:11px;color:#c4c4cc;text-decoration:none}
#menu-panel-right .qool-account-payments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;padding:12px 4px 18px}
#menu-panel-right .qool-account-payments img{display:block;width:100%;height:24px;object-fit:contain;margin:0!important;max-width:75px;justify-self:center}
#menu-panel-right .qool-account-responsible{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:14px;border-top:1px solid #303039;text-decoration:none;color:#e9ca79}
#menu-panel-right .qool-account-age{display:flex;align-items:center;justify-content:center;border:2px solid #e9ca79;border-radius:50%;width:40px;height:40px;font:bold 16px Arial;flex:none}
#menu-panel-right .qool-account-care{display:flex;align-items:center;gap:5px;text-align:left;font-size:9px;font-weight:700;letter-spacing:.4px}
#menu-panel-right .qool-account-care>span:first-child{font-size:30px;line-height:1}
#menu-panel-right .qool-account-care small{display:block;font-size:9px;font-weight:400;color:#a6a6b1;letter-spacing:0;margin-top:4px}
#menu-panel-right .qool-account-footer p{font-size:10px;margin:14px 0 0;color:#777784}
}
@keyframes qool-providers-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media(max-width:767px){
#menu-panel-right .qool-account-providers{flex:1 0 150px;min-height:150px;position:relative;margin:18px 12px 8px;display:flex;flex-direction:column;align-items:stretch}
#menu-panel-right .qool-account-providers h3{margin:0 0 10px;text-align:center;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#a49a7d;flex:none}
#menu-panel-right .qool-account-provider-window{position:relative;flex:1;min-height:120px;overflow:hidden;mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
#menu-panel-right .qool-account-provider-track{position:absolute;inset:0 0 auto;animation:qool-providers-down 48s linear infinite;will-change:transform}
#menu-panel-right .qool-account-provider-item{height:66px;display:flex;align-items:center;justify-content:center;color:#d8c38c;font-size:12px;text-align:center}
#menu-panel-right .qool-account-provider-item img{width:115px!important;height:38px!important;max-width:90%!important;object-fit:contain;display:block;margin:0!important}
#menu-panel-right .qool-account-footer{margin-top:0!important}
#menu-panel-right .qool-account-providers:hover .qool-account-provider-track{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){#menu-panel-right .qool-account-provider-track{animation:none!important;transform:none!important}#menu-panel-right .qool-account-provider-window{overflow-y:auto!important}#menu-panel-right .qool-account-provider-group[aria-hidden]{display:none!important}}
/* Three columns, four visible rows; all 16 providers cycle vertically. */
@media(max-width:767px){
#menu-panel-right .qool-account-providers{flex:1 0 188px!important;min-height:188px!important;margin:14px 8px 8px!important;justify-content:center}
#menu-panel-right .qool-account-provider-window{flex:0 0 164px!important;height:164px!important;min-height:164px!important;width:100%}
#menu-panel-right .qool-account-provider-group{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:41px;gap:0 4px;padding:0 0 0!important}
#menu-panel-right .qool-account-provider-item{height:41px!important;min-width:0!important;padding:6px 0!important;overflow:hidden;font-size:8px!important}
#menu-panel-right .qool-account-provider-item img{width:100%!important;max-width:100%!important;height:29px!important;max-height:29px!important;object-fit:cover!important;object-position:center 30%!important;border-radius:4px}
#menu-panel-right .qool-account-provider-track{animation-duration:30s!important}
}
/* Mobile match list: teams | 1 X 2 | under over | additional markets. */
@media(max-width:767px){
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row{display:grid!important;grid-template-columns:minmax(72px,1.15fr) minmax(0,1.5fr) minmax(0,1fr) 26px!important;gap:3px!important;align-items:center!important;padding:7px 3px!important;position:relative!important;min-height:48px!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-match{grid-column:1!important;grid-row:1!important;display:block!important;min-width:0!important;padding:0!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-score{display:none!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-time,#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-league{display:none!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-teams{font-size:9px!important;line-height:16px!important;min-width:0!important;overflow:hidden!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-teams>*{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-group{display:none!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-group[data-market-slot="result"]{display:block!important;grid-column:2!important;grid-row:1!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-group[data-market-slot="total"]{display:block!important;grid-column:3!important;grid-row:1!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-group>.qpro-feed-group-title{display:none!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-group .qpro-feed-group-cells{display:flex!important;gap:2px!important;min-width:0!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-group .qpro-feed-odd{min-width:0!important;flex:1 1 0!important;padding:4px 0!important;font-size:9px!important;border-radius:3px!important;line-height:13px!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-feed-group .qpro-feed-odd small{font-size:8px!important;line-height:11px!important}
#qpro-feed:not(.is-detail):not(.is-results) .qprobet-expand-odds{grid-column:4!important;grid-row:1!important;width:26px!important;min-width:0!important;padding:7px 0!important;font-size:8px!important;text-align:center!important;justify-self:stretch!important}
#qpro-feed:not(.is-detail):not(.is-results) .qpro-feed-row>.qpro-extra-markets{grid-column:1/-1!important;grid-row:2!important}
#qpro-feed .qpro-live-sport-tabs{position:relative!important;z-index:1!important;pointer-events:auto!important}
}
/* Mobile account card and sports heading. */
@media(max-width:767px){
#navbar #menu-button-right{display:flex!important;align-items:center!important;gap:7px!important;padding:5px 7px!important;border:1px solid rgba(235,200,112,.38)!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(53,45,25,.85),rgba(13,16,24,.95))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 10px rgba(0,0,0,.3)!important;min-height:43px!important;max-width:148px!important;cursor:pointer!important}
#navbar #menu-button-right>.header-mobile-svg{display:none!important}
#navbar #menu-button-right::after{content:'🧑';display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:25px;line-height:1;background:radial-gradient(circle at 35% 25%,#f6df9c,#937434);border:1px solid #ead08b;box-shadow:0 0 9px rgba(232,188,83,.15)}
#navbar #menu-button-right .accountSpan{display:grid!important;grid-template-rows:auto auto!important;min-width:0!important;margin:0!important;float:none!important;text-align:right!important;line-height:14px!important}
#navbar #menu-button-right .username{display:block!important;font-size:10px!important;font-weight:600!important;color:#e9d49b!important;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important;padding:0 0 2px!important}
#navbar #menu-button-right .online{display:block!important;white-space:nowrap!important;font-size:11px!important;font-weight:800!important;color:#fff!important;border-top:1px solid rgba(231,200,120,.2);padding-top:2px!important;margin:0!important}
#navbar-menu2 .page-title{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 0 10px!important;letter-spacing:.4px!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}
#navbar-menu2 .page-title::after{content:'';position:absolute;left:6%;right:6%;bottom:0;height:3px;border-radius:8px;background:linear-gradient(90deg,#ff5964,#ffb347,#ffe66d,#65e6a6,#65c7ff,#b889ff,#ff85cc);box-shadow:0 1px 7px rgba(145,115,242,.3)}
#navbar-menu2 .page-title .icon-football{display:inline-flex!important;align-items:center;justify-content:center;font-size:0!important;width:22px;height:22px}
#navbar-menu2 .page-title .icon-football::before{content:'⚽'!important;font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif!important;font-size:19px!important;color:#fff!important;line-height:1!important}
}
/* Slim mobile sports heading: rainbow text, no underline. */
@media(max-width:767px){
.navbar-title.visible-sm.visible-xs{min-height:26px!important;height:auto!important;padding:3px 0!important;margin:0!important;line-height:20px!important;background:#0c1124!important;border:0!important;box-shadow:none!important}
.navbar-title.visible-sm.visible-xs .page-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0!important;margin:0!important;min-height:20px!important;line-height:20px!important;font-size:13px!important;font-weight:800!important;background:linear-gradient(90deg,#ff6376 15%,#ffb347 28%,#ffe66d 40%,#65e6a6 52%,#65c7ff 64%,#b889ff 76%,#ff85cc 88%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;border:0!important;box-shadow:none!important}
.navbar-title.visible-sm.visible-xs .page-title::after{content:none!important;display:none!important}
.navbar-title.visible-sm.visible-xs .page-title .icon-football{display:inline-flex!important;align-items:center;justify-content:center;font-size:0!important;width:18px!important;height:18px!important;-webkit-text-fill-color:initial!important}
.navbar-title.visible-sm.visible-xs .page-title .icon-football::before{content:'⚽'!important;font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif!important;font-size:16px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:initial!important}
}
/* Remove the remaining blue band beneath the mobile title. */
@media(max-width:767px){
html body .navbar-title.visible-sm.visible-xs{height:22px!important;min-height:22px!important;max-height:22px!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;overflow:hidden!important;border:none!important;box-shadow:none!important}
html body .navbar-title.visible-sm.visible-xs .page-title{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;height:22px!important;min-height:0!important;padding:0!important;margin:0!important;line-height:22px!important}
html body .navbar-title.visible-sm.visible-xs::before,html body .navbar-title.visible-sm.visible-xs::after{display:none!important;content:none!important}
}
/* Keep the mobile sports title below the logo/account header. */
@media(max-width:767px){
html body .navbar-title.visible-sm.visible-xs{top:68px!important;height:24px!important;min-height:24px!important;max-height:24px!important}
html body .navbar-title.visible-sm.visible-xs .page-title{height:24px!important;line-height:24px!important}
}
/* Remove the mobile live-betting heading and its football icon. */
@media(max-width:767px){
html body .navbar-title.visible-sm.visible-xs:has(.page-title[href="/live"]){display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important}
}

/* Keep one account balance in the header at tablet and desktop widths. */
@media (min-width: 768px) { #navbar #menu-button-right { display: none !important; } }

/* QOOL NAVBAR HITBOX PASS THROUGH 20261025 */
@media(max-width:767px){#navbar .rocks-toggle{pointer-events:none!important}#navbar .rocks-toggle>*{pointer-events:auto!important}}