/* ===== Original Site CSS Variables ===== */
html.is-web {
  --hero-hover: 210,38,129;
  --hero-sc: 255,255,255;
  --hero: 167,31,103;
  --brand-hover: 16,153,35;
  --brand-sc: 0,0,0;
  --brand: 22,199,46;
  --secondary-hover: 4,120,120;
  --secondary-sc: 0,0,0;
  --secondary: 6,169,170;
  --accent-hover: 220,165,0;
  --accent-sc: 255,255,255;
  --accent: 170,127,0;
  --oc-1-hover: 21,190,43;
  --oc-1-sc: 255,255,255;
  --oc-1: 16,145,33;
  --oc-2-hover: 204,171,0;
  --oc-2-sc: 0,0,0;
  --oc-2: 255,215,0;
  --oc-3-hover: 255,102,118;
  --oc-3-sc: 255,255,255;
  --oc-3: 255,52,73;
  --odd-up-hover: 16,153,35;
  --odd-up-sc: 0,0,0;
  --odd-up: 22,199,46;
  --odd-down-hover: 255,102,118;
  --odd-down-sc: 255,255,255;
  --odd-down: 255,52,73;
  --b-hover: 0,28,87;
  --b-sc: 255,255,255;
  --b: 0,12,36;
  --header-hover: 0,28,87;
  --header-sc: 255,255,255;
  --header: 0,12,36;
  --menu-hover: 0,28,87;
  --menu-sc: 255,255,255;
  --menu: 0,12,36;
  --tab-navigation-hover: 0,28,87;
  --tab-navigation-sc: 255,255,255;
  --tab-navigation: 0,12,36;
  --static-black-hover: 25,25,25;
  --static-black-sc: 255,255,255;
  --static-black: 0,0,0;
  --static-white-hover: 229,229,229;
  --static-white-sc: 0,0,0;
  --static-white: 255,255,255;
  --border-radius: 4px;
  --font-family: Roboto, Arial, Helvetica, sans-serif;
  --default-transition-duration: 0.24s;
  --dynamic-header: 82px;
  --mobile-header-main-section-height: 56px;
  --mobile-header-full-height: 56px;
  --stickyProvider: 0px;
  --maxHeightProvider: 800px;
  --padding-page-aside: 7px;
  --desktop-header-height: 56px;
  --desktop-nav-height: 36px;
  --desktop-header-margin-bottom: 10px;
  --layout-width: 1670px;
  --desktop-home-page-content-width: 1328px;
  --desktop-home-page-gutter: 8px;
  --border-radius-middle: 8px;
  --border-radius-big: 16px;
}

/* ===== Reset ===== */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family: var(--font-family);
  background: rgba(var(--b),1);
  color: rgba(var(--b-sc),1);
  min-height: 100vh;
  overflow-x: hidden;
  line-height: 1.4;
  font-size: 14px;
}
a { text-decoration:none; color:inherit; }
ul,ol { list-style:none; }
img { max-width:100%; height:auto; display:block; }
button { cursor:pointer; border:none; outline:none; font-family:inherit; }
input { font-family:inherit; outline:none; border:none; }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ===== Scrollbar ===== */
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:rgba(var(--b-sc),.05); }
::-webkit-scrollbar-thumb { background:rgba(var(--b-sc),.15); border-radius:3px; }

/* ===== Layout ===== */
.layout-bc {
  width: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "content" "footer";
  grid-template-columns: 100%;
  min-height: 100vh;
  -webkit-user-select: none;
  user-select: none;
}
.layout-header-holder-bc {
  grid-area: header;
  width: 100%;
  margin-bottom: var(--desktop-header-margin-bottom);
  position: sticky;
  top: 0;
  z-index: 952;
  background: rgba(var(--b),1);
  box-shadow: 0 var(--desktop-header-margin-bottom) 0 0 rgba(var(--b),1);
}
.main-content-bc {
  grid-area: content;
  width: 100%;
  padding: 0 10px;
}
.layout-footer-holder-bc {
  grid-area: footer;
  width: 100%;
  background: rgba(var(--b),1);
  padding-inline-start: 10px;
  padding-inline-end: 5px;
}
.layout-betslip-holder-bc { display: none; }

