/* CM header 1:1 pass */
html.cm-1to1 header.header-bc .logo-container .logo img.hdr-logo-bc,
html.cm-1to1 .logo-container .logo img.hdr-logo-bc,
html.cm-1to1 header.header-bc img.hdr-logo-bc,
html.cm-1to1 .logo-container img.hdr-logo-bc,
html.cm-1to1 img.hdr-logo-bc {
content: url("/cm-assets/logo.gif?v=20260827_whitegif") !important;
object-fit: contain !important;
object-position: left center !important;
opacity: 1 !important;
}
@media (min-width: 1024px) {
html.cm-1to1 header.header-bc .logo-container .logo img.hdr-logo-bc,
html.cm-1to1 .logo-container .logo img.hdr-logo-bc,
html.cm-1to1 header.header-bc img.hdr-logo-bc,
html.cm-1to1 .logo-container img.hdr-logo-bc,
html.cm-1to1 img.hdr-logo-bc {
width: 256px !important;
max-width: 256px !important;
min-width: 256px !important;
height: 70px !important;
min-height: 70px !important;
}
header.header-bc .logo, header.header-bc a.logo, .logo-container, .logo-container a.logo {
background:none !important;
width:260px !important;
max-width:260px !important;
height:70px !important;
display: flex !important;
align-items: center !important;
}
}
/* ===== HEADER BUTTONS — match CM computed styles ===== */
.hdr-user-bc {
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
/* ORTAKLIK: transparent + purple glow, no heavy border */
#cm-hdr-ortaklik,
.hdr-main-content-bc .hdr-user-bc .btn.bc-i-standings {
background: transparent !important;
border: 0 none transparent !important;
box-shadow: 0 0 7px 2px #850f83 !important;
color: #fff !important;
border-radius: 5px !important;
height: 28px !important;
min-height: 28px !important;
padding: 0 10px !important;
font-size: 14px !important;
font-weight: 500 !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
}
/* Phone: purple fill, gray ring, pill/circle */
#cm-hdr-call,
.hdr-main-content-bc .hdr-user-bc .btn.bc-i-call {
width: 36px !important;
height: 28px !important;
min-width: 36px !important;
padding: 0 10px !important;
border-radius: 20px !important;
background: #9c4db1 !important;
border: 1.5px solid #9b9b9b !important;
box-shadow: none !important;
color: #fff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
overflow: hidden !important;
text-indent: 0 !important;
}
#cm-hdr-call { font-size: 0 !important; } /* hide emoji fallback if any */
#cm-hdr-call::before { font-size: 14px !important; }
/* PARA YATIR: green + neon glow; text via span::before like CM */
#cm-hdr-deposit,
.hdr-main-content-bc .hdr-user-bc .btn.bc-i-wallet {
background: #109121 !important;
box-shadow: 0 0 7px 2px #16ff00 !important;
border: 0 none transparent !important;
color: #fff !important;
border-radius: 5px !important;
height: 28px !important;
min-height: 28px !important;
padding: 0 10px !important;
font-size: 14px !important;
font-weight: 500 !important;
display: inline-flex !important;
align-items: center !important;
}
a.btn.a-color.header-icon-text.bc-i-wallet span::before,
#cm-hdr-deposit span::before {
content: " PARA YATIR " !important;
font-weight: 700 !important;
margin-left: 5px !important;
color: #fff !important;
}
/* GİRİŞ: outlined purple like CM */
.btn.s-small.sign-in {
background: transparent !important;
border: 1px solid #850f83 !important;
color: #fff !important;
border-radius: 5px !important;
min-width: 90px !important;
width: 90px !important;
height: 29px !important;
padding: 0 10px !important;
font-size: 12px !important;
font-weight: 500 !important;
box-shadow: 0 0 7px 2px #850f83 !important;
cursor: pointer !important;
transition: transform 0.3s ease-in-out, background 0.24s, box-shadow 0.24s !important;
}
/* KAYIT: outlined gray + purple glow — CM computed */
.btn.s-small.register,
.hdr-user-bc .btn.register {
background: none !important;
background-color: transparent !important;
border: 1px solid #9b9b9b !important;
color: #fff !important;
border-radius: 5px !important;
min-width: 90px !important;
width: 90px !important;
height: 28px !important;
padding: 0 8px !important;
font-size: 12px !important;
font-weight: 500 !important;
box-shadow: 0 0 7px 2px #850f83 !important;
cursor: pointer !important;
transition: transform 0.3s ease-in-out, background 0.24s, box-shadow 0.24s !important;
}
/* Top CMS strip — desktop hide; mobile shows CM 3-button bar */
@media (min-width: 1024px) {
.layout-header-holder-bc .hdr-dynamic-content,
.hdr-dynamic-content,
#cm-top-host,
#cm-top-close {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
border: 0 !important;
}
.hdr-dynamic-content > .hm-row-bc {
display: none !important;
height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
}
#cm-top-host.informative-widget,
.hdr-dynamic-content .informative-widget {
display: none !important;
height: 0 !important;
max-height: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
}
.informative-widget .cm-top-bar {
align-items: center !important;
background: linear-gradient(90deg, #1a0b2e 0%, #2d134d 100%) !important;
border: 2.5px solid #ff00ff !important;
border-radius: 12px !important;
display: flex !important;
font-family: sans-serif !important;
justify-content: space-between !important;
width: 100% !important;
min-width: 100% !important;
height: 55px !important;
padding: 0 40px !important;
box-shadow: 0 0 20px rgba(255, 0, 255, 0.4) !important;
box-sizing: border-box !important;
overflow: hidden !important;
margin: 0 auto !important;
}
.informative-widget .cm-top-btn {
background: #1e3a5f !important;
color: #ffffff !important;
text-decoration: none !important;
padding: 10px 20px !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: bold !important;
border: 1px solid rgba(255,255,255,0.3) !important;
white-space: nowrap !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.4) !important;
display: inline-block !important;
}
.informative-widget .cm-top-center {
color: #ff00ff !important;
font-size: 18px !important;
font-weight: 900 !important;
letter-spacing: 2px !important;
text-shadow: 0 0 10px rgba(255,0,255,0.6) !important;
white-space: nowrap !important;
}
.informative-widget .cm-top-center .cm-top-white {
color: #fff !important;
}
.informative-widget .cm-addr-bar {
align-items: center !important;
background: linear-gradient(90deg, #1a0b2e 0%, #2d134d 100%) !important;
border: 2.5px solid #ff00ff !important;
border-radius: 12px !important;
display: flex !important;
justify-content: space-between !important;
width: 100% !important;
height: 55px !important;
padding: 0 40px !important;
box-shadow: 0 0 20px rgba(255, 0, 255, 0.4) !important;
box-sizing: border-box !important;
margin: 0 auto !important;
}
.informative-widget .cm-addr-label {
color: #fff !important;
font-size: 16px !important;
font-weight: bold !important;
white-space: nowrap !important;
letter-spacing: 0.5px !important;
}
.informative-widget .cm-addr-box {
background: #1e3a5f !important;
border-radius: 8px !important;
padding: 8px 40px !important;
border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5) !important;
}
.informative-widget .cm-addr-box a {
color: #fff !important;
text-decoration: none !important;
font-weight: 900 !important;
font-size: 19px !important;
letter-spacing: 1px !important;
white-space: nowrap !important;
}
/* legacy id kept harmless */
#cm-addr-pill { display:none !important; }
/* Warn bar = CM second slider image (93px, full content width, 20px top) — desktop only */
@media (min-width: 1024px) {
#cm-warn-bar {
display: block !important;
width: 100% !important;
margin: 20px 0 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
line-height: 0 !important;
}
#cm-warn-bar a {
display: block !important;
width: 100% !important;
line-height: 0 !important;
}
#cm-warn-bar img {
display: block !important;
width: 100% !important;
height: 93px !important;
object-fit: cover !important;
object-position: center !important;
border: 0 !important;
border-radius: 0 !important;
content: none !important;
}
}
/* Categories: CM native — neon is in the webp, no extra purple chrome */
html.cm-1to1 #cm-product-banners.product-banner-container-bc,
html.cm-1to1 #cm-product-banners {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 12px !important;
row-gap: 12px !important;
column-gap: 12px !important;
margin: 20px 0 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: none !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
}
html.cm-1to1 #cm-product-banners.product-banner-container-bc a.product-banner-info-bc.product-banner-bc,
html.cm-1to1 #cm-product-banners a {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
outline: none !important;
border-radius: 5px !important;
overflow: visible !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
filter: none !important;
cursor: pointer !important;
transition: transform 0.4s ease !important;
}
html.cm-1to1 #cm-product-banners a::before,
html.cm-1to1 #cm-product-banners a::after {
content: none !important;
display: none !important;
box-shadow: none !important;
background: none !important;
border: 0 !important;
}
html.cm-1to1 #cm-product-banners.product-banner-container-bc img.product-banner-img-bc,
html.cm-1to1 #cm-product-banners img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
border: 0 !important;
border-radius: 5px !important;
content: none !important;
opacity: 1 !important;
filter: none !important;
box-shadow: none !important;
background: transparent !important;
}
/* Jackpot pools under featured events — CM jackpot-pools-widget 1:1 */
html.cm-1to1 #cm-jackpot {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
width: 100% !important;
margin: 20px 0 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-card {
position: relative !important;
padding: 30px 0 0 !important;
min-width: 0 !important;
overflow: visible !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-card::before,
html.cm-1to1 #cm-jackpot .cm-jp-card::after {
content: "" !important;
position: absolute !important;
right: 12px !important;
width: 196px !important;
height: 62px !important;
display: block !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-size: contain !important;
pointer-events: none !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-card::before {
top: 0 !important;
z-index: 3 !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-card::after {
top: 25px !important;
z-index: 2 !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-amusnet::before {
background-image: url("/cm-assets/jackpot/amusnet.png") !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-amusnet::after {
background-image: url("/cm-assets/jackpot/amusnet-blur.png") !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-egt::before {
background-image: url("/cm-assets/jackpot/default.png") !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-egt::after {
background-image: url("/cm-assets/jackpot/default-blur.png") !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-wrap {
position: relative !important;
height: 189px !important;
box-sizing: border-box !important;
padding: 12px !important;
overflow: hidden !important;
border-radius: 12px !important;
border: 0 !important;
border-top: 1px solid rgb(32, 32, 34) !important;
background:
linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)),
linear-gradient(0deg, rgba(32, 32, 34, 0), rgba(32, 32, 34, 0.12) 95%) !important;
box-shadow: 2px -5px 10px 0px rgb(218 0 255 / 90%) !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-brand {
color: rgba(255, 255, 255, 0.8) !important;
font: 600 16px / 24px Roboto, Arial, Helvetica, sans-serif !important;
margin: 0 0 16px !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-pools {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-row {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-pool {
width: 100% !important;
background: rgba(174, 55, 189, 0.2) !important;
border-radius: 10px !important;
padding: 8px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-item {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 4px !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-center { justify-content: center !important; }
html.cm-1to1 #cm-jackpot .cm-jp-icon {
display: block !important;
object-fit: fill !important;
content: none !important;
border: 0 !important;
flex: 0 0 auto !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-large .cm-jp-icon { width: 40px !important; height: 40px !important; }
html.cm-1to1 #cm-jackpot .cm-jp-med .cm-jp-icon { width: 32px !important; height: 32px !important; }
html.cm-1to1 #cm-jackpot .cm-jp-money {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-name {
color: rgba(255, 255, 255, 0.64) !important;
text-transform: uppercase !important;
font-weight: 400 !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-large .cm-jp-name {
font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-med .cm-jp-name {
font: 400 12px / 16px Roboto, Arial, Helvetica, sans-serif !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-inner {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-cur {
color: #fff !important;
margin-right: 4px !important;
font-weight: 500 !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-val {
color: #fff !important;
font-weight: 500 !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-large .cm-jp-cur,
html.cm-1to1 #cm-jackpot .cm-jp-large .cm-jp-val {
font: 500 16px / 20px Roboto, Arial, Helvetica, sans-serif !important;
}
html.cm-1to1 #cm-jackpot .cm-jp-med .cm-jp-cur,
html.cm-1to1 #cm-jackpot .cm-jp-med .cm-jp-val {
font: 500 14px / 18px Roboto, Arial, Helvetica, sans-serif !important;
}
/* Casino rows: copied from CM CasinoGame / CasinoGamesWidget / hm-row-bc */
html.cm-1to1 #cm-game-rows {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
position: relative !important;
z-index: 2 !important;
box-sizing: border-box !important;
}
html.cm-desk #cm-game-rows > .hm-row-bc.has-game.has-slider {
display: grid !important;
grid-template-columns: 2fr 10fr !important;
grid-auto-rows: 1fr !important;
gap: 10px !important;
width: 100% !important;
height: 360px !important;
margin: 20px 0 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
html.cm-desk #cm-game-rows .hm-row-bc-inner {
display: grid !important;
min-width: 0 !important;
height: 360px !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-desk #cm-game-rows .has-game.has-slider .slider-bc:not(.has-title) {
display: block !important;
position: relative !important;
width: 100% !important;
height: 360px !important;
padding-top: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html.cm-desk #cm-game-rows .sdr-item-holder-bc {
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-1to1 #cm-game-rows .sdr-item-bc {
display: block !important;
width: 100% !important;
height: 100% !important;
position: relative !important;
overflow: hidden !important;
}
html.cm-desk #cm-game-rows .has-game.has-slider .slider-bc:not(.has-title) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
html.cm-desk #cm-game-rows .sdr-item-holder-bc {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
html.cm-desk #cm-game-rows .sdr-item-bc {
display: block !important;
width: 100% !important;
height: auto !important;
max-height: 334px !important;
overflow: hidden !important;
}
html.cm-1to1 #cm-game-rows .sdr-image-bc {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border: 0 !important;
border-radius: 0 !important;
content: none !important;
opacity: 1 !important;
}
html.cm-desk #cm-game-rows .sdr-image-bc {
display: block !important;
width: 100% !important;
height: auto !important;
max-height: 334px !important;
aspect-ratio: 434 / 620 !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 0 !important;
}
html.cm-desk #cm-game-rows .cm-game-widget-col {
display: none !important;
}
html.cm-desk #cm-game-rows .casinoHorizontalGamesList,
html.cm-desk #cm-game-rows .casinoGamesWidget {
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
gap: 16px !important;
width: 100% !important;
height: 360px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
html.cm-desk #cm-game-rows .sectionTitleBtnWrapper {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 4px !important;
margin-left: auto !important;
}
html.cm-desk #cm-game-rows .sectionTitleBtnWrapper .ds-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.85) !important;
cursor: pointer !important;
}
html.cm-desk #cm-game-rows .sectionTitleBtnWrapper svg {
width: 16px !important;
height: 16px !important;
display: block !important;
}
html.cm-desk #cm-game-rows .sectionTitle .ds-link .link__label {
color: rgba(255, 255, 255, 0.72) !important;
font: 600 16px / 20px Roboto, Arial, Helvetica, sans-serif !important;
}
html.cm-desk #cm-game-rows .cm-game-meta,
html.cm-desk #cm-game-rows .cm-desk-game .cm-game-meta {
display: none !important;
}
html.cm-desk #cm-game-rows .casinoGameItem {
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
border-radius: 8px !important;
background: transparent !important;
position: relative !important;
}
html.cm-desk #cm-game-rows .casinoGameItemContent--regular {
aspect-ratio: 44 / 31 !important;
width: 100% !important;
border-radius: 8px !important;
overflow: hidden !important;
position: relative !important;
}
@keyframes cm-casino-game-layer {
0% { opacity: 0; pointer-events: none; backdrop-filter: blur(0); background: rgba(0, 0, 0, 0); }
100% { opacity: 1; pointer-events: auto; backdrop-filter: blur(12px); background: rgba(0, 0, 0, 0.48); }
}
@keyframes cm-casino-game-layer-label {
0% { filter: blur(8px); opacity: 0.6; }
100% { filter: blur(0); opacity: 1; }
}
@keyframes cm-casino-btn-slide-up {
0% { opacity: 0; transform: translateY(100%); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes cm-casino-btn-slide-down {
0% { opacity: 0; transform: translateY(-100%); }
100% { opacity: 1; transform: translateY(0); }
}
html.cm-desk #cm-game-rows .casinoGameItemBlock,
html.cm-mob #cm-game-rows .casinoGameItemBlock {
position: absolute !important;
inset: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: stretch !important;
width: 100% !important;
height: 100% !important;
padding: 8px !important;
margin: 0 !important;
opacity: 0;
visibility: hidden;
pointer-events: none;
overflow: hidden !important;
border-radius: 8px !important;
z-index: 2 !important;
box-sizing: border-box !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
animation: none !important;
transition: opacity 0.2s ease, visibility 0.2s ease, backdrop-filter 0.2s ease, background 0.2s ease !important;
}
html.cm-desk #cm-game-rows .casinoGameIconsWrp,
html.cm-mob #cm-game-rows .casinoGameIconsWrp {
position: absolute !important;
top: 8px !important;
left: 8px !important;
right: 8px !important;
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: auto !important;
z-index: 1 !important;
}
html.cm-desk #cm-game-rows .casinoGameIconsLeft,
html.cm-desk #cm-game-rows .casinoGameIconsRight {
display: flex !important;
align-items: center !important;
}
html.cm-desk #cm-game-rows .casinoGameItemFavBc,
html.cm-desk #cm-game-rows .bc-i-player-info {
color: rgba(255, 255, 255, 0.92) !important;
font-size: 14px !important;
line-height: 1 !important;
cursor: pointer !important;
}
html.cm-desk #cm-game-rows .casinoGameItemLabelBc,
html.cm-mob #cm-game-rows .casinoGameItemLabelBc {
color: #fff !important;
text-align: center !important;
font: 500 12px / 16px Roboto, Arial, Helvetica, sans-serif !important;
margin: 28px 0 6px !important;
padding: 0 4px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
opacity: 0;
}
html.cm-desk #cm-game-rows .casinoGameButtons,
html.cm-desk #cm-game-rows .casinoGameButtons--regular,
html.cm-mob #cm-game-rows .casinoGameButtons,
html.cm-mob #cm-game-rows .casinoGameButtons--regular {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 0 2px !important;
}
html.cm-desk #cm-game-rows .casinoBtnWrp,
html.cm-mob #cm-game-rows .casinoBtnWrp {
width: 100% !important;
flex: 1 1 0 !important;
min-width: 0 !important;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.2s ease, transform 0.2s ease !important;
}
html.cm-desk #cm-game-rows .casinoGameButtons button,
html.cm-mob #cm-game-rows .casinoGameButtons button {
width: 100% !important;
}
html.cm-desk #cm-game-rows .casinoGameItemContent .ds-btn.ds-btn-size--xs,
html.cm-mob #cm-game-rows .casinoGameItemContent .ds-btn.ds-btn-size--xs,
html.cm-mob #cm-game-rows .cm-mob-game-tile .ds-btn.ds-btn-size--xs {
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
min-width: 0 !important;
padding: 4px 8px !important;
border: 0 !important;
border-radius: 999px !important;
font: 500 12px / 16px Roboto, Arial, Helvetica, sans-serif !important;
}
html.cm-desk #cm-game-rows .ds-btn-variant--primary,
html.cm-mob #cm-game-rows .ds-btn-variant--primary {
background: #850f83 !important;
color: #fff !important;
}
html.cm-desk #cm-game-rows .ds-btn-variant--transparent-static-light,
html.cm-mob #cm-game-rows .ds-btn-variant--transparent-static-light {
background: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.9) !important;
}
html.cm-desk #cm-game-rows .casinoGameItemContent:hover .casinoGameItemBlock,
html.cm-desk #cm-game-rows .casinoGameItem:hover .casinoGameItemBlock,
html.cm-desk #cm-game-rows .casinoGameItemContent.cm-game-open .casinoGameItemBlock,
html.cm-desk #cm-game-rows .casinoGameItem.cm-game-open .casinoGameItemBlock {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
background: rgba(0, 0, 0, 0.48) !important;
}
html.cm-desk #cm-game-rows .casinoGameItemContent:hover .casinoGameItemLabelBc,
html.cm-desk #cm-game-rows .casinoGameItem:hover .casinoGameItemLabelBc,
html.cm-desk #cm-game-rows .casinoGameItemContent.cm-game-open .casinoGameItemLabelBc {
opacity: 1 !important;
}
html.cm-desk #cm-game-rows .casinoGameItemContent:hover .casinoBtnWrp,
html.cm-desk #cm-game-rows .casinoGameItem:hover .casinoBtnWrp,
html.cm-desk #cm-game-rows .casinoGameItemContent.cm-game-open .casinoBtnWrp {
opacity: 1 !important;
transform: translateY(0) !important;
}
html.cm-desk #cm-game-rows .casinoGameItemImage,
html.cm-desk #cm-game-rows .casinoGameItem img {
transition: filter 0.24s ease !important;
}
html.cm-desk #cm-game-rows .carouselWrapper {
flex: 1 1 auto !important;
min-height: 0 !important;
width: 100% !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-desk #cm-game-rows .cm-game-swiper {
width: 100% !important;
height: 312px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html.cm-desk #cm-game-rows .cm-game-swiper .swiper-wrapper {
display: flex !important;
align-items: stretch !important;
}
html.cm-desk #cm-game-rows .cm-game-swiper:not(.swiper-initialized) {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
scroll-snap-type: x mandatory !important;
}
html.cm-desk #cm-game-rows .cm-game-swiper:not(.swiper-initialized)::-webkit-scrollbar {
display: none !important;
}
html.cm-desk #cm-game-rows .cm-game-swiper .swiper-slide {
width: 210px !important;
flex: 0 0 210px !important;
margin-right: 16px !important;
height: 312px !important;
scroll-snap-align: start !important;
}
html.cm-desk #cm-game-rows .cm-game-swiper .swiper-slide:last-child {
margin-right: 0 !important;
}
html.cm-desk #cm-game-rows .casinoGamesWidgetColumn {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
width: 100% !important;
flex: 1 1 auto !important;
max-width: none !important;
height: 312px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
html.cm-1to1 #cm-game-rows .casinoHorizontalGamesList,
html.cm-1to1 #cm-game-rows .casinoGamesWidget {
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
gap: 16px !important;
width: 100% !important;
height: 360px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
html.cm-desk #cm-game-rows .sectionTitleText {
flex: 1 1 0% !important;
margin: 0 !important;
color: rgba(255, 255, 255, 0.9) !important;
font: 600 18px / 24px Roboto, Arial, Helvetica, sans-serif !important;
}
html.cm-desk #cm-game-rows .sectionTitle {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
min-height: 32px !important;
max-height: 32px !important;
height: 32px !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
html.cm-1to1 #cm-game-rows .sectionTitle {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
min-height: 32px !important;
max-height: 32px !important;
height: 32px !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
html.cm-1to1 #cm-game-rows .sectionTitleText {
flex: 1 1 0% !important;
margin: 0 !important;
color: rgba(255, 255, 255, 0.9) !important;
font: 600 18px / 24px Roboto, Arial, Helvetica, sans-serif !important;
}
html.cm-1to1 #cm-game-rows .sectionTitle a,
html.cm-1to1 #cm-game-rows .ds-link {
flex: 0 1 auto !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
color: rgba(255, 255, 255, 0.8) !important;
font: 16px / 20px Roboto, Arial, Helvetica, sans-serif !important;
text-decoration: none !important;
height: 20px !important;
}
html.cm-desk #cm-game-rows .cm-g-swiper {
display: none !important;
}
html.cm-1to1 #cm-game-rows .cm-g-swiper {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
height: 312px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-game-rows .casinoGamesWidgetColumn {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
width: calc((100% - 64px) / 5) !important;
flex: 0 0 calc((100% - 64px) / 5) !important;
margin: 0 16px 0 0 !important;
padding: 0 !important;
height: 312px !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-game-rows .casinoGamesWidgetColumn:last-child {
margin-right: 0 !important;
}
html.cm-desk.cm-1to1 #cm-game-rows .swiper-slide .casinoGamesWidgetColumn {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
width: 100% !important;
flex: 1 1 auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
height: 312px !important;
box-sizing: border-box !important;
}
html.cm-1to1 #cm-game-rows .casinoGameItemContent {
width: 100% !important;
position: relative !important;
overflow: hidden !important;
border-radius: 8px !important;
}
html.cm-1to1 #cm-game-rows .casinoGameItemContent--regular {
aspect-ratio: 44 / 31 !important;
}
html.cm-1to1 #cm-game-rows .casinoGameItem {
width: 100% !important;
height: 100% !important;
display: block !important;
position: relative !important;
overflow: hidden !important;
border-radius: 8px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
cursor: pointer !important;
}
html.cm-1to1 #cm-game-rows .casinoGameItemImage,
html.cm-1to1 #cm-game-rows .casinoGameItem img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: fill !important;
object-position: center center !important;
border: 0 !important;
border-radius: 8px !important;
content: none !important;
opacity: 1 !important;
background: transparent !important;
filter: none !important;
cursor: pointer !important;
aspect-ratio: auto !important;
transition: filter 0.24s ease, transform 0.3s ease-in-out !important;
}
html.cm-home.cm-desk .layout-content-holder-bc > .hm-row-bc:has(.ftr-g-content-bc),
html.cm-home.cm-desk .layout-content-holder-bc > .hm-row-bc:has(.featuredGames),
html.cm-home.cm-desk .layout-content-holder-bc > .hm-row-bc:has(h3.view-title-more) {
display: none !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-1to1 #cm-leagues {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 20px 0 12px !important;
padding: 0 !important;
position: relative !important;
z-index: 2 !important;
box-sizing: border-box !important;
}
html.cm-1to1 #cm-leagues .cm-lg-title {
display: block !important;
width: 100% !important;
margin: 0 0 12px !important;
padding: 0 !important;
line-height: 0 !important;
}
html.cm-1to1 #cm-leagues .cm-lg-title img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 1291 / 50 !important;
object-fit: contain !important;
content: none !important;
border: 0 !important;
}
html.cm-1to1 #cm-leagues .cm-lg-grid {
display: grid !important;
gap: 12px !important;
row-gap: 12px !important;
column-gap: 12px !important;
margin: 0 0 12px !important;
padding: 0 !important;
width: 100% !important;
background: transparent !important;
box-shadow: none !important;
}
html.cm-1to1 #cm-leagues .cm-lg-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
html.cm-1to1 #cm-leagues .cm-lg-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
html.cm-1to1 #cm-leagues .cm-lg-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin-bottom: 0 !important; }
html.cm-1to1 #cm-leagues .cm-lg-grid > a.product-banner-info-bc.product-banner-bc {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
background: transparent !important;
box-shadow: none !important;
}
html.cm-1to1 #cm-leagues .cm-lg-grid img.product-banner-img-bc {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: none !important;
object-fit: contain !important;
content: none !important;
border: 0 !important;
border-radius: 0 !important;
}
html.cm-1to1 #cm-about {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 20px 0 12px !important;
padding: 0 !important;
position: relative !important;
z-index: 2 !important;
box-sizing: border-box !important;
}
html.cm-1to1 #cm-about .cm-about-app,
html.cm-1to1 #cm-about .cm-about-awards {
display: block !important;
width: 100% !important;
margin: 0 0 12px !important;
padding: 0 !important;
line-height: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html.cm-1to1 #cm-about .cm-about-app img,
html.cm-1to1 #cm-about .cm-about-awards img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: none !important;
object-fit: contain !important;
content: none !important;
border: 0 !important;
}
html.cm-1to1 #cm-about .cm-about-app img { aspect-ratio: 1920 / 300 !important; }
html.cm-1to1 #cm-about .cm-about-awards img { aspect-ratio: 1920 / 618 !important; }
html.cm-1to1 #cm-about .cm-about-stores {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
background: transparent !important;
box-shadow: none !important;
}
html.cm-1to1 #cm-about .cm-about-stores > a.product-banner-info-bc.product-banner-bc {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
background: transparent !important;
box-shadow: none !important;
}
html.cm-1to1 #cm-about .cm-about-stores img.product-banner-img-bc {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 300 / 100 !important;
object-fit: contain !important;
content: none !important;
border: 0 !important;
border-radius: 0 !important;
}
/* Hide Zeus leftovers */
.hdr-user-bc .btn.header-icon-text.bc-i-promotions-3,
.hdr-user-bc .btn.header-icon-text.bc-i-promotions,
.hdr-user-bc .btn.header-icon-text.bc-i-Vip,
.hdr-user-bc .btn.header-icon-text.bc-i-tv,
.logo-container > a.header-icon,
.zeusbet-lion-cats, [class*="zeusbet-lion"],
body.cm-1to1 .zeusbet-livechat-btn,
body.cm-1to1 .zeusbet-cark-fab,
body.cm-1to1 button[aria-label="?ans ?ark?"],
html.cm-home .jackpot-banner,
html.cm-home .casinoJackpotWrapper-bc,
html.cm-home .jackpot-widget-full,
.storiesWidgetWrapper,
.storiesWidgetList,
.storiesWidgetListItem,
.hm-row-bc:has(.storiesWidgetWrapper),
.pb-component-wrapper:has(.storiesWidgetWrapper) {
display:none !important; opacity:0 !important; pointer-events:none !important;
}
/* Slots/casino jackpot is native layout — do not leave an empty 776px hole */
html.cm-1to1:not(.cm-home) .casinoJackpotWrapper-bc,
html.cm-1to1:not(.cm-home) .jackpot-widget-full,
html.cm-1to1:not(.cm-home) .jackpot-banner {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
height: auto !important;
max-height: none !important;
}
/* KILL Zeus live support FAB */
#zeusbet-destek-fab,
.zeusbet-destek-fab,
.zeusbet-destek-fab--mobile,
button[aria-label="Canl? Destek"]:not(#cm-live-support),
img[src*="i.ibb.co/TMdxkSYY"],
img[src*="00107ee0-78a0-4d94-878b-23a528ced210"] {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
position: absolute !important;
left: -99999px !important;
}
/* CasinoMilyon 7/24 ONLINE button */
#cm-live-support {
position: fixed !important;
right: 16px !important;
bottom: 16px !important;
left: auto !important;
z-index: 2147483000 !important;
width: 92px !important;
height: 92px !important;
border-radius: 50% !important;
border: 2px solid #ff4dff !important;
background: radial-gradient(circle at 35% 30%, #f06af0 0%, #9b1a98 42%, #4a0850 100%) !important;
box-shadow: 0 0 0 3px rgba(255,80,255,.25), 0 0 22px rgba(255,60,255,.75) !important;
color: #ffb8ff !important;
font-size: 10px !important;
font-weight: 900 !important;
letter-spacing: .2px !important;
line-height: 1.05 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
padding: 8px !important;
cursor: pointer !important;
text-transform: uppercase !important;
}
#cm-live-support img {
width: 40px !important;
height: 40px !important;
object-fit: contain !important;
filter: drop-shadow(0 0 4px rgba(255,255,255,.35)) !important;
}
#cm-live-support span {
display:block !important;
text-align:center !important;
color:#ffc6ff !important;
font-size:9px !important;
font-weight:900 !important;
}
#cm-right-float {
position:fixed !important; right:10px !important; top:42% !important; z-index:99990 !important;
display:flex !important; flex-direction:column !important; gap:8px !important;
}
#cm-right-float a {
width:40px !important; height:40px !important; border-radius:50% !important;
display:flex !important; align-items:center !important; justify-content:center !important;
background:rgba(20,0,40,.9) !important; border:1px solid #850f83 !important;
box-shadow:0 0 10px rgba(133,15,131,.45) !important; color:#fff !important; text-decoration:none !important;
font-size:16px !important;
}
html.cm-1to1 .providerItemsBtn img.cm-prov-ico {
width: 72px !important;
height: 22px !important;
max-width: 78px !important;
max-height: 24px !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
}
html.cm-1to1 .providerItemsBtn[data-cm-ico="1"] {
font-size: 0 !important;
color: transparent !important;
}
html,
html.cm-boot,
html.cm-boot body,
body {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: url("/cm-assets/bg-cm.jpg") center center / cover no-repeat fixed,
linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
}
html:not(.cm-ready) #root,
html:not(.cm-ready) #root.layout-bc,
html:not(.cm-ready) .layout-bc,
html:not(.cm-ready) .layout-header-holder-bc,
html:not(.cm-ready) .layout-content-holder-bc {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
html.cm-ready #root,
html.cm-ready .layout-bc,
html.cm-ready .layout-header-holder-bc,
html.cm-ready .layout-content-holder-bc {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
html.cm-home:not(.cm-ready) .layout-content-holder-bc > .hm-row-bc.has-slider:not([data-cm-slides]) {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
min-height: 347px !important;
}
html.cm-ready .layout-content-holder-bc > .hm-row-bc.has-slider img.sdr-image-bc,
html.cm-ready .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides] img.sdr-image-bc {
opacity: 1 !important;
visibility: visible !important;
content: unset !important;
}
/* Homepage slider — match CasinoMilyon 1610x410 / fraction pag / 18px arrows */
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] {
display: grid !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: hidden !important;
opacity: 1 !important;
visibility: visible !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .slider-bc,
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .carouselWrapper,
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper {
height: auto !important;
min-height: 0 !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .sdr-item-holder-bc {
aspect-ratio: 161 / 41 !important;
height: auto !important;
width: 100% !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-slide {
border-radius: 5px !important;
overflow: hidden !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] img.sdr-image-bc,
html.cm-desk.cm-home.cm-ready .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] img.sdr-image-bc {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
opacity: 1 !important;
visibility: visible !important;
content: unset !important;
display: block !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-pagination {
top: 20px !important;
right: 20px !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
color: rgba(255,255,255,.9) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 22px !important;
padding: 0 13px !important;
z-index: 10 !important;
background: transparent !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-button-next,
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-button-prev {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
margin-top: 0 !important;
top: 22px !important;
border-radius: 50% !important;
background: rgba(0,0,0,.9) !important;
color: rgba(255,255,255,.9) !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 10 !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-button-next {
right: 10px !important;
left: auto !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-button-prev {
right: 80px !important;
left: auto !important;
}
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-button-next::after,
html.cm-desk.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider[data-cm-slides="1"] .swiper-button-prev::after {
font-size: 8px !important;
color: rgba(255,255,255,.9) !important;
}
html.cm-desk #cm-desk-hero {
display: grid !important;
position: relative !important;
width: 100% !important;
height: auto !important;
aspect-ratio: auto !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}
html.cm-desk #cm-desk-hero .hm-row-bc-inner,
html.cm-desk #cm-desk-hero .slider-bc,
html.cm-desk #cm-desk-hero .carouselWrapper,
html.cm-desk #cm-desk-hero .swiper {
display: block !important;
position: relative !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-desk #cm-desk-hero .swiper {
overflow: hidden !important;
border-radius: 0 !important;
}
html.cm-desk #cm-desk-hero .cm-hero-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
width: 100% !important;
transform: translate3d(0,0,0);
}
html.cm-desk #cm-desk-hero .swiper-slide {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
border-radius: 5px !important;
overflow: hidden !important;
}
html.cm-desk #cm-desk-hero .swiper-pagination {
position: absolute !important;
top: 20px !important;
right: 20px !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
color: rgba(255,255,255,.9) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 22px !important;
padding: 0 13px !important;
z-index: 10 !important;
background: transparent !important;
}
html.cm-desk #cm-desk-hero .swiper-button-next,
html.cm-desk #cm-desk-hero .swiper-button-prev {
position: absolute !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
margin-top: 0 !important;
top: 22px !important;
border-radius: 50% !important;
background: rgba(0,0,0,.9) !important;
color: rgba(255,255,255,.9) !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 11 !important;
cursor: pointer !important;
}
html.cm-desk #cm-desk-hero .swiper-button-next { right: 10px !important; left: auto !important; }
html.cm-desk #cm-desk-hero .swiper-button-prev { right: 80px !important; left: auto !important; }
html.cm-desk #cm-desk-hero .swiper-button-next::after,
html.cm-desk #cm-desk-hero .swiper-button-prev::after {
font-size: 8px !important;
color: rgba(255,255,255,.9) !important;
}
html.cm-desk #cm-desk-hero .sdr-item-holder-bc {
aspect-ratio: 161 / 41 !important;
width: 100% !important;
height: auto !important;
}
html.cm-desk #cm-desk-hero .sdr-item-bc {
display: block !important;
width: 100% !important;
height: 100% !important;
}
html.cm-desk #cm-desk-hero img.sdr-image-bc {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
opacity: 1 !important;
visibility: visible !important;
content: unset !important;
border: 0 !important;
}
html.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider:not([data-cm-slides]):not(#cm-mob-hero):not(#cm-desk-hero),
html.cm-home .layout-content-holder-bc > [data-cm-killed="1"] {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider img.sdr-image-bc:not([src*="/cm-assets/"]),
html.cm-home.cm-ready .layout-content-holder-bc > .hm-row-bc.has-slider img.sdr-image-bc:not([src*="/cm-assets/"]) {
opacity: 0 !important;
visibility: hidden !important;
}
html.cm-1to1:not(.cm-home) .layout-content-holder-bc > .hm-row-bc.has-slider,
html.cm-1to1:not(.cm-home) .layout-content-holder-bc > .hm-row-bc.has-slider img.sdr-image-bc {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
min-height: 0 !important;
}
#root,
#root.layout-bc,
.layout-bc,
.layout-content-holder-bc {
background: transparent !important;
background-image: none !important;
}
/* Full-bleed like CM — desktop only (mobile later) */
@media (min-width: 1024px) {
#root,
#root.layout-bc,
.layout-bc {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
left: 0 !important;
right: 0 !important;
}
.layout-header-holder-bc,
header.header-bc,
.hdr-main-content-bc,
.hdr-dynamic-content {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.layout-content-holder-bc {
max-width: none !important;
}
/* Push GİRİŞ/search cluster to the right edge like CM */
.hdr-main-content-bc {
display: flex !important;
align-items: center !important;
}
.hdr-user-bc {
margin-left: auto !important;
}
}
html.cm-mob #cm-aside,
html.cm-mob #cm-right-float,
html.cm-mob #cm-top-host,
html.cm-mob #cm-top-close {
display: none !important;
}
@media (max-width: 1023px) {
#cm-aside, #cm-right-float, #cm-top-host, #cm-top-close {
display: none !important;
}
}
#zeusbet-cark-fab, .zeusbet-cark-fab, button[aria-label="?ans ?ark?"],
.zeusbet-cark-root, [id*="zeusbet-cark"] {
display:none !important; opacity:0 !important; pointer-events:none !important;
width:0 !important; height:0 !important; overflow:hidden !important;
}
/* Notification badge green like CM */
.smartPanel-bc i[data-badge]:not([data-badge=""])::after,
.smartPanel-bc .count-odd-animation,
.smartPanel-bc .count-blink-even[data-badge]:not([data-badge=""]) {
background: #16ff00 !important;
}
/* Top strip close X like CM */
#cm-top-close {
position: absolute !important;
right: 14px !important;
top: 18px !important;
width: 22px !important;
height: 22px !important;
border: 0 !important;
background: transparent !important;
color: #bbb !important;
font-size: 18px !important;
cursor: pointer !important;
z-index: 5 !important;
line-height: 1 !important;
}
.hdr-dynamic-content { position: relative !important; }
/* Compact aside overlay — 1:1 CasinoMilyon (72px, gap 27, 38x40 r12) */
body.cm-1to1:not(.cm-aside-open) .asideMenuContent,
body.cm-1to1:not(.cm-aside-open) .asideMenu,
body.cm-1to1:not(.cm-aside-open) .asideMenuCompact,
body.cm-1to1:not(.cm-aside-open) .asideMenuCompact * {
pointer-events: none !important;
}
body.cm-1to1 .asideMenuCompact {
opacity: 0 !important;
visibility: hidden !important;
}
#cm-aside {
position: fixed !important;
left: 0 !important;
top: 141px !important;
width: 72px !important;
height: calc(100vh - 141px) !important;
z-index: 500 !important;
display: flex !important;
flex-direction: column !important;
gap: 27px !important;
padding: 16px 16px 0 !important;
box-sizing: border-box !important;
overflow: hidden auto !important;
scrollbar-width: none !important;
background: transparent !important;
}
#cm-aside::-webkit-scrollbar { display: none !important; }
#cm-aside a.cm-aside-item {
width: 40px !important;
height: 42px !important;
min-height: 42px !important;
max-width: 40px !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: rgba(255,255,255,0.6) !important;
background: rgba(255,255,255,0.1) !important;
border: 1px solid transparent !important;
box-shadow: 0 0 7px 2px #850f83 !important;
position: relative !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all .24s ease !important;
box-sizing: border-box !important;
flex: 0 0 42px !important;
}
#cm-aside a.cm-aside-item:hover,
#cm-aside a.cm-aside-item.active {
color: rgba(255,255,255,1) !important;
background: rgba(255,255,255,0.15) !important;
border-color: rgba(255,255,255,0.15) !important;
box-shadow: 0 0 7px 2px #850f83 !important;
}
#cm-aside a.cm-aside-item .cm-aside-ico {
width: 38px !important;
height: 38px !important;
display: block !important;
background-color: currentColor !important;
-webkit-mask: var(--cm-ico) center / 38px 22px no-repeat !important;
mask: var(--cm-ico) center / 38px 22px no-repeat !important;
pointer-events: none !important;
transition: all .4s ease !important;
}
#cm-aside a.cm-aside-item.is-cark {
color: #ffd504 !important;
box-shadow: 0 0 7px 2px #850f83 !important;
}
#cm-aside a.cm-aside-item.is-cark:hover,
#cm-aside a.cm-aside-item.is-cark.active {
color: #ffd504 !important;
}
#cm-aside a.cm-aside-item.is-promo {
color: #00ffa3 !important;
}
#cm-aside a.cm-aside-item.is-promo:hover,
#cm-aside a.cm-aside-item.is-promo.active {
color: #00ffa3 !important;
}
#cm-aside a.cm-aside-item[data-badge]::before {
content: "" !important;
position: absolute !important;
top: -3px !important;
right: -3px !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: linear-gradient(to top, rgb(83,147,79), rgba(83,147,79,0.6)) !important;
color: #fff !important;
font-size: 8px !important;
line-height: 10px !important;
z-index: 2 !important;
box-shadow: inset 0 0 .5px 1px rgba(255,255,255,.2) !important;
text-transform: uppercase !important;
}
#cm-aside a.cm-aside-item[data-badge]:hover::before {
content: attr(data-badge) !important;
width: auto !important;
max-width: 34px !important;
height: auto !important;
border-radius: 2px 8px 2px 2px !important;
padding: 2px 4px !important;
letter-spacing: .5px !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
}
body.cm-aside-open #cm-aside { display: none !important; }
body.cm-aside-open .asideMenuCompact {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.cm-aside-open .asideMenuCompact * {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
/* Popup 1:1 */
#cm-popup.popup-holder-bc {
position: fixed !important;
inset: 0 !important;
z-index: 2147483600 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(0,0,0,.7) !important;
}
#cm-popup .popup-inner-bc {
max-width: 560px !important;
width: 90% !important;
background: #1a0b2e !important;
border: 1px solid #850f83 !important;
border-radius: 12px !important;
padding: 18px 18px 16px !important;
position: relative !important;
box-shadow: 0 0 24px rgba(133,15,131,.55) !important;
}
#cm-popup .casino-popup-title {
color: #fff !important;
text-align: center !important;
font-size: 20px !important;
margin: 0 0 12px !important;
}
#cm-popup img { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; }
#cm-popup .casino-popup-button-block { margin-top: 14px !important; }
#cm-popup .casino-popup-button-block .btn {
width: 100% !important;
background: #850f83 !important;
color: #fff !important;
border: 0 !important;
height: 44px !important;
border-radius: 8px !important;
font-weight: 800 !important;
}
#cm-popup .popup-checkbox { display:flex !important; align-items:center !important; gap:8px !important; margin-top:10px !important; color:#fff !important; }
#cm-popup .e-p-close-icon-bc {
position:absolute !important; right:10px !important; top:10px !important; cursor:pointer !important; color:#fff !important;
}
/* Right floats: image pills like CM */
#cm-right-float a {
width: 48px !important;
height: 48px !important;
border-radius: 12px !important;
padding: 0 !important;
overflow: hidden !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#cm-right-float a img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
}
/* Hide Zeus leftover homepage blocks */
body.cm-1to1 h3.horizontal-sl-title-bc,
body.cm-1to1 .egt-jackpot, body.cm-1to1 [class*="EGT"],
.layout-content-holder-bc .hm-row-bc.cms-banner-row { }
/* Footer copyright */
.ftr-copy-rights-bc { font-size: 13px !important; }
/* Özel Oran — 1:1 CasinoMilyon SpecialBets desktop */
html.cm-ozel .layout-content-holder-bc > *:not(#cm-ozel-oran),
html.cm-ozel .bc-loader,
html.cm-ozel iframe.iframe-full-page,
html.cm-ozel .casino-game-play,
html.cm-ozel .gameView,
html.cm-ozel .game-view-wrapper {
display: none !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
html.cm-ozel .layout-content-holder-bc {
background: #090417 !important;
padding: 0 !important;
min-height: calc(100vh - 66px) !important;
}
#cm-ozel-oran {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-height: calc(100vh - 66px) !important;
background: #090417 !important;
color: rgba(255,255,255,.9) !important;
font-family: Poppins, "Segoe UI", sans-serif !important;
position: relative !important;
z-index: 3 !important;
}
#cm-ozel-oran .cm-ozel-app {
display: flex !important;
flex-direction: column !important;
min-height: calc(100vh - 66px) !important;
width: 100% !important;
}
#cm-ozel-oran .cm-ozel-top {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding: 1.2rem !important;
margin-bottom: .2rem !important;
background: url("/cm-assets/ozel/main-bg.jpg") center / cover no-repeat !important;
width: 100% !important;
box-sizing: border-box !important;
}
#cm-ozel-oran .cm-ozel-title {
display: block !important;
width: 100% !important;
height: 5rem !important;
overflow: visible !important;
}
#cm-ozel-oran .cm-ozel-title text {
font-family: Poppins, "Segoe UI", sans-serif !important;
font-size: 48px !important;
font-weight: 500 !important;
}
#cm-ozel-oran .cm-ozel-top p {
margin: 0 !important;
padding: 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #fff !important;
text-align: center !important;
}
#cm-ozel-oran .cm-ozel-tabs {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 12px !important;
padding: 0 6.4px !important;
width: 100% !important;
box-sizing: border-box !important;
}
#cm-ozel-oran .cm-ozel-tab {
width: 20.6rem !important;
height: 51px !important;
border: 1px solid rgba(255,255,255,.06) !important;
border-radius: 8px !important;
padding: 0 !important;
cursor: pointer !important;
background: transparent !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-family: Poppins, "Segoe UI", sans-serif !important;
}
#cm-ozel-oran .cm-ozel-tab span {
width: 100% !important;
height: 49px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 500 !important;
background: rgba(12,12,18,.2) !important;
box-shadow: 0 -10px 41px rgba(110,120,240,.4) inset !important;
backdrop-filter: blur(24px) !important;
}
#cm-ozel-oran .cm-ozel-tab.is-on span {
background: rgb(117,128,255) !important;
box-shadow: 0 -4px 8px rgba(0,0,0,.35) inset !important;
backdrop-filter: none !important;
}
#cm-ozel-oran .cm-ozel-empty {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
height: 475px !important;
width: 100% !important;
padding: 1rem !important;
box-sizing: border-box !important;
}
#cm-ozel-oran .cm-ozel-puzzle {
width: 7.5rem !important;
height: 7.5rem !important;
position: relative !important;
margin-bottom: 24px !important;
}
#cm-ozel-oran .cm-ozel-puzzle img {
width: 260px !important;
height: 260px !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%,-50%) !important;
object-fit: contain !important;
}
#cm-ozel-oran .cm-ozel-empty p {
margin: 0 !important;
font-size: 14px !important;
font-weight: 400 !important;
color: rgba(255,255,255,.9) !important;
text-align: center !important;
max-width: 344px !important;
line-height: normal !important;
}
/* ===== CasinoMilyon mobile 1:1 — bound to html.cm-mob (m. host + phone) ===== */
html.cm-mob,
html.cm-mob body {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
html.cm-mob img.hdr-logo-bc,
html.cm-mob header.header-bc img.hdr-logo-bc,
html.cm-mob .logo-container .logo img.hdr-logo-bc {
width: 140px !important;
max-width: 140px !important;
min-width: 140px !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 !important;
margin: 0 !important;
object-fit: contain !important;
}
html.cm-mob .logo-container > a.header-icon {
display: none !important;
width: 0 !important;
height: 0 !important;
}
html.cm-mob header.header-bc .logo,
html.cm-mob header.header-bc a.logo,
html.cm-mob .logo-container,
html.cm-mob .logo-container a.logo {
width: 140px !important;
max-width: 140px !important;
min-width: 0 !important;
height: 46px !important;
background: none !important;
display: flex !important;
align-items: center !important;
}
html.cm-mob .header-bc,
html.cm-mob header.header-bc,
html.cm-mob .header-bc.header-bc-hide {
background: linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
background-color: transparent !important;
background-image: linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
height: auto !important;
min-height: 49px !important;
position: fixed !important;
top: 109px !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
overflow: visible !important;
z-index: 950 !important;
transform: none !important;
}
html.cm-mob .header-bc:not(.header-bc-hide) .hdr-additional-info,
html.cm-mob .header-bc:not(.header-bc-hide) .hdr-navigation-scrollable-bc-holder,
html.cm-mob .header-bc:not(.header-bc-hide) .hdr-navigation-scrollable-bc {
transform: none !important;
}
html.cm-mob .hdr-main-content-bc {
height: 49px !important;
min-height: 49px !important;
padding: 0 14px 0 7px !important;
display: flex !important;
align-items: center !important;
gap: 0 !important;
background-color: transparent !important;
background-image: linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
}
html.cm-mob .hdr-main-content-bc > .hdr-user-bc {
margin-left: auto !important;
gap: 6px !important;
}
html.cm-mob .btn.s-small.sign-in,
html.cm-mob .btn.s-small.register {
min-width: 0 !important;
width: auto !important;
height: 28px !important;
padding: 0 10px !important;
font-size: 12px !important;
font-weight: 500 !important;
border: 1px solid #9b9b9b !important;
background: transparent !important;
background-color: transparent !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
box-shadow: none !important;
border-radius: 5px !important;
}
html.cm-mob .hdr-main-content-bc .btn.s-small.register {
padding: 0 8px !important;
margin-left: 12px !important;
width: 51px !important;
}
html.cm-mob .btn.s-small.sign-in span,
html.cm-mob .btn.s-small.register span {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
background: transparent !important;
}
html.cm-mob #cm-hdr-ortaklik,
html.cm-mob #cm-hdr-call,
html.cm-mob #cm-hdr-deposit {
display: none !important;
}
html.cm-mob .hdr-toggle-button-bc {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
border-radius: 50% !important;
background: rgba(255,255,255,.1) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
margin-left: 6px !important;
}
html.cm-mob .hdr-toggle-button-bc[data-badge]:not([data-badge=""])::after {
background: #f5c518 !important;
color: #111 !important;
}
html.cm-mob .layout-header-holder-bc .hdr-dynamic-content,
html.cm-mob .hdr-dynamic-content {
display: block !important;
height: 109px !important;
min-height: 109px !important;
max-height: 109px !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
opacity: 1 !important;
pointer-events: auto !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 953 !important;
background-color: transparent !important;
background-image: linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
box-sizing: border-box !important;
}
html.cm-mob.cm-top-closed .hdr-dynamic-content,
html.cm-mob .hdr-dynamic-content.cm-top-closed {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
html.cm-mob.cm-top-closed .header-bc,
html.cm-mob.cm-top-closed header.header-bc {
top: 0 !important;
}
html.cm-mob.cm-top-closed .layout-content-holder-bc {
padding-top: 129px !important;
}
html.cm-mob .hdr-dynamic-content > .hm-row-bc {
display: none !important;
}
html.cm-mob .hdr-dynamic-content .cm-mob-top-row {
position: relative !important;
display: block !important;
width: 100% !important;
height: 109px !important;
box-sizing: border-box !important;
padding: 19px 54px 0 35px !important;
}
html.cm-mob .hdr-dynamic-content .cm-mob-top-x,
html.cm-mob #cm-mob-top-x {
position: absolute !important;
right: 6px !important;
top: 6px !important;
left: auto !important;
z-index: 100000 !important;
width: 36px !important;
height: 36px !important;
border: 0 !important;
background: transparent !important;
color: rgba(255,255,255,.85) !important;
font-size: 28px !important;
line-height: 32px !important;
text-align: center !important;
cursor: pointer !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
pointer-events: auto !important;
appearance: none !important;
-webkit-appearance: none !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 400 !important;
touch-action: manipulation !important;
user-select: none !important;
-webkit-user-select: none !important;
}
html.cm-mob .hdr-dynamic-content .e-p-close-icon-bc {
right: 6px !important;
top: 6px !important;
left: auto !important;
z-index: 100000 !important;
width: 36px !important;
height: 36px !important;
pointer-events: auto !important;
cursor: pointer !important;
}
html.cm-mob .cm-mob-top-inner {
width: 100% !important;
min-height: 42px !important;
}
html.cm-mob .hdr-dynamic-content .cm-mob-top-slide {
display: none !important;
width: 100% !important;
}
html.cm-mob .hdr-dynamic-content .cm-mob-top-slide.is-on {
display: block !important;
}
html.cm-mob .cm-mob-top-bar {
align-items: center !important;
background: linear-gradient(90deg, #1a0b2e 0%, #2d134d 100%) !important;
border: 1.5px solid #ff00ff !important;
border-radius: 8px !important;
display: flex !important;
font-family: sans-serif !important;
justify-content: space-between !important;
width: 100% !important;
padding: 5px 8px !important;
box-shadow: 0 0 15px rgba(255, 0, 255, 0.2) !important;
gap: 4px !important;
box-sizing: border-box !important;
min-height: 42px !important;
height: 42px !important;
}
html.cm-mob .cm-mob-top-bar-addr {
padding: 5px 10px !important;
min-height: 50px !important;
height: 50px !important;
}
html.cm-mob .cm-mob-top-cell {
flex: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
}
html.cm-mob .cm-mob-top-cell-end {
justify-content: flex-end !important;
}
html.cm-mob .cm-mob-top-btn {
background: #1e3a5f !important;
color: #fff !important;
text-decoration: none !important;
padding: 5px 6px !important;
border-radius: 5px !important;
font-size: 8.5px !important;
font-weight: 700 !important;
border: 1px solid rgba(255,255,255,.2) !important;
white-space: nowrap !important;
text-align: center !important;
width: 100% !important;
display: block !important;
pointer-events: auto !important;
position: relative !important;
z-index: 2 !important;
}
html.cm-mob .cm-mob-top-mid {
flex: 1.2 !important;
text-align: center !important;
line-height: 1.1 !important;
}
html.cm-mob .cm-mob-top-mid span {
display: block !important;
color: #ff00ff !important;
font-size: 9px !important;
font-weight: 900 !important;
letter-spacing: .3px !important;
white-space: nowrap !important;
}
html.cm-mob .cm-mob-top-mid strong {
display: block !important;
color: #fff !important;
font-size: 9px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
html.cm-mob .cm-mob-top-addr-l,
html.cm-mob .cm-mob-top-addr-r {
flex: 1 !important;
display: flex !important;
align-items: center !important;
color: #fff !important;
font-size: 8px !important;
font-weight: 700 !important;
white-space: nowrap !important;
line-height: 1 !important;
}
html.cm-mob .cm-mob-top-addr-l { justify-content: flex-start !important; }
html.cm-mob .cm-mob-top-addr-r { justify-content: flex-end !important; text-align: right !important; }
html.cm-mob .cm-mob-top-addr-m {
background: #1e3a5f !important;
border-radius: 6px !important;
padding: 6px 4px !important;
border: 1px solid rgba(255,255,255,.2) !important;
flex: 2.5 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 2px !important;
}
html.cm-mob .cm-mob-top-addr-m a {
color: #fff !important;
text-decoration: none !important;
font-weight: 700 !important;
font-size: 11px !important;
letter-spacing: .2px !important;
white-space: nowrap !important;
}
html.cm-mob .hdr-additional-info {
display: flex !important;
position: relative !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 8px 0 7px !important;
align-items: center !important;
justify-content: flex-start !important;
background-color: transparent !important;
background-image: linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
z-index: 2 !important;
transform: none !important;
}
html.cm-mob .hdr-additional-info .hdr-user-bc {
display: flex !important;
width: auto !important;
margin-left: 0 !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 0 !important;
}
html.cm-mob .hdr-additional-info .user-nav-icon {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
border-radius: 5px !important;
background: #9c4db1 !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
margin: 0 0 0 8px !important;
font-size: 14px !important;
box-shadow: none !important;
}
html.cm-mob .hdr-additional-info .user-nav-icon:first-child {
margin-left: 0 !important;
}
html.cm-mob .hdr-additional-info .user-nav-icon.bc-i-wallet {
background: #105431 !important;
}
html.cm-mob .hdr-additional-info .user-nav-icon.bc-i-x50-wheel {
background-color: transparent !important;
background-image: url("/cm-assets/wheel-icon.gif") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
font-size: 0 !important;
}
html.cm-mob .hdr-additional-info .user-nav-icon.bc-i-x50-wheel::before {
content: none !important;
display: none !important;
}
html.cm-mob .hdr-navigation-scrollable-bc-holder {
display: block !important;
position: relative !important;
height: 40px !important;
min-height: 40px !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
html.cm-mob .hdr-navigation-scrollable-bc {
display: flex !important;
position: relative !important;
width: 100% !important;
height: 40px !important;
min-height: 40px !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
z-index: 1 !important;
background-color: transparent !important;
background-image: linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
box-shadow: 0 0 7px 2px #850f83 !important;
overflow: visible !important;
}
html.cm-mob .hdr-navigation-scrollable-content {
flex: 1 1 auto !important;
display: flex !important;
height: 40px !important;
overflow: auto hidden !important;
scrollbar-width: none !important;
pointer-events: auto !important;
}
html.cm-mob .hdr-navigation-scrollable-content::-webkit-scrollbar {
display: none !important;
}
html.cm-mob .hdr-navigation-scrollable-bc.scroll-start::after,
html.cm-mob .hdr-navigation-scrollable-bc.scroll-start.scroll-end::after {
content: "" !important;
display: block !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
width: 56px !important;
height: 100% !important;
z-index: 1 !important;
pointer-events: none !important;
background: linear-gradient(to left, rgb(32, 32, 34) 0%, transparent 100%) !important;
}
html.cm-mob .hdr-navigation-scrollable-bc.scroll-end::before,
html.cm-mob .hdr-navigation-scrollable-bc.scroll-start.scroll-end::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
width: 56px !important;
height: 100% !important;
z-index: 1 !important;
pointer-events: none !important;
background: linear-gradient(to right, rgb(32, 32, 34) 0%, transparent 100%) !important;
}
html.cm-mob a.hdr-navigation-link-bc,
html.cm-mob .hdr-navigation-link-bc {
color: rgba(255,255,255,.8) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 40px !important;
letter-spacing: 0.065em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
text-align: center !important;
padding: 0 10px !important;
margin: 2px !important;
text-decoration: none !important;
height: 36px !important;
width: auto !important;
max-width: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
pointer-events: auto !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border-top: 0 none transparent !important;
border-bottom: 0 none transparent !important;
border-left: 0 none transparent !important;
border-right: 1px solid rgb(223, 231, 239) !important;
border-radius: 90px !important;
box-shadow: transparent 0 -2px 0 0 inset !important;
outline: 0 !important;
}
html.cm-mob .hdr-navigation-link-bc .nav-menu-title {
display: block !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 40px !important;
letter-spacing: inherit !important;
text-transform: uppercase !important;
color: rgba(255,255,255,.8) !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
pointer-events: none !important;
}
html.cm-mob .hdr-navigation-link-bc.badge-exclusive::after {
content: attr(data-badge) !important;
position: absolute !important;
top: 3px !important;
right: 0 !important;
left: auto !important;
height: 12px !important;
max-width: 99% !important;
padding: 0 4px !important;
box-sizing: border-box !important;
border-radius: 5px !important;
background: rgb(83, 147, 79) !important;
color: #fff !important;
font: 400 8px / 12px Roboto, Arial, Helvetica, sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
pointer-events: none !important;
}
html.cm-mob .layout-content-holder-bc {
padding-top: 189px !important;
padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
html.cm-mob .layout-header-holder-bc {
height: auto !important;
min-height: 49px !important;
}
html.cm-mob.cm-home .layout-content-holder-bc > .hm-row-bc.has-slider:not(#cm-mob-hero) {
display: none !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
}
html.cm-mob #cm-mob-hero {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-mob-hero .hm-row-bc-inner,
html.cm-mob #cm-mob-hero .slider-bc,
html.cm-mob #cm-mob-hero .carouselWrapper,
html.cm-mob #cm-mob-hero .cm-hero-swiper,
html.cm-mob #cm-mob-hero .swiper {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-mob-hero .cm-hero-wrapper {
width: 100% !important;
height: 100% !important;
display: flex !important;
}
html.cm-mob #cm-mob-hero .swiper-slide {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-mob-hero .sdr-item-holder-bc {
aspect-ratio: 16 / 9 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-mob-hero .sdr-item-bc {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-mob-hero img.sdr-image-bc {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
opacity: 1 !important;
visibility: visible !important;
content: unset !important;
}
html.cm-mob #cm-mob-hero .swiper-button-next,
html.cm-mob #cm-mob-hero .swiper-button-prev {
display: none !important;
}
html.cm-mob #cm-mob-hero .swiper-pagination {
position: absolute !important;
right: 16px !important;
top: 6px !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
color: rgba(255,255,255,.9) !important;
background: rgba(32, 32, 34, 0.7) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 14px !important;
padding: 4px 6px !important;
border-radius: 5px !important;
z-index: 10 !important;
text-shadow: none !important;
}
html.cm-mob #cm-warn-bar {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: center !important;
line-height: 0 !important;
background: transparent !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-warn-bar a {
display: block !important;
width: 100% !important;
max-width: 100% !important;
line-height: 0 !important;
}
html.cm-mob #cm-warn-bar img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 376 / 72 !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 0 !important;
content: none !important;
}
html.cm-mob #cm-quick-actions {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
justify-content: stretch !important;
gap: 10px !important;
margin: 10px 0 0 !important;
padding: 10px 5px !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
background: transparent !important;
}
html.cm-mob #cm-quick-actions a.product-banner-info-bc {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
text-decoration: none !important;
margin: 0 !important;
padding: 6px !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 63px !important;
box-sizing: border-box !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 5px !important;
}
html.cm-mob #cm-quick-actions img.product-banner-img-bc {
display: block !important;
width: 28px !important;
height: 28px !important;
max-width: 28px !important;
max-height: 28px !important;
object-fit: contain !important;
content: none !important;
border-radius: 0 !important;
margin: 0 auto !important;
}
html.cm-mob #cm-quick-actions .product-banner-title-bc {
margin: 0 !important;
color: rgba(255,255,255,.55) !important;
font-size: 11px !important;
font-weight: 400 !important;
text-align: center !important;
line-height: 13px !important;
width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
html.cm-mob.cm-home .layout-content-holder-bc > .hm-row-bc:has(.featuredGames),
html.cm-mob.cm-home .layout-content-holder-bc > .hm-row-bc:has(.ftr-g-content-bc) {
display: grid !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
margin: 10px 0 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
}
html.cm-mob .layout-content-holder-bc > .hm-row-bc:has(.product-banner-container-bc.col-4) {
display: none !important;
}
html.cm-mob #cm-game-rows .cm-mob-grow {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 10px 0 0 !important;
padding: 0 !important;
overflow: visible !important;
}
html.cm-mob #cm-game-rows .cm-mob-grow .hm-row-bc-inner {
display: block !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
html.cm-mob #cm-game-rows .page-view-more {
padding: 0 8px !important;
}
html.cm-mob #cm-game-rows .view-title-more {
color: rgba(255,255,255,.8) !important;
font: 700 13px / 15px Roboto, Arial, Helvetica, sans-serif !important;
margin: 0 0 0 7px !important;
}
html.cm-mob #cm-game-rows .cm-mob-ggrid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
padding: 10px 5px !important;
width: 100% !important;
box-sizing: border-box !important;
justify-content: stretch !important;
}
html.cm-mob #cm-game-rows .cm-mob-ggrid > div {
width: 100% !important;
min-width: 0 !important;
}
html.cm-mob #cm-game-rows .cm-mob-ggrid a.product-banner-info-bc {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
background: transparent !important;
box-shadow: none !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 120 / 85 !important;
}
html.cm-mob #cm-game-rows .cm-mob-ggrid img.product-banner-img-bc {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
aspect-ratio: 120 / 85 !important;
object-fit: fill !important;
content: unset !important;
opacity: 1 !important;
visibility: visible !important;
border-radius: 5px !important;
}
html.cm-mob #cm-game-rows .casinoGamesWidgetColumn {
width: auto !important;
flex: none !important;
margin: 0 !important;
height: auto !important;
gap: 8px !important;
}
html.cm-mob.cm-1to1 #cm-game-rows .casinoGamesWidgetColumn:nth-child(n+4) {
display: none !important;
}
html.cm-mob #cm-product-banners,
html.cm-mob #cm-jackpot {
display: none !important;
}
html.cm-mob #cm-about {
display: none !important;
}
html.cm-mob .layout-content-holder-bc > .hm-row-bc[data-cm-preserve="1"] {
display: grid !important;
grid-template-columns: 12fr !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
max-height: none !important;
pointer-events: auto !important;
}
html.cm-mob .popular-competitions-bc.isWidget {
display: block !important;
width: 100% !important;
}
html.cm-mob .popular-competitions-bc.isWidget .popular-competitions-container {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding: 0 8px 10px !important;
width: 100% !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-leagues {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 2 !important;
}
html.cm-mob #cm-leagues > .hm-row-bc {
display: grid !important;
grid-template-columns: 12fr !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
max-height: none !important;
pointer-events: auto !important;
height: auto !important;
min-height: 0 !important;
}
html.cm-mob #cm-leagues .hm-row-bc-inner,
html.cm-mob #cm-about .hm-row-bc-inner {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
html.cm-mob #cm-leagues .has-slider .sdr-item-holder-bc {
aspect-ratio: 1291 / 50 !important;
width: 100% !important;
}
html.cm-mob #cm-leagues img.sdr-image-bc {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
html.cm-mob #cm-leagues .product-banner-container-bc.col-4,
html.cm-mob #cm-about .product-banner-container-bc.col-4 {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
padding: 10px 5px !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
}
html.cm-mob #cm-leagues .product-banner-container-bc.col-3,
html.cm-mob #cm-about .product-banner-container-bc.col-3 {
display: grid !important;
grid-template-columns: 120px 120px 120px !important;
gap: 10px !important;
padding: 10px 5px !important;
width: 100% !important;
box-sizing: border-box !important;
justify-content: start !important;
margin: 0 !important;
}
html.cm-mob #cm-leagues .product-banner-container-bc > div,
html.cm-mob #cm-about .product-banner-container-bc > div {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-mob #cm-leagues .product-banner-container-bc.col-3 > div {
width: 120px !important;
}
html.cm-mob #cm-leagues a.product-banner-info-bc,
html.cm-mob #cm-about a.product-banner-info-bc {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
background: transparent !important;
box-shadow: none !important;
}
html.cm-mob #cm-leagues img.product-banner-img-bc,
html.cm-mob #cm-about img.product-banner-img-bc,
html.cm-mob #cm-about .cm-about-awards img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: contain !important;
content: none !important;
opacity: 1 !important;
visibility: visible !important;
}
html.cm-mob #cm-about .cm-about-app img {
aspect-ratio: 1920 / 300 !important;
}
html.cm-mob #cm-about .cm-about-awards img {
aspect-ratio: 1920 / 618 !important;
}
html.cm-mob #cm-about .cm-about-app,
html.cm-mob #cm-about .cm-about-awards {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 5px !important;
box-sizing: border-box !important;
}
html.cm-mob #cm-live-support {
right: 0 !important;
bottom: calc(53px + env(safe-area-inset-bottom, 0px)) !important;
left: auto !important;
top: auto !important;
width: 200px !important;
height: 81px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
gap: 0 !important;
z-index: 940 !important;
}
html.cm-mob #cm-live-support img {
width: 200px !important;
height: 81px !important;
object-fit: contain !important;
filter: none !important;
}
html.cm-mob #cm-live-support span {
display: none !important;
}
html.cm-mob .tab-navigation-w-bc {
background: rgba(0, 12, 36, 0.9) !important;
height: auto !important;
min-height: 53px !important;
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
box-sizing: content-box !important;
overflow: visible !important;
transform: none !important;
z-index: 960 !important;
bottom: 0 !important;
}
html.cm-mob .tab-nav-item-bc {
color: rgba(255,255,255,.5) !important;
overflow: visible !important;
}
html.cm-mob .tab-nav-item-bc .tab-nav-title-bc {
font-size: 10px !important;
font-weight: 400 !important;
color: rgba(255,255,255,.5) !important;
}
html.cm-mob .tab-nav-item-bc[aria-label*="DESTEK"],
html.cm-mob .tab-nav-item-bc:has(.bc-i-live-chat) {
display: none !important;
}
html.cm-mob .grecaptcha-badge {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
display: none !important;
}
html.cm-mob #cm-popup .popup-inner-bc {
max-width: 92vw !important;
width: 92vw !important;
max-height: 80vh !important;
overflow: auto !important;
padding: 14px 12px 12px !important;
}
html.cm-mob #cm-popup .casino-popup-title {
font-size: 16px !important;
}
html.cm-mob .btn.s-small.sign-in {
margin-left: 6px !important;
}
html.cm-mob .ftr-g-content-bc,
html.cm-mob .featuredGames {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
overflow: hidden !important;
height: 215px !important;
min-height: 215px !important;
}
html.cm-mob .ftr-g-content-bc .ftr-g-i-body-bc > p,
html.cm-mob .featuredGamesContent > p,
html.cm-mob .layout-content-holder-bc > .hm-row-bc:has(.featuredGames) p {
display: none !important;
}
html.cm-mob .ftr-g-content-bc .page-view-more,
html.cm-mob .featuredGames .sectionTitle {
padding: 0 8px !important;
margin: 0 !important;
height: 20px !important;
min-height: 20px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
html.cm-mob .ftr-g-content-bc .view-title-more,
html.cm-mob .featuredGames .sectionTitleText {
font: 500 14px / 20px Roboto, Arial, Helvetica, sans-serif !important;
font-weight: 500 !important;
color: rgba(255,255,255,.9) !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-mob .ftr-content,
html.cm-mob .featuredGamesContent {
height: 187px !important;
display: flex !important;
flex-direction: column !important;
padding-left: 0 !important;
box-sizing: border-box !important;
}
html.cm-mob .ftr-content .swiper,
html.cm-mob .featuredGamesContent .swiper {
width: 100% !important;
overflow: hidden !important;
padding-left: 8px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
}
html.cm-mob .ftr-content .swiper-slide,
html.cm-mob .featuredGamesContent .swiper-slide {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
height: auto !important;
box-sizing: border-box !important;
}
html.cm-mob .ftr-game-item-bc,
html.cm-mob .featuredGameItem {
width: 100% !important;
max-width: none !important;
height: 187px !important;
border: 1px solid rgba(255,255,255,.15) !important;
border-radius: 12px !important;
padding: 10px !important;
margin: 0 !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
overflow: hidden !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
}
html.cm-mob .ftr-game-item-bc .ftr-g-i-head-bc,
html.cm-mob .ftr-game-item-bc.Soccer .ftr-g-i-head-bc,
html.cm-mob .ftr-game-item-bc.Basketball .ftr-g-i-head-bc,
html.cm-mob .featuredGameItemHeader {
background: rgba(255,255,255,.05) !important;
background-image: none !important;
padding: 5px 15px !important;
min-height: 45px !important;
height: 45px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
html.cm-mob .ftr-g-i-head-bc > i.ftr-g-icon-bc,
html.cm-mob .ftr-g-i-head-bc > .ftr-g-icon-bc {
display: none !important;
}
html.cm-mob .ftr-g-i-head-bc .ftr-g-title-bc,
html.cm-mob .featuredGameItemHeaderContent {
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex: 1 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
}
html.cm-mob .ftr-g-i-type-icon-bc,
html.cm-mob .featuredGameItemSportAliasIcon {
display: inline-flex !important;
width: 20px !important;
height: 20px !important;
flex: 0 0 20px !important;
font-size: 20px !important;
line-height: 20px !important;
color: rgba(255,255,255,.8) !important;
}
html.cm-mob .ftr-flag-bc,
html.cm-mob .featuredGameItemFlag {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
flex: 0 0 16px !important;
object-fit: contain !important;
}
html.cm-mob .ftr-g-i-title-bc,
html.cm-mob .featuredGameItemCompetitionName {
font: 14px Roboto, Arial, Helvetica, sans-serif !important;
color: rgba(255,255,255,.6) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
html.cm-mob .ftr-game-item-bc .ftr-g-i-body-bc,
html.cm-mob .ftr-game-item-bc.Soccer .ftr-g-i-body-bc,
html.cm-mob .ftr-game-item-bc.Basketball .ftr-g-i-body-bc,
html.cm-mob .featuredGameItemBody {
background: rgba(255,255,255,.05) !important;
padding: 5px 15px 15px !important;
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
}
html.cm-mob .ftr-g-i-b-opp-t-holder-bc,
html.cm-mob .featuredGameItemPlayersContainer {
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
width: 100% !important;
min-height: 51px !important;
margin: 0 0 5px !important;
}
html.cm-mob .ftr-g-i-b-opp-title-bc,
html.cm-mob .featuredGameItemPlayer {
display: flex !important;
align-items: center !important;
gap: 5px !important;
font: 14px Roboto, Arial, Helvetica, sans-serif !important;
color: #fff !important;
min-width: 0 !important;
}
html.cm-mob .ftr-g-i-b-opp-t-holder-bc > .ftr-g-i-b-opp-title-bc:first-child {
justify-content: flex-end !important;
}
html.cm-mob .ftr-g-i-b-opp-t-holder-bc > .ftr-g-i-b-opp-title-bc:last-child {
justify-content: flex-start !important;
}
html.cm-mob .ftr-g-i-b-opp-title-bc span,
html.cm-mob .featuredGameItemPlayerName {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
min-width: 0 !important;
}
html.cm-mob .ftr-g-i-b-opp-logo-bc,
html.cm-mob .featuredGameItemPlayerImg {
width: 24px !important;
height: 24px !important;
object-fit: contain !important;
}
html.cm-mob .ftr-g-i-b-time-block,
html.cm-mob .featuredGameItemTimeBlock {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
}
html.cm-mob .ftr-g-i-b-time-bc,
html.cm-mob .featuredGameItemTime {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
}
html.cm-mob .ftr-g-i-b-time-bc time,
html.cm-mob .featuredGameItemTime time {
display: block !important;
font: 14px Roboto, Arial, Helvetica, sans-serif !important;
line-height: 17px !important;
white-space: nowrap !important;
}
html.cm-mob .ftr-g-i-b-time-bc time:first-child,
html.cm-mob .featuredGameItemTime time:first-child {
font-weight: 700 !important;
color: rgba(255,255,255,.8) !important;
}
html.cm-mob .ftr-g-i-b-time-bc time:last-child,
html.cm-mob .featuredGameItemTime time:last-child {
font-weight: 400 !important;
color: rgba(255,255,255,.4) !important;
}
html.cm-mob .ftr-game-item-bc .market-group-holder-bc,
html.cm-mob .ftr-game-item-bc.Soccer .market-group-holder-bc,
html.cm-mob .ftr-game-item-bc.Basketball .market-group-holder-bc,
html.cm-mob .featuredGameItem .market-group-holder-bc {
display: flex !important;
flex-shrink: 0 !important;
gap: 0 !important;
width: 100% !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
html.cm-mob .ftr-game-item-bc .market-group-item-bc,
html.cm-mob .featuredGameItem .market-group-item-bc {
flex: 1 1 0 !important;
min-width: 0 !important;
background: transparent !important;
}
html.cm-mob .ftr-game-item-bc .sgm-market-g-i-cell-bc,
html.cm-mob .featuredGameItem .sgm-market-g-i-cell-bc {
background: rgba(255,255,255,.1) !important;
height: 44px !important;
min-height: 44px !important;
flex: 1 1 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
border: 0 none transparent !important;
border-radius: 5px !important;
pointer-events: auto !important;
}
html.cm-mob .ftr-game-item-bc .market-name-bc,
html.cm-mob .featuredGameItem .market-name-bc {
display: block !important;
font: 400 12px Roboto, Arial, Helvetica, sans-serif !important;
color: rgba(255,255,255,.7) !important;
margin: 0 0 2px !important;
line-height: 14px !important;
}
html.cm-mob .ftr-game-item-bc .market-odd-bc,
html.cm-mob .featuredGameItem .market-odd-bc {
font: 12px / 15px Roboto, Arial, Helvetica, sans-serif !important;
color: #fff !important;
}
html.cm-mob .popup-holder-bc.windowed.info .popup-inner-bc {
background-image: linear-gradient(227deg, rgb(102, 23, 96) 0%, rgb(0, 11, 36) 50%, rgb(14, 0, 90) 100%) !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 330px !important;
max-width: 330px !important;
padding: 20px 0 0 !important;
}
html.cm-mob .popup-holder-bc.windowed.info .casino-popup-title {
font: 500 16px / 18px Roboto, Arial, Helvetica, sans-serif !important;
color: #fff !important;
text-align: center !important;
}
html.cm-mob .popup-holder-bc.windowed.info .casino-popup-content img {
width: 300px !important;
height: 300px !important;
object-fit: contain !important;
border-radius: 5px !important;
margin: 0 auto !important;
display: block !important;
}
html.cm-mob .popup-holder-bc.windowed.info .casino-popup-button-block .btn.a-color {
background: rgb(78, 78, 78) !important;
color: #fff !important;
height: 36px !important;
width: 300px !important;
border-radius: 5px !important;
font: 500 12px Roboto, Arial, Helvetica, sans-serif !important;
padding: 0 20px !important;
}
html.cm-mob #cm-popup { display: none !important; }
html.cm-mob #cm-ozel-oran .cm-ozel-tab {
width: auto !important;
flex: 1 1 0 !important;
height: 44px !important;
}
html.cm-mob #cm-ozel-oran .cm-ozel-empty {
height: auto !important;
min-height: 280px !important;
}
html.cm-mob #cm-ozel-oran .cm-ozel-puzzle img {
width: 160px !important;
height: 160px !important;
}
}
/* Sweep: never leave mobile hero / quick-actions on desktop or inner pages */
html.cm-desk #cm-mob-hero,
html:not(.cm-home) #cm-mob-hero,
html.cm-mob #cm-desk-hero,
html:not(.cm-home) #cm-desk-hero,
html.cm-desk #cm-quick-actions {
display: none !important;
height: 0 !important;
max-height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
html.cm-desk img.hdr-logo-bc,
html.cm-desk .logo img.hdr-logo-bc {
width: 256px !important;
max-width: 256px !important;
min-width: 256px !important;
height: 70px !important;
min-height: 70px !important;
}
html.cm-1to1 {
overflow-x: hidden;
}
html.cm-desk #cm-product-banners img.product-banner-img-bc {
min-height: 70px !important;
}
/* ===== CasinoMilyon 1:1 click / hover / active ===== */
html.cm-1to1 a,
html.cm-1to1 button,
html.cm-1to1 .btn,
html.cm-1to1 [role="button"],
html.cm-1to1 .casinoGameItem,
html.cm-1to1 .casino-game-item,
html.cm-1to1 .product-banner-info-bc,
html.cm-1to1 .sdr-item-bc,
html.cm-1to1 .sgm-market-g-i-cell-bc {
cursor: pointer !important;
}
html.cm-1to1 a:focus,
html.cm-1to1 button:focus,
html.cm-1to1 .btn:focus {
outline: none !important;
}
html.cm-1to1 .hdr-user-bc .btn.sign-in,
html.cm-1to1 .hdr-user-bc .btn.register,
html.cm-1to1 .hdr-user-bc .bc-i-wallet,
html.cm-1to1 #cm-hdr-deposit,
html.cm-1to1 #cm-hdr-ortaklik,
html.cm-1to1 #cm-hdr-call,
html.cm-1to1 .hdr-user-bc .bc-i-call,
html.cm-1to1 .hdr-toggle-button-bc,
html.cm-1to1 .nav-ico-w-row-bc,
html.cm-1to1 header .bc-i-search,
html.cm-1to1 .asideMenuNavItem {
transform-origin: center center !important;
transition: transform 0.3s ease-in-out !important;
}
@media (hover: hover) {
html.cm-1to1 .hdr-user-bc .btn.sign-in:hover,
html.cm-1to1 .btn.s-small.sign-in:hover,
html.cm-1to1 .hdr-user-bc .btn.register:hover,
html.cm-1to1 .hdr-user-bc .bc-i-wallet:hover,
html.cm-1to1 #cm-hdr-deposit:hover,
html.cm-1to1 #cm-hdr-ortaklik:hover,
html.cm-1to1 #cm-hdr-call:hover,
html.cm-1to1 .hdr-user-bc .bc-i-call:hover,
html.cm-1to1 .hdr-toggle-button-bc:hover,
html.cm-1to1 .nav-ico-w-row-bc:hover,
html.cm-1to1 header .bc-i-search:hover,
html.cm-1to1 .asideMenuNavItem:hover {
transform: scale(1.1) !important;
}
html.cm-1to1 .hdr-user-bc .btn.sign-in:active,
html.cm-1to1 .btn.s-small.sign-in:active,
html.cm-1to1 .hdr-user-bc .btn.register:active,
html.cm-1to1 .hdr-user-bc .bc-i-wallet:active,
html.cm-1to1 #cm-hdr-deposit:active,
html.cm-1to1 #cm-hdr-ortaklik:active,
html.cm-1to1 #cm-hdr-call:active,
html.cm-1to1 .nav-ico-w-row-bc:active,
html.cm-1to1 .asideMenuNavItem:active {
transform: scale(1.05) !important;
}
html.cm-1to1 .product-banner-info-bc:hover,
html.cm-1to1 #cm-product-banners a:hover,
html.cm-1to1 #cm-quick-actions a:hover,
html.cm-1to1 #cm-leagues a.product-banner-info-bc:hover,
html.cm-1to1 #cm-about a.product-banner-info-bc:hover {
transform: scale(1.05) !important;
z-index: 2 !important;
}
html.cm-1to1 .casinoGameItem:hover,
html.cm-1to1 .casino-game-item:hover,
html.cm-1to1 a.cm-gtile:hover,
html.cm-1to1 #cm-game-rows .casinoGameItem:hover,
html.cm-1to1 #cm-game-rows a.cm-gtile:hover {
transform: none !important;
filter: none !important;
}
html.cm-1to1 .sgm-market-g-i-cell-bc.market-bc:hover,
html.cm-1to1 .sgm-market-g-i-cell-bc:hover {
box-shadow: rgba(155, 123, 177, 0.7) 0 8px 30px, rgba(255, 255, 255, 0.15) 0 0 18px inset !important;
transform: translateY(-3px) scale(1.03) !important;
background: rgba(155, 123, 177, 0.35) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}
html.cm-1to1 .featuredGameItem:hover,
html.cm-1to1 .ftr-game-item-bc:hover {
box-shadow: rgba(0, 0, 0, 0.6) 0 12px 40px, rgba(255, 255, 255, 0.12) 0 0 30px inset !important;
transform: translateY(-4px) !important;
transition: 0.3s !important;
}
html.cm-1to1 .footerLinkColEl a:hover,
html.cm-1to1 .footerLinkColText:hover {
color: #fff !important;
}
html.cm-1to1 .footerSocialLink:hover {
background-color: rgba(255, 255, 255, 0.25) !important;
}
html.cm-1to1 .tab-bc:hover,
html.cm-1to1 .second-tabs-bc .tab-bc:hover,
html.cm-1to1 .horizontal-sl-item-bc:hover {
color: #fff !important;
background: rgba(255, 255, 255, 0.2) !important;
}
html.cm-1to1 .promotionsListEl-bc:hover {
box-shadow: 0 0 12px 2px #850f83 !important;
transform: translateY(-3px) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
html.cm-1to1 #cm-live-support:hover,
html.cm-1to1 #cm-right-float a:hover {
transform: scale(1.08) !important;
filter: brightness(1.12) !important;
}
html.cm-1to1 .ds-link:hover {
color: rgba(255, 255, 255, 0.9) !important;
}
html.cm-1to1 .hdr-toggle-button-bc:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
html.cm-1to1 .view-see-more:hover,
html.cm-1to1 a.ds-link-color--transparent:hover {
color: #fff !important;
opacity: 1 !important;
}
}
@media (hover: none) {
html.cm-1to1 .hdr-user-bc .btn.sign-in:active,
html.cm-1to1 .hdr-user-bc .btn.register:active,
html.cm-1to1 .product-banner-info-bc:active,
html.cm-1to1 #cm-product-banners a:active,
html.cm-1to1 #cm-quick-actions a:active,
html.cm-1to1 .casinoGameItem:active,
html.cm-1to1 a.cm-gtile:active,
html.cm-1to1 .casino-game-item:active {
transform: scale(1.05) !important;
}
html.cm-1to1 .sgm-market-g-i-cell-bc.market-bc:active {
box-shadow: rgba(155, 123, 177, 0.7) 0 8px 30px, rgba(255, 255, 255, 0.15) 0 0 18px inset !important;
transform: translateY(-3px) scale(1.03) !important;
background: rgba(155, 123, 177, 0.35) !important;
}
html.cm-1to1 .m-nav-items-list-item-bc:active {
border: 1px solid transparent !important;
background: transparent !important;
}
}
html.cm-1to1 #cm-game-rows .casinoGamesWidgetColumn,
html.cm-1to1 #cm-game-rows .cm-g-swiper,
html.cm-1to1 #cm-product-banners,
html.cm-1to1 #cm-quick-actions {
overflow: visible !important;
}
html.cm-1to1 #cm-live-support,
html.cm-1to1 #cm-right-float a {
transition: transform 0.3s ease-in-out, filter 0.24s ease !important;
}
html.cm-1to1 .sgm-market-g-i-cell-bc.market-bc,
html.cm-1to1 .featuredGameItem,
html.cm-1to1 .ftr-game-item-bc,
html.cm-1to1 .promotionsListEl-bc,
html.cm-1to1 .casinoGameItem,
html.cm-1to1 .casino-game-item,
html.cm-1to1 a.cm-gtile {
transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.24s ease, background 0.3s ease !important;
}
html.cm-1to1 .m-nav-items-list-item-bc:hover,
html.cm-1to1 .m-nav-items-list-item-bc.active {
border: 1px solid transparent !important;
background: transparent !important;
}
/* === ZeusBet mobile CM fix 20260831_022654 === */
html.cm-mob img.hdr-logo-bc,
html.cm-mob .logo-container .logo img.hdr-logo-bc {
content: none !important;
opacity: 1 !important;
visibility: visible !important;
background: none !important;
}
html.cm-mob .logo-container a.logo,
html.cm-mob a.logo {
background: none !important;
background-image: none !important;
}
html.cm-mob .logo-container a.logo::before,
html.cm-mob a.logo::before,
html.cm-mob img.hdr-logo-bc::before {
content: none !important;
display: none !important;
}
html.cm-mob .hdr-navigation-scrollable-bc-holder {
display: block !important;
overflow: visible !important;
}
html.cm-mob #cm-quick-actions {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 8px !important;
padding: 8px 10px !important;
}
html.cm-mob #cm-quick-actions .product-banner-title-bc {
font-size: 10px !important;
line-height: 12px !important;
text-align: center !important;
color: #fff !important;
}
html.cm-mob #cm-quick-actions .product-banner-img-bc {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
html.cm-mob .tab-navigation-w-bc {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 999 !important;
background: linear-gradient(89deg, #661760 0%, rgb(0, 11, 36) 50%, #0e005a 100%) !important;
}
html.cm-mob .layout-content-holder-bc {
padding-bottom: 72px !important;
}
html.cm-mob:not(.cm-top-closed) .layout-content-holder-bc {
padding-top: 189px !important; /* CM 1:1 slider flush — was 238px (20260831_030423) */
}
/* === ZeusBet mob top bar empty fix 20260831_033429 === */
html.cm-mob:not(.cm-top-closed) .hdr-dynamic-content:not(:has(.cm-mob-top-row)) {
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
html.cm-mob .layout-footer-holder-bc,
html.cm-1to1.is-mobile .layout-footer-holder-bc,
html.cm-mob .footerWrapper,
html.cm-1to1.is-mobile .footerWrapper,
html.cm-mob .footerContainerWrapper,
html.cm-1to1.is-mobile .footerContainerWrapper,
html.cm-mob .footerContainer,
html.cm-1to1.is-mobile .footerContainer {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
html.cm-mob .footerContainer .copyRightBlock,
html.cm-1to1.is-mobile .footerContainer .copyRightBlock {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
box-shadow: inset 0 1px rgba(255,255,255,.1) !important;
}
html.cm-mob .footerContainer .copyRightBlock .footerWarning,
html.cm-1to1.is-mobile .footerContainer .copyRightBlock .footerWarning {
display: none !important;
}
html.cm-mob .footerContainer .copyRightBlock .footerCopyrights,
html.cm-1to1.is-mobile .footerContainer .copyRightBlock .footerCopyrights {
width: 100% !important;
text-align: center !important;
font-size: 12px !important;
line-height: 14px !important;
color: rgba(255,255,255,.45) !important;
margin: 0 !important;
padding: 0 !important;
}
/* === CM FOOTER EXACT (copied from casinomilyon634.com) === */
html.cm-mob .footerWrapper .footerContainerWrapper .sliderGroup > .horizontalList > .horizontalSliderWrapper:first-child > .horizontalSliderRow:first-child,
html.cm-1to1.is-mobile .footerWrapper .footerContainerWrapper .sliderGroup > .horizontalList > .horizontalSliderWrapper:first-child > .horizontalSliderRow:first-child {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
place-items: center !important;
white-space: normal !important;
width: 100% !important;
font-size: 16px !important;
}
html.cm-mob .footerWrapper .footerContainerWrapper .sliderGroup > .horizontalList > .horizontalSliderWrapper:first-child > .horizontalSliderRow:first-child > .sliderImage img,
html.cm-1to1.is-mobile .footerWrapper .footerContainerWrapper .sliderGroup > .horizontalList > .horizontalSliderWrapper:first-child > .horizontalSliderRow:first-child > .sliderImage img {
width: 155px !important;
height: 80px !important;
object-fit: contain !important;
}
html.cm-mob .sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl,
html.cm-1to1.is-mobile .sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl {
width: 500px !important;
max-width: 100% !important;
height: 120px !important;
background: url("https://uploads.onecompiler.io/43pen4n3k/1781813205245/ChatGPT%20Image%2018%20Haz%202026%2023_06_32.png") center center / contain no-repeat !important;
}
html.cm-mob .footerSocialLink .bc-i-instagram { color: rgb(232, 86, 53) !important; }
html.cm-mob .footerSocialLink .bc-i-telegram { color: rgb(9, 173, 210) !important; }
html.cm-mob .footerSocialLink .bc-i-twitter { color: rgb(230, 230, 230) !important; }
html.cm-mob .footerSocialLink .bc-i-youtube { color: red !important; }
html.cm-mob .footerSocialLink { background: rgba(0, 0, 0, 0.3) !important; }
/* === END CM FOOTER EXACT === */
/* === CM FOOTER SPONSOR VISIBILITY (sponsor fix) === */
html.cm-mob .footerContainer > .sliderGroup,
html.cm-1to1.is-mobile .footerContainer > .sliderGroup {
display: block !important;
height: auto !important;
overflow: visible !important;
pointer-events: auto !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-mob .footerContainer .sliderContent,
html.cm-1to1.is-mobile .footerContainer .sliderContent {
display: block !important;
}
html.cm-mob .footerContainer .sliderTitle,
html.cm-1to1.is-mobile .footerContainer .sliderTitle {
display: block !important;
}
/* === END CM FOOTER SPONSOR VISIBILITY === */
/* eurobet-profile-parity 20260904_054440 */
html.cm-profile-open .hdr-dynamic-content {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
min-height: 0 !important;
opacity: 0 !important;
}
html.cm-profile-open .layout-content-holder-bc {
padding-top: var(--mobile-header-main-section-height, 50px) !important;
}
html.cm-mob .popup-holder-bc.user-profile-container,
html.cm-mob .popup-holder-bc.windowed.user-profile-container,
html.cm-mob .popup-holder-bc.windowed.info.user-profile-container,
html.cm-1to1 .popup-holder-bc.user-profile-container,
html.cm-1to1 .popup-holder-bc.windowed.user-profile-container,
html.cm-1to1 .popup-holder-bc.windowed.info.user-profile-container {
position: fixed !important;
top: var(--mobile-header-main-section-height, 50px) !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
z-index: 1000 !important;
background: rgba(20, 24, 28, 0.7) !important;
overflow: hidden !important;
transform: none !important;
}
html.cm-mob .popup-holder-bc.user-profile-container .popup-middleware-bc,
html.cm-mob .popup-holder-bc.windowed.info.user-profile-container .popup-middleware-bc,
html.cm-1to1 .popup-holder-bc.user-profile-container .popup-middleware-bc {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-mob .popup-holder-bc.user-profile-container .popup-inner-bc,
html.cm-mob .popup-holder-bc.windowed.user-profile-container .popup-inner-bc,
html.cm-mob .popup-holder-bc.windowed.info.user-profile-container .popup-inner-bc,
html.cm-1to1 .popup-holder-bc.user-profile-container .popup-inner-bc,
.is-home-page .popup-holder-bc.user-profile-container .popup-inner-bc {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
opacity: 1 !important;
transform: none !important;
animation: none !important;
background: #14181c !important;
}
html.cm-mob .overlay-sliding-wrapper-bc.user-profile-container {
top: auto !important;
bottom: 0 !important;
height: calc(100% - var(--mobile-header-main-section-height, 50px)) !important;
z-index: 1100 !important;
background: #14181c !important;
overflow: hidden !important;
}
html.cm-profile-open .tab-navigation-w-bc {
z-index: 1 !important;
pointer-events: none !important;
}
html.cm-profile-open .overlay-sliding-wrapper-bc.user-profile-container .overlay-sliding-w-c-content-slider-bc {
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
box-sizing: border-box !important;
}
html.cm-profile-open .overlay-sliding-wrapper-bc.user-profile-container .u-i-p-c-body-bc,
html.cm-profile-open .overlay-sliding-wrapper-bc.user-profile-container .u-i-profile-page-bc {
padding-bottom: 8px !important;
}
html.cm-profile-open .overlay-sliding-wrapper-bc.user-profile-container .userLogoutBtn {
margin: 8px 7px 16px !important;
flex-shrink: 0 !important;
position: relative !important;
z-index: 2 !important;
}
html.cm-profile-open .hdr-main-content-bc > .hdr-user-close,
html.cm-profile-open .hdr-user-close.bc-i-close-remove {
position: fixed !important;
top: 11px !important;
right: 12px !important;
left: auto !important;
z-index: 1003 !important;
display: block !important;
visibility: visible !important;
opacity: 0.7 !important;
width: 24px !important;
height: 24px !important;
font-size: 16px !important;
line-height: 24px !important;
color: #fff !important;
pointer-events: auto !important;
background: transparent !important;
margin: 0 !important;
}
#cm-ov-profile-x, #cm-profile-x, #cm-logout-confirm, #cm-prof-nuke {
display: none !important;
}
/* cm-burger-parity 20260904_062114 */
html.cm-mob .m-navigation-container-bc.active,
html.cm-1to1.is-mobile .m-navigation-container-bc.active {
background: #202022 !important;
}
/* neutralized: unscoped burger rules moved to deposit-payment-cards-restore */
html.cm-mob .m-block-nav-items-bc:not(.cm-keep),
html.cm-1to1.is-mobile .m-block-nav-items-bc:not(.cm-keep) {
/* was unscoped; deposit cards share this class — do not force burger grid here */
}
html.cm-mob .m-nav-items-list-item-bc:not(.cm-keep),
html.cm-1to1.is-mobile .m-nav-items-list-item-bc:not(.cm-keep) {
/* was unscoped; deposit cards share this class */
}
html.cm-mob .m-nav-list-item-title-bc:not(.cm-keep) {
/* was unscoped */
}
html.cm-mob .m-navigation-container-bc .menu-group-title {
display: flex !important;
width: 98px !important;
max-width: 98px !important;
grid-column: 1 / -1 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: normal !important;
color: rgba(255, 255, 255, 0.7) !important;
text-transform: uppercase !important;
height: 14px !important;
min-height: 14px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
html.cm-mob .app-nav-arrow-block-bc {
position: relative !important;
overflow: visible !important;
}
html.cm-mob .m-nav-collapsed-container-bc .app-nav-link {
display: block !important;
position: static !important;
overflow: visible !important;
}
html.cm-mob .m-nav-collapsed-container-bc .app-nav-link::after {
content: attr(data-badge) !important;
text-align: end !important;
box-sizing: border-box !important;
border-radius: 5px !important;
text-transform: uppercase !important;
letter-spacing: 0.44px !important;
width: 64% !important;
height: 100% !important;
padding-inline-end: 30px !important;
font-size: 12px !important;
line-height: 50px !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
color: #fff !important;
pointer-events: none !important;
}
/* neutralized unscoped nav-ico; scoped under .m-navigation-container-bc in paycards restore */
html.cm-mob .nav-ico-w-row-bc:not(.cm-keep) {
/* was unscoped */
}
html.cm-mob .m-navigation-container-bc .m-nav-icon-bc {
background: transparent !important;
border-radius: 0 !important;
width: 16px !important;
height: 16px !important;
}
html.cm-mob .asideMenuNavItemIconWrapper {
width: 16px !important;
height: 16px !important;
color: rgba(255, 255, 255, 0.6) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: none !important;
}
html.cm-mob .asideMenuNavItemIconWrapper svg {
width: 16px !important;
height: 16px !important;
fill: currentColor !important;
display: block !important;
}
/* cm-promo-parity 20260904_064415 */
html.cm-mob .promotion-page .promotionsList-bc,
html.cm-1to1.is-mobile .promotion-page .promotionsList-bc {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
padding: 0 7px !important;
max-width: none !important;
width: 100% !important;
box-sizing: border-box !important;
}
html.cm-mob .promotion-page .promotionsListEl-bc,
html.cm-1to1.is-mobile .promotion-page .promotionsListEl-bc {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html.cm-mob .promotion-page .promotionsArticleThumbnail-bc,
html.cm-1to1.is-mobile .promotion-page .promotionsArticleThumbnail-bc {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 376 / 213.25 !important;
object-fit: fill !important;
border-radius: 5px 5px 0 0 !important;
margin: 0 !important;
}
html.cm-mob .promotion-page .promotions-article-title,
html.cm-1to1.is-mobile .promotion-page .promotions-article-title {
display: block !important;
width: 100% !important;
height: 34px !important;
line-height: 34px !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #fff !important;
background: rgba(255, 255, 255, 0.1) !important;
padding: 0 10px !important;
margin: 1px 0 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
text-align: start !important;
box-sizing: border-box !important;
}
html.cm-mob .promotion-page .promotion-horizontal-sl-list-bc,
html.cm-1to1.is-mobile .promotion-page .promotion-horizontal-sl-list-bc {
display: flex !important;
flex-direction: row !important;
gap: 5px !important;
padding: 0 !important;
border-radius: 0 !important;
}
html.cm-mob .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc,
html.cm-1to1.is-mobile .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 80px !important;
height: 60px !important;
padding: 5px !important;
margin: 0 !important;
border-radius: 5px !important;
background: rgba(255, 255, 255, 0.1) !important;
color: rgba(255, 255, 255, 0.5) !important;
box-sizing: border-box !important;
}
html.cm-mob .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
html.cm-1to1.is-mobile .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
background: #202022 !important;
color: #fff !important;
}
html.cm-mob .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc,
html.cm-1to1.is-mobile .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc {
font-size: 28px !important;
line-height: 28px !important;
width: 28px !important;
height: 28px !important;
color: inherit !important;
}
html.cm-mob .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-title-bc,
html.cm-1to1.is-mobile .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-title-bc {
display: block !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 12px !important;
margin: 6px 0 0 !important;
color: inherit !important;
}
/* cm-skin-parity 20260904_105624 */
html {
--hero: 32, 32, 34 !important;
--hero-hover: 56, 56, 60 !important;
--oc-1: 78, 78, 78 !important;
--oc-1-hover: 103, 103, 103 !important;
}
html .btn.a-color {
background: rgb(78, 78, 78) !important;
background-image: none !important;
}
html .horizontalCategoryItemWrp.active .bc-i-default-icon,
html .horizontalCategoryItem.active .bc-i-default-icon {
color: #fff !important;
}
/* cm-sports-parity 20260904_161024 */
html.cm-mob .pp-sport-type-holder-bc,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc {
border-radius: 0 !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc {
background: rgba(255, 255, 255, 0.1) !important;
background-image: none !important;
border-radius: 5px !important;
width: 80px !important;
height: 60px !important;
padding: 5px !important;
box-sizing: border-box !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-title-bc,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-title-bc {
font-size: 10px !important;
font-weight: 400 !important;
line-height: 12px !important;
margin: 6px 0 0 !important;
color: rgba(255, 255, 255, 0.5) !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.active .horizontal-sl-title-bc,
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc,
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.active .horizontal-sl-title-bc,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc {
color: #fff !important;
}
html.cm-mob .prematch .upcoming-matches,
html.cm-mob .prematch .popular-matches,
html.cm-mob .prematch .popular-competitions,
html.cm-mob .live .upcoming-matches,
html.cm-mob .live .popular-matches,
html.cm-mob .live .popular-competitions,
html.cm-1to1.is-mobile .upcoming-matches,
html.cm-1to1.is-mobile .popular-matches,
html.cm-1to1.is-mobile .popular-competitions {
border-radius: 5px !important;
}
html.cm-mob .filter-sports-bc,
html.cm-1to1.is-mobile .filter-sports-bc {
gap: 8px !important;
}
html.cm-mob .filter-sports-bc [aria-label="bet_builder_filter"],
html.cm-1to1.is-mobile .filter-sports-bc [aria-label="bet_builder_filter"] {
width: 46px !important;
min-width: 46px !important;
height: 28px !important;
padding: 0 15px !important;
border-radius: 5px !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
color: rgba(255, 255, 255, 0.9) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
html.cm-mob .filter-sports-bc [aria-label="bet_builder_filter"] svg,
html.cm-1to1.is-mobile .filter-sports-bc [aria-label="bet_builder_filter"] svg {
width: 14px !important;
height: 14px !important;
fill: currentColor !important;
display: block !important;
}
html.cm-mob .layout-bc.prematch .header-bc,
html.cm-mob .layout-bc.live .header-bc,
html.cm-1to1.is-mobile .layout-bc.prematch .header-bc,
html.cm-1to1.is-mobile .layout-bc.live .header-bc {
height: 169px !important;
min-height: 169px !important;
max-height: 169px !important;
overflow: hidden !important;
}
html.cm-mob .layout-bc.prematch .hdr-navigation-scrollable-bc-holder,
html.cm-mob .layout-bc.live .hdr-navigation-scrollable-bc-holder,
html.cm-1to1.is-mobile .layout-bc.prematch .hdr-navigation-scrollable-bc-holder,
html.cm-1to1.is-mobile .layout-bc.live .hdr-navigation-scrollable-bc-holder {
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
overflow: hidden !important;
}
html.cm-mob .layout-bc.prematch .hdr-navigation-scrollable-bc,
html.cm-mob .layout-bc.live .hdr-navigation-scrollable-bc,
html.cm-1to1.is-mobile .layout-bc.prematch .hdr-navigation-scrollable-bc,
html.cm-1to1.is-mobile .layout-bc.live .hdr-navigation-scrollable-bc {
height: 40px !important;
position: relative !important;
}
html.cm-mob .layout-bc.prematch .layout-content-holder-bc,
html.cm-mob .layout-bc.live .layout-content-holder-bc,
html.cm-1to1.is-mobile .layout-bc.prematch .layout-content-holder-bc,
html.cm-1to1.is-mobile .layout-bc.live .layout-content-holder-bc {
padding-top: 120px !important;
}
html.cm-mob .favouriteTeamsWidgetWrapper,
html.cm-1to1.is-mobile .favouriteTeamsWidgetWrapper {
margin-top: 10px !important;
position: relative !important;
z-index: 1 !important;
}
html.cm-mob .favouriteTeamsWidget,
html.cm-1to1.is-mobile .favouriteTeamsWidget {
border-radius: 12px !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Soccer.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Soccer.active {
background: rgb(16, 145, 33) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Basketball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Basketball.active {
background: rgb(252, 166, 1) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Tennis.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Tennis.active {
background: rgb(161, 158, 62) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Volleyball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Volleyball.active {
background: rgb(218, 193, 121) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.IceHockey.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.IceHockey.active {
background: rgb(80, 162, 198) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.TableTennis.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.TableTennis.active {
background: rgb(131, 157, 36) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Handball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Handball.active {
background: rgb(66, 119, 127) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Baseball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Baseball.active {
background: rgb(92, 170, 167) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Futsal.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Futsal.active {
background: rgb(101, 181, 194) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Mma.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Mma.active {
background: rgb(134, 134, 134) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.AmericanFootball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.AmericanFootball.active {
background: rgb(231, 104, 92) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.AustralianFootball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.AustralianFootball.active {
background: rgb(17, 154, 24) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.AutoRacing.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.AutoRacing.active {
background: rgb(172, 154, 253) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.AlpineSkiing.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.AlpineSkiing.active {
background: rgb(147, 198, 229) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Biathlon.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Biathlon.active {
background: rgb(190, 219, 237) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Boxing.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Boxing.active {
background: rgb(14, 122, 204) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.active[class~="3x3Basketball"],
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.active[class~="3x3Basketball"] {
background: rgb(225, 87, 42) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Badminton.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Badminton.active {
background: rgb(112, 194, 167) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.BeachFootball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.BeachFootball.active {
background: rgb(191, 175, 126) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Cricket.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Cricket.active {
background: rgb(27, 171, 125) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Chess.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Chess.active {
background: rgb(237, 189, 111) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Cycling.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Cycling.active {
background: rgb(217, 198, 143) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.CrossCountrySkiing.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.CrossCountrySkiing.active {
background: rgb(190, 219, 237) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Darts.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Darts.active {
background: rgb(211, 41, 57) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Formula1.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Formula1.active {
background: rgb(184, 41, 43) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Floorball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Floorball.active {
background: rgb(114, 205, 219) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Golf.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Golf.active {
background: rgb(24, 153, 70) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.GaelicFootball.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.GaelicFootball.active {
background: rgb(53, 128, 20) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Hurling.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Hurling.active {
background: rgb(24, 153, 70) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Motorsport.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Motorsport.active {
background: rgb(141, 97, 46) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Nascar.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Nascar.active {
background: rgb(185, 47, 147) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Politics.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Politics.active {
background: rgb(100, 31, 110) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.RugbyLeague.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.RugbyLeague.active {
background: rgb(121, 151, 85) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.RugbyUnion.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.RugbyUnion.active {
background: rgb(121, 151, 85) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Snooker.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Snooker.active {
background: rgb(55, 183, 100) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.SpecialBets.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.SpecialBets.active {
background: rgb(239, 138, 0) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Speedway.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Speedway.active {
background: rgb(172, 166, 150) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Squash.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Squash.active {
background: rgb(225, 185, 63) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.TVShowsAndMovies.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.TVShowsAndMovies.active {
background: rgb(59, 110, 43) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Yachting.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Yachting.active {
background: rgb(36, 83, 126) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.WaterPolo.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.WaterPolo.active {
background: rgb(51, 143, 214) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.CounterStrike.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.CounterStrike.active {
background: rgb(204, 88, 31) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Dota2.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Dota2.active {
background: rgb(155, 16, 19) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.LeagueOfLegends.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.LeagueOfLegends.active {
background: rgb(3, 70, 83) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Valorant.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Valorant.active {
background: rgb(200, 40, 51) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.KingOfGlory.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.KingOfGlory.active {
background: rgb(115, 88, 142) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.MobileLegends.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.MobileLegends.active {
background: rgb(169, 129, 87) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.RainbowSix.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.RainbowSix.active {
background: rgb(102, 109, 114) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.RocketLeague.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.RocketLeague.active {
background: rgb(4, 71, 127) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.Lacross.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.Lacross.active {
background: rgb(22, 135, 99) !important;
background-image: none !important;
}
html.cm-mob .pp-sport-type-holder-bc .horizontal-sl-item-bc.RussianPyramid.active,
html.cm-1to1.is-mobile .pp-sport-type-holder-bc .horizontal-sl-item-bc.RussianPyramid.active {
background: rgba(255, 255, 255, 0.5) !important;
background-image: none !important;
}
/* cm-provider-euro 20260904_163707 */
html.cm-mob .overlaySlidingWrapperBc:has(.providerItemsContainer),
html.cm-1to1.is-mobile .overlaySlidingWrapperBc:has(.providerItemsContainer) {
z-index: 1100 !important;
}
/* Mobile nav-slider gap: flush banner/chips with top menu. */
html.cm-mob .layout-content-holder-bc > .hm-row-bc.has-slider,
html.cm-1to1.is-mobile .layout-content-holder-bc > .hm-row-bc.has-slider {
margin-top: 0 !important;
}
html.cm-mob .liveCasinoWrapper > .hm-row-bc:not(.has-slider):not(.has-game),
html.cm-1to1.is-mobile .liveCasinoWrapper > .hm-row-bc:not(.has-slider):not(.has-game) {
display: none !important;
margin: 0 !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
html.cm-mob .liveCasinoWrapper .casinoGenericPageTemplate,
html.cm-1to1.is-mobile .liveCasinoWrapper .casinoGenericPageTemplate {
margin-top: 0 !important;
}
html.cm-mob .layout-bc.casino-slots .header-bc,
html.cm-1to1.is-mobile .layout-bc.casino-slots .header-bc {
height: auto !important;
min-height: 169px !important;
max-height: none !important;
overflow: visible !important;
}
html.cm-mob:not(.cm-top-closed) .layout-bc.casino-slots .layout-content-holder-bc,
html.cm-1to1.is-mobile:not(.cm-top-closed) .layout-bc.casino-slots .layout-content-holder-bc {
padding-top: 229px !important;
}
html.cm-mob.cm-top-closed .layout-content-holder-bc,
html.cm-1to1.is-mobile.cm-top-closed .layout-content-holder-bc {
padding-top: 80px !important;
}
html.cm-mob.cm-top-closed .layout-bc.casino-slots .layout-content-holder-bc,
html.cm-1to1.is-mobile.cm-top-closed .layout-bc.casino-slots .layout-content-holder-bc,
html.cm-mob.cm-top-closed .layout-bc.prematch .layout-content-holder-bc,
html.cm-mob.cm-top-closed .layout-bc.live .layout-content-holder-bc,
html.cm-1to1.is-mobile.cm-top-closed .layout-bc.prematch .layout-content-holder-bc,
html.cm-1to1.is-mobile.cm-top-closed .layout-bc.live .layout-content-holder-bc {
padding-top: 120px !important;
}
/* Login modal fluid phones: fill every viewport, scale 400x800 art. */
html.cm-mob .popup-holder-bc:has(.entrance-popup-bc.sign-in),
html.cm-mob .popup-holder-bc.windowed:has(.entrance-popup-bc.sign-in),
html.cm-1to1.is-mobile .popup-holder-bc:has(.entrance-popup-bc.sign-in),
html.cm-1to1.is-mobile .popup-holder-bc.windowed:has(.entrance-popup-bc.sign-in) {
position: fixed !important;
inset: 0 !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
transform: none !important;
overflow: auto !important;
background: #0b0612 !important;
}
html.cm-mob .popup-holder-bc:has(.entrance-popup-bc.sign-in) .popup-middleware-bc,
html.cm-mob .popup-holder-bc:has(.entrance-popup-bc.sign-in) .popup-inner-bc,
html.cm-1to1.is-mobile .popup-holder-bc:has(.entrance-popup-bc.sign-in) .popup-middleware-bc,
html.cm-1to1.is-mobile .popup-holder-bc:has(.entrance-popup-bc.sign-in) .popup-inner-bc {
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
html.cm-mob .entrance-popup-bc.sign-in,
html.cm-1to1.is-mobile .entrance-popup-bc.sign-in {
width: 100% !important;
max-width: none !important;
min-height: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
background-color: #0b0612 !important;
background-repeat: no-repeat !important;
background-position: center top !important;
background-size: 100% auto !important;
}
html.cm-mob .sign-in .sg-n-text-row-2-bc,
html.cm-1to1.is-mobile .sign-in .sg-n-text-row-2-bc {
padding-bottom: 75% !important;
}
html.cm-mob .sign-in .e-p-body-bc,
html.cm-mob .sign-in .entrance-form-bc,
html.cm-mob .sign-in .entrance-form-bc.login,
html.cm-1to1.is-mobile .sign-in .e-p-body-bc,
html.cm-1to1.is-mobile .sign-in .entrance-form-bc {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}
html.cm-mob .sign-in .entrance-f-item-bc,
html.cm-mob .sign-in .form-control-bc,
html.cm-mob .sign-in input[type="text"],
html.cm-mob .sign-in input[type="password"],
html.cm-mob .sign-in input[type="tel"],
html.cm-mob .sign-in .entrance-form-actions-holder-bc,
html.cm-mob .sign-in .entrance-form-actions-holder-bc > button,
html.cm-1to1.is-mobile .sign-in .entrance-f-item-bc,
html.cm-1to1.is-mobile .sign-in .form-control-bc,
html.cm-1to1.is-mobile .sign-in .entrance-form-actions-holder-bc,
html.cm-1to1.is-mobile .sign-in .entrance-form-actions-holder-bc > button {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
html.cm-mob .sign-in .e-p-close-bc,
html.cm-1to1.is-mobile .sign-in .e-p-close-bc {
right: 10px !important;
top: 10px !important;
}
/* Homepage leagues-footer gap: sit social row against UEFA tiles.
Keep tab-bar clearance on the footer, not as empty space above it. */
html.cm-home.cm-mob .layout-content-holder-bc,
html.cm-home.cm-1to1.is-mobile .layout-content-holder-bc {
padding-bottom: 0 !important;
}
html.cm-home .layout-footer-holder-bc {
margin-top: 0 !important;
}
html.cm-home.cm-mob .layout-footer-holder-bc,
html.cm-home.cm-1to1.is-mobile .layout-footer-holder-bc {
padding-bottom: 72px !important;
}
html.cm-home .footerWrapper {
padding-top: 0 !important;
}
html.cm-home .footerHeader {
padding-top: 4px !important;
padding-bottom: 4px !important;
min-height: 0 !important;
}
html.cm-home #cm-leagues {
margin-bottom: 0 !important;
}
html.cm-home .expandableContentWrapper {
margin: 0 !important;
min-height: 0 !important;
}
/* Live casino: keep 44:31 box; stretch square thumbs to fill without cropping. */
html.cm-desk .liveCasinoWrapper .casinoCategoryGames,
html.cm-mob .liveCasinoWrapper .casinoCategoryGames,
html.cm-desk .liveCasinoWrapper .casinoGameItemWrp,
html.cm-mob .liveCasinoWrapper .casinoGameItemWrp {
grid-auto-rows: auto !important;
}
html.cm-desk .liveCasinoWrapper .casinoGameItemContent,
html.cm-mob .liveCasinoWrapper .casinoGameItemContent,
html.cm-desk .liveCasinoWrapper .casinoGameItem,
html.cm-mob .liveCasinoWrapper .casinoGameItem {
aspect-ratio: 44 / 31 !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
padding: 0 !important;
position: relative !important;
overflow: hidden !important;
border-radius: 8px !important;
background: #12081c !important;
}
html.cm-desk .liveCasinoWrapper .casinoGameItemImage,
html.cm-mob .liveCasinoWrapper .casinoGameItemImage,
html.cm-desk .liveCasinoWrapper .casinoGameItem img,
html.cm-mob .liveCasinoWrapper .casinoGameItem img,
html.cm-desk .liveCasinoWrapper .casinoGameItem picture,
html.cm-mob .liveCasinoWrapper .casinoGameItem picture,
html.cm-desk .liveCasinoWrapper .casinoGameItem picture img,
html.cm-mob .liveCasinoWrapper .casinoGameItem picture img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 8px !important;
object-fit: fill !important;
object-position: center center !important;
transform: none !important;
background: transparent !important;
}
/* cm-profile-cm-1to1 20260906_181034 */
html.cm-mob .overlay-sliding-wrapper-bc.user-profile-container,
html.cm-1to1 .overlay-sliding-wrapper-bc.user-profile-container,
html.cm-mob .popup-holder-bc.user-profile-container,
html.cm-1to1 .popup-holder-bc.user-profile-container {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: 0 !important;
}
.user-profile-container .cm-hide-prof-extra,
.overlay-sliding-wrapper-bc.user-profile-container .cm-hide-prof-extra {
display: none !important;
}
/* amount screen small logo */
.payment-info-bc .description-c-row-column-bc.pay-logo,
.dep-w-info-bc .description-c-row-column-bc.pay-logo {
width: 104px;
min-width: 104px;
min-height: 72px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.payment-info-bc .description-c-row-column-bc.pay-logo > img,
.dep-w-info-bc .description-c-row-column-bc.pay-logo > img {
max-width: 100%;
width: 100%;
max-height: 56px;
min-height: 40px;
height: auto;
aspect-ratio: auto !important;
object-fit: contain;
}
/* Betslip place-bet above tabbar 20260908_044141 */
/* Full betslip footer sits under fixed tab bar (z 999 > slip 990).
Hide tab bar while slip is open so Bahis Yap is clickable. */
html.cm-mob .layout-bc.betslip-Full .tab-navigation-w-bc,
html.cm-1to1.is-mobile .layout-bc.betslip-Full .tab-navigation-w-bc {
display: none !important;
pointer-events: none !important;
}
html.cm-mob .betslip-bc.Full,
html.cm-1to1.is-mobile .betslip-bc.Full {
z-index: 1200 !important;
}
/* Featured events 1-per-view 20260908_045501 */
/* One full featured card per mobile screen; no 1.1 peek / fixed 347px. */
html.cm-mob .ftr-g-content-bc,
html.cm-mob .featuredGames {
overflow: hidden !important;
}
html.cm-mob .ftr-content,
html.cm-mob .featuredGamesContent {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
html.cm-mob .ftr-content .swiper,
html.cm-mob .featuredGamesContent .swiper {
width: 100% !important;
overflow: hidden !important;
padding-left: 8px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
}
html.cm-mob .ftr-content .swiper-wrapper,
html.cm-mob .featuredGamesContent .swiper-wrapper {
box-sizing: border-box !important;
}
html.cm-mob .ftr-content .swiper-slide,
html.cm-mob .featuredGamesContent .swiper-slide {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
html.cm-mob .ftr-game-item-bc,
html.cm-mob .featuredGameItem {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* payNative2 CasinoMilyon/Eurobet mobile compact tiles 20260908_065025-payNative2 */
/* Kill any leftover full-bleed banner rules */
html.cm-mob .dep-w-info-bc .m-block-nav-items-bc,
html.cm-1to1 .dep-w-info-bc .m-block-nav-items-bc,
html.cm-mob .payment-info-bc .m-block-nav-items-bc,
html.cm-1to1 .payment-info-bc .m-block-nav-items-bc,
.dep-w-info-bc .m-block-nav-items-bc,
.payment-info-bc .m-block-nav-items-bc {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
gap: 10px !important;
flex-direction: unset !important;
flex-wrap: unset !important;
padding: 10px 7px 18px !important;
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
align-content: start !important;
}
html.cm-mob .dep-w-info-bc .m-nav-items-list-item-bc,
html.cm-1to1 .dep-w-info-bc .m-nav-items-list-item-bc,
html.cm-mob .payment-info-bc .m-nav-items-list-item-bc,
html.cm-1to1 .payment-info-bc .m-nav-items-list-item-bc,
.dep-w-info-bc .m-nav-items-list-item-bc,
.payment-info-bc .m-nav-items-list-item-bc,
.dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"],
.dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"],
.payment-info-bc .m-nav-items-list-item-bc[class*="deposit_"],
.payment-info-bc .m-nav-items-list-item-bc[class*="withdraw_"] {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
height: auto !important;
min-height: 0 !important;
padding: 8px 6px 6px !important;
margin: 0 !important;
background: rgba(255, 255, 255, 0.06) !important;
border: 0 !important;
border-radius: 8px !important;
overflow: hidden !important;
box-sizing: border-box !important;
aspect-ratio: auto !important;
}
.dep-w-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
.dep-w-info-bc .m-nav-items-list-item-bc .m-nav-icon-bc,
.payment-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
.payment-info-bc .m-nav-items-list-item-bc .m-nav-icon-bc {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 64px !important;
min-height: 64px !important;
max-height: 64px !important;
padding: 4px 6px 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
box-shadow: none !important;
aspect-ratio: auto !important;
}
.dep-w-info-bc .m-nav-items-list-item-bc img,
.payment-info-bc .m-nav-items-list-item-bc img,
.dep-w-info-bc img.payment-logo,
.payment-info-bc img.payment-logo {
width: auto !important;
max-width: 90% !important;
height: auto !important;
max-height: 56px !important;
min-height: 0 !important;
aspect-ratio: auto !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
margin: 0 auto !important;
border-radius: 6px !important;
background: transparent !important;
visibility: visible !important;
opacity: 1 !important;
}
.dep-w-info-bc .m-nav-list-item-title-bc,
.payment-info-bc .m-nav-list-item-title-bc {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 34px !important;
padding: 4px 2px 2px !important;
margin: 0 !important;
font-size: 11px !important;
line-height: 1.25 !important;
text-align: center !important;
color: rgba(255, 255, 255, 0.82) !important;
white-space: normal !important;
word-break: break-word !important;
}
/* Amount step logo stays small */
.dep-w-info-bc .description-c-row-column-bc.pay-logo > img,
.payment-info-bc .description-c-row-column-bc.pay-logo > img {
max-width: 100% !important;
max-height: 56px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
aspect-ratio: auto !important;
}
/* payGrid2 beat inline burger 1fr 20260908_065243-payGrid2 */
html.cm-mob .dep-w-info-bc .m-block-nav-items-bc,
html.cm-1to1.is-mobile .dep-w-info-bc .m-block-nav-items-bc,
html.cm-mob .payment-info-bc .m-block-nav-items-bc,
html.cm-1to1.is-mobile .payment-info-bc .m-block-nav-items-bc {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
html.cm-mob .dep-w-info-bc .m-nav-items-list-item-bc,
html.cm-1to1.is-mobile .dep-w-info-bc .m-nav-items-list-item-bc,
html.cm-mob .payment-info-bc .m-nav-items-list-item-bc,
html.cm-1to1.is-mobile .payment-info-bc .m-nav-items-list-item-bc {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
}
/* payLogoUp2 larger logos in deposit tiles 20260908_090528-payLogoUp2 */
html.cm-mob .dep-w-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
html.cm-1to1.is-mobile .dep-w-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
html.cm-mob .dep-w-info-bc .m-nav-items-list-item-bc .m-nav-icon-bc,
html.cm-1to1.is-mobile .dep-w-info-bc .m-nav-items-list-item-bc .m-nav-icon-bc,
html.cm-mob .payment-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
html.cm-1to1.is-mobile .payment-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
.dep-w-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
.dep-w-info-bc .m-nav-items-list-item-bc .m-nav-icon-bc,
.payment-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc,
.payment-info-bc .m-nav-items-list-item-bc .m-nav-icon-bc {
height: 102px !important;
min-height: 102px !important;
max-height: 102px !important;
padding: 4px 2px 0 !important;
}
html.cm-mob .dep-w-info-bc .m-nav-items-list-item-bc img,
html.cm-1to1.is-mobile .dep-w-info-bc .m-nav-items-list-item-bc img,
html.cm-mob .payment-info-bc .m-nav-items-list-item-bc img,
html.cm-1to1.is-mobile .payment-info-bc .m-nav-items-list-item-bc img,
.dep-w-info-bc .m-nav-items-list-item-bc img,
.payment-info-bc .m-nav-items-list-item-bc img,
.dep-w-info-bc img.payment-logo,
.payment-info-bc img.payment-logo {
max-width: 100% !important;
width: auto !important;
max-height: 94px !important;
height: auto !important;
min-height: 0 !important;
object-fit: contain !important;
}
.entrance-popup-bc.sign-in{
background: url("/cm-assets/auth-signin.png?v=20260909_045838-authPad75") no-repeat !important;
background-size: cover !important;
background-position: top center !important;
}
/* === ANJUAN LICENSE SEAL ACTIVE (20260909_050846-anjouanClick) === */
/* Keep the large CSS-background seal; hide tiny duplicate img; make clickable */
html.cm-mob .sliderGroup > .sliderSingleElWrapper:first-child .sliderImage,
html.cm-1to1.is-mobile .sliderGroup > .sliderSingleElWrapper:first-child .sliderImage,
.sliderGroup > .sliderSingleElWrapper:first-child .sliderImage {
display: none !important;
}
html.cm-mob .sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl,
html.cm-1to1.is-mobile .sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl,
.sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl {
cursor: pointer !important;
pointer-events: auto !important;
position: relative !important;
}
html.cm-mob .sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl iframe,
html.cm-1to1.is-mobile .sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl iframe,
.sliderGroup > .sliderSingleElWrapper:first-child .sliderSingleEl iframe {
display: none !important;
}
/* === END ANJUAN LICENSE SEAL === */