/* ===== Jackpot Section ===== */
.casinoJackpotWrapper-bc {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.casinoJackpotWrapper-bc::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAAMYCAMAAAAHI1dqAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAI3RSTlMAAwYKDRATGSAWKiaTPyOFfh1bMTkuT0cbVJAVYos1l3RtaCkfz+wAAAqkSURBVHja7N3ZktowEIVhuluS943F2AxL4P0fMgOZVO6mKgUjR5P/45IqLo5bkrUUWuFviKzikPcPPoh5ixKHiKoKyX/QbJPr6suJqJkzI/kPOjSVrb6aqLlQFEVwqgR/J/bmX5KE2qdf+qzdbXZ54cj9peOq+PKzcndZuV8f100VTFd4HSmazxpVaPfX7tTdmoyCfymx6bPevditu/pS93PujdxjdVfqis3xdLnU3bol92hE7a18r/f60I/Ue0RiPm9ufdcft/TvEYm6omrm9bhtg5F7PGIuZHk7ZJ7YYxJVc957R+xxiYiamQrrM7GJEDoAAP8oRellWJZ7go/P7ZqJLZT4bGqp9wWIsmMIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8tUce1ZwvQrOTPsBdgeVORe3zih0A/swAumQCAryXcurcAEVFVLpmMTETNOWemBB+RiDpfZNmbdwQfzSP2kO+253IIXFYezz32tlnfbvOZy/kjEvXZ+difTv28Kyj4aMR8vv9xqOvDdZuRezRivt33h/py+NFM5B6NqB+a66muu+OZeo9H1BXleO37274KjthjETE/7Zpx3FYZu24RiZov8rYdCm90MxGJmvPBe/dk7Dyzvw5ezUyfWSWQ31bPe+ZHErtpXR6efXKPZ/eC99olR/fH0mwq61S/eqoiPN1VvZOsKd1qEX8KSJMY6ETuI3O5KfPC2bOlIsWmtdVSfq3NJrIyK+qKqlkf56Z6e37mteQZMlEL5X5fpvFmJ+bz5tqdulszeJOEx1VRN42n05jGxF0slHNX14d+rkLSUy9RN8yHw5ylUO9yz319qi91ty5Tz93Cbp53IYXc7/Vezf3hvd7HxOt9JebCNIRExlXzw/bYd/1xOyW+ZSWq5pwlUe6P1tlux3k852k00G8yb3psjU9V1U6JNNDvcoTrMV/1w6UViOs0XctK4FDnFouXlSqjSYi2rKQkDbTb3CVQ+pd/G2jHFH9BEu1UqoR7UtMwKY0ObZI/x0FikORRcQu9pDRdbTrFeEkJ0W45IJeUeu4G7Zwh1HuSv1qTQOVE9p9O8XCDdk8g6z1x5eUGHS0nRWj9YidyZc13MtbO5QYcaW+TC73oOm9lA414jN8Ew6sONOISOb+pnM/duy8Qa9xek2Y/XNixlPTkD9BLSQT/AE2RCJ9fdFMPW2jUdY7+LjfYP15Cg4H2do0ExI/Qy7iwo3fdD+peVV9Xo+x60Eu4hKathzdo3MWqnq77OfevsFrCxUqD26CWcIVVO0C/QSMf6OOysNUAGnlbsI9r2fYD6HT+F+BFQ+j5XzWogMY+k/1Sx5UCevbXZ+4V0OncLyqNVNDYW46Zr4TNldDox/JevrtSQqPvdee95Ymg6Feb8bvWA5pJsv2FrP+BM0w039oUe/WsARVh5/hJkfJzeQYZuaKfX1RNT9dOr7zEAEb8YH5u/gpIIaSo1vpw8zkdVSDWRmLX3Ivgek9xLcIOMwXCA71uOMdJYcftdaiWwV+MV88PwpeYvAQQWeVL+ZLkUsj4+WKe9Z48KHDXCtO8kK9isXbDGt3LU+DVAnQZWBDW/IO6bzrYY+F4R2lNYlP6kkZuizxmC/UbLLdtE27VnfWepS3ZugmTDH3wg+W764mjbtUQ6crlsADz3N0bx4JcOA49k/6O1MhxXvoFLzQtIoWeQ91tw6NkL5K3Tc9eOOWMNOiFqZ9FV59szUZHFRK2FSijX7dnom9AwUzHalUf+9zuy0ZHKiYF9njmbdSv+15hlurgnlWamkDXOp3AwbZdO2QMZcqyxsBHTI1tZwkzG9x1T6D0gpoLzRTX0XCPKnV1GlWCG6pMHY+RMyUyYQU0L7YGe/eIuZVVhU7iE/AEdt8ORYwVxJzBniFriGR0YGAeRELdgQEdJ5bjNdjAXMvlsFSaMpCOnmZ+1s85lpQ5AcS0HlsMXdAeMxCxlf4YHwcvMwQOMwTvyZMsICoJR508tJgbuXDWAV+MUB2oS7Mw4VjNI9/NBQQOfpi5srgdouRM4TJ0Rdz9x30YwR8tRN8POaez1XZYFsuKRrzfJQBsMXomgl4zEeqEAISekZRiMTcHPOGthhtNyRHYj7KACMgqemV4jAP7FCEEZDUzkEIiWGmf+AEpHTtXijMtAyYgFbrvmMSYjBvcGuUgDRPEjIMZv0tBtm/jhGY9bcYXGPW3Fqu4OaQsbVsxHA2OycHADit7s1Os4CI7/iAoi1QAoIe4+RGzL1dv9TSQ4UBnP/wmOttv0JYPoY1Cij0//+jxr9/WEpBOAURWjyzThyCeNm9n2AbROp7tmbjIsyd3kvAukhz59dQMsTLA4Hv/WJJBr96kj/wDk2SxVonaZw9+IaO8+s//wBojYDSgdBcVQAAAABJRU5ErkJggg==") no-repeat center/cover,
    radial-gradient(circle at 56% 100%, rgba(var(--hero),.7), rgba(0,0,0,.7));
}
.casinoJackpotTopBar-bc {
  width: 100%;
  height: 46px;
  position: relative;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.casinoJackpotTopBar-bc::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  left: 0;
  background-image: linear-gradient(to right, transparent, rgba(255,255,255,.5), transparent);
}
.casinoJackpotLabelBlock-bc {
  position: relative;
  z-index: 1;
  padding: 0 var(--padding-page-aside) 10px;
  text-align: center;
}
.casinoJackpotLabelTitle-bc {
  padding-top: 20px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: gold;
  text-transform: uppercase;
}
/* FUGAS label - in top bar */
.jackpot-fugas {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: rgba(255,255,255,.6);
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-family: 'Montserrat', var(--font-family);
}
.jackpot-fugas .fugas-dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: rgba(var(--brand),1);
  border-radius: 2px;
}
/* MAXİ label */
.jackpot-maxi {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  color: gold;
}
/* JACKPOT gold SVG */
.casinoJackpotLabelTitle-bc > span > svg {
  display: block;
  margin: 0 auto;
}
.casinoJackpotLabelTitle-bc img {
  height: 20px;
  width: auto;
  margin: 0 auto;
}

/* Jackpot Price */
.casinoJackpotWrapper-bc .casinoJackpotPrice-bc {
  font-size: 55px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
  font-variant-numeric: tabular-nums;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.casinoJackpotWrapper-bc .casinoJackpotPrice-bc::after {
  content: attr(data-cur);
  display: block;
  font-size: 20px;
  margin-inline-start: 8px;
  margin-top: 8px;
}

/* Midi / Mini level bar at bottom */
.casinoJackpotWrapper-bc .casinoJackpotLevelList-bc {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  border-top: 1px solid rgba(255,255,255,.15);
}
.casinoJackpotLevelList-bc::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent, rgba(255,255,255,.5), transparent);
}
.jackpot-level-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 10px 16px;
}
.jackpot-level-left { text-align: left; }
.jackpot-level-right { text-align: right; }
.jackpot-level-title {
  font-size: 10px;
  font-weight: 700;
  color: gold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.jackpot-level-price {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.jackpot-level-price small {
  font-size: 10px;
  vertical-align: super;
}

/* Jackpot button */
.casinoJackpotWrapper-bc .btn.width-auto.centered {
  display: block;
  margin: 0 auto;
  background: transparent;
  color: rgba(255,255,255,.8);
  border: 1px solid rgba(255,255,255,.2);
  padding: 8px 28px;
  border-radius: var(--border-radius);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
}
.casinoJackpotWrapper-bc .btn.width-auto.centered:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.4);
}

/* Casino info blocks (tournaments & winners columns) */
.casino-info-block {
  display: flex;
  flex-direction: column;
  background: rgba(var(--b-sc),.1);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(var(--b-sc),.1);
  border-radius: var(--border-radius);
  overflow: hidden;
}
@media (max-width: 1100px) {
  .hm-row-bc[style*="8fr"] { grid-template-columns: 1fr !important; }
}

/* ===== Banner Slider ===== */
.slider-bc {
  min-width: 0;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.carouselWrapper { position: relative; height: 100%; overflow: hidden; }
.bannerSwiper {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
}
.bannerSwiper .swiper-slide {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.sdr-item-holder-bc {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.sdr-item-bc {
  display: block;
  width: 100%;
  height: 100%;
}
.sdr-image-bc {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Banner Nav Arrows + Pagination — top-right cluster like original */
.slider-bc .carouselCountEnable .swiper-button-prev,
.slider-bc .carouselCountEnable .swiper-button-next {
  top: 22px;
  width: 18px;
  height: 18px;
  margin-top: 0;
  font-weight: 700;
  border-radius: 50%;
  background: rgba(0,0,0,.9);
  color: rgba(255,255,255,.9);
}
.slider-bc .carouselCountEnable .swiper-button-prev::after,
.slider-bc .carouselCountEnable .swiper-button-next::after {
  font-size: 8px;
}
.slider-bc .carouselCountEnable .swiper-button-prev { right: 80px; left: auto; }
.slider-bc .carouselCountEnable .swiper-button-next { right: 10px; left: auto; }

/* Fraction pagination between arrows */
.slider-bc .carouselCountEnable .swiper-pagination {
  position: absolute;
  top: 20px;
  left: auto;
  right: 20px;
  bottom: auto;
  width: 68px;
  height: 22px;
  line-height: 22px;
  padding: 0 13px;
  font-size: 13px;
  color: rgba(255,255,255,.9);
  text-align: center;
  overflow: hidden;
}
.slider-bc .carouselCountEnable .swiper-pagination::before,
.slider-bc .carouselCountEnable .swiper-pagination::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 28px;
  height: 22px;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.slider-bc .carouselCountEnable .swiper-pagination::before {
  left: -18px;
  box-shadow: -20px 0 0 45px rgba(0,0,0,.9);
}
.slider-bc .carouselCountEnable .swiper-pagination::after {
  right: -18px;
  box-shadow: 20px 0 0 45px rgba(0,0,0,.9);
}

/* ===== Info Banner (hm-row-bc) ===== */
.hdr-dynamic-content {
  background: rgba(var(--b),1);
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  border-top: 3px solid rgba(var(--hero),1);
}
.hm-row-bc {
  display: grid;
  gap: 10px;
  grid-auto-rows: 1fr;
  position: relative;
}
.hm-row-bc:empty { display:none; }
.hm-content-bc { padding: var(--desktop-home-page-gutter); }
.e-p-close-icon-bc {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  color: rgba(var(--b-sc),.5);
  font-size: 14px;
}
.informative-widget { padding: 20px 16px; text-align: center; }
.informative-widget-link { display: flex; justify-content: center; background: rgba(var(--b-sc),.05); border-top: 2px solid rgba(var(--hero),1); border-radius: var(--border-radius); }
.informative-widget-container { display: inline; }
.informative-widget a span[style*="color:#ff0066"] { color: #ff0066 !important; }
.informative-widget p { display: inline; font-size: 13px; color: rgba(var(--b-sc),.8); }
.product-banner-img-bc { display: none; }

/* ===== Header ===== */
.header-bc {
  width: 100%;
  background: rgba(var(--header),1);
  padding: 0 10px;
  box-sizing: border-box;
}
.hdr-main-content-bc {
  display: flex;
  align-items: center;
  height: var(--desktop-header-height);
  position: relative;
  z-index: 2;
}

/* Logo */
.logo-container { display:flex; align-items:center; flex:auto; margin-inline-end:5px; }
.logo { display:flex; flex-shrink:0; align-items:center; height:var(--desktop-header-height); }
.hdr-logo-bc { display:flex; max-width:200px; height:100%; object-fit:contain; padding:4px 0; }

/* Header User Buttons */
.hdr-user-bc {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0;
}
.header-custom-buttons { display:flex; flex-shrink:0; }
.header-custom-buttons .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: var(--border-radius);
  color: rgba(var(--hero-sc),1);
  border: 1px solid rgba(var(--hero),1);
  background: rgba(var(--hero),1);
  white-space: nowrap;
  text-decoration: none;
  flex-shrink: 0;
  transition: background var(--default-transition-duration);
}
.header-custom-buttons .btn:hover { background: rgba(var(--hero-hover),1); }

/* Separator lines between header elements */
.header-icon-text,
.hdr-main-content-bc .bc-loader,
.hdr-main-content-bc .infoTime,
.smartPanel-bc,
.hdr-user-bc .sign-in,
.compact-mode {
  margin-inline-start: 20px;
  position: relative;
}
.header-icon-text::after,
.hdr-main-content-bc .infoTime::after,
.smartPanel-bc::after,
.hdr-user-bc .sign-in::after,
.compact-mode::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  margin: auto;
  width: 1px;
  height: 30px;
  background: rgba(var(--menu-sc),.1);
}
[dir=ltr] .header-icon-text::after,
[dir=ltr] .hdr-main-content-bc .infoTime::after,
[dir=ltr] .smartPanel-bc::after,
[dir=ltr] .hdr-user-bc .sign-in::after,
[dir=ltr] .compact-mode::after { left: -10px; }

.btn.sign-in {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 28px;
  font-size: 12px;
  font-weight: 500;
  background: transparent;
  color: rgba(var(--b-sc),1);
  border: 1px solid rgba(var(--b-sc),.3);
  border-radius: var(--border-radius);
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}
.btn.sign-in:hover { background:rgba(var(--b-sc),.05); border-color:rgba(var(--b-sc),.5); }

.hdr-user-bc .btn.register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 28px;
  font-size: 12px;
  font-weight: 500;
  background: rgba(var(--hero),1);
  color: rgba(var(--hero-sc),1);
  border: none;
  border-radius: var(--border-radius);
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  margin-inline-start: 10px;
  margin-inline-end: 10px;
  transition: background var(--default-transition-duration);
}
.hdr-user-bc .btn.register:hover { background:rgba(var(--hero-hover),1); }

/* Language Select */
.form-control-bc.select {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
}
.compact-mode {
  display: flex;
  align-items: center;
  min-height: 36px;
  flex-shrink: 0;
}
.form-control-select-bc {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: rgba(var(--header-sc),.1);
  border-radius: var(--border-radius);
  font-size: 12px;
  color: rgba(var(--b-sc),.9);
  cursor: pointer;
  height: 32px;
}
.flag-bc.turkey {
  width: 20px;
  height: 14px;
  background: url('https://flagcdn.com/w40/tr.png') center/cover no-repeat;
  border-radius: 2px;
  display: inline-block;
  flex-shrink: 0;
}
.form-control-icon-bc { font-size:10px; }
.form-control-input-stroke-bc { display:none; }

/* Time */
.hdr-main-content-bc .infoTime {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 28px;
  min-width: 62px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: var(--border-radius);
  background-color: rgba(var(--b-sc),.15);
  font-size: 12px;
  line-height: 12px;
  color: rgba(var(--b-sc),1);
  font-variant-numeric: tabular-nums;
}

/* Smart Panel & Toggle */
.smartPanel-bc {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-inline-end: 0;
}
.hdr-smart-panel-holder-arrow-bc { display:none; }
.hdr-smart-panel-holder-bc { display:none; }
.sp-button-bc { display:none; }
.sp-button-icon-bc { display:none; }
.sp-button-content-text-bc { display:none; }
.count-blink-even { display:none; }
.sidePanel-holder-bc.hidden { display:none; }
.hdr-toggle-button-bc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 28px;
  color: rgba(var(--header-sc),.8);
  background: rgba(var(--header-sc),.1);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: color var(--default-transition-duration), background var(--default-transition-duration);
}
.hdr-toggle-button-bc:hover { background:rgba(var(--header-sc),.2); }
.bc-i-vertical-toggle::before { content: '⋮'; font-style: normal; font-size: 18px; line-height: 1; }

/* ===== Navigation ===== */
.nav-content-bc {
  display: flex;
  flex-direction: column;
  position: relative;
  background: rgba(var(--menu),1);
  border-radius: var(--border-radius);
}
.nav-content-menu { overflow-x:auto; scrollbar-width:none; display:flex; }
.nav-content-menu::-webkit-scrollbar { display:none; }
.nav-menu-container {
  display: flex;
  flex: auto;
}
.nav-menu-container.header-navigation:first-child {
  position: relative;
  border-radius: var(--border-radius);
  z-index: 1;
  background: rgba(var(--menu-sc),.15);
}
.nav-menu-container .nav-menu {
  height: var(--desktop-nav-height);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.nav-menu li { display:flex; height:100%; }
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
  padding: 0 20px;
  color: rgba(var(--menu-sc),1);
  letter-spacing: .1px;
  transition: all var(--default-transition-duration);
}
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active {
  color: rgba(var(--hero-sc),1);
  background: rgba(var(--hero),1);
}
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
  color: rgba(var(--menu-sc),1);
  background: rgba(var(--menu),1);
  box-shadow: inset 0 2px rgba(var(--hero),1);
}
.nav-menu-container.header-navigation:first-child .nav-menu > li:first-child > .nav-menu-item {
  padding-inline-start: 10px;
  border-start-start-radius: var(--border-radius);
  border-end-start-radius: var(--border-radius);
}
.nav-menu-item {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 16px;
}
.nav-menu-item > i { font-size: 16px; margin-inline-end: 10px; }
.nav-menu-item .CMSIconSVGWrapper { display:flex; margin-inline-end:10px; }
.nav-menu-item .CMSIconSVGWrapper svg { width:18px; height:18px; }

/* ===== FUGAS Sponsor ===== */
.fugas-sponsor {
  text-align: center;
  padding: 12px 0 4px;
}
.fugas-sponsor span {
  font-size: 11px;
  color: rgba(var(--b-sc),.25);
  letter-spacing: 3px;
  font-weight: 700;
}
.fugas-dot {
  color: rgba(var(--brand),1) !important;
  font-size: 8px;
  vertical-align: middle;
  margin-left: 1px;
}

/* ===== Jackpot Section ===== */
.casinoJackpotContainer-bc {
  background: transparent;
  padding: 10px 16px 20px;
  text-align: center;
}
.casinoJackpotTitle-bc {
  margin-bottom: 4px;
}
.jackpot-maxi-label {
  display: block;
  font-size: 10px;
  letter-spacing: 3px;
  color: rgba(var(--b-sc),.4);
  text-transform: uppercase;
  font-weight: 500;
}
.jackpot-title-text {
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: 900;
  color: rgba(var(--b-sc),1);
}
.casinoJackpotTitle-bc h3 {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.casinoJackpotTitle-bc svg { height:22px; width:auto; margin:0 auto; }
.casinoJackpotPrice-bc {
  font-size: 36px;
  font-weight: 700;
  color: rgba(var(--oc-2),1);
  margin-bottom: 12px;
  font-variant-numeric: tabular-nums;
}
.casinoJackpotPrice-bc::before {
  content: attr(data-cur);
  font-size: 18px;
  vertical-align: super;
  margin-right: 2px;
}

/* Odometer */
.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.odometer .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}
.odometer .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top:0;left:0;right:0;bottom:0;
  overflow: hidden;
}
.odometer .odometer-ribbon { display:block; }
.odometer .odometer-ribbon-inner { display:block; }
.odometer .odometer-value { display:block; }
.odometer-formatting-mark { margin:0 1px; }

/* Jackpot Pools */
.casinoJackpotLevelList-bc {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.jackpot-pool-wrapper { display:flex; }
.jackpot-pool-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.jackpot-pool-icon {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #c99716, #ffd700);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #000;
  font-weight: 700;
}
.jackpot-pool-money { text-align:left; }
.jackpot-pool-title {
  font-size: 10px;
  color: rgba(var(--b-sc),.5);
  text-transform: uppercase;
  display: block;
}
.jackpot-pool-price {
  font-size: 15px;
  font-weight: 700;
  color: rgba(var(--oc-2),1);
  font-variant-numeric: tabular-nums;
}
.jackpot-pool-price::before {
  content: attr(data-cur);
  font-size: 10px;
  vertical-align: super;
  margin-right: 1px;
}

.btn.width-auto.centered {
  display: block;
  margin: 0 auto;
  background: transparent;
  color: rgba(var(--b-sc),.8);
  border: 1px solid rgba(var(--b-sc),.2);
  padding: 8px 28px;
  border-radius: var(--border-radius);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn.width-auto.centered:hover { background:rgba(var(--b-sc),.05); border-color:rgba(var(--b-sc),.4); }

/* ===== Tournament & Winner Columns ===== */
.casino-info-block {
  border-bottom: 1px solid rgba(var(--b-sc),.08);
}
.casino-tournament-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.casino-tournament-header-icon { color:rgba(var(--oc-2),1); font-size:16px; }
.casino-tournament-all {
  display: block;
  padding: 0 16px 8px;
  font-size: 11px;
  color: rgba(var(--brand),1);
  cursor: pointer;
  text-align: right;
}
.casino-tournament-all:hover { text-decoration:underline; }

.casino-info-content { padding:0; }
.casino-info-content li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(var(--b-sc),.06);
  cursor: pointer;
  transition: background var(--default-transition-duration);
}
.casino-info-content li:hover { background:rgba(var(--b-sc),.04); }
.casino-info-img {
  width: 44px;
  height: 44px;
  border-radius: var(--border-radius);
  object-fit: cover;
  flex-shrink: 0;
}
.casino-tournament-info { flex:1; min-width:0; }
.casino-tournament-name {
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin-bottom: 2px;
}
.casino-tournament-amount {
  font-size: 13px;
  font-weight: 700;
  color: rgba(var(--brand),1);
}

/* Winners Tabs */
.main-tabs-bc {
  display: flex;
  border-bottom: 1px solid rgba(var(--b-sc),.08);
}
.tab-bc {
  flex: 1;
  padding: 10px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--b-sc),.5);
  background: transparent;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all var(--default-transition-duration);
}
.tab-bc.active {
  color: rgba(var(--b-sc),1);
  border-bottom-color: rgba(var(--brand),1);
}
.tab-bc:hover { color:rgba(var(--b-sc),.8); }

.casino-info-content-winners li { gap:10px; }
.casino-winners-info { flex:1; min-width:0; }
.casino-winners-info b { font-size:12px; display:block; }
.casino-winners-info .ellipsis { font-size:11px; color:rgba(var(--b-sc),.5); display:block; }
.casino-winners-amount {
  font-size: 13px;
  font-weight: 700;
  color: rgba(var(--brand),1);
  white-space: nowrap;
}

/* ===== Trending Games (justiceGames) ===== */
.justiceGames { width:100%; position:relative; overflow:hidden; margin-bottom:8px; border-bottom:1px solid rgba(var(--b-sc),.08); }
.page-view-more { padding:12px 16px 8px; }
.view-title-more {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--b-sc),.8);
}
.justiceGamesInner { width:100%; position:relative; padding:0 16px 16px; }

/* Trending Game Cards */
.trendingGameCard {
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: transform var(--default-transition-duration);
}
.trendingGameCard:hover { transform: translateY(-4px); }
.trendingGameImg {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.trendingGameImg img {
  width: 100%;
  aspect-ratio: 44/31;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}
.trendingGameInfo {
  padding: 6px 4px 2px;
  text-align: center;
}
.trendingProvider {
  display: block;
  font-size: 9px;
  color: rgba(var(--b-sc),.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.trendingName {
  display: block;
  font-size: 12px;
  color: rgba(var(--b-sc),.8);
  font-weight: 500;
}

/* Shared game item styles */
.casinoGameItemContent {
  border-radius: var(--border-radius);
  overflow: hidden;
  position: relative;
}
.casinoGameItem {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  width: 100%;
  height: 100%;
  background: rgba(var(--b-sc),.1) no-repeat center/contain;
}
.casinoGameItemImage {
  width: 100%;
  height: 100%;
  display: block;
  transition: filter var(--default-transition-duration);
}
.casinoGameItemFavBc {
  position: absolute;
  color: rgba(255,255,255,.8);
  font-size: 16px;
  opacity: 0;
  transition: var(--default-transition-duration);
  cursor: pointer;
  z-index: 2;
}
.casinoGameItemContent:hover .casinoGameItemFavBc { opacity: 1; }
.casinoGameItemFavBc:hover { color:rgba(var(--oc-3),1); }
.providerBadgeBlock { display:none; }

/* Game card info (provider + name below image) */
.gameCardInfo {
  padding: 4px 4px 6px;
  text-align: center;
  overflow: hidden;
}
.gameCardProvider {
  display: block;
  font-size: 9px;
  color: rgba(var(--b-sc),.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.gameCardName {
  display: block;
  font-size: 11px;
  color: rgba(var(--b-sc),.8);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

/* ===== Category Chooser ===== */
.casinoCategoryChooserContainer {
  height: 76px;
  position: sticky;
  top: var(--stickyProvider);
  left: 0;
  background: rgba(var(--b),1);
  padding: 8px 16px;
  z-index: 11;
}
.casinoCategoryChooserContainer .horizontalSliderWrapper {
  overflow-x: auto;
  scrollbar-width: none;
  background: rgba(var(--b),1);
  border-radius: var(--border-radius-big);
  border: 1px solid rgba(var(--b-sc),.12);
  position: relative;
  height: 100%;
}
/* Subtle glass overlay on whole bar */
.casinoCategoryChooserContainer .horizontalSliderWrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(var(--b-sc),.07), transparent);
  pointer-events: none;
  z-index: 1;
  border-radius: var(--border-radius-big);
}
.horizontalSliderWrapper::-webkit-scrollbar { display:none; }
.casinoCategoryChooserContainer .horizontalSliderRow {
  display: flex;
  height: 100%;
  padding: 0 16px;
  align-items: stretch;
  gap: 0;
}
/* Each category item wrapper — inline in bar, no separate cards */
.casinoCategoryChooserContainer .horizontalCategoryItemWrp {
  cursor: pointer;
  position: relative;
  padding: 0;
  background: transparent;
  border-radius: 0;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  border: none;
  transition: all .3s ease;
}
/* No pseudo overlays on normal items */
.casinoCategoryChooserContainer .horizontalCategoryItemWrp::before,
.casinoCategoryChooserContainer .horizontalCategoryItemWrp::after {
  display: none;
}
/* Inner category item */
.casinoCategoryChooserContainer .horizontalCategoryItem {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 24px;
  height: 100%;
  font-size: 16px;
  color: rgba(var(--b-sc),.5);
  white-space: nowrap;
  transition: all .3s ease;
  position: relative;
  background: none;
  border: none;
  border-radius: unset;
}
/* === ACTIVE STATE === */
.casinoCategoryChooserContainer .horizontalCategoryItemWrp.active {
  background: linear-gradient(to top, rgba(var(--hero),.7), transparent 60%);
}
/* Active pink bottom line */
.casinoCategoryChooserContainer .horizontalCategoryItemWrp.active::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgba(var(--hero),1);
  box-shadow: 0 0 15px rgba(var(--hero),.9);
  z-index: 2;
}
.casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horCatItemTitle {
  color: rgba(var(--b-sc),.95);
  font-weight: 600;
}
.casinoCategoryChooserContainer .horizontalCategoryItemWrp.active i {
  color: rgba(var(--b-sc),.95);
  -webkit-text-fill-color: rgba(var(--b-sc),.95);
  background: none;
}
/* === HOVER STATE (non-active) === */
.casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover:not(.active) .horCatItemTitle,
.casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover:not(.active) i {
  color: rgba(var(--b-sc),.8);
}
/* Icon size */
.casinoCategoryChooserContainer .horizontalCategoryItem i { font-size: 36px; }
.horCatItemTitleWrp { display:flex; }
.horCatItemTitle { font-size:14px; font-weight:500; text-transform:capitalize; margin:0; max-width:none; white-space:nowrap; }

/* ===== Provider + Games Area ===== */
.casinoProviderContent { margin-top:0; padding-top:0; }
.casinoProviderRow {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: rgba(var(--b),1);
  text-transform: uppercase;
  border-bottom: 1px solid rgba(var(--b-sc),.08);
}
.casinoProviderBlockTitle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(var(--b-sc),.9);
  cursor: pointer;
  min-width: 190px;
}
.casinoProviderBlockTitle i { font-size:8px; }
.casinoGameListTitle {
  color: rgba(var(--b-sc),.9);
  font-size: 13px;
  font-weight: 500;
}
.casinoProviderAndGame {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
}

/* Provider Block (left panel) */
.casinoProviderBlock {
  min-width: 200px;
  max-width: 200px;
  border-right: 1px solid rgba(var(--b-sc),.08);
}
.casinoProviderBlockHolder { padding:10px; }
.providerSearchAndReset { margin-bottom:12px; }
.providerSearchRow { margin-bottom:8px; }

/* Search Input */
.searchInputWrp {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  width: 100%;
}
.searchInput {
  width: 100%;
  background: rgba(var(--b-sc),.04);
  border: 1px solid rgba(var(--b-sc),.2);
  border-radius: 8px;
  padding: 0 36px 0 12px;
  color: rgba(var(--b-sc),.9);
  font-size: 13px;
  height: 100%;
  outline: none;
  transition: all .2s ease;
}
.searchInput:focus {
  border-color: rgba(var(--b-sc),.35);
  background: rgba(var(--b-sc),.06);
}
.searchInput::placeholder { color:rgba(var(--b-sc),.4); font-size:13px; }
.searchInputIcon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(var(--b-sc),.4);
  font-size: 16px;
  pointer-events: none;
  margin: 0;
  line-height: 1;
}
.providerResetRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.providerCountTxt { font-size:11px; color:rgba(var(--b-sc),.5); }
.providerTypeIconWrp { display:flex; }
.providerItemsContainer {
  max-height: 500px;
  overflow-y: auto;
}
.providerItemsHolder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.providerItemsInner {
  position: relative;
  width: 90px;
  height: 50px;
  background: rgba(var(--b-sc),.1);
  border-radius: 4px;
  cursor: pointer;
  transition: all var(--default-transition-duration);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  vertical-align: middle;
}
.providerItemsInner:hover,.providerItemsInner.active {
  background: rgba(var(--b-sc),.1);
}
.providerItemsBtn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.providerItemsBtn img,
.providerItemsBtn svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-size: 16px;
  color: rgba(var(--b-sc),1);
  opacity: .6;
  filter: grayscale(100%);
  transition: opacity var(--default-transition-duration), filter var(--default-transition-duration);
}
.providerItemsInner:hover .providerItemsBtn img,
.providerItemsInner:hover .providerItemsBtn svg,
.providerItemsInner.active .providerItemsBtn img,
.providerItemsInner.active .providerItemsBtn svg {
  filter: inherit;
  opacity: 1;
}
.providerItemsBtn svg path {
  fill: rgba(var(--b-sc),.8);
}
.providerTextLogo {
  font-size: 10px;
  font-weight: 700;
  color: rgba(var(--b-sc),.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.providerItemsInner:hover .providerTextLogo,
.providerItemsInner.active .providerTextLogo {
  color: rgba(var(--b-sc),.9);
}
/* Provider Badge */
.providerBadgeBlock.badge-top {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 0;
}
.providerBadgeBlock.badge-top::after {
  content: attr(data-badge);
  font-size: 7px;
  font-weight: 700;
  color: #fff;
  background: rgba(var(--brand),1);
  padding: 1px 4px;
  border-radius: 3px;
  text-transform: uppercase;
}
.providerItemsInnerLoader {
  height: 32px;
  background: rgba(var(--b-sc),.04);
  border-radius: var(--border-radius);
  margin-bottom: 4px;
  animation: skeleton-pulse 1.5s infinite;
}

/* Skeleton Loader */
@keyframes skeleton-pulse {
  0%,100% { opacity:.4; }
  50% { opacity:.8; }
}
.skeleton-loader-slider-cube,
.skeleton-loader-game-cube {
  background: rgba(var(--b-sc),.04);
  border-radius: 8px;
  animation: skeleton-pulse 1.5s infinite;
}
.skeleton-loader-slider-cube { height:36px; min-width:100px; }
.skeleton-loader-game-cube { aspect-ratio:1; }
.horizontalCategoryItemLoaderBlock { padding:8px 12px; }

/* Game List Block */
.casinoGameListBlock { padding:0 var(--padding-page-aside, 16px) 16px; }
.casinoGameListBlockHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  position: sticky;
  top: 0;
  background: rgba(var(--b),1);
  z-index: 10;
}
/* Game Search Header */
.casinoTitleSearch {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 36px;
}
.casinoInputWrp {
  flex: 1;
  height: 100%;
}
.casinoInputWrp .searchInputWrp {
  height: 100%;
}
.selectedProviderBlock { display:none; }

/* Icon Buttons (search, sort, view-list) */
.iconButtonBlock {
  background: rgba(var(--b-sc),.06);
  border: 1px solid rgba(var(--b-sc),.15);
  color: rgba(var(--b-sc),.5);
  font-size: 16px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  cursor: pointer;
  padding: 0;
  transition: all .2s ease;
}
.iconButtonBlock:hover { 
  color: rgba(var(--b-sc),.8); 
  background: rgba(var(--b-sc),.1);
  border-color: rgba(var(--b-sc),.3);
}
.tooltipIconWrapper { display:flex; align-items:center; }
.tooltipIconWrapper > i {
  font-size: 16px;
  color: rgba(var(--b-sc),.5);
  cursor: pointer;
  transition: color var(--default-transition-duration);
}
.tooltipIconWrapper > i:hover { color: rgba(var(--b-sc),.8); }

/* Games Grid */
.casinoGameItemWrp { padding-top:0; }
.casino-category-types {
  display: grid;
  grid-gap: 20px;
  margin: 10px 0 20px;
  grid-template-rows: max-content;
}
.casinoCategoryGames {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.casino-category-types-full .casinoCategoryGames {
  z-index: 1;
}
.casinoCategoryGames .casinoGameItemContent {
  position: relative;
  cursor: pointer;
  transition: transform var(--default-transition-duration);
  background: rgba(var(--b-sc),.1);
  border-radius: var(--border-radius);
  overflow: hidden;
  width: calc((100% - 50px) / 6);
  flex-shrink: 0;
}
@media (max-width: 1200px) { .casinoCategoryGames .casinoGameItemContent { width: calc((100% - 40px) / 5); } }
@media (max-width: 992px) { .casinoCategoryGames .casinoGameItemContent { width: calc((100% - 30px) / 4); } }
@media (max-width: 768px) { .casinoCategoryGames .casinoGameItemContent { width: calc((100% - 20px) / 3); } }
@media (max-width: 480px) { .casinoCategoryGames .casinoGameItemContent { width: calc((100% - 10px) / 2); } }
.casinoCategoryGames .casinoGameItemContent:hover { transform:translateY(-4px); }
.casinoGameItem {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.casinoCategoryGames .casinoGameItemImage {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius);
}

/* Game Card Hover Overlay */
.casinoGameHover {
  position: absolute;
  inset: 0;
  background: rgba(var(--b),.85);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  transition: opacity .2s ease;
  border-radius: var(--border-radius);
  z-index: 2;
  padding: 8px;
}
.casinoGameItem:hover .casinoGameHover {
  opacity: 1;
}
.casinoGameHoverTop {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.casinoGameHoverFav,
.casinoGameHoverInfo {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(var(--b-sc),.6);
  background: rgba(var(--b-sc),.08);
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s ease;
}
.casinoGameHoverFav:hover,
.casinoGameHoverInfo:hover {
  color: rgba(var(--b-sc),1);
  background: rgba(var(--b-sc),.15);
}
.casinoGameHoverName {
  color: rgba(var(--b-sc),.95);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px;
}
.casinoGameHoverButtons {
  display: flex;
  gap: 6px;
  width: 100%;
  margin-top: 4px;
}
.casinoGameHoverBtn {
  flex: 1;
  height: 32px;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  cursor: pointer;
  transition: all .2s ease;
  text-transform: uppercase;
}
.casinoGameHoverBtn.btn-oyna {
  background: linear-gradient(135deg, rgba(var(--hero),1), rgba(var(--hero),.8));
  color: #fff;
}
.casinoGameHoverBtn.btn-oyna:hover {
  filter: brightness(1.15);
}
.casinoGameHoverBtn.btn-demo {
  background: rgba(var(--b-sc),.1);
  color: rgba(var(--b-sc),.9);
  border: 1px solid rgba(var(--b-sc),.2);
}
.casinoGameHoverBtn.btn-demo:hover {
  background: rgba(var(--b-sc),.15);
  border-color: rgba(var(--b-sc),.3);
}

/* Show More Button */
.casinoGameListShowMore {
  padding: 20px 0;
  text-align: center;
}

/* ===== Game Launch ===== */
.game-launch-area {
  display: none;
  position: relative;
  width: 100%;
  background: #000;
}
body.game-open {
  overflow: hidden;
}
body.game-open #root {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  overflow: hidden !important;
}
body.game-open .layout-header-holder-bc {
  flex-shrink: 0;
}
body.game-open .main-content-bc,
body.game-open .layout-footer-holder-bc,
body.game-open .layout-betslip-holder-bc {
  display: none !important;
}
body.game-open .game-launch-area {
  display: block !important;
  flex: 1;
  min-height: 0;
}
.game-launch-icons {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 10;
  display: flex;
  gap: 4px;
  background: rgba(0,0,0,.55);
  border-radius: 6px;
  padding: 4px 6px;
}
.game-launch-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: rgba(255,255,255,.65);
  font-size: 15px;
  cursor: pointer;
  border-radius: 4px;
  transition: color .15s, background .15s;
}
.game-launch-icon:hover {
  color: #fff;
  background: rgba(255,255,255,.12);
}
.game-launch-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.game-launch-area:fullscreen {
  background: #000;
}
.game-launch-area:fullscreen .game-launch-icons {
  position: fixed;
  top: 6px;
  right: 6px;
  z-index: 99999;
}
.game-launch-area:fullscreen .game-launch-iframe {
  width: 100vw;
  height: 100vh;
}

/* ===== Footer ===== */
.layout-footer-holder-bc {
  background: rgba(var(--b),1);
  border-top: 1px solid rgba(var(--b-sc),.08);
}
.open-footer-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  cursor: pointer;
  color: rgba(var(--b-sc),.5);
  font-size: 20px;
}
.footerWrapper { padding:0; }
.footerContainerWrapper { padding:0; }
.footerContainer { padding:24px 32px; }
.footerHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 16px;
}
.footerTopButtonGroup { display:none; }
.footerInnerLeftCol { display:flex; }
.footerSocialLinks { display:flex; gap:12px; }
.footerSocialLink a {
  width: 36px;
  height: 36px;
  background: rgba(var(--b-sc),.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--b-sc),.5);
  font-size: 18px;
  transition: all var(--default-transition-duration);
}
.footerSocialLink a:hover { background:rgba(var(--b-sc),.15); color:rgba(var(--b-sc),.9); }
.footerInfoColumn {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Footer Links */
.footerLinksSection { margin-bottom:24px; }
.footerLinkCols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width:768px) { .footerLinkCols { grid-template-columns:1fr; gap:24px; } }
.footerLinkColTitle {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: rgba(var(--b-sc),1);
}
.footerLinkColLinks li { margin-bottom:8px; }
.footerLinkColEl a {
  font-size: 12px;
  color: rgba(var(--b-sc),.5);
  transition: color var(--default-transition-duration);
}
.footerLinkColEl a:hover { color:rgba(var(--b-sc),.9); }
.footerLinkColEl a i { display:none; }

/* Footer Slider / Payments */
.sliderGroup { margin-bottom:20px; }
.sliderContent { margin-bottom:16px; }
.sliderTitle {
  font-size: 12px;
  font-weight: 700;
  color: rgba(var(--b-sc),.5);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sliderSingleElWrapper { display:inline-block; margin-right:8px; margin-bottom:8px; vertical-align:top; }
.sliderSingleEl {
  display: flex;
  align-items: center;
}
.sliderSingleEl img { height:40px; width:auto; }
.ftr-copy-rights-bc {
  font-size: 11px;
  color: rgba(var(--b-sc),.4);
  line-height: 1.6;
  max-width: 600px;
}
.ftr-copy-rights-bc a { color:rgba(var(--brand),1); }

.horizontalSliderElem {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  background: rgba(var(--b-sc),.06);
  border-radius: var(--border-radius);
  margin-right: 6px;
  margin-bottom: 6px;
  font-size: 12px;
  color: rgba(var(--b-sc),.6);
  white-space: nowrap;
}
.horizontalSliderImg { height:24px; width:auto; }

/* Footer Bottom */
.copyRightBlock {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(var(--b-sc),.08);
}
.footerWarning { display:flex; }
.footerWarningAge {
  width: 32px;
  height: 32px;
  background: rgba(var(--oc-3),1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: rgba(var(--oc-3-sc),1);
}
.footerCopyrights {
  font-size: 11px;
  color: rgba(var(--b-sc),.4);
}

/* ===== Popup (hidden) ===== */
.popup-holder-bc.hidden { display:none; }
.layout-betslip-holder-bc { display:none; }

/* ===== BetConstruct Icon Font placeholder (bc-i-*) ===== */
[class*="bc-i-"] { font-style:normal; }

/* ===== Swiper Overrides ===== */
/* Trending swiper arrows only */
.trendingSwiper .swiper-button-prev,
.trendingSwiper .swiper-button-next {
  color: rgba(var(--b-sc),.75);
  background: rgba(var(--b),.6);
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.trendingSwiper .swiper-button-prev::after,
.trendingSwiper .swiper-button-next::after { font-size: 14px; }

/* ===== Logged-in Header User Area ===== */
.hdr-logged-in {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-user-nav {
  display: flex;
  align-items: center;
  gap: 0;
}
.header-user-nav .nav-menu-other {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.hdr-user-info-content-bc {
  display: flex;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
}
.hdr-user-info-texts-bc {
  display: flex;
  align-items: center;
}
.balanceAmount {
  color: #d4a825;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.currencySymbol {
  color: #d4a825;
  font-weight: 700;
}
/* User avatar icon */
.hdr-user-avatar-icon-bc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(var(--b-sc),.1);
  color: rgba(var(--b-sc),.6);
  font-size: 18px;
  cursor: pointer;
  transition: background .2s;
}
.hdr-user-avatar-icon-bc:hover {
  background: rgba(var(--b-sc),.18);
}
/* Profile dropdown */
.profileDetails {
  position: relative;
}
.profileDropdown {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 200px;
  background: rgba(var(--b),1);
  border: 1px solid rgba(var(--b-sc),.12);
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
  z-index: 999;
  list-style: none;
  padding: 6px 0;
  margin: 0;
}
.profileDropdownTrigger:hover .profileDropdown {
  display: block;
}
.profileDropdown li {
  list-style: none;
}
.profileDropdown .nav-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  color: rgba(var(--b-sc),.75);
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.profileDropdown .nav-menu-item:hover {
  background: rgba(var(--b-sc),.06);
  color: rgba(var(--b-sc),.95);
}
.profileDropdown .nav-menu-item i {
  font-size: 16px;
  width: 20px;
  text-align: center;
  color: rgba(var(--b-sc),.5);
}
.logout-profile {
  border-top: 1px solid rgba(var(--b-sc),.1);
  margin-top: 4px;
  padding-top: 4px;
}
.userLogoutBtn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 16px;
  background: none;
  border: none;
  color: rgba(var(--b-sc),.75);
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  transition: background .15s, color .15s;
}
.userLogoutBtn:hover {
  background: rgba(var(--b-sc),.06);
  color: #e74c3c;
}
.userLogoutIcon {
  font-size: 16px;
  width: 20px;
  text-align: center;
}

/* ===== Login Popup ===== */
.entrance-popup-bc {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: rgba(0,0,0,.55);
  overflow-y: auto;
  padding: 30px 16px;
}
.e-p-content-holder-bc {
  width: 100%;
  max-width: 500px;
}
.e-p-content-bc {
  background: rgba(var(--b),1);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
  min-height: 720px;
  display: flex;
  flex-direction: column;
}
.e-p-header-bc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  position: relative;
}
.popup-t-logo-w-bc {
  display: flex;
  align-items: center;
}
.popup-t-logo-w-bc .hdr-logo-bc {
  height: 32px;
  width: auto;
}
.e-p-sections-bc {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.e-p-sections-bc .register {
  background: rgba(var(--hero),1);
  color: rgba(var(--hero-sc),1);
  border: none;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  white-space: nowrap;
}
.e-p-close-icon-bc {
  font-size: 22px;
  color: rgba(var(--b-sc),.6);
  cursor: pointer;
  padding: 4px;
  transition: color .2s ease;
  flex-shrink: 0;
}
.e-p-close-icon-bc:hover {
  color: rgba(var(--b-sc),1);
}
.e-p-section-title-bc {
  font-size: 14px;
  font-weight: 700;
  color: rgba(var(--b-sc),.8);
  cursor: pointer;
  transition: color .2s ease;
  text-transform: uppercase;
}
.e-p-section-title-bc:hover {
  color: rgba(var(--b-sc),1);
}
.e-p-body-bc {
  padding: 20px 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.entrance-form-bc {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.form-sign-bc {
  display: flex;
  flex-direction: column;
}
.sg-n-text-row-1-bc {
  font-size: 13px;
  color: rgba(var(--b-sc),.6);
  margin-bottom: 4px;
}
.sg-n-text-row-2-bc {
  font-size: 20px;
  font-weight: 700;
  color: rgba(var(--b-sc),1);
  margin-bottom: 24px;
}
.entrance-f-item-bc {
  margin-bottom: 12px;
}
.entrance-f-item-bc .form-control-bc {
  position: relative;
}
.entrance-f-item-bc .form-control-label-bc {
  display: block;
  position: relative;
}
.entrance-f-item-bc .form-control-input-bc {
  width: 100%;
  height: 52px;
  background: rgba(var(--b-sc),.04);
  border: 1px solid rgba(var(--b-sc),.2);
  border-radius: 4px;
  padding: 16px 16px 0;
  color: rgba(var(--b-sc),.95);
  font-size: 14px;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
}
.entrance-f-item-bc .form-control-input-bc:focus {
  border-color: rgba(var(--b-sc),.4);
  background: rgba(var(--b-sc),.06);
}
.entrance-f-item-bc .form-control-title-bc {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  font-size: 14px;
  color: rgba(var(--b-sc),.4);
  pointer-events: none;
  transition: all .2s ease;
}
.entrance-f-item-bc .form-control-input-bc:focus ~ .form-control-title-bc,
.entrance-f-item-bc .form-control-input-bc:not(:placeholder-shown) ~ .form-control-title-bc {
  top: 10px;
  transform: translateY(0);
  font-size: 10px;
  color: rgba(var(--b-sc),.5);
}
.form-control-input-stroke-bc {
  display: none;
}
.entrance-f-item-checkbox-bc {
  margin-bottom: 16px;
}
.checkbox-control-bc {
  display: flex;
  align-items: center;
}
.checkbox-control-content-bc {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.checkbox-control-input-bc {
  display: none;
}
.checkbox-control-icon-bc {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(var(--b-sc),.25);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: transparent;
  transition: all .2s ease;
  flex-shrink: 0;
}
.checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc {
  background: rgba(var(--hero),1);
  border-color: rgba(var(--hero),1);
  color: #fff;
}
.checkbox-control-text-bc {
  font-size: 13px;
  color: rgba(var(--b-sc),.7);
  margin: 0;
}
.entrance-form-actions-holder-bc {
  margin-bottom: 20px;
}
.entrance-form-action-item-bc {
  display: flex;
}
.entrance-form-action-item-bc.right {
  justify-content: stretch;
}
.entrance-form-action-item-bc .btn {
  width: 100%;
  height: 46px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3ba948;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: filter .2s ease;
}
.entrance-form-action-item-bc .btn:hover {
  filter: brightness(1.1);
}
.sg-n-forgot-password-text {
  text-align: center;
  margin-bottom: 0;
}
.sg-n-forgot-password {
  font-size: 13px;
  color: rgba(var(--b-sc),.5);
  cursor: pointer;
  transition: color .2s ease;
  margin: 0;
}
.sg-n-forgot-password:hover {
  color: rgba(var(--b-sc),.8);
}
.live-chat-adviser-bc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 0 0;
  margin-top: auto;
  border-top: 1px solid rgba(var(--b-sc),.08);
  cursor: pointer;
  transition: color .2s ease;
  min-height: 50px;
}
.live-chat-adviser-bc i {
  font-size: 18px;
  color: rgba(var(--b-sc),.5);
}
.live-chat-adviser-bc span {
  font-size: 13px;
  font-weight: 600;
  color: rgba(var(--b-sc),.5);
  text-decoration: underline;
}
.live-chat-adviser-bc:hover i,
.live-chat-adviser-bc:hover span {
  color: rgba(var(--b-sc),.8);
}

/* Register Popup Specific */
.reg-form-block-bc {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.entrance-form-bc.registration {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.entrance-form-content-bc {
  flex: 1;
}
.reg-form-content {
  display: flex;
  flex-direction: column;
}
.reg-step-title-v-bc {
  font-size: 14px;
  font-weight: 700;
  color: rgba(var(--b-sc),.7);
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.reg-form-fields {
  display: flex;
  flex-direction: column;
}
.reg-form-footer-bc {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.entrance-form-actions-holder-bc.reg-ext-1 {
  margin-bottom: 0;
}
.steps-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.step-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(var(--b-sc),.2);
  transition: background .2s ease;
}
.step-indicator-active {
  background: rgba(var(--hero),1);
}

/* ===== Responsive ===== */
@media (max-width:900px) {
  .casinoProviderAndGame { grid-template-columns:1fr; }
  .casinoProviderBlock { display:none; }
}
@media (max-width:600px) {
  .hdr-main-content-bc { padding:0 8px; }
  .header-custom-buttons .btn span { display:none; }
  .casinoJackpotPrice-bc { font-size:24px; }
  .casinoCategoryGames { grid-template-columns: repeat(auto-fill, minmax(calc((100% - 20px) / 3), 1fr)); }
  .footerContainer { padding:16px; }
}