/* ═══════════════════════════════════════════════════════════════
   RobinBet Mobile Theme — Complete Mobile Redesign
   Matches RobinBet mobile screenshot exactly
   ═══════════════════════════════════════════════════════════════ */

/* ── ROOT CSS VARIABLE OVERRIDES (critical - must override global.css) ── */
:root {
  --primary: #D4AF37 !important;
  --secondary: #D4AF37 !important;
  --secondary-rgb: 212,175,55 !important;
  --primary-rgb: rgba(212,175,55,0.9) !important;
  --primary-rgb2: rgba(212,175,55,0.5) !important;
  --primary-rgb3: rgba(212,175,55,0.3) !important;
  --body-bg: #000000 !important;
  --headerBG: #000000 !important;
  --menuBG: #000000 !important;
  --menu-text: #D4AF37 !important;
  --sidebarBG: #000000 !important;
  --footer-bg: #000000 !important;
  --darkBG: #000000 !important;
  --darkGray: #121212 !important;
  --white-color: var(--white-color) !important;
  --btntText: #000000 !important;
  --hover-color: #c9a42e !important;
  --login-button-bg: transparent !important;
  --login-button-text: #D4AF37 !important;
  --gameBox: #121212 !important;
  --oddBox: #1a1a1a !important;
  --oddBoxHover: #2a2a2a !important;
  --betSlipBG: #121212 !important;
  --mobileFootIcon: #D4AF37 !important;
  --tabText: #ffffff !important;
  --base-con: #121212 !important;
  --gold: #D4AF37;
  --gold-light: #e8cc6e;
  --gold-dark: #b8972e;
  --green-deep: #000000;
  --green-dark: #000000;
  --green-mid: #000000;
  --green-card: #121212;
  --green-border: #2a2a2a;
  --green-hover: #1a1a1a;
}

/* ── HTML ELEMENT OVERRIDE ── */
html, html.mobile-root {
  background-color: var(--body-bg) !important;
  background-image: none !important;
}

/* ── ROOT MOBILE OVERRIDES ── */
body.mobile-site {
  background-color: var(--body-bg) !important;
  background-image: none !important;
  color: var(--white-color) !important;
}

/* ── MOBILE ANNOUNCEMENT BAR ── */
.mob-announcement-bar {
  background: #000000;
  border-bottom: 0.8px solid rgba(255,255,255,0.05);
  padding: 8px 16px;
  text-align: center;
  font-size: 12px;
  color: var(--primary);
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: relative;
}
.mob-announcement-bar i {
  font-size: 12px;
  color: var(--primary);
}
.mob-announcement-bar a {
  color: var(--primary);
  font-weight: 700;
  text-decoration: underline;
}
.mob-announcement-bar .mob-announce-close {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  color: rgba(255,255,255,0.4);
  font-size: 16px;
  cursor: pointer;
  padding: 0 4px;
}

/* ── MOBILE HEADER ── */
.mobileHeader {
  background: rgb(0, 0, 0) !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}
.mobileHeader-inner {
  background: transparent !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Logo */
.mobileHeader-logo {
  flex-shrink: 0;
}
.mobileHeader-logo img {
  height: 36px !important;
  width: auto !important;
}

/* Login/Register buttons - RobinBet style */
.mobileHeader-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
}

.mobileHeader-actions .btn-outline-light,
.mobileHeader-actions #Giris {
  border: none !important;
  color: #fff !important;
  background: transparent !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  transition: all 0.2s !important;
  text-shadow: none !important;
}
.mobileHeader-actions #Giris:hover {
  border-color: rgba(212,175,55,0.3) !important;
  background: rgba(0,0,0,0.8) !important;
  color: #fff !important;
}

.mobileHeader-actions .btn-primary,
.mobileHeader-actions #openRegister {
  background: rgb(211, 175, 55) !important;
  color: #1a1a00 !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

/* Search button - hide on mobile header for cleaner look */
.mobileHeader-actions .header-search-btn {
  display: none !important;
}

/* Smart panel 3-dots */
.mobileHeader-smartPanel .hdr-toggle-button-bc {
  color: var(--primary) !important;
  font-size: 20px !important;
}

/* Smart panel dropdown */
.mobileHeader-smartPanel .hdr-smart-panel-holder-bc {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
}
.mobileHeader-smartPanel .sp-button-bc {
  color: var(--text-muted) !important;
}
.mobileHeader-smartPanel .sp-button-bc:hover {
  color: var(--primary) !important;
}

/* Balance area (logged in) — BS-paralel plain text (ITER 338)
   Source: live measurement m.bahissende302.com 2026-05-08
     .hdr-user-info-content-bc → 33.7×14.4 plain inline-flex, NO bg, NO border, NO padding
     .balanceAmount → font-size 12px, font-weight 500, color #fff
   ITER 333 (pill 170px max-width, 14px radius, translucent bg, gold border) → ITER 338 (plain text):
   - Background rgba(0,0,0,0.4) → transparent (none)
   - Border 1px gold → none
   - Border-radius 14px → 0
   - Padding 4px 10px → 0
   - Max-width 170px → none
   - Font-size 11px (.balance-v) → 12px (BS canonical)
   - Font-weight 600 → 500 (BS canonical)
*/
.mobileHeader-balance {
  background: transparent !important;
  border: 0 none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  text-align: right !important;
}
.mobileHeader-balance-line {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}
.mobileHeader-balance-pair {
  display: inline-flex !important;
  justify-content: flex-end !important;
  gap: 3px !important;
}
.mobileHeader-balance-k {
  display: none !important;
}
.mobileHeader-balance-v {
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

/* Profile icon (logged in) — BS-paralel 28px translucent + gold silhouette (ITER 335)
   Source: bs-mirror-local/assets/index.7tkrlqxF.css `.avatarHolderImg`
     border-radius:50%; background:rgba(var(--b-sc),.4); width:28px; height:28px; padding:2px
   ITER 333 → 335 corrections (user screenshot rejection 2026-05-07):
   - Size 36→28 (BS canonical width/height)
   - Background solid #d4af37 → rgba(255,255,255,.15) translucent (BS muted look)
   - Border 1px #d4af37 solid → 1px rgba(212,175,55,.35) thin gold ring
   - Icon color #000 black → #d4af37 gold (via SVG currentColor)
   - Add padding:2px (BS canonical inner gutter)
   - Inner SVG 20→18px (proportional to smaller avatar)
*/
/* ITER 339 — BS-paralel avatar plain font glyph (supersedes ITER 333+335)
   Source: live measurement m.bahissende302.com 2026-05-08
     .hdr-user-avatar-icon-bc.bc-i-user → 28×28 plain inline, NO bg, NO border, NO padding
     color: rgba(255,255,255,0.6); font-size: 28px; font-family: BetConstruct-Icons
     glyph rendered via ::before content (font codepoint Private Use Area)
   Per rule #121 ITER 336 reinterp: BetConstruct-Icons platform font allowed (operator infra,
   not game-studio licensed asset). Already loaded for bottom-tab.
   ITER 335 (translucent disc + gold ring) → ITER 339 (plain font glyph BS-exact):
   - bg rgba(255,255,255,.15) → transparent
   - border 1px gold → none
   - padding 2px → 0
   - border-radius 50% → 0 (no box, just glyph)
   - color #d4af37 → rgba(255,255,255,0.6)
   - inner SVG removed; uses bc-i-user font glyph ::before
   - height stretching fix: align-self center + box-sizing border-box prevent flex stretch */
.mobileHeader-profile-icon,
.mobileHeader-profile-icon--bs {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  box-sizing: border-box !important;
  align-self: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 none !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  box-shadow: none !important;
}
/* Hide any leftover inline SVG from old markup (defensive) */
.mobileHeader-profile-icon .mobileHeader-profile-svg,
.mobileHeader-profile-icon > svg {
  display: none !important;
}

/* ── ITER 334 — BS-paralel inline SVG icon sizing (Material Icons Apache-2.0)
   Replaced FA/bc-i font glyphs with inline SVGs for:
   - announcement bar shield (mob-announce-icon)
   - smart panel 3-dot toggle (hdr-toggle-icon)
   - smart panel buttons: bell/star/gear/headset/receipt (sp-button-icon-bc)
   Rule #121 compliant: woff2 re-host yasak, MR-owned SVG glyphs.
   ─────────────────────────────────────────────────────────────── */
.mob-announce-icon,
.mob-announce-icon--bs {
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  fill: currentColor !important;
}
.hdr-toggle-icon,
.hdr-toggle-icon--bs {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: currentColor !important;
  pointer-events: none !important;
}
.hdr-toggle-button-bc svg.hdr-toggle-icon {
  margin: 0 auto !important;
}
.sp-button-bc svg.sp-button-icon-bc,
.sp-button-bc svg.sp-button-icon-bc--bs {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: currentColor !important;
  pointer-events: none !important;
}

/* ── DEPOSIT QUICK BUTTON (below header) ── */
.mob-deposit-quick {
  padding: 6px 12px;
  display: flex;
  align-items: center;
}
.mob-deposit-quick-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(212,175,55,0.1);
  border: 1px solid rgba(212,175,55,0.25);
  border-radius: 20px;
  padding: 5px 12px;
  color: var(--primary);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}
.mob-deposit-quick-btn i {
  font-size: 14px;
}

/* ── NAVIGATION TABS (SPOR | CASINO | OYUNLAR | PREDICTOR) ── */
.mainMenu {
  background: rgb(0, 0, 0) !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
  border-top: none !important;
  padding: 0 !important;
}
.mainMenu ul {
  background: transparent !important;
  display: flex !important;
  justify-content: space-around !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.mainMenu ul::-webkit-scrollbar {
  display: none !important;
}
.mainMenu ul li {
  flex: 1 !important;
  text-align: center !important;
}
.mainMenu ul li a {
  color: var(--white-color) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 14px 8px !important;
  display: block !important;
  white-space: nowrap !important;
  transition: color 0.2s !important;
  border-bottom: 2px solid transparent !important;
}
.mainMenu ul li a:hover,
.mainMenu ul li a.active,
.mainMenu ul li.active a {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}
/* Hide SVG icons in menu tabs - text only like RobinBet */
.mainMenu ul li a .CMSIconSVGWrapper {
  display: none !important;
}

/* ── SLIDER / BANNER ── */
.home-hero-slider {
  border-radius: 0 !important;
  margin: 0 !important;
}
.home-hero-slider-inner {
  border-radius: 0 !important;
}

/* ── PRODUCT BANNER CARDS (3-column grid like RobinBet) ── */
.hm-row-bc {
  padding: 10px 8px 0 !important;
  gap: 6px !important;
  grid-template-columns: repeat(3, 1fr) !important;
  max-width: 100% !important;
}
.product-banner-info-bc {
  border-radius: 8px !important;
  border: 1px solid var(--border-color) !important;
  overflow: hidden !important;
}
.product-banner-info-bc:hover {
  border-color: var(--card-border-hover) !important;
}
.hm-row-bc .product-banner-bc {
  animation: none !important;
}

/* ── CATEGORY CARDS (mobile - hide, use banners instead) ── */
.rb-category-cards {
  display: none !important;
}

/* ── GAME CARDS ── */
.game-cta,
.game-item {
  border-radius: 8px !important;
  border: 1px solid var(--card-border) !important;
}
.game-cta:hover,
.game-item:hover {
  border-color: rgba(212,175,55,0.2) !important;
}
.game-overlay::before {
  background: rgba(5,15,10,0.75) !important;
}
.play-btn {
  background: var(--primary-gradient) !important;
  color: #000 !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* ── JACKPOT / WINNERS ── */
.jp-section {
  background: linear-gradient(145deg, #121212 0%, #000000 100%) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
}
.jp-amount, .jp-count {
  color: var(--primary) !important;
}

/* ── TITLE SECTIONS ── */
.title h2:first-child {
  color: var(--primary) !important;
}
.title::after {
  background: linear-gradient(to right, transparent 0%, rgba(212,175,55,0.35) 20%, rgba(212,175,55,0.35) 80%, transparent 100%) !important;
}
.title a {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* ── MOBILE BOTTOM BAR ── (v11.0 BS-exact: static, scroll-end visibility) */
.mobFooter {
  background: #000 !important;
  border-top: 0.8px solid rgb(210, 176, 56) !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.5) !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  padding: 6px 0 !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}
.mobFooter-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  padding: 4px 8px !important;
  position: relative !important;
  transition: color 0.2s !important;
  flex: 1 !important;
}
.mobFooter-item:hover,
.mobFooter-item.active {
  color: var(--primary) !important;
}
.mobFooter-item svg,
.mobFooter-item .CMSIconSVGWrapper svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}
.mobFooter-item .CMSIconSVGWrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mobFooter-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
}

/* Bottom bar badge (like "107" on CANLI) */
.mobFooter-item .mobFooter-badge,
.mobFooter-item [class*="badge"] {
  position: absolute !important;
  top: -2px !important;
  right: 50% !important;
  transform: translateX(14px) !important;
  background: var(--primary) !important;
  color: #000 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 1px 5px !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;
  min-width: 12px !important;
  text-align: center !important;
}

/* ── MOBILE MENU OVERLAY ── */
.mobileMenu-overlay {
  background: rgba(0,0,0,0.6) !important;
}
.mobileMenu {
  background: #000000 !important;
  color: var(--white-color) !important;
}
.mobileMenu-header {
  background: var(--card-bg) !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
}
.mobileMenu-title {
  color: var(--primary) !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}
.mobileMenu-close svg {
  stroke: #D4AF37 !important;
}
.mobileMenu-body {
  background: var(--body-bg) !important;
}

/* Menu grid cards */
.mobileMenu-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
  color: var(--white-color) !important;
}
.mobileMenu-card:hover {
  border-color: var(--card-border-hover) !important;
  background: var(--hover-bg) !important;
}
.mobileMenu-card-icon svg {
  fill: #D4AF37 !important;
}
.mobileMenu-card-label {
  color: rgba(255,255,255,0.85) !important;
}

/* Menu section titles */
.mobileMenu-section-title {
  color: var(--primary) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

/* Menu list items */
.mobileMenu-list-item {
  color: var(--text-muted) !important;
  border-bottom: 1px solid rgba(212,175,55,0.06) !important;
}
.mobileMenu-list-item:hover {
  color: var(--primary) !important;
  background: rgba(212,175,55,0.05) !important;
}
.mobileMenu-list-icon {
  color: var(--primary) !important;
}
.mobileMenu-list-item--danger {
  color: #ff6b6b !important;
}

/* ── FORMS ── */
body.mobile-site input,
body.mobile-site select,
body.mobile-site textarea,
body.mobile-site .form-control {
  background: var(--input-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
  color: var(--white-color) !important;
  border-radius: 8px !important;
}
body.mobile-site input:focus,
body.mobile-site .form-control:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px rgba(212,175,55,0.15) !important;
}
body.mobile-site input::placeholder {
  color: var(--text-secondary-muted) !important;
}

/* ── BUTTONS ── */
body.mobile-site .btn-primary {
  background: var(--primary-gradient) !important;
  color: #000 !important;
  border: none !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}

/* ── MODALS ── */
body.mobile-site .modal-content {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
  color: var(--white-color) !important;
}

/* ── FOOTER ── */
body.mobile-site footer,
body.mobile-site .footer,
body.mobile-site .footerArea {
  background: var(--footer-bg) !important;
  border-top: 1px solid var(--border-color) !important;
  padding-bottom: 70px !important;
}
body.mobile-site footer a {
  color: rgba(255,255,255,0.55) !important;
}
body.mobile-site footer a:hover {
  color: var(--primary) !important;
}

/* ── CARDS / PANELS ── */
body.mobile-site .card,
body.mobile-site .panel {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 10px !important;
}

/* ── TABLES ── */
body.mobile-site table th {
  background: var(--input-bg) !important;
  color: var(--primary) !important;
}
body.mobile-site table td {
  background: var(--card-bg) !important;
}

/* ── PROMOTIONS ── */
body.mobile-site .promo-card,
body.mobile-site .promotion-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
}

/* ── SLOT PAGE ── */
body.mobile-site .slot-category-btn,
body.mobile-site .category-tab {
  background: var(--input-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
  color: var(--white-color) !important;
  border-radius: 8px !important;
}
body.mobile-site .slot-category-btn.active,
body.mobile-site .category-tab.active {
  background: var(--active-bg) !important;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* ── LINKS ── */
body.mobile-site a {
  color: var(--primary);
}
body.mobile-site a:hover {
  color: var(--primary-light);
}

/* ── SCROLLBAR ── */
body.mobile-site::-webkit-scrollbar { width: 0; display: none; }

/* ── SELECTION ── */
body.mobile-site ::selection {
  background: rgba(212,175,55,0.25);
  color: var(--white-color);
}

/* ── TOASTS ── */
body.mobile-site .iziToast {
  background: var(--card-bg) !important;
  border-color: var(--border-color-strong) !important;
}

/* ── SWIPER ── */
body.mobile-site .swiper-pagination-bullet {
  background: rgba(212,175,55,0.3) !important;
}
body.mobile-site .swiper-pagination-bullet-active {
  background: var(--primary) !important;
}

/* ── PROFILE ── */
body.mobile-site .profile-sidebar a:hover,
body.mobile-site .profile-sidebar a.active {
  color: var(--primary) !important;
  background: var(--hover-bg) !important;
}

/* ── SLOT HERO TABS ── */
body.mobile-site .slot-hero-tab {
  color: var(--text-muted) !important;
  background: transparent !important;
}
body.mobile-site .slot-hero-tab--active,
body.mobile-site .slot-hero-tab.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}

/* ── LIVE BADGE ── */
body.mobile-site .live-badge,
body.mobile-site .live-count {
  background: var(--primary) !important;
  color: #000 !important;
  font-weight: 700 !important;
}

/* ── WINNERS ── */
body.mobile-site .slot-winners-wrap {
  background: linear-gradient(145deg, #121212 0%, #000000 100%) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
}

/* ── CAMPAIGN BANNER ── */
body.mobile-site .live-casino-banner-wrap {
  padding: 0 !important;
  margin: 8px auto !important;
}
body.mobile-site .live-casino-banner {
  border-radius: 0 !important;
}

/* ── LOADING / SKELETON ── */
body.mobile-site .skeleton,
body.mobile-site .loading-placeholder {
  background: linear-gradient(90deg, #121212 25%, #1a1a1a 50%, #121212 75%) !important;
  background-size: 200% 100% !important;
  animation: shimmer 1.5s infinite !important;
}

/* ── SWAL ── */
body.mobile-site .swal2-popup {
  background: var(--card-bg) !important;
  color: var(--white-color) !important;
}
body.mobile-site .swal2-confirm {
  background: var(--primary) !important;
  color: #000 !important;
}

/* ── BETSLIP PANEL ── */
body.mobile-site .betslip-panel,
body.mobile-site .betslip-container {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
}

/* ── AUTH MODALS ── */
body.mobile-site .form-control-input-bc {
  background: var(--input-bg) !important;
  border-color: var(--border-color-strong) !important;
  color: var(--white-color) !important;
}
body.mobile-site .form-control-input-bc:focus {
  border-color: var(--primary) !important;
  background: var(--hover-bg) !important;
}
body.mobile-site .form-control-title-bc {
  color: rgba(255,255,255,0.5) !important;
}

/* --- Modal z-index fix: above mobile header --- */
body.mobile-site .modal {
  z-index: 1060 !important;
}
body.mobile-site .modal-backdrop {
  z-index: 1055 !important;
}

/* --- Login Modal (#login2) mobile fix --- */
/* BahisSende birebir kopya - computed styles */

/* Full-screen modal */
body.mobile-site #login2 { z-index: 1060 !important; }
body.mobile-site #login2 .modal-dialog {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  height: 100vh !important;
  padding: 0 !important;
  top: 0 !important;
  transform: none !important;
}
@supports (height: 100dvh) {
  body.mobile-site #login2 .modal-dialog { height: 100dvh !important; }
}
body.mobile-site #login2.modal.fade .modal-dialog,
body.mobile-site #login2.modal.show .modal-dialog {
  transform: none !important;
}
body.mobile-site #login2 .modal-content {
  background: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100vh !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
@supports (height: 100dvh) {
  body.mobile-site #login2 .modal-content { max-height: 100dvh !important; }
}
body.mobile-site #login2 .modal-body {
  padding: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* Container */
body.mobile-site #login2 .login-modal-container {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  padding: 0 !important;
  gap: 0 !important;
}
@supports (height: 100dvh) {
  body.mobile-site #login2 .login-modal-container {
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
}

/* HEADER - 49px, padding 0 52px 0 7px, flex, no border */
body.mobile-site #login2 .login-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 52px 0 7px !important;
  border-bottom: none !important;
  flex-shrink: 0 !important;
  min-height: 49px !important;
  height: 49px !important;
  position: relative !important;
  background: transparent !important;
}
body.mobile-site #login2 .login-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin-left: 3px !important;
}

/* Logo - 100x46px */
body.mobile-site #login2 .login-logo-img {
  height: 46px !important;
  width: 100px !important;
  object-fit: contain !important;
  padding: 2px 0 !important;
}

/* Close button - absolute right:7px top:12px */
body.mobile-site #login2 .login-close {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 24px !important;
  padding: 0 4px !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 7px !important;
  top: 12px !important;
  z-index: 2 !important;
}

/* KAYIT BUTTON - #D3AF37 bg, white text, 28px height, radius 4px */
body.mobile-site #login2 .login-register-btn {
  min-height: 28px !important;
  max-height: 28px !important;
  background: rgb(211, 175, 55) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 0 8px !important;
  height: 28px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
  margin-left: 12px !important;
  min-width: 49px !important;
  background-image: none !important;
}

/* TEXT BLOCK - "Hesabiniz var mi?" + "HEMEN GIRIS YAPIN!" */
body.mobile-site #login2 .login-text-block {
  padding: 15px 7px 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
body.mobile-site #login2 .login-text-block h1,
body.mobile-site #login2 .login-text-block h2 {
  margin: 0 !important;
  padding: 0 !important;
}
/* "Hesabiniz var mi?" - 12px, fw 500, half-white */
body.mobile-site #login2 .login-top-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  line-height: 16px !important;
}
/* "HEMEN GIRIS YAPIN!" - 18px, fw 900, white */
body.mobile-site #login2 .login-main-title {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #fff !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
}
body.mobile-site #login2 h1.login-main-title {
  margin: 0 0 15px 0 !important;
}

/* FORM AREA - padding 0 7px */
body.mobile-site #login2 #loginFormScreen,
body.mobile-site #login2 #forgotPasswordScreen {
  padding: 0 7px !important;
  flex-shrink: 0 !important;
}
body.mobile-site #login2 .login-form {
  margin: 0 !important;
  padding: 0 !important;
}
body.mobile-site #login2 .login-form input[type=hidden] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.mobile-site #login2 .form-group {
  margin-bottom: 15px !important;
  padding: 0 !important;
}
body.mobile-site #login2 .login-form .form-group label {
  margin-bottom: 0 !important;
}

/* INPUTS - 52px height, NO border, NO border-radius, bg rgba(255,255,255,0.15) */
body.mobile-site #login2 .form-control-label-bc.inputs,
body.mobile-site #login2 .form-control-label-bc {
  height: 52px !important;
  border-radius: 0px !important;
  border: none !important;
  background: rgba(255,255,255,0.15) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 0 15px 0 !important;
}
/* Input field - padding 20px 15px 4px, font-size 14px */
body.mobile-site #login2 .form-control-input-bc {
  padding: 20px 15px 4px 15px !important;
  font-size: 14px !important;
  height: 100% !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: rgba(255,255,255,0.9) !important;
  outline: none !important;
  box-shadow: none !important;
}
/* Input placeholder/label - 12px, rgba(255,255,255,0.4) */
body.mobile-site #login2 .form-control-title-bc {
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.4) !important;
  position: absolute !important;
  pointer-events: none !important;
  transition: all 0.15s ease !important;
  line-height: 14px !important;
}
body.mobile-site #login2 .form-control-label-bc.focused .form-control-title-bc,
body.mobile-site #login2 .form-control-label-bc.has-value .form-control-title-bc,
body.mobile-site #login2 .form-control-label-bc input:focus ~ .form-control-title-bc,
body.mobile-site #login2 .form-control-label-bc input:not(:placeholder-shown) ~ .form-control-title-bc {
  top: 9px !important;
  transform: none !important;
  font-size: 9px !important;
}
body.mobile-site #login2 .form-control-label-bc.focused .form-control-input-bc,
body.mobile-site #login2 .form-control-label-bc.has-value .form-control-input-bc,
body.mobile-site #login2 .form-control-label-bc input:focus,
body.mobile-site #login2 .form-control-label-bc input:not(:placeholder-shown) {
  padding: 20px 15px 4px 15px !important;
}

/* Input stroke HIDDEN */
body.mobile-site #login2 .form-control-input-stroke-bc {
  display: none !important;
}

/* CHECKBOX - 16x16, rgba(255,255,255,0.2), radius 2px */
body.mobile-site #login2 .login-remember-row {
  padding: 0 !important;
  margin: 0 0 15px 0 !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}
body.mobile-site #login2 .login-remember-row label {
  margin: 0 !important;
  padding: 0 !important;
}
body.mobile-site #login2 .login-remember-label {
  font-size: 14px !important;
  color: rgba(255,255,255,0.7) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  cursor: pointer !important;
  line-height: 16px !important;
}
body.mobile-site #login2 .login-remember-checkbox {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  border: none !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,0.2) !important;
  cursor: pointer !important;
  position: relative !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.mobile-site #login2 .login-remember-checkbox:checked {
  background: rgba(255,255,255,0.2) !important;
  border: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 6l3 3 5-6'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* ERROR TEXTS */
body.mobile-site #login2 .login-error-text { display: none !important; }
body.mobile-site #login2 .login-error-text.shown {
  display: block !important;
  color: #ff4444 !important;
  font-size: 11px !important;
  padding: 2px 15px !important;
}
body.mobile-site #login2 .login-error-box {
  background: rgba(255,68,68,0.15) !important;
  color: #ff4444 !important;
  border: none !important;
  padding: 8px 15px !important;
  
  border-radius: 4px !important;
  margin: 0 0 6px !important;
  font-size: 12px !important;
}

/* GIRIS BUTTON - 36px, #D3AF37, radius 4px, 12px, fw 500 */
body.mobile-site #login2 .login-btn {
  min-height: 36px !important;
  max-height: 36px !important;
  height: 36px !important;
  border-radius: 4px !important;
  background: rgb(211, 175, 55) !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  border: none !important;
  width: 100% !important;
  margin-top: 0 !important;
  letter-spacing: normal !important;
  flex-shrink: 0 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
  padding: 0 20px !important;
  background-image: none !important;
}

/* FORGOT PASSWORD - 14px, fw 500, rgba(255,255,255,0.7), centered */
body.mobile-site #login2 .login-forgot {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}
body.mobile-site #login2 .login-forgot a {
  color: rgba(255,255,255,0.7) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* BANNER - fills remaining space */
body.mobile-site #login2 .login-banner {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.mobile-site #login2 .login-banner-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  aspect-ratio: 1500 / 600 !important;
  object-fit: cover !important;
  object-position: center !important;
  flex-shrink: 0 !important;
}

/* SUPPORT LINK - bottom, 14px, rgba(255,255,255,0.5) */
body.mobile-site #login2 .login-support {
  flex-shrink: 0 !important;
  padding: 14px 7px !important;
  padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  text-align: center !important;
  margin: 0 !important;
}
body.mobile-site #login2 .login-support a {
  color: rgba(255,255,255,0.5) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
}
body.mobile-site #login2 .login-support i {
  margin-right: 6px !important;
  font-size: 14px !important;
}

/* FORGOT PASSWORD SCREEN */
body.mobile-site #login2 .login-forgot-heading { flex-shrink: 0 !important; }
body.mobile-site #login2 .login-forgot-hint {
  font-size: 14px !important;
  color: rgba(255,255,255,0.5) !important;
  margin-top: 4px !important;
}
body.mobile-site #login2 .login-back-row { margin-top: 8px !important; }
body.mobile-site #login2 .login-forgot-title { font-size: 16px !important; }

/* BACKDROP */
body.mobile-site.modal-open #login2 ~ .modal-backdrop {
  z-index: 1055 !important;
}


/* body padding for fixed bottom bar */
body.mobile-site {
  padding-bottom: 60px !important;
}

/* ── REGISTER MODAL FIX (hardcoded purple override) ── */
body.mobile-site .register-modal-content,
body.mobile-site .modal-content.register-modal-content {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
}
body.mobile-site .register-modal-header-text {
  background: var(--input-bg) !important;
  color: var(--primary) !important;
}
body.mobile-site .register-modal-body {
  background: var(--card-bg) !important;
}
body.mobile-site .register-dob-trigger {
  background: var(--input-bg) !important;
  color: var(--white-color) !important;
}
body.mobile-site .register-modal-content .btn-primary {
  background: var(--primary-gradient) !important;
  color: #000 !important;
}

/* login modal fix moved to main login block */

/* ── ALL ELEMENTS USING VAR(--menuBG) / VAR(--body-bg) fallback colors ── */
body.mobile-site [style*="0f0522"],
body.mobile-site [style*="0e0124"],
body.mobile-site [style*="1f0942"] {
  background-color: #121212 !important;
}

/* ── GLOBAL CATCH-ALL: any remaining purple backgrounds ── */
body.mobile-site .form-control-input-bc {
  background: var(--input-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
  color: rgba(255,255,255,0.95) !important;
}
body.mobile-site .form-control-input-bc:focus:not(:focus-visible) {
  outline: none !important;
  border-color: var(--primary) !important;
  background: var(--hover-bg) !important;
}
body.mobile-site .form-control-input-bc:focus-visible {
  border-color: var(--primary) !important;
  background: var(--hover-bg) !important;
  outline: 2px solid var(--primary) !important;
}

/* ── BANNER IMAGE COLOR SHIFT (purple→green/gold) ── */
body.mobile-site .product-banner-info-bc {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #000 0%, #121212 60%, #1a1a1a 100%) !important;
}
body.mobile-site .product-banner-info-bc::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(10,26,18,0) 0%, rgba(10,26,18,0.7) 65%, rgba(10,26,18,0.95) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
body.mobile-site .product-banner-info-bc .product-banner-title-bc {
  position: relative !important;
  z-index: 2 !important;
}
body.mobile-site .product-banner-img-bc {
  filter: sepia(1) saturate(2) hue-rotate(70deg) brightness(0.85) !important;
  opacity: 0.85 !important;
}

/* ── SLIDER/SWIPER BANNER IMAGE SHIFT ── */
body.mobile-site .swiper-slide img,
body.mobile-site .home-hero-slider img,
body.mobile-site .sliderItem img {
  filter: sepia(1) saturate(1.5) hue-rotate(70deg) brightness(0.9) !important;
}

/* ── BANNER TEXT OVERLAYS ── */
body.mobile-site .product-banner-title-bc,
body.mobile-site .product-banner-desc-bc {
  color: var(--white-color) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.7) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ── LEAGUE CARD IMAGES (purple→green) ── */
body.mobile-site .lig-item img {
  filter: sepia(1) saturate(2) hue-rotate(70deg) brightness(0.85) !important;
}
body.mobile-site .lig-item {
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid var(--border-color) !important;
}

/* ── JACKPOT SECTION PURPLE FIX ── */
body.mobile-site .jp-bg {
  background: linear-gradient(140deg, rgba(10,26,18,0.6) 0%, rgba(7,21,16,0.7) 40%, rgba(5,15,10,0.8) 70%, rgba(10,26,18,0.6) 100%) !important;
}
body.mobile-site .jp-section {
  background: linear-gradient(145deg, #121212 0%, #000000 100%) !important;
  border: 1px solid var(--border-color) !important;
}
body.mobile-site .jp-tab,
body.mobile-site .slot-hero-tab {
  background: transparent !important;
  color: var(--text-muted) !important;
  border: none !important;
}
body.mobile-site .jp-tab.active,
body.mobile-site .jp-tab--active,
body.mobile-site .slot-hero-tab--active,
body.mobile-site .slot-hero-tab.active {
  color: var(--primary) !important;
  border-bottom: 2px solid #D4AF37 !important;
}
body.mobile-site .jp-card,
body.mobile-site .jp-amount-card {
  background: rgba(18,18,18,0.8) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
}
body.mobile-site .jp-amount {
  color: var(--primary) !important;
}
body.mobile-site .jp-label {
  color: var(--text-muted) !important;
}

/* ── JACKPOT PROVIDER BUTTONS ── */
body.mobile-site .jp-provider-btn,
body.mobile-site .jp-filter-btn {
  background: var(--input-bg) !important;
  border: 1px solid var(--border-color-strong) !important;
  color: var(--white-color) !important;
  border-radius: 20px !important;
}
body.mobile-site .jp-provider-btn.active,
body.mobile-site .jp-filter-btn.active {
  background: var(--active-bg) !important;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

/* ── JACKPOT DECO IMAGES ── */
body.mobile-site .jp-deco img,
body.mobile-site .jp-deco {
  filter: sepia(1) saturate(1.5) hue-rotate(70deg) brightness(0.8) !important;
}

/* ── SEARCH BUTTON ── */
body.mobile-site .header-search-btn {
  background: var(--input-bg) !important;
  color: var(--primary) !important;
  border: 1px solid rgba(212,175,55,0.2) !important;
}

/* ── SEARCH PANEL ── */
body.mobile-site .search-panel__toggle-tab {
  background: var(--input-bg) !important;
  color: var(--white-color) !important;
}

/* ── PROFILE MODAL ── */
body.mobile-site .profile-modal,
body.mobile-site .profile-modal__frame-wrap,
body.mobile-site .profile-modal__content {
  background: var(--card-bg) !important;
}

/* ── REGISTER ERROR TEXT ── */
body.mobile-site .register-error-text,
body.mobile-site .field-error-text,
body.mobile-site .login-error-text {
  background-color: rgba(220,53,69,0.15) !important;
  border: 1px solid rgba(220,53,69,0.3) !important;
}

/* ── WINNERS SECTION ── */
body.mobile-site .winners-section,
body.mobile-site .slot-winners-wrap {
  background: linear-gradient(145deg, #121212 0%, #000000 100%) !important;
}
body.mobile-site .winner-row,
body.mobile-site .winner-item {
  background: rgba(18,18,18,0.6) !important;
  border-bottom: 1px solid rgba(212,175,55,0.06) !important;
}
body.mobile-site .winner-amount {
  color: var(--primary) !important;
}

/* ── GLOBAL: override any remaining var(--base-con) purple usage ── */
body.mobile-site [style*="background"],
body.mobile-site .ligler-container {
  /* This won't override inline styles but catches class-based */
}
body.mobile-site .ligler-section {
  background: transparent !important;
}

/* ── JACKPOT TABS CONTAINER (purple→green) ── */
body.mobile-site .slot-hero-tablist {
  background: var(--input-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
}

/* ── JACKPOT MAIN CARD ── */
body.mobile-site .jp-main-card {
  background: rgba(18,18,18,0.8) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
}

/* ── JACKPOT SUB CARDS ── */
body.mobile-site .jp-sub-card {
  background: rgba(18,18,18,0.6) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
}

/* ── JACKPOT PROVIDER TABS ── */
body.mobile-site .jp-provider-tab,
body.mobile-site .jp-filter-tab {
  background: transparent !important;
  color: var(--text-muted) !important;
}
body.mobile-site .jp-provider-tab.active,
body.mobile-site .jp-provider-tab--active {
  color: var(--primary) !important;
  border-bottom: 2px solid #D4AF37 !important;
}


/* ===== ROBINBET MOBILE HOMEPAGE REPLICATION ===== */

.rb-mobile-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

body.mobile-site .rb-mobile-content-wrapper .home-jackpot-winners-section { order: 1 !important; }
body.mobile-site .rb-mobile-content-wrapper .hm-row-bc { order: 2 !important; }
body.mobile-site .rb-mobile-content-wrapper .rb-category-cards { order: 3 !important; display: none !important; }
body.mobile-site .rb-mobile-content-wrapper .ligler-container { order: 4 !important; display: none !important; }
body.mobile-site .rb-mobile-content-wrapper .live-casino-banner-wrap { order: 5 !important; display: none !important; }
body.mobile-site .rb-mobile-content-wrapper .title-container { order: 6 !important; }
body.mobile-site .rb-mobile-content-wrapper .games-container { order: 7 !important; }
body.mobile-site .rb-mobile-content-wrapper .live-casino-title { order: 8 !important; }
body.mobile-site .rb-mobile-content-wrapper .games-container.live-casino { order: 9 !important; }
body.mobile-site .rb-mobile-content-wrapper footer,
body.mobile-site .rb-mobile-content-wrapper .footerArea { order: 99 !important; }

body.mobile-site .mob-announcement-bar {
  background: var(--footer-bg) !important;
  padding: 6px 12px !important;
  font-size: 11px !important;
  min-height: 28px !important;
  border-bottom: 1px solid rgba(212,175,55,0.08) !important;
}

body.mobile-site .mobileHeader {
  background: #000000 !important;
  border-bottom: 1px solid rgba(212,175,55,0.2) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1050 !important;
}
body.mobile-site .mobileHeader-inner {
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 12px !important;
  background: #000000 !important;
}
body.mobile-site .mobileHeader-logo img {
  height: 28px !important;
}

body.mobile-site .mobileHeader-actions #Giris,
body.mobile-site .mobileHeader-actions .btn-outline-light {
  padding: 10px 26px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  border: none !important;
  font-weight: 700 !important;
  min-height: 42px !important;
  height: 42px !important;
  background: transparent !important;
  color: #fff !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

body.mobile-site .mobileHeader-actions #openRegister,
body.mobile-site .mobileHeader-actions .btn-primary {
  padding: 10px 26px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
  min-height: 42px !important;
  height: 42px !important;
  background: rgb(211, 175, 55) !important;
  border: none !important;
  color: #1a1a00 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

body.mobile-site .mobileHeader-smartPanel .hdr-toggle-button-bc {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border: 2px solid rgba(212,175,55,0.5) !important;
  border-radius: 50% !important;
  background: rgba(20, 30, 25, 0.85) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Hide default hamburger lines */
body.mobile-site .mobileHeader-smartPanel .hdr-toggle-button-bc::after {
  display: none !important;
}
body.mobile-site .mobileHeader-smartPanel .hdr-toggle-button-bc span {
  display: none !important;
}

body.mobile-site .mobileHeader .mainMenu,
body.mobile-site .mainMenu {
  background: linear-gradient(180deg, #143d28 0%, #0d2e1c 100%) !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}
body.mobile-site .mainMenu ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  width: 100% !important;
}
body.mobile-site .mainMenu ul::-webkit-scrollbar { display: none !important; }
body.mobile-site .mainMenu ul li {
  flex: 1 !important;
  border-right: 1px solid rgba(255,255,255,0.15) !important;
  text-align: center !important;
}
body.mobile-site .mainMenu ul li:last-child { border-right: none !important; }
body.mobile-site .mainMenu ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.9) !important;
  white-space: nowrap !important;
  gap: 0 !important;
  flex-direction: row !important;
  border-bottom: none !important;
  width: 100% !important;
}
body.mobile-site .mainMenu ul li a:hover,
body.mobile-site .mainMenu ul li a.active {
  color: var(--primary) !important;
}
body.mobile-site .mainMenu ul li a .CMSIconSVGWrapper {
  display: none !important;
}

body.mobile-site .home-hero-slider {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
body.mobile-site .home-hero-slider-inner {
  border-radius: 0 !important;
  padding: 0 !important;
}
body.mobile-site .home-hero-slider .slides section img,
body.mobile-site .home-hero-slider .slides section video {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1.2/1 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  filter: none !important;
}
/* ── ITER 340: D4 hero slider 8px height diff fix ──
   BS canonical: slide width 392 but image inside .sdr-item-bc gets 7px L/R padding,
   rendering image at 378 wide × 214.2 tall (natural ratio 1.7647).
   MR was rendering image at full 392 wide × 222.1 tall (8px taller).
   Fix: pad swiper-slide content 7px L/R to match BS visual gutter. */
body.mobile-site .home-hero-slider .swiper-slide {
  padding: 0 7px !important;
  box-sizing: border-box !important;
}
body.mobile-site .home-hero-slider .swiper-slide > img,
body.mobile-site .home-hero-slider .swiper-slide > a > img,
body.mobile-site .home-hero-slider .swiper-slide picture > img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
body.mobile-site .home-hero-slider-counter {
  position: absolute !important;
  bottom: 10px !important;
  left: 30px !important;
  transform: none !important;
  background: rgba(0,0,0,0.5) !important;
  border-radius: 12px !important;
  padding: 4px 12px !important;
  font-size: 10px !important;
  z-index: 10 !important;
}

body.mobile-site .home-jackpot-winners-section {
  margin: 0 !important;
  padding: 12px 8px !important;
  background: var(--body-bg) !important;
}
body.mobile-site .home-jackpot-winners-section .slot-hero-tablist {
  background: var(--input-bg) !important;
  border-radius: 8px !important;
  padding: 4px !important;
  border: 1px solid var(--border-color) !important;
  margin-bottom: 10px !important;
  display: flex !important;
  gap: 4px !important;
}
body.mobile-site .home-jackpot-winners-section .slot-hero-tab {
  flex: 1 !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 8px 6px !important;
  border-radius: 4px !important;
  color: rgba(255,255,255,0.5) !important;
  background: transparent !important;
  border: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
body.mobile-site .home-jackpot-winners-section .slot-hero-tab--active {
  color: var(--primary) !important;
  background: var(--active-bg) !important;
}

body.mobile-site .hm-row-bc {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  gap: 8px !important;
  padding: 8px 8px 12px !important;
  margin: 0 !important;
  grid-template-columns: none !important;
}
body.mobile-site .hm-row-bc::-webkit-scrollbar { display: none !important; }
body.mobile-site .product-banner-info-bc.product-banner-bc {
  flex: 0 0 140px !important;
  min-width: 140px !important;
  max-width: 160px !important;
  height: 120px !important;
  border-radius: 10px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--border-color-strong) !important;
  background: linear-gradient(145deg, #1a1a1a 0%, #121212 100%) !important;
}

body.mobile-site .title-container {
  padding: 16px 12px 10px !important;
  margin: 0 !important;
}
body.mobile-site .title-container .title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
body.mobile-site .title-container .title h2 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--white-color) !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  letter-spacing: 0.5px !important;
}
body.mobile-site .title-container .title a {
  font-size: 16px !important;
  color: var(--primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  position: relative !important;
  top: 4px !important;
}
body.mobile-site .title-container .title::after {
  display: none !important;
}

body.mobile-site .games-container {
  padding: 0 0 12px !important;
  margin: 0 !important;
}
body.mobile-site .games-container .games-inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  gap: 10px !important;
  padding: 4px 12px !important;
  grid-template-columns: none !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
}
body.mobile-site .games-container .games-inner::-webkit-scrollbar { display: none !important; }
body.mobile-site .games-container .game-item,
body.mobile-site .games-container .game-cta {
  flex: 0 0 calc(33.33% - 8px) !important;
  min-width: calc(33.33% - 8px) !important;
  max-width: calc(33.33% - 8px) !important;
  width: calc(33.33% - 8px) !important;
  height: auto !important;
  aspect-ratio: 0.72 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 2px solid #D4AF37 !important;
  box-shadow: 0 0 6px rgba(212,175,55,0.2) !important;
  position: relative !important;
  background: var(--card-bg) !important;
  grid-column: span 1 !important;
  grid-row: span 1 !important;
  scroll-snap-align: start !important;
}
body.mobile-site .games-container .game-item img,
body.mobile-site .games-container .game-cta img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: none !important;
  transform: none !important;
}
/* Disable hover effects on mobile */
body.mobile-site .games-container .game-item:hover img,
body.mobile-site .games-container .game-cta:hover img {
  filter: none !important;
  transform: none !important;
}
/* Hide game overlay on mobile - clean card look */
body.mobile-site .games-container .game-overlay {
  display: none !important;
}

body.mobile-site .mobFooter {
  height: 48px !important;
  padding: 0 !important;
  background: #000000 !important;
  border-top: 0.8px solid rgba(255,255,255,0.05) !important;
}
body.mobile-site .mobFooter-item {
  padding: 6px 2px 4px !important;
  gap: 2px !important;
}
body.mobile-site .mobFooter-item .CMSIconSVGWrapper svg {
  width: 20px !important;
  height: 20px !important;
}
body.mobile-site .mobFooter-label {
  font-size: 9px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}

body.mobile-site .mobileHeader-actions .header-search-btn {
  display: none !important;
}

body.mobile-site {
  padding-bottom: 60px !important;
  overflow-x: hidden !important;
}

@media (max-width: 374px) {
  body.mobile-site .mobileHeader-inner { padding: 0 6px !important; }
  body.mobile-site .mobileHeader-logo img { height: 24px !important; }
  body.mobile-site .mainMenu ul li a { font-size: 10px !important; padding: 10px 10px !important; }
  body.mobile-site .product-banner-info-bc.product-banner-bc { flex: 0 0 120px !important; min-width: 120px !important; height: 100px !important; }
  body.mobile-site .games-container .game-item,
  body.mobile-site .games-container .game-cta { flex: 0 0 calc(33.33% - 6px) !important; min-width: calc(33.33% - 6px) !important; max-width: calc(33.33% - 6px) !important; }
}
@media (min-width: 414px) {
  body.mobile-site .product-banner-info-bc.product-banner-bc { flex: 0 0 150px !important; min-width: 150px !important; height: 130px !important; }
  body.mobile-site .games-container .game-item,
  body.mobile-site .games-container .game-cta { flex: 0 0 calc(33.33% - 8px) !important; min-width: calc(33.33% - 8px) !important; max-width: calc(33.33% - 8px) !important; }
}

/* Fix footer order and modal positioning in flex wrapper */
body.mobile-site .rb-mobile-content-wrapper .mobileFooter { order: 90 !important; }
body.mobile-site .rb-mobile-content-wrapper .modal { order: 100 !important; position: fixed !important; }

/* Fix slider not showing - check if it needs explicit display */
body.mobile-site .home-hero-slider {
  display: block !important;
  width: 100% !important;
}
body.mobile-site .home-hero-slider-inner {
  display: block !important;
  width: 100% !important;
}
body.mobile-site .home-hero-slider .slides {
  display: flex !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* Fix purple game card placeholder backgrounds */
body.mobile-site .game-item,
body.mobile-site .game-cta {
  background: var(--card-bg) !important;
}
body.mobile-site .game-item img[src*="data:image"],
body.mobile-site .game-cta img[src*="data:image"] {
  filter: hue-rotate(100deg) brightness(0.6) !important;
}
body.mobile-site .game-overlay::before {
  background: rgba(5,15,10,0.75) !important;
}

/* Tumu Gor button styling - clean text with arrow */
body.mobile-site .title-container .title a {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  background: none !important;
}

/* Jackpot/Kazananlar bölümünü mobilde tamamen kaldır */
body.mobile-site .home-jackpot-winners-section { display: none !important; }
body.mobile-site .slot-jackpot-wrap { display: none !important; }
body.mobile-site .slot-winners-wrap { display: none !important; }

/* Slider altındaki ürün banner kartlarını mobilde kaldır */
body.mobile-site .rb-mobile-content-wrapper .hm-row-bc { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; padding: 10px 8px !important; }

/* Slider mobilde tam genişlik, boşluk yok, köşe yok */
body.mobile-site .home-hero-slider {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
body.mobile-site .home-hero-slider-inner {
  border-radius: 0 !important;
  padding: 0 !important;
  aspect-ratio: 1.2/1 !important;
  position: relative !important;
  min-height: auto !important;
}
body.mobile-site .home-hero-slider .slides {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body.mobile-site .home-hero-slider .slides section {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body.mobile-site .home-hero-slider .slides section a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
body.mobile-site .home-hero-slider img,
body.mobile-site .home-hero-slider video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  filter: none !important;
  aspect-ratio: auto !important;
}
body.mobile-site .home-hero-slider-counter {
  top: auto !important;
  bottom: 10px !important;
  right: auto !important;
  left: 30px !important;
  transform: none !important;
}

/* Nav bar ile slider arası boşluk/border temizle */
body.mobile-site .mainMenu {
  margin-bottom: 0 !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
body.mobile-site .mobileHeader {
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

/* Slider counter/ok butonlarını mobilde gizle */
body.mobile-site .home-hero-slider-counter { display: none !important; }

/* 3 vertical dots menu button - RobinBet style */
body.mobile-site .smartPanel-bc .hdr-toggle-button-bc {
  font-size: 0 !important;
  background-image: none !important;
}
body.mobile-site .smartPanel-bc .hdr-toggle-button-bc::before {
  content: '' !important;
  display: block !important;
  width: 5px !important;
  height: 5px !important;
  background: var(--primary) !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 -9px 0 #D4AF37, 0 9px 0 #D4AF37 !important;
}

/* RobinBet Category Banners 2x2 Grid */
/* Old placeholder banner CSS removed */

/* Standalone nav menu - scrolls with page, not sticky */
/* Nav scroll behavior - sticky until slider exits */
body.mobile-site .mainMenu-standalone {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: linear-gradient(180deg, #143d28 0%, #0d2e1c 100%) !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, opacity 0.25s ease !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
}
body.mobile-site .mainMenu-standalone.nav-hidden {
  transform: translateY(-100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide slider + jackpot/kazananlar on /slot and /livecasino mobile */
body.mobile-site .slot-page-root .slot-top-section .home-hero-slider { display: block !important; }
body.mobile-site .slot-page-root .slot-top-section .home-hero-slider-counter { display: flex !important; }
body.mobile-site .slot-page-root .slot-below-hero { display: none !important; }
body.mobile-site .slot-page-root .slot-top-section { min-height: 0 !important; padding: 0 !important; }


/* RobinBet Category Banners 2x2 Grid - Image Based */
body.mobile-site .rb-category-banners {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
}
body.mobile-site .rb-cat-banner {
  display: block !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  position: relative !important;
}
body.mobile-site .rb-cat-banner img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 12px !important;
}

/* ============================================================
   ROBINBET MOBILE REGISTER FORM -- MOBILE SPECIFIC STYLES
   BahisSende birebir kopya - computed styles
   ============================================================ */

/* Modal dialog -- full screen */
body.mobile-site #registerModal .modal-dialog,
body.mobile-site #registerModal .register-modal-dialog {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
  top: 0 !important;
  transform: none !important;
}
@supports (height: 100dvh) {
  body.mobile-site #registerModal .modal-dialog,
  body.mobile-site #registerModal .register-modal-dialog {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
}

/* Modal content -- black bg, no border, full height */
body.mobile-site #registerModal .modal-content,
body.mobile-site #registerModal .register-modal-content {
  background: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100vh !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
@supports (height: 100dvh) {
  body.mobile-site #registerModal .register-modal-content {
    max-height: 100dvh !important;
  }
}

/* ---- Header / Top Bar ---- */
body.mobile-site #registerModal .register-modal-header-text {
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
}
body.mobile-site #registerModal .register-modal-top-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 52px 0 7px !important;
  height: 49px !important;
  min-height: 49px !important;
  border-bottom: none !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  position: relative !important;
}

/* Logo - 100x46px */
body.mobile-site #registerModal .register-logo-img {
  height: 46px !important;
  width: 100px !important;
  object-fit: contain !important;
  padding: 2px 0 !important;
}

/* GİRİŞ link - underline, 14px, rgba white */
body.mobile-site #registerModal .register-modal-login-link,
body.mobile-site #registerModal .register-top-right a,
body.mobile-site #registerModal #openLoginFromRegister {
  color: rgba(255,255,255,0.8) !important;
  text-decoration: underline !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: normal !important;
}

/* Close button - absolute right:7px top:12px */
body.mobile-site #registerModal .register-modal-close {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 24px !important;
  padding: 0 4px !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 7px !important;
  top: 12px !important;
  z-index: 2 !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

body.mobile-site #registerModal .register-top-right {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}

/* ---- Modal Body ---- */
body.mobile-site #registerModal .register-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ---- Form layout ---- */
body.mobile-site #registerModal #modalRegisterForm,
body.mobile-site #registerModal .register-form-layout {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---- Banner - HIDDEN ---- */
body.mobile-site #registerModal .register-banner {
  display: none !important;
}

/* ---- Scrollable area ---- */
body.mobile-site #registerModal .register-steps-scroll {
  overflow-y: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 15px 0 0 !important;
  -webkit-overflow-scrolling: touch !important;
}

/* ---- Scrollbar ---- */
/* v10.0 BS-exact: native scrollbar (~15px), visible gray thumb (matches BS entrance-form-content-bc) */
body.mobile-site #registerModal .register-steps-scroll::-webkit-scrollbar {
  width: 15px !important;
}
body.mobile-site #registerModal .register-steps-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}
body.mobile-site #registerModal .register-steps-scroll::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.35) !important;
  border-radius: 0 !important;
  border: 4px solid transparent !important;
  background-clip: padding-box !important;
}
body.mobile-site #registerModal .register-steps-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.5) !important;
  background-clip: padding-box !important;
  border: 4px solid transparent !important;
}

/* ---- Text row 1: "Yeni üye misiniz?" ---- */
body.mobile-site #registerModal .register-modal-small {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 0 10px 0 !important;
  padding: 0 7px !important;
  line-height: 16px !important;
}

/* ---- Text row 2: "ŞİMDİ KAYDOLUN..." ---- */
body.mobile-site #registerModal .register-modal-title {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #fff !important;
  margin: 0 0 15px 0 !important;
  padding: 0 7px !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
}

/* ---- Form groups -- 15px gap ---- */
body.mobile-site #registerModal .form-group {
  margin-bottom: 0 !important;
  padding: 0 7px !important;
}
body.mobile-site #registerModal .form-group + .form-group {
  margin-top: 15px !important;
}
body.mobile-site #registerModal .register-modal-title + .form-group {
  margin-top: 0 !important;
}

/* ---- Form control wrapper -- 52px, border-radius 4px, bg rgba(255,255,255,0.15) ---- */
body.mobile-site #registerModal .form-control-label-bc.inputs,
body.mobile-site #registerModal .form-control-label-bc {
  height: 52px !important;
  border-radius: 4px !important;
  border: none !important;
  background: rgba(255,255,255,0.15) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---- Input fields ---- */
body.mobile-site #registerModal .form-control-input-bc,
body.mobile-site #registerModal .form-control-label-bc input,
body.mobile-site #registerModal .form-control-label-bc input[type="text"],
body.mobile-site #registerModal .form-control-label-bc input[type="email"],
body.mobile-site #registerModal .form-control-label-bc input[type="password"],
body.mobile-site #registerModal .form-control-label-bc input[type="tel"],
body.mobile-site #registerModal .form-control-label-bc input[type="number"] {
  padding: 20px 44px 4px 15px !important;
  font-size: 14px !important;
  height: 100% !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: rgba(255,255,255,0.9) !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
}
body.mobile-site #registerModal .form-control-input-bc::placeholder,
body.mobile-site #registerModal .form-control-label-bc input::placeholder {
  color: transparent !important;
}

/* ---- Floating label ---- */
body.mobile-site #registerModal .form-control-title-bc {
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.4) !important;
  position: absolute !important;
  pointer-events: none !important;
  transition: all 0.15s ease !important;
  line-height: 14px !important;
  white-space: nowrap !important;
}
body.mobile-site #registerModal .form-control-label-bc.has-value .form-control-title-bc,
body.mobile-site #registerModal .form-control-label-bc input:focus ~ .form-control-title-bc,
body.mobile-site #registerModal .form-control-label-bc input:not(:placeholder-shown) ~ .form-control-title-bc,
body.mobile-site #registerModal .form-control-label-bc select ~ .form-control-title-bc {
  top: 9px !important;
  transform: none !important;
  font-size: 9px !important;
}

/* ---- Input stroke HIDDEN ---- */
body.mobile-site #registerModal .form-control-input-stroke-bc {
  display: none !important;
}

/* ---- Select fields (Ülke, Para Birimi, Cinsiyet) ---- */
body.mobile-site #registerModal .form-control-label-bc select,
body.mobile-site #registerModal .form-control-label-bc select.form-control-input-bc {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.9) !important;
  font-size: 14px !important;
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 20px 30px 4px 15px !important;
  cursor: pointer !important;
}

/* Dropdown arrow for selects */
body.mobile-site #registerModal .form-control-label-bc:has(select)::after {
  content: '\2304' !important;
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 18px !important;
  pointer-events: none !important;
}

/* ---- Country field with flag ---- */
body.mobile-site #registerModal .register-country-wrap {
  padding: 0 7px !important;
}
body.mobile-site #registerModal .register-country-flag {
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding-top: 6px !important;
  z-index: 1 !important;
}
body.mobile-site #registerModal .register-country-flag .flag-icon {
  width: 20px !important;
  height: 15px !important;
  display: inline-block !important;
}
body.mobile-site #registerModal .register-country-label select {
  padding-left: 42px !important;
}

/* ---- Date picker trigger ---- */
body.mobile-site #registerModal .register-dob-wrap {
  padding: 0 7px !important;
}
body.mobile-site #registerModal .register-dob-picker {
  position: relative !important;
  width: 100% !important;
}
body.mobile-site #registerModal .register-dob-trigger {
  border-radius: 4px !important;
  border: none !important;
  background: rgba(255,255,255,0.15) !important;
  height: 52px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 15px !important;
  cursor: pointer !important;
  width: 100% !important;
}
body.mobile-site #registerModal .register-dob-trigger-text {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
body.mobile-site #registerModal .register-dob-label {
  font-size: 9px !important;
  color: rgba(255,255,255,0.4) !important;
  position: static !important;
  transform: none !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
}
body.mobile-site #registerModal .register-dob-value {
  color: rgba(255,255,255,0.9) !important;
  font-size: 14px !important;
}
body.mobile-site #registerModal .register-dob-icon {
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255,255,255,0.4) !important;
  font-size: 18px !important;
}

/* ---- Date picker panel ---- */
body.mobile-site #registerModal .register-datepicker-panel {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 4px !important;
  padding: 12px !important;
  margin-top: 4px !important;
  z-index: 100 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}
body.mobile-site #registerModal .register-datepicker-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}
body.mobile-site #registerModal .register-datepicker-nav select {
  background: #333 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  font-size: 14px !important;
}
body.mobile-site #registerModal .register-datepicker-nav button {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 18px !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
}
body.mobile-site #registerModal .register-datepicker-weekdays {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  text-align: center !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
}
body.mobile-site #registerModal .register-datepicker-days {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
}
body.mobile-site #registerModal .register-datepicker-days button {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  padding: 8px !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}
body.mobile-site #registerModal .register-datepicker-days button:hover,
body.mobile-site #registerModal .register-datepicker-days button.selected {
  background: rgb(211,175,55) !important;
}
body.mobile-site #registerModal .register-datepicker-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 8px !important;
}
body.mobile-site #registerModal .register-datepicker-actions button {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
  padding: 6px 16px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-size: 12px !important;
}
body.mobile-site #registerModal .register-datepicker-apply {
  background: rgb(211,175,55) !important;
  border-color: rgb(211,175,55) !important;
}

/* ---- bc-fixed-select (Phone code, old Ülke) ---- */
body.mobile-site #registerModal .bc-fixed-select {
  border-radius: 4px !important;
  border: none !important;
  background: rgba(255,255,255,0.15) !important;
  height: 52px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 15px !important;
  cursor: pointer !important;
}
body.mobile-site #registerModal .bc-fixed-select__label {
  position: absolute !important;
  top: 9px !important;
  left: 15px !important;
  font-size: 9px !important;
  color: rgba(255,255,255,0.4) !important;
  pointer-events: none !important;
  line-height: 1 !important;
}
body.mobile-site #registerModal .bc-fixed-select__value {
  color: rgba(255,255,255,0.9) !important;
  font-size: 14px !important;
  padding-top: 10px !important;
}

/* ---- Phone row ---- */
body.mobile-site #registerModal .register-phone-row {
  display: flex !important;
  gap: 0 !important;
  align-items: stretch !important;
  padding: 0 7px !important;
}
body.mobile-site #registerModal .register-phone-code {
  flex: 0 0 100px !important;
  width: 100px !important;
}
body.mobile-site #registerModal .register-phone-code .bc-fixed-select {
  border-radius: 4px 0 0 4px !important;
  height: 52px !important;
}
body.mobile-site #registerModal .register-phone-number {
  flex: 1 !important;
}
body.mobile-site #registerModal .register-phone-number .form-control-label-bc {
  border-radius: 0 4px 4px 0 !important;
}

/* ---- SMS Warning — BS-exact: red translucent, white text ---- */
body.mobile-site #registerModal .register-sms-warning {
  font-size: 12px !important;
  color: rgb(255,255,255) !important;
  background: rgba(255, 52, 73, 0.2) !important;
  padding: 5px !important;
  margin: 0 12px 15px !important;
  line-height: normal !important;
  border-radius: 4px !important;
  text-align: center !important;
  font-weight: 400 !important;
}

/* ---- Error texts ---- */
body.mobile-site #registerModal .register-error-text {
  display: none !important;
  color: #ff4444 !important;
  font-size: 11px !important;
  padding: 2px 15px !important;
  margin: 0 !important;
}
body.mobile-site #registerModal .register-error-text.shown,
body.mobile-site #registerModal .register-error-text.active {
  display: block !important;
}

/* ---- Terms checkbox ---- */
body.mobile-site #registerModal .register-terms {
  padding: 0 7px !important;
}
body.mobile-site #registerModal .register-terms-label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.7) !important;
  line-height: 16px !important;
  cursor: pointer !important;
}
body.mobile-site #registerModal .register-terms-checkbox {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  min-height: 13px !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 2px !important;
  background: transparent !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.mobile-site #registerModal .register-terms-checkbox:checked {
  background: rgba(255,255,255,0.2) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 6l3 3 5-6'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
body.mobile-site #registerModal .register-terms-text {
  flex: 1 !important;
}
body.mobile-site #registerModal .register-terms-text a {
  color: rgb(211,175,55) !important;
  text-decoration: underline !important;
}

/* ---- Sticky bottom (Submit + Support) ---- */
body.mobile-site #registerModal .register-sticky-bottom {
  flex-shrink: 0 !important;
  z-index: 10 !important;
  background: rgba(255,255,255,0.05) !important;
  padding: 10px 0 !important;
  border-top: none !important;
}

/* KAYIT button */
body.mobile-site #registerModal .register-actions {
  position: static !important;
  background: none !important;
  padding: 10px 7.2px 20px !important;
  margin: 0 !important;
  text-align: center !important;
}
body.mobile-site #registerModal .register-primary-btn,
body.mobile-site #registerModal .register-submit-full {
  width: 370px !important;
  max-width: 90% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 4px !important;
  background: rgb(211, 175, 55) !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  border: none !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
  padding: 0 20px !important;
  background-image: none !important;
  cursor: pointer !important;
  margin: 0 auto !important;
}

/* Support link at bottom */
body.mobile-site #registerModal .register-footer-bar {
  padding: 14px 7px !important;
  padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
body.mobile-site #registerModal .register-support-btn {
  color: rgba(255,255,255,0.5) !important;
  font-size: 14px !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
body.mobile-site #registerModal .register-support-btn i {
  font-size: 14px !important;
}

/* ---- Hide irrelevant elements ---- */
body.mobile-site #registerModal .login-walletconnect-btn,
body.mobile-site #registerModal .login-or-separator,
body.mobile-site #registerModal .register-separator {
  display: none !important;
}

/* ---- Flag icons ---- */
body.mobile-site #registerModal .flag-icon-tr {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Crect fill='%23E30A17' width='1200' height='800'/%3E%3Ccircle fill='%23fff' cx='480' cy='400' r='200'/%3E%3Ccircle fill='%23E30A17' cx='520' cy='400' r='160'/%3E%3Cpolygon fill='%23fff' points='583,400 600,340 635,380 597,380 630,340'/%3E%3C/svg%3E") !important;
  background-size: cover !important;
  background-position: center !important;
  display: inline-block !important;
  width: 20px !important;
  height: 15px !important;
  border-radius: 2px !important;
}

/* ---- Country field fix: flag + select padding ---- */
body.mobile-site #registerModal .register-country-wrap .register-country-label select.form-control-input-bc.register-country-select {
  padding-left: 42px !important;
}
body.mobile-site #registerModal .register-country-wrap .register-country-flag {
  position: absolute !important;
  left: 15px !important;
  top: 55% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
body.mobile-site #registerModal .register-country-wrap .register-country-flag .flag-icon-tr {
  width: 22px !important;
  height: 16px !important;
  display: inline-block !important;
  border-radius: 2px !important;
}

/* ---- Select dropdown arrow fix (use proper chevron) ---- */
body.mobile-site #registerModal .form-control-label-bc:has(select)::after {
  content: '' !important;
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid rgba(255,255,255,0.5) !important;
  pointer-events: none !important;
  font-size: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   BAHISSENDE HOMEPAGE MATCH — CSS OVERRIDES
   ═══════════════════════════════════════════════════════════════ */

/* ── GLOBAL BACKGROUND: PURE BLACK ── */
html, html.mobile-root, body, body.mobile-site {
  background-color: #000 !important;
  background-image: none !important;
}

/* ── ANNOUNCEMENT BAR ── */
.mob-announcement-bar {
  background: #000 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
  color: rgba(255,255,255,0.7) !important;
}
.mob-announcement-bar i {
  color: rgba(255,255,255,0.7) !important;
}
.mob-announcement-bar a {
  color: rgba(255,255,255,0.7) !important;
}

/* ── HEADER: 49px, pure black ── */
body.mobile-site .mobileHeader,
.mobileHeader {
  background: #000 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
  height: 49px !important;
  min-height: 49px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1050 !important;
  padding: 0 !important;
}
body.mobile-site .mobileHeader-inner,
.mobileHeader-inner {
  background: transparent !important;
  height: 49px !important;
  min-height: 49px !important;
  padding: 0 12px !important;
}

/* Logo: 100x46px */
.mobileHeader-logo img {
  height: 46px !important;
  width: 100px !important;
  object-fit: contain !important;
}

/* ── HEADER BUTTONS: BahisSende style ── */
/* GİRİŞ button: transparent, no border, white text */
.mobileHeader-actions .hdr-btn-login,
.mobileHeader-actions #Giris {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: normal !important;
}

/* KAYIT button: gold bg, white text */
.mobileHeader-actions .hdr-btn-register,
.mobileHeader-actions #openRegister {
  background: rgb(211, 175, 55) !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: normal !important;
  min-width: 49px !important;
}

/* Hide old btn classes */
.mobileHeader-actions .btn-outline-light,
.mobileHeader-actions .btn-primary,
.mobileHeader-actions .btn-sm {
  all: unset !important;
}
.mobileHeader-actions #Giris {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
}
.mobileHeader-actions #openRegister {
  background: rgb(211, 175, 55) !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  min-width: 49px !important;
}

/* Toggle/hamburger button */
.mobileHeader-actions .hdr-toggle-button-bc {
  background: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.8) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border: none !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;
  padding: 0 !important;
}

/* Hide search button */
.mobileHeader-actions .header-search-btn {
  display: none !important;
}

/* ── NAVIGATION: 8 items, scrollable, black bg, 40px height ── */
body.mobile-site .mainMenu,
.mainMenu,
.mainMenu-standalone,
.hdr-navigation-scrollable {
  background: #000 !important;
  border-bottom: none !important;
  border-top: none !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  position: fixed !important;
  top: 49px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1040 !important;
  width: 100% !important;
}
body.mobile-site .mainMenu ul,
.mainMenu ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 40px !important;
  background: transparent !important;
  justify-content: flex-start !important;
  list-style: none !important;
}
body.mobile-site .mainMenu ul::-webkit-scrollbar {
  display: none !important;
}
body.mobile-site .mainMenu ul li,
.mainMenu ul li {
  flex: 0 0 auto !important;
  text-align: center !important;
  list-style: none !important;
}
body.mobile-site .mainMenu ul li a,
.mainMenu ul li a,
.hdr-navigation-link-bc {
  color: rgba(255,255,255,0.8) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  height: 40px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: none !important;
  letter-spacing: 0 !important;
  transition: color 0.2s !important;
}
body.mobile-site .mainMenu ul li a:hover,
body.mobile-site .mainMenu ul li a.active {
  color: rgb(211, 175, 55) !important;
}
/* Hide CMSIconSVGWrapper in menu */
.mainMenu ul li a .CMSIconSVGWrapper {
  display: none !important;
}

/* Nav hidden state for scroll */
.mainMenu-standalone.nav-hidden {
  opacity: 1 !important;
  pointer-events: auto !important;
  max-height: 40px !important;
  min-height: 40px !important;
  overflow: visible !important;
}

/* ── CONTENT AREA: offset for fixed header + nav ── */
body.mobile-site .mainContentWrap {
  padding-top: 89px !important; /* 49px header + 40px nav */
  background: #000 !important;
}

/* ── SLIDER ── */
.home-hero-slider {
  border-radius: 0 !important;
  margin: 0 !important;
}

/* ── PRODUCT BANNERS (quick access grid) ── */
body.mobile-site .hm-row-bc,
.hm-row-bc {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  padding: 10px 8px !important;
  background: transparent !important;
}
body.mobile-site .product-banner-info-bc,
.product-banner-info-bc {
  background: #000 !important;
  border: 0.8px solid rgba(212, 175, 55, 0.15) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 4px 8px !important;
}
.product-banner-img-bc {
  width: 55px !important;
  height: 55px !important;
  object-fit: contain !important;
}

/* ── CATEGORY BANNERS (2x2 grid) ── */
.rb-category-banners {
  display: none !important; /* Hide old category banners */
}

/* ── BOTTOM BAR: BahisSende matching ── */
body.mobile-site .mobFooter,
.mobFooter {
  background: rgb(18, 18, 18) !important;
  border-top: 0.8px solid rgb(210, 176, 56) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 10px 0px !important;
  height: 49px !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  padding: 0 20px !important;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mobFooter-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none !important;
  padding: 0 !important;
  position: relative !important;
  flex: 1 !important;
  height: 49px !important;
  min-height: 49px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  gap: 2px !important;
  font-family: inherit !important;
}
.mobFooter-item::before {
  display: none !important;
}

.mobFooter-item .tab-nav-icon-bc {
  font-size: 20px !important;
  color: #fff !important;
}

.mobFooter-label {
  font-size: 10px !important;
  color: rgb(235, 235, 235) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  display: block !important;
  line-height: 1.2 !important;
}

.mobFooter-label-small {
  font-size: 7px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: normal !important;
  max-width: 60px !important;
}

/* CENTER FLOATING BUTTON */
.mobFooter-center-btn {
  position: relative !important;
}
.mobFooter-center-icon {
  position: absolute !important;
  top: -34px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 90px !important;
  height: 87px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
}
.mobFooter-center-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.mobFooter-center-btn .mobFooter-label {
  margin-top: auto !important;
  padding-bottom: 4px !important;
}

/* ── MOBILE MENU: black theme ── */
.mobileMenu {
  background: #000 !important;
}
.mobileMenu-header {
  background: #000 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
}
.mobileMenu-body {
  background: #000 !important;
}
.mobileMenu-card {
  background: #121212 !important;
  border: 0.8px solid rgba(255,255,255,0.1) !important;
}
.mobileMenu-list-item {
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
}

/* ── FOOTER: black ── */
body.mobile-site footer,
body.mobile-site .footer,
body.mobile-site .footerArea {
  background: #000 !important;
  border-top: 0.8px solid rgba(255,255,255,0.05) !important;
}

/* ── GAME SECTIONS ── */
body.mobile-site .games-container {
  background: transparent !important;
}

/* ── JACKPOT / WINNERS SECTION ── */
body.mobile-site .jp-section,
body.mobile-site .slot-winners-wrap {
  background: #121212 !important;
  border: 0.8px solid rgba(255,255,255,0.1) !important;
}

/* ── SLOT HERO TABS ── */
body.mobile-site .slot-hero-tablist {
  background: #000 !important;
  border-color: rgba(255,255,255,0.1) !important;
}

/* ── LEAGUE LOGOS ── */
.ligler-container {
  background: transparent !important;
}
.ligler-row {
  background: transparent !important;
}

/* ── BALANCE AREA — BS-paralel plain text (ITER 338, supersedes ITER 332 pill) ── */
.mobileHeader-balance {
  background: transparent !important;
  border: 0 none !important;
}

/* ── DEPOSIT QUICK BTN ── */
.mob-deposit-quick-btn {
  background: rgba(212,175,55,0.1) !important;
  border: 1px solid rgba(212,175,55,0.25) !important;
  color: rgb(211, 175, 55) !important;
}

/* ── Fix main content wrapper bg ── */
.rb-mobile-content-wrapper {
  background: transparent !important;
}

/* ── HEADER CSS FILE OVERRIDES ── */
body.mobile-site .mobileHeader-inner {
  position: static !important;
}

/* Fix product banner images - fill cells, not tiny 55px */
body.mobile-site .product-banner-info-bc .product-banner-img-bc {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}
body.mobile-site .product-banner-info-bc {
  background: #000 !important;
  border: 0.8px solid rgba(212, 175, 55, 0.15) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* Game section title colors */
body.mobile-site .title h2 {
  color: rgb(211, 175, 55) !important;
}
body.mobile-site .title a {
  color: rgb(211, 175, 55) !important;
}
/* Game cards dark bg */
body.mobile-site .game-item,
body.mobile-site .game-cta {
  background: #121212 !important;
  border: 0.8px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
}
/* Games container section */
body.mobile-site .games-container {
  background: transparent !important;
}
body.mobile-site .games-row {
  background: transparent !important;
}

/* Game cards: subtle borders like BahisSende */
body.mobile-site .games-container .game-item,
body.mobile-site .games-container .game-cta,
body.mobile-site .game-card {
  border: none !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
/* League logos / partner section */
body.mobile-site .ligler-container,
body.mobile-site .ligler-row {
  background: transparent !important;
}
body.mobile-site .ligler-row img {
  filter: brightness(0.9) !important;
}
/* Footer area */
body.mobile-site .footerArea,
body.mobile-site footer {
  background: #000 !important;
}
body.mobile-site .cert-image {
  background: transparent !important;
}
/* Fix hm-row-bc on the content wrapper - no golden borders on existing banner images */
body.mobile-site .hm-row-bc .product-banner-info-bc.banner-glow-bc {
  border: 0.8px solid rgba(212,175,55,0.15) !important;
  box-shadow: none !important;
}
body.mobile-site .hm-row-bc .product-banner-info-bc.banner-glow-bc::before,
body.mobile-site .hm-row-bc .product-banner-info-bc.banner-glow-bc::after {
  display: none !important;
}

/* ── BOTTOM BAR ICONS ── */
.mobFooter-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  color: #fff !important;
}
.mobFooter-icon-wrap svg {
  width: 20px !important;
  height: 20px !important;
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
.mobFooter-icon-wrap i {
  color: #fff !important;
}

/* ── FLOATING CENTER SHIELD BUTTON ── */
.mobFooter-center-btn {
  position: relative !important;
  overflow: visible !important;
}
.mobFooter-center-icon {
  position: absolute !important;
  top: -38px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
}
.mobFooter-center-shield {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 70px !important;
  height: 70px !important;
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  border-radius: 50% !important;
  color: #000 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-align: center !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 15px rgba(211,175,55,0.4) !important;
  border: 3px solid rgba(255,255,255,0.2) !important;
  letter-spacing: 0.5px !important;
}
.mobFooter-center-btn .mobFooter-label {
  position: absolute !important;
  bottom: 4px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  white-space: nowrap !important;
}


/* ═══════════════════════════════════════════════════════════════
   BAHISSENDE MOBILE — FINAL PIXEL-PERFECT OVERRIDE
   Applied: 2026-04-19
   This block goes LAST and wins all CSS specificity battles
   ═══════════════════════════════════════════════════════════════ */

/* ── GLOBAL: Pure black body ── */
html, html.mobile-root,
body, body.mobile-site {
  background-color: #000 !important;
  background-image: none !important;
  color: #fff !important;
}

/* ── ANNOUNCEMENT BAR ── */
body.mobile-site .mob-announcement-bar {
  background: #000 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
  color: rgb(211,175,55) !important;
  padding: 6px 12px !important;
  font-size: 11px !important;
}
body.mobile-site .mob-announcement-bar i,
body.mobile-site .mob-announcement-bar a,
body.mobile-site .mob-announcement-bar span {
  color: rgb(211,175,55) !important;
}

/* ── HEADER: 48px, pure black, BahisSende exact match ── */
body.mobile-site .mobileHeader,
.mobileHeader {
  background: #000 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1050 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
body.mobile-site .mobileHeader-inner,
.mobileHeader-inner {
  background: transparent !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: static !important;
}

/* Logo */
body.mobile-site .mobileHeader-logo img {
  height: 32px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* ── HEADER BUTTONS: BahisSende exact ── */
body.mobile-site .mobileHeader-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: auto !important;
}

/* GİRİŞ button: transparent, white text */
body.mobile-site .mobileHeader-actions .hdr-btn-login,
body.mobile-site .mobileHeader-actions #Giris,
body.mobile-site .mobileHeader-actions .btn-outline-light {
  all: unset !important;
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: normal !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}
body.mobile-site .mobileHeader-actions #Giris:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* KAYIT button: solid gold bg, white text */
body.mobile-site .mobileHeader-actions .hdr-btn-register,
body.mobile-site .mobileHeader-actions #openRegister,
body.mobile-site .mobileHeader-actions .btn-primary {
  all: unset !important;
  background: rgb(211,175,55) !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: normal !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}
body.mobile-site .mobileHeader-actions #openRegister:hover {
  background: rgb(190,155,40) !important;
}

/* Toggle (3-dot) button */
body.mobile-site .mobileHeader-actions .hdr-toggle-button-bc {
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.7) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: none !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;
  padding: 0 !important;
}

/* Hide search button on mobile */
body.mobile-site .mobileHeader-actions .header-search-btn {
  display: none !important;
}

/* Balance area (logged in) — BS-paralel plain text (ITER 338, supersedes ITER 333 pill) */
body.mobile-site .mobileHeader-balance {
  background: transparent !important;
  border: 0 none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  text-align: right !important;
}
body.mobile-site .mobileHeader-balance-line {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}
body.mobile-site .mobileHeader-balance-pair {
  display: inline-flex !important;
  justify-content: flex-end !important;
  gap: 3px !important;
}
body.mobile-site .mobileHeader-balance-k {
  display: none !important;
}
body.mobile-site .mobileHeader-balance-v {
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

/* Deposit quick button */
body.mobile-site .mob-deposit-quick {
  background: #000 !important;
  padding: 4px 10px !important;
}
body.mobile-site .mob-deposit-quick-btn {
  background: rgba(212,175,55,0.08) !important;
  border: 1px solid rgba(212,175,55,0.2) !important;
  color: rgb(211,175,55) !important;
  border-radius: 16px !important;
  padding: 4px 10px !important;
  font-size: 10px !important;
}

/* ── NAVIGATION BAR: BahisSende scrollable, 36px ── */
body.mobile-site .mainMenu,
body.mobile-site .mainMenu-standalone,
body.mobile-site .hdr-navigation-scrollable,
.mainMenu,
.mainMenu-standalone {
  background: #000 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.06) !important;
  border-top: none !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  position: fixed !important;
  top: 48px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1040 !important;
  width: 100% !important;
  display: block !important;
  overflow: visible !important;
}
body.mobile-site .mainMenu ul,
.mainMenu ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 0 4px !important;
  margin: 0 !important;
  height: 36px !important;
  background: transparent !important;
  justify-content: flex-start !important;
  list-style: none !important;
  gap: 0 !important;
}
body.mobile-site .mainMenu ul::-webkit-scrollbar {
  display: none !important;
}
body.mobile-site .mainMenu ul li,
.mainMenu ul li {
  flex: 0 0 auto !important;
  text-align: center !important;
  list-style: none !important;
}
body.mobile-site .mainMenu ul li a,
.mainMenu ul li a,
body.mobile-site .hdr-navigation-link-bc,
.hdr-navigation-link-bc {
  color: rgba(255,255,255,0.7) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: 36px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: none !important;
  letter-spacing: 0.3px !important;
  transition: color 0.2s !important;
  flex-direction: row !important;
  gap: 0 !important;
}
body.mobile-site .mainMenu ul li a:hover,
body.mobile-site .mainMenu ul li a.active {
  color: rgb(211,175,55) !important;
  border-bottom: none !important;
}
body.mobile-site .mainMenu ul li a .CMSIconSVGWrapper {
  display: none !important;
}

/* Nav NOT hidden on scroll */
body.mobile-site .mainMenu-standalone.nav-hidden {
  opacity: 1 !important;
  pointer-events: auto !important;
  max-height: 36px !important;
  min-height: 36px !important;
  overflow: visible !important;
  transform: none !important;
  visibility: visible !important;
}

/* ── CONTENT AREA: offset for fixed header (48px) + nav (36px) = 84px ── */
body.mobile-site .mainContentWrap {
  padding-top: 84px !important;
  background: #000 !important;
  padding-bottom: 60px !important;
}

/* ── SLIDER: full-width ── */
body.mobile-site .home-hero-slider {
  border-radius: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.mobile-site .home-hero-slider-inner {
  border-radius: 0 !important;
}

/* ── CATEGORY BANNERS (2x2): hide on mobile ── */
body.mobile-site .rb-category-banners {
  display: none !important;
}

/* ── PRODUCT BANNERS: 3-column grid, BahisSende style ── */
body.mobile-site .hm-row-bc {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  padding: 8px 8px !important;
  background: transparent !important;
}
body.mobile-site .product-banner-info-bc,
body.mobile-site .product-banner-info-bc.product-banner-bc {
  background: #000 !important;
  border: 0.8px solid rgba(212,175,55,0.12) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
body.mobile-site .product-banner-info-bc.banner-glow-bc {
  border: 0.8px solid rgba(212,175,55,0.12) !important;
  box-shadow: none !important;
}
body.mobile-site .product-banner-info-bc.banner-glow-bc::before,
body.mobile-site .product-banner-info-bc.banner-glow-bc::after {
  display: none !important;
}
body.mobile-site .product-banner-info-bc .product-banner-img-bc {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  filter: grayscale(0.4) brightness(0.95) !important;
}

/* ── TITLE SECTIONS ── */
body.mobile-site .title-container {
  padding: 12px 10px 6px !important;
  background: transparent !important;
}
body.mobile-site .title-container .title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
body.mobile-site .title-container .title h2,
body.mobile-site .title h2 {
  color: rgb(211,175,55) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
body.mobile-site .title-container .title a,
body.mobile-site .title a {
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}
body.mobile-site .title-container .title a:hover {
  color: rgb(211,175,55) !important;
}

/* ── GAME CARDS: 3-column grid, BahisSende style ── */
body.mobile-site .games-container {
  padding: 0 8px 8px !important;
  background: transparent !important;
}
body.mobile-site .games-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
}
body.mobile-site .games-container .game-item,
body.mobile-site .games-container .game-cta {
  background: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
body.mobile-site .games-container .game-item img,
body.mobile-site .games-container .game-cta img {
  border-radius: 8px !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  object-fit: cover !important;
}
body.mobile-site .game-overlay {
  background: rgba(0,0,0,0.7) !important;
}
body.mobile-site .game-title-text {
  color: #fff !important;
  font-size: 10px !important;
}
body.mobile-site .play-btn {
  background: rgb(211,175,55) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
}
body.mobile-site .demo-btn {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  padding: 3px 8px !important;
}

/* ── LEAGUE LOGOS ── */
body.mobile-site .ligler-container {
  padding: 10px 8px !important;
  background: transparent !important;
}
body.mobile-site .ligler-row {
  background: transparent !important;
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 0 !important;
}
body.mobile-site .lig-item {
  background: #121212 !important;
  border: 0.8px solid rgba(212,175,55,0.1) !important;
  border-radius: 8px !important;
  flex: 0 0 auto !important;
}
body.mobile-site .lig-item img {
  filter: grayscale(1) brightness(1.2) !important;
  opacity: 0.7 !important;
}

/* ── JACKPOT / WINNERS ── */
body.mobile-site .home-jackpot-winners-section {
  padding: 0 8px !important;
}
body.mobile-site .slot-hero-tabs {
  background: transparent !important;
}
body.mobile-site .slot-hero-tablist {
  background: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  padding: 3px !important;
  gap: 2px !important;
}
body.mobile-site .slot-hero-tab {
  background: transparent !important;
  color: rgba(255,255,255,0.6) !important;
  border: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  flex: 1 !important;
  cursor: pointer !important;
}
body.mobile-site .slot-hero-tab--active,
body.mobile-site .slot-hero-tab.slot-hero-tab--active {
  background: rgb(211,175,55) !important;
  color: #000 !important;
}
body.mobile-site .jp-section,
body.mobile-site .slot-jackpot-wrap {
  background: transparent !important;
  border: none !important;
}
body.mobile-site .jp-main-card {
  background: rgba(18,18,18,0.9) !important;
  border: 0.8px solid rgba(212,175,55,0.15) !important;
  border-radius: 10px !important;
}
body.mobile-site .jp-sub-card {
  background: rgba(18,18,18,0.7) !important;
  border: 0.8px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
}
body.mobile-site .jp-amount {
  color: rgb(211,175,55) !important;
}
body.mobile-site .jp-tab {
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.6) !important;
  border: none !important;
  border-radius: 4px !important;
}
body.mobile-site .jp-tab.jp-tab--active,
body.mobile-site .jp-tab--active {
  background: rgb(211,175,55) !important;
  color: #000 !important;
}
body.mobile-site .slot-winners-wrap {
  background: transparent !important;
  border: none !important;
}
body.mobile-site .winners-list-item {
  background: rgba(18,18,18,0.8) !important;
  border: 0.8px solid rgba(255,255,255,0.06) !important;
  border-radius: 8px !important;
}
body.mobile-site .winners-item-icon {
  background: rgba(0,0,0,0.5) !important;
}
body.mobile-site .winners-main-tab,
body.mobile-site .winners-period-tab {
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.6) !important;
  border: none !important;
  border-radius: 4px !important;
}
body.mobile-site .winners-main-tab.active,
body.mobile-site .winners-period-tab.active {
  background: rgb(211,175,55) !important;
  color: #000 !important;
}

/* ── CAMPAIGN BANNER ── */
body.mobile-site .live-casino-banner-wrap {
  padding: 8px 8px !important;
}
body.mobile-site .live-casino-banner {
  border-radius: 10px !important;
  overflow: hidden !important;
}
body.mobile-site .live-casino-banner img {
  width: 100% !important;
  border-radius: 10px !important;
}

/* ── FOOTER: pure black ── */
body.mobile-site footer,
body.mobile-site .footer,
body.mobile-site .footerArea {
  background: #000 !important;
  border-top: 0.8px solid rgba(255,255,255,0.05) !important;
}
body.mobile-site .cert-image {
  background: transparent !important;
}

/* ── BOTTOM BAR: BahisSende exact match ── */
body.mobile-site .mobFooter {
  background: rgb(18,18,18) !important;
  border-top: 0.8px solid rgb(210,176,56) !important;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.5) !important;
  height: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  padding: 0 8px !important;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
  backdrop-filter: none !important;
}

body.mobile-site .mobFooter-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,0.5) !important;
  text-decoration: none !important;
  padding: 4px 0 !important;
  position: relative !important;
  flex: 1 !important;
  height: 56px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  gap: 3px !important;
  font-family: inherit !important;
}
body.mobile-site .mobFooter-item::before {
  display: none !important;
}

body.mobile-site .mobFooter-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  color: rgba(255,255,255,0.8) !important;
}
body.mobile-site .mobFooter-icon-wrap svg {
  width: 20px !important;
  height: 20px !important;
  color: rgba(255,255,255,0.8) !important;
}
body.mobile-site .mobFooter-icon-wrap i {
  color: rgba(255,255,255,0.8) !important;
  font-size: 18px !important;
}

body.mobile-site .mobFooter-label {
  font-size: 9px !important;
  color: rgba(255,255,255,0.6) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  display: block !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
}

body.mobile-site .mobFooter-label-small {
  font-size: 7px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: normal !important;
  max-width: 55px !important;
}

/* Center floating SLOT OYNA button */
body.mobile-site .mobFooter-center-btn {
  position: relative !important;
  overflow: visible !important;
}
body.mobile-site .mobFooter-center-icon {
  position: absolute !important;
  top: -32px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  width: auto !important;
  height: auto !important;
}
body.mobile-site .mobFooter-center-shield {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  border-radius: 50% !important;
  color: #000 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-align: center !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 15px rgba(211,175,55,0.4) !important;
  border: 3px solid rgba(255,255,255,0.15) !important;
  letter-spacing: 0.3px !important;
}
body.mobile-site .mobFooter-center-btn .mobFooter-label {
  position: absolute !important;
  bottom: 4px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  white-space: nowrap !important;
}

/* ── MOBILE MENU OVERLAY ── */
body.mobile-site .mobileMenu-overlay {
  background: rgba(0,0,0,0.6) !important;
}
body.mobile-site .mobileMenu {
  background: #000 !important;
}
body.mobile-site .mobileMenu-header {
  background: #000 !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.06) !important;
  padding: 12px 16px !important;
}
body.mobile-site .mobileMenu-title {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
body.mobile-site .mobileMenu-close {
  color: rgba(255,255,255,0.6) !important;
  background: transparent !important;
  border: none !important;
  width: 24px !important;
  height: 24px !important;
}
body.mobile-site .mobileMenu-close svg {
  width: 20px !important;
  height: 20px !important;
}
body.mobile-site .mobileMenu-body {
  background: #000 !important;
  padding: 12px !important;
}
body.mobile-site .mobileMenu-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
}
body.mobile-site .mobileMenu-card {
  background: #121212 !important;
  border: 0.8px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  padding: 14px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}
body.mobile-site .mobileMenu-card-icon {
  font-size: 22px !important;
}
body.mobile-site .mobileMenu-card-label {
  color: rgba(255,255,255,0.8) !important;
  font-size: 10px !important;
  text-align: center !important;
}
body.mobile-site .mobileMenu-section-title {
  color: rgba(255,255,255,0.4) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 8px 0 4px !important;
}
body.mobile-site .mobileMenu-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 8px !important;
  border-bottom: 0.8px solid rgba(255,255,255,0.04) !important;
  text-decoration: none !important;
  color: rgba(255,255,255,0.8) !important;
  font-size: 13px !important;
}
body.mobile-site .mobileMenu-list-icon {
  color: rgb(211,175,55) !important;
  width: 20px !important;
  text-align: center !important;
}
body.mobile-site .mobileMenu-list-item--danger {
  color: #e74c3c !important;
}

/* ── SMART PANEL DROPDOWN ── */
body.mobile-site .smartPanel-bc,
body.mobile-site .mobileHeader-smartPanel {
  background: #121212 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
}
body.mobile-site .hdr-smart-panel-holder-bc {
  background: transparent !important;
}
body.mobile-site .sp-button-bc {
  color: rgba(255,255,255,0.6) !important;
  background: transparent !important;
  border: none !important;
}
body.mobile-site .sp-button-bc:hover {
  color: rgb(211,175,55) !important;
}

/* ── SETTING BAR: hide on mobile ── */
body.mobile-site .settingBar {
  display: none !important;
}

/* ── FIX: rb-mobile-content-wrapper ── */
body.mobile-site .rb-mobile-content-wrapper {
  background: transparent !important;
}

/* ── PROFILE ICON (logged in) — BS-paralel 28px translucent + gold silhouette (ITER 335) ──
   Source: bs-mirror-local/assets/index.7tkrlqxF.css `.avatarHolderImg`
   Body-class scope to override base.css cascade. ITER 333 used wrong size (36) + wrong
   fill (solid gold). ITER 335 corrects to BS canonical (28px translucent + gold icon).
*/
/* ITER 339 — body-prefix BS-paralel avatar plain font glyph (supersedes ITER 335) */
body.mobile-site .mobileHeader-profile-icon,
body.mobile-site .mobileHeader-profile-icon--bs {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  box-sizing: border-box !important;
  align-self: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 none !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  box-shadow: none !important;
}
body.mobile-site .mobileHeader-profile-icon .mobileHeader-profile-svg,
body.mobile-site .mobileHeader-profile-icon > svg {
  display: none !important;
}

/* ── ITER 334 — body-prefix scope for inline SVG icon sizing
   (mob-announce-icon / hdr-toggle-icon / sp-button-icon-bc) ── */
body.mobile-site .mob-announce-icon,
body.mobile-site .mob-announce-icon--bs {
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  fill: currentColor !important;
}
body.mobile-site .hdr-toggle-icon,
body.mobile-site .hdr-toggle-icon--bs {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: currentColor !important;
  pointer-events: none !important;
}
body.mobile-site .hdr-toggle-button-bc svg.hdr-toggle-icon {
  margin: 0 auto !important;
}
body.mobile-site .sp-button-bc svg.sp-button-icon-bc,
body.mobile-site .sp-button-bc svg.sp-button-icon-bc--bs {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: currentColor !important;
  pointer-events: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   SPECIFICITY FIXES — Override base.css rules
   ═══════════════════════════════════════════════════════════════ */

/* FIX: base.css sets min-height:44px on all a tags (WCAG 2.5.8)
   Nav links need smaller touch targets to fit 36px bar */
body.mobile-site .mainMenu ul li a,
body.mobile-site .mainMenu-standalone ul li a,
body.mobile-site .hdr-navigation-scrollable ul li a,
body.mobile-site a.hdr-navigation-link-bc {
  min-height: 36px !important;
  max-height: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 36px !important;
}

/* FIX: Product banner grid - override higher specificity rule at line 1758
   body.mobile-site .rb-mobile-content-wrapper .hm-row-bc needs to be matched */
body.mobile-site .rb-mobile-content-wrapper .hm-row-bc,
body.mobile-site .mainContentWrap .hm-row-bc {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  padding: 8px 8px !important;
  background: transparent !important;
}

/* FIX: base.css sets padding-top:0!important on .mainContentWrap
   Override with higher specificity */
html.mobile-root body.mobile-site .mainContentWrap {
  padding-top: 84px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #000 !important;
}

/* FIX: Slider negative margin from base.css */
html.mobile-root body.mobile-site .mainContentWrap .home-hero-slider {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* FIX: base.css mobile-page-gutter adds side padding */
html.mobile-root body.mobile-site {
  --mobile-page-gutter: 0px !important;
}


/* ═══════════════════════════════════════════════════════════════
   BETSLIP + FOOTER GREEN FIX
   ═══════════════════════════════════════════════════════════════ */

/* Betslip panel - remove all green */
body.mobile-site .betslip-panel {
  background: #121212 !important;
}
body.mobile-site .betslip-panel-overlay.is-open {
  background: #121212 !important;
}
body.mobile-site .betslip-panel__tabs {
  background: #1a1a1a !important;
}
body.mobile-site .betslip-panel__settings {
  background: #000 !important;
}
body.mobile-site .betslip-panel__body {
  background: #121212 !important;
}
body.mobile-site .betslip-panel__footer {
  background: #121212 !important;
}
body.mobile-site .betslip-panel__place-btn {
  background: rgb(211,175,55) !important;
  color: #000 !important;
}
body.mobile-site .betslip-panel__place-btn:disabled {
  background: #1a1a1a !important;
  color: rgba(255,255,255,0.35) !important;
}
body.mobile-site .betslip-odds-fullpage {
  background: #121212 !important;
}
body.mobile-site .betslip-odds-fullpage__bar {
  background: #121212 !important;
  border-bottom-color: #2a2a2a !important;
}
body.mobile-site .betslip-odds-fullpage__list {
  border-color: #2a2a2a !important;
}
body.mobile-site .betslip-odds-fullpage__option {
  background: #121212 !important;
  border-bottom-color: #1a1a1a !important;
}
body.mobile-site .betslip-odds-fullpage__option.is-selected,
body.mobile-site .betslip-odds-fullpage__option:hover {
  background: rgb(211,175,55) !important;
  color: #000 !important;
}
body.mobile-site .betslip-odds-fullpage__inner::after {
  background: #121212 !important;
}

/* Mobile footer */
body.mobile-site .mobileFooter {
  background: #000 !important;
  border-top: 0.8px solid rgba(255,255,255,0.05) !important;
}
body.mobile-site .mobileFooter .footerRow {
  background: #000 !important;
}
body.mobile-site .mobileFooter .provider-style-div {
  background: #121212 !important;
  border: 0.8px solid rgba(255,255,255,0.08) !important;
}


/* ═══════════════════════════════════════════════════════════════
   CRITICAL FIX: Hidden dialogs/modals/overlays
   All [aria-hidden="true"] elements MUST be display:none
   ═══════════════════════════════════════════════════════════════ */

/* App feedback dialog (Tamam button popup) */
.app-feedback-dialog-overlay[aria-hidden="true"],
.app-feedback-dialog[aria-hidden="true"] {
  display: none !important;
}
.app-feedback-dialog-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9998;
}
.app-feedback-dialog {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 90%;
  max-width: 340px;
}
.app-feedback-dialog.is-visible,
.app-feedback-dialog[aria-hidden="false"] {
  display: block !important;
}
.app-feedback-dialog-overlay.is-visible,
.app-feedback-dialog-overlay[aria-hidden="false"] {
  display: block !important;
}
.app-feedback-dialog__card {
  background: #1a1a1a;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  color: #fff;
}
.app-feedback-dialog__dismiss {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: rgba(255,255,255,0.6);
  font-size: 22px;
  cursor: pointer;
}
.app-feedback-dialog__primary {
  background: rgb(211,175,55);
  color: #000;
  border: none;
  border-radius: 8px;
  padding: 10px 32px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  margin-top: 16px;
}

/* Profile modal (Yükleniyor... popup) */
.profile-modal-overlay[aria-hidden="true"],
.profile-modal[aria-hidden="true"] {
  display: none !important;
}
.profile-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9996;
}
.profile-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9997;
  background: #000;
}
.profile-modal.is-visible,
.profile-modal[aria-hidden="false"] {
  display: block !important;
}
.profile-modal-overlay.is-visible,
.profile-modal-overlay[aria-hidden="false"] {
  display: block !important;
}
.profile-modal__loading[aria-hidden="true"] {
  display: none !important;
}
.profile-modal__loading {
  display: none;
  text-align: center;
  padding: 40px;
  color: rgba(255,255,255,0.6);
}
.profile-modal__loading.is-visible {
  display: block !important;
}

/* Right sidebars (all hidden by default) */
.right-sidebar[aria-hidden="true"] {
  display: none !important;
}
.right-sidebar-overlay[aria-hidden="true"] {
  display: none !important;
}
.right-sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9990;
}
.right-sidebar {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 85%;
  max-width: 360px;
  height: 100%;
  background: #121212;
  z-index: 9991;
  overflow-y: auto;
}
.right-sidebar.is-open,
.right-sidebar[aria-hidden="false"] {
  display: block !important;
}
.right-sidebar-overlay.is-open,
.right-sidebar-overlay[aria-hidden="false"] {
  display: block !important;
}

/* Betslip panel (hidden by default) */
.betslip-panel-overlay[aria-hidden="true"],
.betslip-panel[aria-hidden="true"] {
  display: none !important;
}
.betslip-panel-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9994;
}
.betslip-panel {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9995;
  background: #121212;
  border-radius: 16px 16px 0 0;
  max-height: 80vh;
  overflow-y: auto;
}
.betslip-panel.is-open,
.betslip-panel[aria-hidden="false"] {
  display: block !important;
}
.betslip-panel-overlay.is-open,
.betslip-panel-overlay[aria-hidden="false"] {
  display: block !important;
}

/* Betslip odds fullpage (hidden by default) */
.betslip-odds-fullpage[hidden],
.betslip-odds-fullpage[aria-hidden="true"] {
  display: none !important;
}

/* Search panel/overlay (hidden by default) */
.search-overlay[aria-hidden="true"],
.search-panel[aria-hidden="true"] {
  display: none !important;
}
.search-overlay {
  display: none;
}
.search-panel {
  display: none;
}

/* Smart panel holder - hidden by default */
body.mobile-site .smartPanel-bc,
body.mobile-site .mobileHeader-smartPanel {
  display: none;
}
body.mobile-site .smartPanel-bc.is-open,
body.mobile-site .mobileHeader-smartPanel.is-open {
  display: block !important;
}


/* ═══════════════════════════════════════════════════════════════
   FIX: Announcement bar - must be visible above fixed header
   BahisSende style: gold text, black bg, ~50px height
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .mob-announcement-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #000 !important;
  color: rgb(211, 175, 55) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  padding: 10px 16px !important;
  text-align: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10001 !important;
  border-bottom: 0.8px solid rgba(211, 175, 55, 0.3) !important;
  min-height: 40px !important;
}
body.mobile-site .mob-announcement-bar a {
  color: rgb(211, 175, 55) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}
body.mobile-site .mob-announcement-bar i {
  color: rgb(211, 175, 55) !important;
  font-size: 14px !important;
}
body.mobile-site .mob-announce-close {
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 18px !important;
  cursor: pointer !important;
  padding: 0 4px !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
}

/* Push header and nav down to make room for announcement bar */
body.mobile-site .mobileHeader {
  top: 40px !important;
}
body.mobile-site .mainMenu.mainMenu-standalone {
  top: 89px !important;
}

/* Adjust main content padding for announcement + header + nav */
html.mobile-root body.mobile-site .mainContentWrap {
  padding-top: 130px !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Category banners - match BahisSende gold-bordered cards
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .rb-category-banners {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 8px !important;
  padding: 12px 12px !important;
  background: transparent !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
body.mobile-site .rb-category-banners::-webkit-scrollbar {
  display: none !important;
}
body.mobile-site .rb-cat-banner {
  flex: 0 0 auto !important;
  min-width: 100px !important;
  max-width: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
  border: 1px solid rgba(211, 175, 55, 0.4) !important;
  border-radius: 10px !important;
  padding: 12px 8px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: rgb(211, 175, 55) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  gap: 6px !important;
  min-height: 80px !important;
}
body.mobile-site .rb-cat-banner img {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Product banners (hm-row-bc) - match BahisSende
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .rb-mobile-content-wrapper .hm-row-bc,
body.mobile-site .mainContentWrap .hm-row-bc {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  background: transparent !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
body.mobile-site .product-banner-info-bc {
  flex: 0 0 auto !important;
  min-width: 120px !important;
  max-width: 160px !important;
  background: #000 !important;
  border: 1px solid rgba(211, 175, 55, 0.3) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Slider - full width, no gaps
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .home-hero-slider {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Game section titles
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .games-container .section-title,
body.mobile-site .games-container h2,
body.mobile-site .section-header h2,
body.mobile-site .section-title {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 12px 8px !important;
  margin: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Game grid
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .games-container .games-grid,
body.mobile-site .games-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  padding: 0 12px 12px !important;
}
body.mobile-site .game-item {
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #121212 !important;
  border: none !important;
}
body.mobile-site .game-item img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 8px !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Smart panel - hide the arrow/dash icon
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .hdr-smart-panel-holder-arrow-bc {
  display: none !important;
}
body.mobile-site .smartPanel-bc:not(.is-open) {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Header buttons - match BahisSende exactly
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .mobileHeader-actions .hdr-btn-login {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
}
body.mobile-site .mobileHeader-actions .hdr-btn-register {
  background: transparent !important;
  border: 1.5px solid rgb(211, 175, 55) !important;
  color: rgb(211, 175, 55) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 16px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Bottom bar - match BahisSende exactly
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .mobFooter {
  background: rgb(18, 18, 18) !important;
  border-top: 0.8px solid rgb(210, 176, 56) !important;
  height: 49px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 12px !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
}
body.mobile-site .mobFooter-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none !important;
  font-size: 9px !important;
  gap: 2px !important;
  flex: 1 !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px 0 !important;
}
body.mobile-site .mobFooter-icon-wrap {
  color: rgba(255, 255, 255, 0.5) !important;
}
body.mobile-site .mobFooter-icon-wrap svg,
body.mobile-site .mobFooter-icon-wrap i {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
}
body.mobile-site .mobFooter-label {
  font-size: 9px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 70px !important;
}
body.mobile-site .mobFooter-label-small {
  font-size: 8px !important;
  max-width: 60px !important;
}

/* SLOT OYNA center shield */
body.mobile-site .mobFooter-center-btn {
  position: relative !important;
  flex: 1 !important;
}
body.mobile-site .mobFooter-center-icon {
  position: absolute !important;
  bottom: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
body.mobile-site .mobFooter-center-shield {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  border-radius: 50% !important;
  color: #000 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  box-shadow: 0 2px 12px rgba(211, 175, 55, 0.4) !important;
  border: 2px solid rgba(0, 0, 0, 0.3) !important;
}


/* ═══════════════════════════════════════════════════════════════
   Social responsibility icons row (BahisSende style)
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .mob-social-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 8px 12px !important;
  background: transparent !important;
}
body.mobile-site .mob-social-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 1.5px solid rgba(255,255,255,0.4) !important;
  border-radius: 50% !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
body.mobile-site .mob-social-text {
  color: rgba(255,255,255,0.4) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
body.mobile-site .mob-social-link {
  color: rgba(255,255,255,0.4) !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
body.mobile-site .mob-social-link:hover {
  color: rgb(211, 175, 55) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Category cards - BahisSende gold bordered text+icon cards
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .rb-cat-banner.rb-cat-banner--text {
  flex: 0 0 auto !important;
  min-width: 90px !important;
  max-width: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
  border: 1px solid rgba(211, 175, 55, 0.4) !important;
  border-radius: 10px !important;
  padding: 14px 8px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: rgb(211, 175, 55) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  gap: 8px !important;
  min-height: 75px !important;
}
body.mobile-site .rb-cat-banner.rb-cat-banner--text:hover {
  border-color: rgb(211, 175, 55) !important;
  background: rgba(211, 175, 55, 0.05) !important;
}
body.mobile-site .rb-cat-icon {
  font-size: 22px !important;
  color: rgb(211, 175, 55) !important;
}
body.mobile-site .rb-cat-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: rgb(211, 175, 55) !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* ═══════════════════════════════════════════════════════════════
   BAHISSENDE PIXEL-PERFECT MATCH — COMPREHENSIVE FIX
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Category Cards: 4-column GRID (not horizontal scroll) ── */
body.mobile-site .rb-category-banners {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  flex-wrap: unset !important;
  overflow-x: visible !important;
  gap: 8px !important;
  padding: 12px 10px !important;
  background: transparent !important;
  -webkit-overflow-scrolling: unset !important;
}
body.mobile-site .rb-cat-banner.rb-cat-banner--text {
  flex: unset !important;
  min-width: unset !important;
  max-width: unset !important;
  width: 100% !important;
  min-height: 85px !important;
  padding: 10px 4px !important;
  border: 1px solid rgba(211, 175, 55, 0.35) !important;
  border-radius: 10px !important;
  gap: 6px !important;
}
body.mobile-site .rb-cat-icon {
  font-size: 24px !important;
  color: rgb(211, 175, 55) !important;
}
body.mobile-site .rb-cat-label {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: rgb(211, 175, 55) !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
}

/* ── 2. Game sections: horizontal scroll cards (BahisSende style) ── */
body.mobile-site .games-container .games-inner,
body.mobile-site .games-inner {
  display: flex !important;
  grid-template-columns: unset !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 10px !important;
  padding: 0 12px 16px !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
body.mobile-site .games-inner::-webkit-scrollbar {
  display: none !important;
}
body.mobile-site .game-item,
body.mobile-site .game-cta {
  flex: 0 0 auto !important;
  width: 140px !important;
  min-width: 140px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #121212 !important;
  border: none !important;
}
body.mobile-site .game-item img,
body.mobile-site .game-cta img {
  width: 140px !important;
  height: 180px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
}

/* ── 3. Section titles: BahisSende style ── */
body.mobile-site .title-container {
  padding: 16px 12px 8px !important;
  background: transparent !important;
}
body.mobile-site .title-container .title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
body.mobile-site .title-container .title h2 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
body.mobile-site .title-container .title a {
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

/* ── 4. Product banners row: horizontal scroll ── */
body.mobile-site .rb-mobile-content-wrapper .hm-row-bc,
body.mobile-site .mainContentWrap .hm-row-bc {
  display: flex !important;
  grid-template-columns: unset !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  background: transparent !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
body.mobile-site .hm-row-bc::-webkit-scrollbar {
  display: none !important;
}
body.mobile-site .product-banner-info-bc {
  flex: 0 0 auto !important;
  min-width: 130px !important;
  max-width: 160px !important;
  background: #000 !important;
  border: 1px solid rgba(211, 175, 55, 0.25) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
body.mobile-site .product-banner-img-bc {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* ── 5. Bottom bar: remove CASiNO text below shield ── */
body.mobile-site .mobFooter-center-label,
body.mobile-site .mobFooter-center-btn .mobFooter-label {
  display: none !important;
}

/* ── 6. Social icons row ── */
body.mobile-site .mob-social-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 10px 12px !important;
  background: transparent !important;
}
body.mobile-site .mob-social-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 1.5px solid rgba(255,255,255,0.35) !important;
  border-radius: 50% !important;
  color: rgba(255,255,255,0.55) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
body.mobile-site .mob-social-text {
  color: rgba(255,255,255,0.35) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
body.mobile-site .mob-social-link {
  color: rgba(255,255,255,0.35) !important;
  font-size: 18px !important;
  text-decoration: none !important;
}

/* ── 7. Campaign banner - hide on mobile ── */
body.mobile-site .live-casino-banner-wrap {
  display: none !important;
}

/* ── 8. League logos - hide on mobile ── */
body.mobile-site .ligler-container {
  display: none !important;
}

/* ── 9. Jackpot/winners section - hide on mobile ── */
body.mobile-site .home-jackpot-winners-section {
  display: none !important;
}

/* ── 10. Desktop category cards - hide on mobile ── */
body.mobile-site .rb-category-cards {
  display: none !important;
}

/* ── 11. Game overlay styling ── */
body.mobile-site .game-item,
body.mobile-site .game-cta {
  position: relative !important;
}
body.mobile-site .game-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(transparent, rgba(0,0,0,0.85)) !important;
  padding: 8px 6px 6px !important;
  opacity: 0 !important;
  transition: opacity 0.2s !important;
}
body.mobile-site .game-item:hover .game-overlay,
body.mobile-site .game-cta:hover .game-overlay {
  opacity: 1 !important;
}
body.mobile-site .game-title-text {
  font-size: 11px !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ── 12. Footer support button ── */
body.mobile-site .mob-support-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 20px 16px 16px !important;
  padding: 14px 20px !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ── 13. Footer social row ── */
body.mobile-site .mob-footer-social {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
}
body.mobile-site .mob-footer-social-icons {
  display: flex !important;
  gap: 16px !important;
}
body.mobile-site .mob-footer-social-icons a {
  color: rgba(255,255,255,0.5) !important;
  font-size: 22px !important;
  text-decoration: none !important;
}
body.mobile-site .mob-footer-social-icons a:hover {
  color: rgb(211, 175, 55) !important;
}
body.mobile-site .mob-lang-selector {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
}

/* ── 14. Footer link sections ── */
body.mobile-site .mob-footer-links-section {
  padding: 16px 16px !important;
  border-top: 0.8px solid rgba(255,255,255,0.06) !important;
}
body.mobile-site .mob-footer-links-section h4 {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 0 10px !important;
}
body.mobile-site .mob-footer-links-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 4px !important;
}
body.mobile-site .mob-footer-links-row a {
  color: rgba(255,255,255,0.4) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  padding: 2px 8px !important;
}
body.mobile-site .mob-footer-links-row span.sep {
  color: rgba(255,255,255,0.15) !important;
}

/* ── 15. Footer regulation section ── */
body.mobile-site .mob-footer-regulation {
  text-align: center !important;
  padding: 20px 16px !important;
  border-top: 0.8px solid rgba(255,255,255,0.06) !important;
}
body.mobile-site .mob-footer-regulation h4 {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
}
body.mobile-site .mob-footer-regulation p {
  color: rgba(255,255,255,0.3) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  margin: 10px 0 0 !important;
}

/* ── 16. Footer payment methods ── */
body.mobile-site .mob-footer-payments {
  text-align: center !important;
  padding: 16px !important;
  border-top: 0.8px solid rgba(255,255,255,0.06) !important;
}
body.mobile-site .mob-footer-payments h4 {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
}

/* ── 17. Footer copyright ── */
body.mobile-site .mob-footer-copyright {
  text-align: center !important;
  padding: 16px !important;
  color: rgba(255,255,255,0.3) !important;
  font-size: 11px !important;
}
body.mobile-site .mob-footer-copyright .age-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border: 2px solid rgba(211,175,55,0.5) !important;
  border-radius: 50% !important;
  color: rgb(211,175,55) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

/* ── 18. Scroll to top button ── */
body.mobile-site .mob-scroll-top {
  position: fixed !important;
  right: 12px !important;
  bottom: 65px !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(211, 175, 55, 0.15) !important;
  border: 1px solid rgba(211, 175, 55, 0.3) !important;
  border-radius: 8px !important;
  color: rgb(211, 175, 55) !important;
  font-size: 18px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 9998 !important;
}
body.mobile-site .mob-scroll-top.visible {
  display: flex !important;
}

/* ── 19. Game progress indicator bar ── */
body.mobile-site .games-scroll-indicator {
  height: 3px !important;
  margin: 0 12px 8px !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 2px !important;
  overflow: hidden !important;
}
body.mobile-site .games-scroll-indicator-fill {
  height: 100% !important;
  width: 30% !important;
  background: rgb(211, 175, 55) !important;
  border-radius: 2px !important;
}

/* ── 20. Hide existing footer provider/Android sections on mobile ── */
body.mobile-site .mobileFooter .provider-style-div {
  display: none !important;
}
body.mobile-site .mobileFooter .android-download-section {
  display: none !important;
}

/* ── FIX: rb-mobile-content-wrapper must be block, not flex ── */
body.mobile-site .rb-mobile-content-wrapper {
  display: block !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
}

/* ── FIX: Hide duplicate footer elements on mobile ── */
body.mobile-site .license-social-wrapper {
  display: none !important;
}
body.mobile-site .mobileFooter > div[style*='text-align:center'] {
  display: none !important;
}
body.mobile-site .socialMedia {
  display: none !important;
}
body.mobile-site .mobileFooter .app-footer {
  padding: 0 !important;
}
/* Hide GCB badge on mobile - not in BahisSende */
body.mobile-site .mobileFooter img[alt='Lisans Logosu'] {
  display: none !important;
}
body.mobile-site .mobileFooter > div:first-child {
  display: none !important;
}
/* Hide Android download section */
body.mobile-site .android-app-section,
body.mobile-site [class*='android-download'],
body.mobile-site .mobileFooter a[href*='apk'] {
  display: none !important;
}
/* Style the footer link sections properly */
body.mobile-site .mobileFooter .footerLinks {
  padding: 0 !important;
  margin: 0 !important;
}
body.mobile-site .mobileFooter .footerLinks h4,
body.mobile-site .mobileFooter .footerGroupTitle {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 16px 0 8px !important;
  padding: 0 !important;
}
body.mobile-site .mobileFooter .footerLinks a {
  color: rgba(255,255,255,0.4) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}
body.mobile-site .mobileFooter .footerRow {
  background: #000 !important;
  padding: 0 16px !important;
}
/* Hide provider logos section on mobile */
body.mobile-site .mobileFooter .provider-logos-section,
body.mobile-site .mobileFooter .footerRow .provider-style-div {
  display: none !important;
}
/* Payment method images section */
body.mobile-site .mobileFooter .payment-methods img {
  height: 28px !important;
  width: auto !important;
  opacity: 0.6 !important;
}

/* ── FIX: Keep CASiNO label visible (BahisSende has it too) ── */
body.mobile-site .mobFooter-center-label,
body.mobile-site .mobFooter-center-btn .mobFooter-label {
  display: block !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 9px !important;
}

/* ── FIX: Optimize modal rendering ── */
body.mobile-site .modal {
  content-visibility: auto !important;
  contain-intrinsic-size: 0 500px !important;
}
body.mobile-site .modal:not(.show) {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   INNER PAGES (Slot, LiveCasino) — BahisSende style
   ═══════════════════════════════════════════════════════════════ */

/* ── Category filter tabs: gold bordered cards ── */
body.mobile-site .slot-hero-categories,
body.mobile-site .casino-categories,
body.mobile-site .games-filter-categories {
  display: flex !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  background: transparent !important;
}
body.mobile-site .slot-hero-categories::-webkit-scrollbar,
body.mobile-site .casino-categories::-webkit-scrollbar,
body.mobile-site .games-filter-categories::-webkit-scrollbar {
  display: none !important;
}

body.mobile-site .slot-hero-category,
body.mobile-site .casino-category,
body.mobile-site .games-filter-category {
  flex: 0 0 auto !important;
  min-width: 80px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 10px 12px !important;
  background: #000 !important;
  border: 1px solid rgba(211, 175, 55, 0.3) !important;
  border-radius: 10px !important;
  color: rgb(211, 175, 55) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
body.mobile-site .slot-hero-category.active,
body.mobile-site .casino-category.active,
body.mobile-site .games-filter-category.active,
body.mobile-site .slot-hero-category.selected,
body.mobile-site .casino-category.selected,
body.mobile-site .games-filter-category.selected {
  background: rgba(211, 175, 55, 0.1) !important;
  border-color: rgb(211, 175, 55) !important;
  color: rgb(211, 175, 55) !important;
}
body.mobile-site .slot-hero-category i,
body.mobile-site .casino-category i,
body.mobile-site .games-filter-category i,
body.mobile-site .slot-hero-category svg,
body.mobile-site .casino-category svg,
body.mobile-site .games-filter-category svg {
  font-size: 18px !important;
  color: rgb(211, 175, 55) !important;
  width: 18px !important;
  height: 18px !important;
}

/* ── Search bar: BahisSende style ── */
body.mobile-site .games-search-wrap,
body.mobile-site .slot-search-wrap {
  padding: 8px 12px !important;
  background: transparent !important;
}
body.mobile-site .games-search-input,
body.mobile-site .slot-search-input,
body.mobile-site input[placeholder*='Ara'],
body.mobile-site input[placeholder*='ara'] {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.6) !important;
  padding: 10px 40px 10px 16px !important;
  font-size: 13px !important;
  width: 100% !important;
}

/* ── Game grid on inner pages: 2 columns ── */
body.mobile-site .slot-page-content .games-inner,
body.mobile-site .livecasino-page .games-inner,
body.mobile-site .casino-games-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  padding: 8px 12px !important;
}
body.mobile-site .slot-page-content .game-item,
body.mobile-site .livecasino-page .game-item,
body.mobile-site .casino-games-grid .game-item {
  width: 100% !important;
  min-width: unset !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
body.mobile-site .slot-page-content .game-item img,
body.mobile-site .livecasino-page .game-item img,
body.mobile-site .casino-games-grid .game-item img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4/3 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

/* ── Provider filter button ── */
body.mobile-site .provider-filter-btn,
body.mobile-site .slot-provider-dropdown {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.6) !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
}

/* ── Promotions page ── */
body.mobile-site .promotions-container {
  padding: 12px !important;
}
body.mobile-site .promotion-card {
  background: #121212 !important;
  border: 1px solid rgba(211, 175, 55, 0.2) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
}
body.mobile-site .promotion-card img {
  width: 100% !important;
  height: auto !important;
}

/* ── SLOT/LIVECASINO: Category tabs (BahisSende gold card style) ── */
body.mobile-site .category-tabs-scroll {
  display: flex !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  background: transparent !important;
}
body.mobile-site .category-tabs-scroll::-webkit-scrollbar {
  display: none !important;
}
body.mobile-site .cat-tab {
  flex: 0 0 auto !important;
  min-width: 75px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 10px 12px !important;
  background: #000 !important;
  border: 1px solid rgba(211, 175, 55, 0.3) !important;
  border-radius: 10px !important;
  color: rgb(211, 175, 55) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body.mobile-site .cat-tab.active {
  background: rgba(211, 175, 55, 0.1) !important;
  border-color: rgb(211, 175, 55) !important;
  color: rgb(211, 175, 55) !important;
}
body.mobile-site .cat-tab i,
body.mobile-site .cat-tab svg {
  font-size: 18px !important;
  color: rgb(211, 175, 55) !important;
}

/* ── Game grid on inner pages: 2 columns ── */
body.mobile-site .game-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  padding: 8px 12px !important;
}
body.mobile-site .game-grid .game-item {
  width: 100% !important;
  min-width: unset !important;
  flex: unset !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
body.mobile-site .game-grid .game-item img {
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
}

/* ── Search bar ── */
body.mobile-site .games-search-bar {
  padding: 8px 12px !important;
  background: transparent !important;
}
body.mobile-site .games-search-input {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
}

/* ═══════════════════════════════════════════════════════════════
   INNER PAGES FIX — Slot, LiveCasino, Casino pages
   Match BahisSende mobile layout pixel-perfect
   ═══════════════════════════════════════════════════════════════ */

/* ── Hide slot hero section (slider/jackpot/winners) on mobile ── */
body.mobile-site .slot-top-section {
  display: block !important;
}
body.mobile-site .slot-below-hero {
  display: none !important;
}

/* ── Hide category tab arrows on mobile ── */
body.mobile-site .cat-tab-arrow {
  display: none !important;
}

/* ── Hide providers-games line on mobile ── */
body.mobile-site .slots-providers-games-line {
  display: none !important;
}

/* ── Providers sidebar: hidden by default on mobile ── */
body.mobile-site .providers-sidebar {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 10000 !important;
  background: #000 !important;
  overflow-y: auto !important;
}
body.mobile-site .providers-sidebar.is-open {
  display: flex !important;
}

/* ── Show mobile sidebar toggle (Tum Saglayicilar pill) ── */
body.mobile-site .mobile-sidebar-toggle {
  display: flex !important;
  align-items: center !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
body.mobile-site .mobile-sidebar-toggle__pill {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 20px !important;
  padding: 8px 14px !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
body.mobile-site .mobile-sidebar-toggle__pill i {
  font-size: 12px !important;
  color: rgba(255,255,255,0.4) !important;
}
body.mobile-site .mobile-sidebar-toggle__menu-icon {
  display: none !important;
}

/* ── Show random game button (BahisSende gold style) ── */
body.mobile-site .random-game-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: calc(100% - 24px) !important;
  margin: 8px 12px !important;
  padding: 12px 20px !important;
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #000 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
}
body.mobile-site .random-game-btn i {
  font-size: 14px !important;
  color: #000 !important;
}

/* ── Search bar area layout (slots-game-search-bar) ── */
body.mobile-site .slots-game-search-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  background: transparent !important;
}

/* ── Search expand area ── */
body.mobile-site .games-search-expand {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}
body.mobile-site .games-search-expand .games-search-bar {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  position: relative !important;
}
body.mobile-site .games-search-expand .games-search-input {
  flex: 1 !important;
  width: 100% !important;
  height: 40px !important;
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  padding: 0 40px 0 14px !important;
  outline: none !important;
}
body.mobile-site .games-search-expand .games-search-btn {
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.4) !important;
  font-size: 16px !important;
  padding: 8px !important;
  cursor: pointer !important;
}

/* ── Sort button ── */
body.mobile-site .sort-toggle-wrap {
  flex-shrink: 0 !important;
}
body.mobile-site .sort-toggle-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 18px !important;
  cursor: pointer !important;
}

/* ── Hide all-games and view-module buttons on mobile ── */
body.mobile-site .all-games-btn,
body.mobile-site .view-module-btn {
  display: none !important;
}

/* ── Active filters box ── */
body.mobile-site .active-filters-box {
  width: 100% !important;
  order: 10 !important;
}
body.mobile-site .active-filters-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
body.mobile-site .active-filter-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: rgba(211, 175, 55, 0.15) !important;
  border: 1px solid rgba(211, 175, 55, 0.3) !important;
  border-radius: 16px !important;
  padding: 4px 10px !important;
  color: rgb(211, 175, 55) !important;
  font-size: 11px !important;
}
body.mobile-site .active-filter-tag .remove {
  cursor: pointer !important;
  font-size: 14px !important;
  color: rgba(211, 175, 55, 0.6) !important;
  margin-left: 2px !important;
}

/* ── Slots layout: full width on mobile ── */
body.mobile-site .slots-layout {
  display: block !important;
  width: 100% !important;
}
body.mobile-site .games-main {
  width: 100% !important;
}

/* ── Game grid: 2 columns, proper card sizing ── */
body.mobile-site .game-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  padding: 4px 12px 12px !important;
}
body.mobile-site .game-grid .game-item {
  width: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
  flex: unset !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #121212 !important;
  position: relative !important;
}
body.mobile-site .game-grid .game-item img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
}

/* ── Game overlay (hover/touch) ── */
body.mobile-site .game-grid .game-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0,0,0,0.7) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
  border-radius: 10px !important;
  padding: 8px !important;
}
body.mobile-site .game-grid .game-item:active .game-overlay {
  opacity: 1 !important;
}
body.mobile-site .game-grid .game-overlay .game-overlay-top {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  display: flex !important;
  gap: 6px !important;
}
body.mobile-site .game-grid .game-overlay .game-fav,
body.mobile-site .game-grid .game-overlay .game-info-btn {
  color: rgba(255,255,255,0.7) !important;
  font-size: 16px !important;
  text-decoration: none !important;
}
body.mobile-site .game-grid .game-title-wrap {
  text-align: center !important;
  margin-bottom: 8px !important;
}
body.mobile-site .game-grid .game-title-text {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 150px !important;
}
body.mobile-site .game-grid .game-actions {
  display: flex !important;
  gap: 6px !important;
}
body.mobile-site .game-grid .play-btn {
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  color: #000 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 6px 16px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.mobile-site .game-grid .demo-btn {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.mobile-site .game-grid .demo-btn--disabled {
  opacity: 0.3 !important;
}

/* ── Recent games section ── */
body.mobile-site .recent-games-section {
  padding: 8px 12px !important;
}
body.mobile-site .recent-games-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  margin-bottom: 8px !important;
}
body.mobile-site .recent-games-grid {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
body.mobile-site .recent-games-grid::-webkit-scrollbar {
  display: none !important;
}

/* ── Slot page root: clean layout ── */
body.mobile-site .slot-page-root {
  background: #000 !important;
}
body.mobile-site .casino-container {
  background: #000 !important;
}

/* ── Scrollbar rail ── */
body.mobile-site .slot-games-scrollbar-rail {
  display: none !important;
}

/* ── Empty state ── */
body.mobile-site .empty-state {
  text-align: center !important;
  padding: 40px 20px !important;
  color: rgba(255,255,255,0.4) !important;
  grid-column: 1 / -1 !important;
}
body.mobile-site .empty-state i {
  font-size: 40px !important;
  margin-bottom: 12px !important;
  color: rgba(211, 175, 55, 0.3) !important;
}
body.mobile-site .empty-state h3 {
  font-size: 16px !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 0 8px !important;
}
body.mobile-site .empty-state p {
  font-size: 13px !important;
  color: rgba(255,255,255,0.3) !important;
  margin: 0 !important;
}

/* ── Load more sentinel ── */
body.mobile-site #load-more-sentinel {
  grid-column: 1 / -1 !important;
}

/* ── Provider sheet (full screen overlay) ── */
body.mobile-site .provider-sheet {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #000 !important;
}
body.mobile-site .provider-sheet-header {
  display: flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
body.mobile-site .provider-sheet-back {
  background: none !important;
  border: none !important;
  color: rgb(211, 175, 55) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
body.mobile-site .provider-sheet-tools {
  display: flex !important;
  gap: 8px !important;
  padding: 12px 16px !important;
}
body.mobile-site .provider-search-input {
  flex: 1 !important;
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.6) !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
}
body.mobile-site .sidebar-providers-list {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 8px 16px !important;
}
body.mobile-site .sidebar-provider-item {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  padding: 10px 0 !important;
  cursor: pointer !important;
}
body.mobile-site .sidebar-provider-item.active {
  color: rgb(211, 175, 55) !important;
  font-weight: 600 !important;
}
body.mobile-site .provider-sheet-footer {
  padding: 12px 16px !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}
/* ITER 452 (2026-05-17) — Lower-spec legacy .provider-sheet-apply rule NEUTRALIZED.
 * REASON: Gold gradient + fw:700 + border-radius:8 conflicts with BS-EXACT
 *         (solid rgb(255,255,255), fw:400, border-radius:4). BS-EXACT chain in
 *         provider-drawer-bs-top-exact.css (1,7,2 specificity) wins regardless,
 *         but neutralizing this prevents flash-of-wrong-style during CSS load
 *         and removes the rule as a competing cascade source.
body.mobile-site .provider-sheet-apply {
  width: 100% !important;
  padding: 12px !important;
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
} */

/* ── Slot games container wrapper ── */
body.mobile-site .slot-oyun-listesi {
  display: block !important;
}

/* ── Category tabs wrapper ── */
body.mobile-site .slots-category-filters {
  position: relative !important;
  overflow: hidden !important;
}

/* ── FIX: Search/filter area layout - all controls on same row ── */
body.mobile-site .slots-game-search-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  background: transparent !important;
}
body.mobile-site .slots-game-search-bar > .mobile-sidebar-toggle {
  order: 1 !important;
}
body.mobile-site .slots-game-search-bar > .games-search-expand {
  order: 2 !important;
  flex: 1 !important;
  min-width: 0 !important;
}
body.mobile-site .slots-game-search-bar > .sort-toggle-wrap {
  order: 3 !important;
}
body.mobile-site .slots-game-search-bar > .random-game-btn {
  order: 4 !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
}
body.mobile-site .slots-game-search-bar > .active-filters-box {
  order: 5 !important;
  width: 100% !important;
}
body.mobile-site .slots-game-search-bar {
  flex-wrap: wrap !important;
}

/* ── FIX: Sort button position ── */
body.mobile-site .sort-toggle-wrap {
  order: 3 !important;
  flex-shrink: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   SPORTS PAGE — Mobile iframe fix
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .responsive-iframe {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: calc(100vh - 130px) !important;
  padding-top: 0 !important;
  margin-top: -48px !important;
}
body.mobile-site .responsive-iframe iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   PROMOTIONS PAGE — Mobile styling
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .promosyon-container,
body.mobile-site .promotions-container,
body.mobile-site .bonus-container {
  padding: 8px 12px !important;
  background: #000 !important;
}
body.mobile-site .promosyon-card,
body.mobile-site .promotion-card,
body.mobile-site .bonus-card {
  background: #121212 !important;
  border: 1px solid rgba(211, 175, 55, 0.2) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
}
body.mobile-site .promosyon-card img,
body.mobile-site .promotion-card img,
body.mobile-site .bonus-card img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
body.mobile-site .promosyon-card .card-body,
body.mobile-site .promotion-card .card-body,
body.mobile-site .bonus-card .card-body {
  padding: 12px !important;
}
body.mobile-site .promosyon-card h5,
body.mobile-site .promotion-card h5,
body.mobile-site .bonus-card h5 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}
body.mobile-site .promosyon-card p,
body.mobile-site .promotion-card p,
body.mobile-site .bonus-card p {
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
body.mobile-site .promosyon-card .btn,
body.mobile-site .promotion-card .btn,
body.mobile-site .bonus-card .btn {
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  margin-top: 10px !important;
  display: inline-block !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* ═══════════════════════════════════════════════════════════════
   CMS PAGES — General mobile styling for dynamic pages
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .cms-page-content,
body.mobile-site .genel-sartlar-content,
body.mobile-site .static-page-content {
  padding: 16px !important;
  background: #000 !important;
  color: rgba(255,255,255,0.7) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
body.mobile-site .cms-page-content h1,
body.mobile-site .cms-page-content h2,
body.mobile-site .cms-page-content h3,
body.mobile-site .genel-sartlar-content h1,
body.mobile-site .genel-sartlar-content h2,
body.mobile-site .genel-sartlar-content h3 {
  color: rgb(211, 175, 55) !important;
  font-weight: 700 !important;
}
body.mobile-site .cms-page-content a,
body.mobile-site .genel-sartlar-content a {
  color: rgb(211, 175, 55) !important;
}

/* ═══════════════════════════════════════════════════════════════
   BONUS TALEP PAGE — Mobile styling
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .bonus-talep-container {
  padding: 12px !important;
  background: #000 !important;
}
body.mobile-site .bonus-talep-form {
  background: #121212 !important;
  border: 1px solid rgba(211, 175, 55, 0.2) !important;
  border-radius: 10px !important;
  padding: 16px !important;
}
body.mobile-site .bonus-talep-form label {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  display: block !important;
}
body.mobile-site .bonus-talep-form input,
body.mobile-site .bonus-talep-form select,
body.mobile-site .bonus-talep-form textarea {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.8) !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}
body.mobile-site .bonus-talep-form .btn-submit {
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  color: #000 !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px !important;
  width: 100% !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Desktop footer on mobile — prevent renderer freeze
   Hide heavy provider logos and modals on mobile
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .mainFooter {
  display: none !important;
}
body.mobile-site .footer-modals,
body.mobile-site .modal-backdrop {
  display: none !important;
}
body.mobile-site .modal:not(.show) {
  display: none !important;
  content-visibility: auto !important;
}
body.mobile-site .provider-style-div {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   PROMOTIONS PAGE — BahisSende mobile style
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .promosyonlar-page {
  background: #000 !important;
  padding-bottom: 60px !important;
}
body.mobile-site .promosyonlar-page .centerWrap {
  max-width: 100% !important;
  padding: 0 !important;
}
body.mobile-site .promosyonlar-wrap {
  padding: 0 !important;
}

/* Promo category bar */
body.mobile-site .promo-categories-bar {
  overflow: hidden !important;
}
body.mobile-site .promo-categories-inner {
  display: flex !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
body.mobile-site .promo-categories-inner::-webkit-scrollbar {
  display: none !important;
}
body.mobile-site .promo-cat-btn {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 10px 14px !important;
  background: #000 !important;
  border: 1px solid rgba(211, 175, 55, 0.3) !important;
  border-radius: 10px !important;
  color: rgb(211, 175, 55) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  min-width: 70px !important;
}
body.mobile-site .promo-cat-btn.active {
  background: rgba(211, 175, 55, 0.1) !important;
  border-color: rgb(211, 175, 55) !important;
}
body.mobile-site .promo-cat-btn i {
  font-size: 18px !important;
  color: rgb(211, 175, 55) !important;
}

/* Promo grid */
body.mobile-site .promo-grid-container {
  padding: 0 12px !important;
}
body.mobile-site .promo-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}
body.mobile-site .promo-card {
  background: #121212 !important;
  border: 1px solid rgba(211, 175, 55, 0.15) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
body.mobile-site .promo-card-inner {
  display: flex !important;
  flex-direction: column !important;
}
body.mobile-site .promo-card-image {
  width: 100% !important;
  height: 180px !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
}
body.mobile-site .promo-card-logo {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
body.mobile-site .promo-card-logo img {
  height: 20px !important;
  width: auto !important;
}
body.mobile-site .promo-card-logo i {
  color: rgb(211, 175, 55) !important;
  font-size: 14px !important;
}
body.mobile-site .promo-card-badge {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: linear-gradient(180deg, #e8c84a 0%, #c5952a 100%) !important;
  color: #000 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
}
body.mobile-site .promo-card-content {
  padding: 12px !important;
}
body.mobile-site .promo-card-title {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX: Promotions page — prevent renderer freeze
   Disable heavy animations, simplify rendering
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .promo-card-inner {
  transition: none !important;
  background: #121212 !important;
  border-radius: 10px !important;
}
body.mobile-site .promo-card-inner:hover {
  transform: none !important;
  box-shadow: none !important;
}
body.mobile-site .promo-card-image::before {
  display: none !important;
}
body.mobile-site .promo-card-image {
  aspect-ratio: 16/9 !important;
  background-color: #1a1a1a !important;
}
body.mobile-site .promo-categories-bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Hide desktop footer/modals aggressively ── */
body.mobile-site .mainFooter,
body.mobile-site .footer-wrap,
body.mobile-site .footerContainer {
  display: none !important;
}
body.mobile-site .bonus-detail-modal-overlay {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   CRITICAL FIX: Menu overlay blocks scroll when hidden
   ═══════════════════════════════════════════════════════════════ */
body.mobile-site .mobileMenu-overlay {
  pointer-events: none !important;
}
body.mobile-site .mobileMenu-overlay.is-open,
body.mobile-site .mobileMenu-overlay.active,
body.mobile-site .mobileMenu-overlay[style*="visibility: visible"] {
  pointer-events: auto !important;
}

/* ═══════════════════════════════════════════════════════════════
   FINAL BAHISSENDE PIXEL-PERFECT MATCH — APRIL 2026
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. SLIDER: Make compact like BahisSende (~2:1 ratio) ── */
html.mobile-root body.mobile-site .home-hero-slider-inner {
  aspect-ratio: 2 / 1 !important;
  min-height: auto !important;
  max-height: 220px !important;
}
html.mobile-root body.mobile-site .home-hero-slider .slides section img,
html.mobile-root body.mobile-site .home-hero-slider .slides section video {
  object-fit: cover !important;
  object-position: center center !important;
}

/* ── 2. SLIDER COUNTER: Show it top-right like BahisSende ── */
html.mobile-root body.mobile-site .home-hero-slider-counter {
  display: flex !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border-radius: 12px !important;
  padding: 3px 10px !important;
  z-index: 10 !important;
  align-items: center !important;
  gap: 6px !important;
}
html.mobile-root body.mobile-site .home-hero-slider-counter-text {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
html.mobile-root body.mobile-site .home-hero-slider-counter-arrow {
  display: none !important;
}

/* ── 3. CENTER BUTTON: Hide CASiNO label, shield shape ── */
html.mobile-root body.mobile-site .mobFooter-center-label,
html.mobile-root body.mobile-site .mobFooter-center-btn .mobFooter-label {
  display: none !important;
}

/* Shield shape for center button */
html.mobile-root body.mobile-site .mobFooter-center-shield {
  width: 52px !important;
  height: 58px !important;
  border-radius: 8px 8px 50% 50% !important;
  background: linear-gradient(180deg, #d4a825 0%, #b8860b 40%, #1a1a1a 40%, #1a1a1a 100%) !important;
  border: 2px solid #d4a825 !important;
  color: #d4a825 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
  line-height: 1.15 !important;
  box-shadow: 0 -4px 16px rgba(211, 175, 55, 0.35) !important;
  padding-top: 10px !important;
}
html.mobile-root body.mobile-site .mobFooter-center-icon {
  bottom: 6px !important;
}

/* ── 4. CATEGORY CARDS: Gold metallic gradient icons ── */
html.mobile-root body.mobile-site .rb-cat-icon {
  font-size: 28px !important;
  background: linear-gradient(180deg, #f5e6a3 0%, #d4a825 35%, #b8860b 70%, #8b6914 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 2px 4px rgba(180, 140, 20, 0.4)) !important;
}
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text {
  background: #0a0a0a !important;
  border: 1px solid rgba(180, 140, 20, 0.4) !important;
  border-radius: 12px !important;
  min-height: 90px !important;
  padding: 12px 4px !important;
  gap: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}
html.mobile-root body.mobile-site .rb-cat-label {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: rgb(211, 175, 55) !important;
  letter-spacing: 0.5px !important;
}

/* ── 5. SOCIAL ICONS ROW: More subtle, centered ── */
html.mobile-root body.mobile-site .mob-social-icons {
  padding: 6px 12px !important;
  gap: 12px !important;
  opacity: 0.6 !important;
}

/* ── 6. GAME SECTION TITLES: Exact BahisSende style ── */
html.mobile-root body.mobile-site .slot-games-section .section-header,
html.mobile-root body.mobile-site .live-casino-section .section-header,
html.mobile-root body.mobile-site .title-container {
  display: flex !important;
  align-items: center !important;
  padding: 16px 12px 6px !important;
  gap: 10px !important;
}
html.mobile-root body.mobile-site .section-header h2,
html.mobile-root body.mobile-site .title-container h2 {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ── 7. PRODUCT BANNERS: Hide on mobile (BahisSende doesn't show these) ── */
html.mobile-root body.mobile-site .rb-mobile-content-wrapper .hm-row-bc {
  display: none !important;
}

/* ── 8. NAV BAR: Exact match ── */
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone {
  background: #000 !important;
  border-bottom: none !important;
  padding: 0 !important;
}
html.mobile-root body.mobile-site .mainMenu ul {
  display: flex !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
html.mobile-root body.mobile-site .mainMenu ul::-webkit-scrollbar {
  display: none !important;
}
html.mobile-root body.mobile-site .hdr-navigation-link-bc {
  padding: 10px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* ── 9. ANNOUNCEMENT BAR: Exact BahisSende style ── */
html.mobile-root body.mobile-site .mob-announcement-bar {
  background: #1a1508 !important;
  border-bottom: 0.5px solid rgba(211, 175, 55, 0.2) !important;
  padding: 8px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
html.mobile-root body.mobile-site .mob-announcement-bar a {
  color: rgb(211, 175, 55) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   BAHISSENDE CONIC-GRADIENT GOLD BORDER CARDS + LARGER ICONS
   ═══════════════════════════════════════════════════════════════ */

/* Animated spinning gold border wrapper */
@keyframes spinGoldBorder {
  0%   { --angle: 0deg; }
  100% { --angle: 360deg; }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text {
  position: relative !important;
  background: #0a0a0a !important;
  border: none !important;
  border-radius: 12px !important;
  min-height: 95px !important;
  padding: 14px 4px 10px !important;
  gap: 6px !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* Pseudo-element for conic-gradient gold border */
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text::before {
  content: '' !important;
  position: absolute !important;
  inset: -1px !important;
  border-radius: 12px !important;
  background: conic-gradient(
    from var(--angle, 82deg),
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 70%,
    rgb(212,175,55) 80%,
    rgb(232,201,74) 85%,
    rgb(212,175,55) 90%,
    rgba(0,0,0,0) 100%
  ) !important;
  z-index: -2 !important;
  animation: spinGoldBorder 4s linear infinite !important;
}

/* Inner dark background */
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text::after {
  content: '' !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: 11px !important;
  background: #0a0a0a !important;
  z-index: -1 !important;
}

/* Larger gold metallic icons */
html.mobile-root body.mobile-site .rb-cat-icon {
  font-size: 34px !important;
  background: linear-gradient(
    180deg,
    #f5e6a3 0%,
    #e8c84a 20%,
    #d4a825 45%,
    #b8860b 70%,
    #8b6914 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 3px 6px rgba(180, 140, 20, 0.5)) drop-shadow(0 0 8px rgba(212, 175, 55, 0.2)) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Labels above background */
html.mobile-root body.mobile-site .rb-cat-label {
  position: relative !important;
  z-index: 2 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: rgb(211, 175, 55) !important;
  letter-spacing: 0.5px !important;
}

/* Category grid: ensure 4 cols with proper gap */
html.mobile-root body.mobile-site .rb-category-banners {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  padding: 10px 8px !important;
  background: transparent !important;
  overflow: visible !important;
}

/* ── BOTTOM BAR CENTER SHIELD: BahisSende style ── */
html.mobile-root body.mobile-site .mobFooter-center-shield {
  width: 54px !important;
  height: 62px !important;
  clip-path: polygon(
    0% 0%, 100% 0%, 100% 65%,
    50% 100%, 0% 65%
  ) !important;
  border-radius: 6px 6px 0 0 !important;
  background: linear-gradient(180deg, #c5952a 0%, #1a1a1a 35%) !important;
  border: 2px solid #d4a825 !important;
  color: #d4a825 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: center !important;
  line-height: 1.1 !important;
  box-shadow: 0 -4px 20px rgba(211, 175, 55, 0.4) !important;
  padding: 8px 4px 16px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

html.mobile-root body.mobile-site .mobFooter-center-icon {
  bottom: 8px !important;
}

/* ═══════════════════════════════════════════════════════════════
   FINAL REFINEMENTS — BahisSende exact match
   ═══════════════════════════════════════════════════════════════ */

/* KAYIT button: filled gold background like BahisSende */
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-btn-register {
  background: rgb(211, 175, 55) !important;
  border: none !important;
  color: #000 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 7px 18px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
}

/* GİRİŞ button styling */
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-btn-login {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Social icons row: more subtle opacity */
html.mobile-root body.mobile-site .mob-social-icons {
  padding: 5px 12px !important;
  gap: 10px !important;
  opacity: 0.5 !important;
}
html.mobile-root body.mobile-site .mob-social-icons .mob-social-badge {
  width: 24px !important;
  height: 24px !important;
  font-size: 9px !important;
}
html.mobile-root body.mobile-site .mob-social-icons .mob-social-text {
  font-size: 10px !important;
}
html.mobile-root body.mobile-site .mob-social-icons .mob-social-link {
  font-size: 16px !important;
}

/* Game section: BahisSende SLOT OYUNLARI header style */
html.mobile-root body.mobile-site .games-container .section-header,
html.mobile-root body.mobile-site .title-container {
  padding: 14px 12px 6px !important;
}
html.mobile-root body.mobile-site .section-header h2,
html.mobile-root body.mobile-site .title-container .title h2 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

/* Tümünü Gör link */
html.mobile-root body.mobile-site .section-header a,
html.mobile-root body.mobile-site .title-container .title a {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

/* Game cards: slightly wider for BahisSende look */
html.mobile-root body.mobile-site .game-item,
html.mobile-root body.mobile-site .game-cta {
  width: 130px !important;
  min-width: 130px !important;
  border-radius: 10px !important;
}
html.mobile-root body.mobile-site .game-item img,
html.mobile-root body.mobile-site .game-cta img {
  width: 130px !important;
  height: 170px !important;
  border-radius: 10px !important;
}

/* Game provider name under card */
html.mobile-root body.mobile-site .game-provider-name {
  font-size: 8px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 4px 2px !important;
  letter-spacing: 0.5px !important;
}

/* ═══════════════════════════════════════════════════════════════
   INNER PAGES — BahisSende match refinements
   ═══════════════════════════════════════════════════════════════ */

/* RASTGELE OYUN OYNA button: gold filled like BahisSende */
html.mobile-root body.mobile-site .random-game-btn,
html.mobile-root body.mobile-site [class*='random-game'],
html.mobile-root body.mobile-site .slot-random-btn {
  background: linear-gradient(180deg, #d4a825 0%, #b8860b 100%) !important;
  border: none !important;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 8px 12px !important;
  letter-spacing: 0.5px !important;
}

/* Game grid on slot/casino pages: tighter gap like BahisSende */
html.mobile-root body.mobile-site .slot-page-content .games-inner,
html.mobile-root body.mobile-site .livecasino-page .games-inner,
html.mobile-root body.mobile-site .casino-games-grid,
html.mobile-root body.mobile-site .games-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px !important;
  padding: 6px 10px !important;
}

/* Game card on inner pages: proper rounded corners */
html.mobile-root body.mobile-site .slot-page-content .game-item,
html.mobile-root body.mobile-site .livecasino-page .game-item {
  width: auto !important;
  min-width: unset !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #121212 !important;
}
html.mobile-root body.mobile-site .slot-page-content .game-item img,
html.mobile-root body.mobile-site .livecasino-page .game-item img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4/3 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

/* Provider name below game card */
html.mobile-root body.mobile-site .game-provider-name,
html.mobile-root body.mobile-site .game-item .provider {
  font-size: 9px !important;
  color: rgba(255, 255, 255, 0.45) !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 4px 2px 6px !important;
  letter-spacing: 0.5px !important;
  font-weight: 600 !important;
}

/* Category filter tabs on inner pages: gold bordered cards like BahisSende */
html.mobile-root body.mobile-site .slot-hero-categories,
html.mobile-root body.mobile-site .casino-categories,
html.mobile-root body.mobile-site .games-filter-categories {
  padding: 8px 10px !important;
  gap: 6px !important;
}

html.mobile-root body.mobile-site .slot-hero-category,
html.mobile-root body.mobile-site .casino-category,
html.mobile-root body.mobile-site .games-filter-category {
  background: #0a0a0a !important;
  border: 1px solid rgba(211, 175, 55, 0.35) !important;
  border-radius: 10px !important;
  min-width: 75px !important;
  padding: 8px 10px !important;
  font-size: 9px !important;
}
html.mobile-root body.mobile-site .slot-hero-category.active,
html.mobile-root body.mobile-site .casino-category.active,
html.mobile-root body.mobile-site .games-filter-category.active,
html.mobile-root body.mobile-site .slot-hero-category.selected,
html.mobile-root body.mobile-site .casino-category.selected {
  background: rgba(211, 175, 55, 0.12) !important;
  border-color: rgb(211, 175, 55) !important;
}

/* Search bar on inner pages */
html.mobile-root body.mobile-site .games-search-wrap,
html.mobile-root body.mobile-site .slot-search-wrap,
html.mobile-root body.mobile-site .search-filter-wrap {
  padding: 6px 10px !important;
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
}

/* Promotions page cards */
html.mobile-root body.mobile-site .promo-card {
  background: #121212 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
}
html.mobile-root body.mobile-site .promo-card-title {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 12px 4px !important;
}
html.mobile-root body.mobile-site .promo-card-desc {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px !important;
  padding: 0 12px 10px !important;
}
html.mobile-root body.mobile-site .promo-card-btn {
  background: linear-gradient(180deg, #d4a825 0%, #b8860b 100%) !important;
  color: #000 !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  margin: 0 12px 12px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

/* ================================================================
   BAHISSENDE SLOT & LIVE CASINO SECTIONS — APRIL 2026
   ================================================================ */

/* ── SLOT OYUNLARI — Split Layout ── */
.bs-slot-section {
    display: flex !important;
    flex-direction: row !important;
    background: linear-gradient(135deg, #0a0a14 0%, #12122a 100%) !important;
    border-radius: 16px !important;
    margin: 12px 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,0.15) !important;
}

.bs-slot-left {
    flex: 0 0 32% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 8px !important;
    text-align: center !important;
    background: linear-gradient(180deg, rgba(212,175,55,0.08) 0%, rgba(0,0,0,0) 100%) !important;
}

.bs-slot-heart {
    font-size: 28px !important;
    color: #d4af37 !important;
    margin-bottom: 6px !important;
    filter: drop-shadow(0 0 8px rgba(212,175,55,0.5)) !important;
}

.bs-slot-subtitle {
    font-size: 10px !important;
    color: rgba(255,255,255,0.6) !important;
    margin: 0 0 4px 0 !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
}

.bs-slot-stars {
    display: flex !important;
    gap: 2px !important;
    margin-bottom: 8px !important;
}

.bs-slot-stars i {
    font-size: 11px !important;
    color: #d4af37 !important;
}

.bs-slot-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
}

.bs-slot-viewall {
    font-size: 10px !important;
    color: #d4af37 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-weight: 600 !important;
}

.bs-slot-viewall i {
    font-size: 8px !important;
}

.bs-slot-right {
    flex: 1 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 12px 8px 12px 0 !important;
}

.bs-slot-right::-webkit-scrollbar {
    display: none !important;
}

.bs-slot-cards {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding-left: 4px !important;
}

/* BS canonical "En Beğenilen Slotlar" 10-card row — 140×188 portrait (Override #28, 2026-05-11)
 * BS CMS API contract: component 96110, 10 game thumbnails at icons.bahissende302.com
 * Aspect ratio 140/188 = 0.745 (portrait), border-radius 10px, no border, gap 8px.
 * Card content = full-bleed image (no title strip in this section variant).
 * (rules #20 num evidence, #99 DOM parity, #119 BIREBIR-yasak, #156 systemic, #158 9-layer) */
.bs-slot-cards .game-item,
.bs-slot-cards .game-cta {
    flex: 0 0 140px !important;
    width: 140px !important;
    height: 188px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #0d0d1a !important;
    border: none !important;
    position: relative !important;
    cursor: pointer !important;
}

.bs-slot-cards .game-item img,
.bs-slot-cards .game-cta img {
    width: 140px !important;
    height: 188px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 10px !important;
}

.bs-slot-cards .game-overlay {
    opacity: 0 !important;
    transition: opacity 0.2s !important;
}

.bs-slot-cards .game-item:active .game-overlay,
.bs-slot-cards .game-cta:active .game-overlay {
    opacity: 1 !important;
}

/* ── Game Card Info (always visible title + provider) ── */
.game-card-info {
    padding: 6px 8px 8px !important;
    background: #0d0d1a !important;
}

.game-card-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.3 !important;
}

.game-card-provider {
    font-size: 9px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.45) !important;
    margin: 2px 0 0 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ── CANLI CASINO OYUNLARI Section ── */
.bs-live-section {
    margin: 16px 10px !important;
    background: linear-gradient(135deg, #0a0a14 0%, #12122a 100%) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,0.15) !important;
    padding: 14px 12px !important;
}

.bs-live-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.bs-live-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.bs-live-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #e74c3c !important;
    display: inline-block !important;
    animation: livePulse 1.5s infinite !important;
    box-shadow: 0 0 6px rgba(231,76,60,0.6) !important;
}

@keyframes livePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.bs-live-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
}

.bs-live-viewall {
    font-size: 10px !important;
    color: #d4af37 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-weight: 600 !important;
}

.bs-live-viewall i {
    font-size: 8px !important;
}

.bs-live-cards {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    padding-bottom: 4px !important;
}

.bs-live-cards::-webkit-scrollbar {
    display: none !important;
}

.bs-live-cards .game-item,
.bs-live-cards .game-cta {
    flex: 0 0 140px !important;
    width: 140px !important;
    height: auto !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #0d0d1a !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    position: relative !important;
    cursor: pointer !important;
}

.bs-live-cards .game-item img,
.bs-live-cards .game-cta img {
    width: 140px !important;
    height: 105px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 10px 10px 0 0 !important;
}

.bs-live-cards .game-overlay {
    opacity: 0 !important;
    transition: opacity 0.2s !important;
}

.bs-live-cards .game-item:active .game-overlay,
.bs-live-cards .game-cta:active .game-overlay {
    opacity: 1 !important;
}

/* ── Hide old title-container if any remain ── */
.title-container + .games-container {
    /* keep existing styling for non-homepage game lists */
}

/* ── Ensure game-card-info only shows in bs sections on mobile ── */
.games-inner .game-card-info {
    padding: 6px 8px 8px !important;
    background: #0d0d1a !important;
}

/* ================================================================
   BAHISSENDE GAME CARDS — TEXT OVERLAY ON IMAGE (not below)
   ================================================================ */

/* Make game cards position relative for overlay positioning */
.bs-slot-cards .game-item,
.bs-slot-cards .game-cta,
.bs-live-cards .game-item,
.bs-live-cards .game-cta {
    position: relative !important;
    overflow: hidden !important;
}

/* game-card-info: overlay ON the image at the bottom */
.bs-slot-cards .game-card-info,
.bs-live-cards .game-card-info {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 28px 8px 8px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.6) 50%, transparent 100%) !important;
    z-index: 2 !important;
}

.bs-slot-cards .game-card-title,
.bs-live-cards .game-card-title {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.bs-slot-cards .game-card-provider,
.bs-live-cards .game-card-provider {
    font-size: 8px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.55) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 2px !important;
}

/* Slot cards: square images filling the card */
.bs-slot-cards .game-item,
.bs-slot-cards .game-cta {
    flex: 0 0 135px !important;
    width: 135px !important;
    height: 170px !important;
    border-radius: 12px !important;
    background: #111 !important;
    border: none !important;
}

.bs-slot-cards .game-item img,
.bs-slot-cards .game-cta img {
    width: 135px !important;
    height: 170px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* Live casino cards: wider, taller */
.bs-live-cards .game-item,
.bs-live-cards .game-cta {
    flex: 0 0 160px !important;
    width: 160px !important;
    height: 210px !important;
    border-radius: 12px !important;
    background: #111 !important;
    border: none !important;
}

.bs-live-cards .game-item img,
.bs-live-cards .game-cta img {
    width: 160px !important;
    height: 210px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* Game overlay (play/demo buttons) sits on top of everything */
.bs-slot-cards .game-overlay,
.bs-live-cards .game-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    opacity: 0 !important;
    background: rgba(0,0,0,0.7) !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s ease !important;
}

.bs-slot-cards .game-item:active .game-overlay,
.bs-slot-cards .game-cta:active .game-overlay,
.bs-live-cards .game-item:active .game-overlay,
.bs-live-cards .game-cta:active .game-overlay {
    opacity: 1 !important;
}

/* ── Slot left column refinements ── */
.bs-slot-section {
    min-height: 190px !important;
    border: 1px solid rgba(212,175,55,0.2) !important;
}

.bs-slot-left {
    flex: 0 0 30% !important;
    padding: 16px 10px !important;
}

.bs-slot-heart {
    font-size: 26px !important;
    color: #d4af37 !important;
    margin-bottom: 4px !important;
}

.bs-slot-heart i {
    background: linear-gradient(135deg, #d4af37 0%, #f0d060 50%, #d4af37 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.bs-slot-subtitle {
    font-size: 9px !important;
    color: rgba(255,255,255,0.65) !important;
}

.bs-slot-stars {
    margin-bottom: 6px !important;
}

.bs-slot-stars i {
    font-size: 10px !important;
    color: #d4af37 !important;
}

.bs-slot-title {
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin: 0 0 6px !important;
}

.bs-slot-right {
    padding: 10px 6px 10px 0 !important;
}

.bs-slot-cards {
    gap: 8px !important;
}

/* ── Live casino header refinements ── */
.bs-live-section {
    border: none !important;
    background: transparent !important;
    padding: 8px 10px 16px !important;
    margin: 8px 10px !important;
}

.bs-live-title {
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: 0.3px !important;
}

.bs-live-dot {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.bs-live-cards {
    gap: 10px !important;
}

/* ================================================================
   FIX: Heart icon visibility + subtitle refinements
   ================================================================ */
.bs-slot-heart i {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #d4af37 !important;
    background-clip: unset !important;
    color: #d4af37 !important;
    font-size: 24px !important;
}

.bs-slot-subtitle {
    font-size: 10px !important;
    color: rgba(255,255,255,0.7) !important;
    margin: 2px 0 3px !important;
}

/* Ensure En Çok Beğenilen is visible above stars */
.bs-slot-left {
    gap: 0 !important;
}

/* ================================================================
   PIXEL-PERFECT REFINEMENTS vs BahisSende — April 2026
   ================================================================ */

/* Heart + "En Çok Beğenilen" on SAME LINE like BahisSende */
.bs-slot-heart {
    display: inline !important;
    margin-bottom: 0 !important;
    margin-right: 4px !important;
    vertical-align: middle !important;
}

.bs-slot-heart i {
    font-size: 18px !important;
}

.bs-slot-subtitle {
    display: inline !important;
    vertical-align: middle !important;
    font-size: 10px !important;
    margin: 0 !important;
}

/* Wrap heart+subtitle in a row */
.bs-slot-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 14px 12px !important;
    text-align: left !important;
}

/* Stars: smaller, left aligned */
.bs-slot-stars {
    margin: 3px 0 6px !important;
}

.bs-slot-stars i {
    font-size: 9px !important;
}

/* SLOT OYUNLARI: bigger bolder, italic style like BahisSende */
.bs-slot-title {
    font-size: 22px !important;
    font-weight: 900 !important;
    font-style: italic !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin: 0 0 8px !important;
    text-transform: uppercase !important;
}

/* Tümünü Gör link */
.bs-slot-viewall {
    font-size: 11px !important;
    font-style: normal !important;
}

/* Section: subtle gold bottom border like BahisSende */
.bs-slot-section {
    border-bottom: 2px solid rgba(212,175,55,0.3) !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 14px !important;
    margin: 10px 8px !important;
}

/* CANLI CASINO title: bigger + bold */
.bs-live-title {
    font-size: 18px !important;
    font-weight: 900 !important;
}

.bs-live-section {
    margin: 10px 8px !important;
}

/* ── Game card overlay text: match BahisSende exactly ── */
.bs-slot-cards .game-card-title {
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.bs-slot-cards .game-card-provider {
    font-size: 7px !important;
    letter-spacing: 1px !important;
    color: rgba(255,255,255,0.5) !important;
    text-transform: uppercase !important;
}

.bs-live-cards .game-card-title {
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.bs-live-cards .game-card-provider {
    font-size: 7px !important;
    letter-spacing: 1px !important;
    color: rgba(255,255,255,0.5) !important;
}

/* ================================================================
   FINAL FIX: Heart + subtitle inline like BahisSende
   ================================================================ */
.bs-slot-left {
    display: block !important;
    padding: 16px 12px !important;
    text-align: left !important;
}

.bs-slot-heart {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 3px !important;
    line-height: 1 !important;
}

.bs-slot-heart i {
    font-size: 16px !important;
    vertical-align: middle !important;
}

.bs-slot-subtitle {
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 10px !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.bs-slot-stars {
    display: block !important;
    margin: 4px 0 6px !important;
}

.bs-slot-title {
    display: block !important;
}

.bs-slot-viewall {
    display: inline-flex !important;
    margin-top: 4px !important;
}

/* ── Final card width tweak to match BahisSende ── */
.bs-slot-cards .game-item,
.bs-slot-cards .game-cta {
    flex: 0 0 145px !important;
    width: 145px !important;
    height: 180px !important;
}

.bs-slot-cards .game-item img,
.bs-slot-cards .game-cta img {
    width: 145px !important;
    height: 180px !important;
}

/* Live casino cards slightly wider */
.bs-live-cards .game-item,
.bs-live-cards .game-cta {
    flex: 0 0 165px !important;
    width: 165px !important;
    height: 220px !important;
}

.bs-live-cards .game-item img,
.bs-live-cards .game-cta img {
    width: 165px !important;
    height: 220px !important;
}

/* Game title: allow 3 lines on live casino for longer names */
.bs-live-cards .game-card-title {
    -webkit-line-clamp: 3 !important;
}

/* Ensure title wrap instead of truncate on slot cards */
.bs-slot-cards .game-card-title {
    -webkit-line-clamp: 2 !important;
    font-size: 11px !important;
}

/* ================================================================
   CATEGORY CARD SVG ICONS — Replaces FA icons with gold images
   ================================================================ */
.rb-cat-icon-img {
    width: 56px !important;
    height: 56px !important;
    display: block !important;
    margin: 0 auto 4px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)) !important;
}

/* Hide any remaining FA icons in category cards */
.rb-cat-banner .rb-cat-icon {
    display: none !important;
}

/* ── Bigger category card icons ── */
.rb-cat-icon-img {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 2px !important;
}

/* Category card layout adjustment for bigger icons */
.rb-cat-banner--text {
    padding: 8px 4px 6px !important;
    min-height: 105px !important;
}

.rb-cat-label {
    font-size: 9px !important;
    margin-top: 2px !important;
}

/* ── Override: category icon images must be bigger ── */
body.mobile-site .rb-cat-banner img.rb-cat-icon-img {
    width: 72px !important;
    height: 72px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    display: block !important;
    margin: 0 auto 2px !important;
    filter: drop-shadow(0 2px 6px rgba(212,175,55,0.3)) !important;
}

/* ===== HIZLI KAZANC (CRASH GAMES) SECTION ===== */
.bs-crash-section {
    margin-top: 18px !important;
}
.bs-crash-icon {
    color: #f0d060 !important;
    font-size: 18px !important;
    margin-right: 8px !important;
}
.bs-crash-section .bs-live-title {
    font-style: normal !important;
}
.bs-crash-section .game-card {
    min-width: 165px !important;
    height: 220px !important;
}

/* ================================================================
   BAHISSENDE PIXEL-PERFECT COMPARISON FIXES
   ================================================================ */

/* FIX 1: Hide .mob-social-icons row — 18+ BeGambleAware + social icons
   are already embedded in the slider banner images (BahisSende style).
   Showing a separate HTML row duplicates them. */
body.mobile-site .mob-social-icons {
    display: none !important;
}

/* FIX 2: Hide slider counter when only 1 slide (slot/livecasino pages
   show "1/1" which BahisSende doesn't show) */
.home-hero-slider-counter[data-total="1"] {
    display: none !important;
}

/* FIX 3: Slot page - category tabs should match BahisSende square icon style */
body.mobile-site .slot-page-root .slots-category-filters {
    padding: 4px 8px !important;
}
body.mobile-site .slot-page-root .category-tabs-scroll {
    gap: 6px !important;
    padding: 4px 0 !important;
}
body.mobile-site .slot-page-root .cat-tab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 80px !important;
    padding: 10px 8px !important;
    border: 1px solid rgba(211,175,55,0.3) !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,0.6) !important;
    color: rgba(255,255,255,0.7) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    gap: 6px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
body.mobile-site .slot-page-root .cat-tab.active {
    border-color: rgb(211,175,55) !important;
    background: rgba(211,175,55,0.08) !important;
    color: rgb(211,175,55) !important;
}
body.mobile-site .slot-page-root .cat-tab i {
    font-size: 18px !important;
    display: block !important;
}

/* FIX 4: Slot page search/filter bar — match BahisSende compact style */
body.mobile-site .slot-page-root .games-header {
    padding: 8px 10px !important;
    gap: 8px !important;
}
body.mobile-site .slot-page-root .random-game-btn {
    background: linear-gradient(135deg, #d4af37 0%, #c5981a 50%, #d4af37 100%) !important;
    color: #000 !important;
    border: none !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    width: 100% !important;
}

/* FIX 5: Slot page game grid — 3 columns like BahisSende */
body.mobile-site .slot-page-root .game-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 8px !important;
}
body.mobile-site .slot-page-root .game-grid .game-item {
    width: 100% !important;
    min-width: unset !important;
    border-radius: 8px !important;
}
body.mobile-site .slot-page-root .game-grid .game-item img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1.3 !important;
    border-radius: 8px !important;
}

/* FIX 6: Live casino page game grid — 2 columns like BahisSende */
body.mobile-site .slot-page-root .game-grid:has(.game-item[data-category=livecasino]) {
    grid-template-columns: repeat(2, 1fr) !important;
}

/* FIX 7: Hide jackpot/winners tabs on slot/livecasino mobile (BahisSende doesn't show these) */
body.mobile-site .slot-page-root .slot-below-hero {
    display: none !important;
}

/* FIX 8: Hide providers/games line on mobile */
body.mobile-site .slot-page-root .slots-providers-games-line {
    display: none !important;
}

/* FIX 9: Category tab arrows - hide since we scroll */
body.mobile-site .slot-page-root .cat-tab-arrow {
    display: none !important;
}

/* ================================================================
   SPECIFICITY OVERRIDES — FIX COUNTER & CATEGORY TABS
   ================================================================ */

/* Counter: hide when only 1 slide */
html.mobile-root body.mobile-site .home-hero-slider-counter[data-total="1"] {
    display: none !important;
}

/* Category tabs: BahisSende square icon-button style */
html.mobile-root body.mobile-site .slot-page-root .category-tabs-scroll {
    display: flex !important;
    gap: 6px !important;
    padding: 6px 8px !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 80px !important;
    max-width: 110px !important;
    padding: 10px 6px !important;
    border: 1px solid rgba(211,175,55,0.3) !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,0.6) !important;
    color: rgba(255,255,255,0.65) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    gap: 6px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active {
    border-color: rgb(211,175,55) !important;
    background: rgba(211,175,55,0.08) !important;
    color: rgb(211,175,55) !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab i {
    font-size: 20px !important;
    display: block !important;
}

/* Random game button: gold filled (BahisSende style) */
html.mobile-root body.mobile-site .slot-page-root .random-game-btn {
    background: linear-gradient(135deg, #d4af37 0%, #c5981a 50%, #d4af37 100%) !important;
    color: #000 !important;
    border: none !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    box-shadow: 0 2px 8px rgba(212,175,55,0.3) !important;
}

/* Slot page game grid: 3 columns */
html.mobile-root body.mobile-site .slot-page-root .game-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 6px 8px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item {
    width: 100% !important;
    min-width: unset !important;
    flex: unset !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Jackpot/winners below slider: hide on mobile */
html.mobile-root body.mobile-site .slot-page-root .slot-below-hero {
    display: none !important;
}

/* Providers/games toggle line: hide on mobile */
html.mobile-root body.mobile-site .slot-page-root .slots-providers-games-line {
    display: none !important;
}

/* Category tab arrows: hide on mobile */
html.mobile-root body.mobile-site .slot-page-root .cat-tab-arrow {
    display: none !important;
}

/* Hide .mob-social-icons with high specificity */
html.mobile-root body.mobile-site .mob-social-icons {
    display: none !important;
}

/* ================================================================
   TEXT WRAPPING FIX — PROMOSYONLAR label must wrap, not truncate
   ================================================================ */
html.mobile-root body.mobile-site .rb-cat-label {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    text-overflow: unset !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    display: block !important;
    text-align: center !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
}

/* Category card height adjustment for wrapped text */
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text {
    min-height: 105px !important;
    padding: 8px 4px 6px !important;
    justify-content: flex-start !important;
    padding-top: 10px !important;
}

/* FIX: Category banner overflow hidden clips text — must be visible */
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text {
    overflow: visible !important;
    min-height: 115px !important;
    height: auto !important;
}

/* Ensure category grid doesn't clip children */
html.mobile-root body.mobile-site .rb-category-banners {
    overflow: visible !important;
}

/* ================================================================
   ICON CARD SIZE FIX — Match BahisSende exactly
   Icons must be smaller, labels must be bigger
   ================================================================ */

/* Icon images: 48px instead of 72px */
html.mobile-root body.mobile-site .rb-cat-banner img.rb-cat-icon-img {
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto 6px !important;
}

/* Labels: 11px instead of 9px */
html.mobile-root body.mobile-site .rb-cat-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.2px !important;
    margin-top: 4px !important;
}

/* Card: taller with more padding */
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text {
    min-height: 100px !important;
    padding: 14px 6px 10px !important;
    gap: 4px !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Grid gap: slightly larger to match BahisSende spacing */
html.mobile-root body.mobile-site .rb-category-banners {
    gap: 10px !important;
    padding: 10px 12px !important;
}

/* ================================================================
   COMPREHENSIVE FIX — BahisSende Pixel-Perfect Match (April 2026)
   Fixes: header gap, nav dividers, game card overlay, titles, etc.
   ================================================================ */

/* ── 1. HEADER-NAV GAP: Remove border between header and nav ── */
html.mobile-root body.mobile-site .mobileHeader {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
html.mobile-root body.mobile-site .mainMenu {
    border-top: none !important;
    margin-top: 0 !important;
    background: #000000 !important;
}

/* ── 2. NAV TAB DIVIDERS: Remove vertical lines between tabs ── */
html.mobile-root body.mobile-site .mainMenu ul li {
    border-right: none !important;
    border-left: none !important;
}

/* ── 3. SECTION TITLE: Remove italic from SLOT OYUNLARI ── */
html.mobile-root body.mobile-site .bs-slot-title {
    font-style: normal !important;
}

/* ── 4. GAME CARD IMAGE MUST FILL CONTAINER (critical overlay fix) ── */
/* Slot cards: image fills full container height */
html.mobile-root body.mobile-site .bs-slot-cards .game-item img,
html.mobile-root body.mobile-site .bs-slot-cards .game-cta img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 12px !important;
}

/* Live casino cards: image fills full container height */
html.mobile-root body.mobile-site .bs-live-cards .game-item img,
html.mobile-root body.mobile-site .bs-live-cards .game-cta img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 12px !important;
}

/* Crash/fast games cards: same fix */
html.mobile-root body.mobile-site .bs-crash-section .bs-live-cards .game-item img,
html.mobile-root body.mobile-site .bs-crash-section .bs-live-cards .game-cta img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 12px !important;
}

/* ── 5. GAME CARD CONTAINER: ensure relative positioning ── */
html.mobile-root body.mobile-site .bs-slot-cards .game-item,
html.mobile-root body.mobile-site .bs-slot-cards .game-cta,
html.mobile-root body.mobile-site .bs-live-cards .game-item,
html.mobile-root body.mobile-site .bs-live-cards .game-cta {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}

/* ── 6. GAME CARD INFO OVERLAY: absolute bottom with gradient ── */
html.mobile-root body.mobile-site .bs-slot-cards .game-card-info,
html.mobile-root body.mobile-site .bs-live-cards .game-card-info {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 30px 8px 8px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 40%, transparent 100%) !important;
    z-index: 3 !important;
    border-radius: 0 0 12px 12px !important;
}

/* ── 7. GAME CARD TEXT STYLES (matching BahisSende) ── */
html.mobile-root body.mobile-site .bs-slot-cards .game-card-title,
html.mobile-root body.mobile-site .bs-live-cards .game-card-title {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

html.mobile-root body.mobile-site .bs-slot-cards .game-card-provider,
html.mobile-root body.mobile-site .bs-live-cards .game-card-provider {
    font-size: 8px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.55) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 3px 0 0 !important;
}

/* ── 8. GAME OVERLAY (play/demo) on top of everything ── */
html.mobile-root body.mobile-site .bs-slot-cards .game-overlay,
html.mobile-root body.mobile-site .bs-live-cards .game-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    border-radius: 12px !important;
}

/* ── 9. OVERRIDE any .games-inner rules that conflict ── */
html.mobile-root body.mobile-site .games-inner .game-card-info {
    background: transparent !important;
}

/* ================================================================
   CARD SIZE FINE-TUNING — Match BahisSende card widths
   ================================================================ */

/* Live casino cards: wider like BahisSende (~165px) */
html.mobile-root body.mobile-site .bs-live-cards .game-item,
html.mobile-root body.mobile-site .bs-live-cards .game-cta {
    flex: 0 0 165px !important;
    width: 165px !important;
    min-width: 165px !important;
    height: 220px !important;
}

/* Crash/fast games cards: same width as live casino */
html.mobile-root body.mobile-site .bs-crash-section .bs-live-cards .game-item,
html.mobile-root body.mobile-site .bs-crash-section .bs-live-cards .game-cta {
    flex: 0 0 145px !important;
    width: 145px !important;
    min-width: 145px !important;
    height: 190px !important;
}

/* Slot cards: slightly bigger */
html.mobile-root body.mobile-site .bs-slot-cards .game-item,
html.mobile-root body.mobile-site .bs-slot-cards .game-cta {
    flex: 0 0 140px !important;
    width: 140px !important;
    min-width: 140px !important;
    height: 185px !important;
}

/* Allow 3 lines for game titles on bigger cards */
html.mobile-root body.mobile-site .bs-live-cards .game-card-title {
    -webkit-line-clamp: 3 !important;
    font-size: 12px !important;
}

/* ================================================================
   TOP SECTION FIX — Pixel-Perfect BahisSende Match (April 2026)
   Fixes: announcement bar, header, nav heights & spacing
   ================================================================ */

/* ── ANNOUNCEMENT BAR: Match BahisSende informative-widget ── */
html.mobile-root body.mobile-site .mob-announcement-bar {
    background: rgba(255,255,255,0.05) !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 4px !important;
    margin: 4px 7px 0 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    min-height: 50px !important;
    line-height: 1.4 !important;
}
html.mobile-root body.mobile-site .mob-announcement-bar i {
    color: #d4af37 !important;
    font-size: 14px !important;
}
html.mobile-root body.mobile-site .mob-announcement-bar a {
    color: #d4af37 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}
html.mobile-root body.mobile-site .mob-announcement-bar span {
    color: #ffffff !important;
}
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-close {
    color: rgba(255,255,255,0.5) !important;
    font-size: 18px !important;
    right: 6px !important;
    position: absolute !important;
}

/* ── HEADER: Match BahisSende exact heights ── */
html.mobile-root body.mobile-site .mobileHeader {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: #000000 !important;
    min-height: 49px !important;
    height: auto !important;
}
html.mobile-root body.mobile-site .mobileHeader-inner {
    height: 49px !important;
    min-height: 49px !important;
    padding: 0 10px !important;
    background: #000000 !important;
    display: flex !important;
    align-items: center !important;
}
html.mobile-root body.mobile-site .mobileHeader-logo img {
    height: 32px !important;
    width: auto !important;
}

/* ── NAV BAR: Match BahisSende 40px height, black bg, no borders ── */
html.mobile-root body.mobile-site .mainMenu {
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 0 !important;
    background: #000000 !important;
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
html.mobile-root body.mobile-site .mainMenu ul {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: auto !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    background: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
}
html.mobile-root body.mobile-site .mainMenu ul::-webkit-scrollbar { display: none !important; }
html.mobile-root body.mobile-site .mainMenu ul li {
    flex: 0 0 auto !important;
    border-right: none !important;
    border-left: none !important;
    border: none !important;
}
html.mobile-root body.mobile-site .mainMenu ul li a {
    padding: 10px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.9) !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    border-bottom: none !important;
}

/* ── LOGO SIZE: Match BahisSende 46px height ── */
html.mobile-root body.mobile-site .mobileHeader-logo img {
    height: 42px !important;
    width: auto !important;
    max-width: 180px !important;
}

/* ================================================================
   FINAL TOP SECTION — Exact BahisSende Clone (April 2026)
   User requested: remove announcement bar, copy header from target
   ================================================================ */

/* ── REMOVE ANNOUNCEMENT BAR ── */
html.mobile-root body.mobile-site .mob-announcement-bar {
    display: none !important;
}

/* ── HEADER: Exact BahisSende match ── */
html.mobile-root body.mobile-site .mobileHeader {
    background: #000000 !important;
    border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    height: auto !important;
    min-height: 49px !important;
}
html.mobile-root body.mobile-site .mobileHeader-inner {
    height: 49px !important;
    min-height: 49px !important;
    padding: 0 6px 0 7px !important; /* ITER 275 v2 (mtime bump for CF cache): 14 → 6 — BS-paralel flush right edge gap */
    background: #000000 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* ── LOGO: BahisSende = 46px height ── */
html.mobile-root body.mobile-site .mobileHeader-logo {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}
html.mobile-root body.mobile-site .mobileHeader-logo img {
    height: 46px !important;
    width: auto !important;
    max-width: 180px !important;
}

/* ── ACTIONS: push to right ── */
html.mobile-root body.mobile-site .mobileHeader-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
}

/* ── GİRİŞ BUTTON: BahisSende exact — underlined white text, transparent ── */
html.mobile-root body.mobile-site .mobileHeader-actions #Giris,
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-btn-login {
    background: transparent !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    text-decoration: underline !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    line-height: 28px !important;
    text-shadow: none !important;
}

/* ── KAYIT BUTTON: BahisSende exact — gold bg, white text ── */
html.mobile-root body.mobile-site .mobileHeader-actions #openRegister,
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-btn-register {
    background: rgb(211,175,55) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 8px !important;
    height: 28px !important;
    min-height: 28px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    line-height: 28px !important;
    text-shadow: none !important;
}

/* ── 3 DOTS TOGGLE: BahisSende exact — 28x28 round chip (rev ITER 343) ── */
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-toggle-button-bc,
html.mobile-root body.mobile-site .mobileHeader-actions #smart-panel-holder {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 0 none !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.8) !important;
    font-size: 14px !important;
}

/* ── NAV BAR: BahisSende exact — 40px, scrollable, no borders ── */
html.mobile-root body.mobile-site .mainMenu {
    background: #000000 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}
html.mobile-root body.mobile-site .mainMenu ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #000000 !important;
    width: auto !important;
    scrollbar-width: none !important;
}
html.mobile-root body.mobile-site .mainMenu ul::-webkit-scrollbar {
    display: none !important;
}
html.mobile-root body.mobile-site .mainMenu ul li {
    flex: 0 0 auto !important;
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    background: transparent !important;
}

/* ── NAV LINKS: BahisSende exact — 16px, 400 weight, 0.8 opacity ── */
html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu ul li a.hdr-navigation-link-bc {
    color: rgba(255,255,255,0.8) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 0 10px !important;
    height: 40px !important;
    line-height: 40px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: none !important;
    text-decoration: none !important;
    background: transparent !important;
}
html.mobile-root body.mobile-site .mainMenu ul li a:hover,
html.mobile-root body.mobile-site .mainMenu ul li a.active {
    color: #d4af37 !important;
}

/* ── FIX: Header/Nav positioning (announcement bar removed) ── */
html.mobile-root body.mobile-site .mobileHeader {
    top: 0 !important;
    position: sticky !important;
}
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone {
    position: fixed !important;
    top: 49px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1040 !important;
}
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 89px !important; /* 49px header + 40px nav */
}

/* ── FIX: Content padding — only needs 40px for fixed nav ── */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 40px !important;
}

/* ── FIX: Match BahisSende overflow model — visible on html so viewport scroll tracking works ── */
html.mobile-root {
    overflow: visible !important;
}
html.mobile-root body.mobile-site {
    overflow-x: clip !important;
    overflow-y: visible !important;
    max-width: 100vw !important;
}

/* ── FIX: Match BahisSende nav text — Roboto 10px/400 on span ── */
html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu ul li a.hdr-navigation-link-bc {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 1.04px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

/* ══════════════════════════════════════════════════════
   PIXEL-PERFECT BahisSende Clone — Top Section Overhaul
   ══════════════════════════════════════════════════════ */

/* ── HEADER: black bg (BahisSende header bg is transparent but parent is black, making it appear black) ── */
html.mobile-root body.mobile-site .mobileHeader {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* ── LOGO: max-width 120px, object-fit contain (BahisSende = 100px) ── */
html.mobile-root body.mobile-site .mobileHeader-logo img {
    max-width: 120px !important;
    width: auto !important;
    height: 46px !important;
    object-fit: contain !important;
}

/* ── 3 DOTS ICON: BS-paralel 28x28 round chip (rev ITER 343) ── */
html.mobile-root body.mobile-site .mobileHeader-actions #smart-panel-holder {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
}

/* ── NAV LINK HEIGHT: 40px matching BahisSende ── */
html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu ul li a.hdr-navigation-link-bc {
    height: 40px !important;
    line-height: 40px !important;
}

/* ── ICON CARDS SECTION: match BahisSende grid layout ── */
html.mobile-root body.mobile-site .rb-category-banners {
    padding: 0 6px !important;
    margin: 10px 0 !important;
    gap: 8px !important;
    grid-template-columns: repeat(4, 1fr) !important;
}

/* ── ICON CARD: exact BahisSende match ── */
html.mobile-root body.mobile-site .rb-cat-banner,
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text {
    background-color: rgb(0, 0, 0) !important;
    border: 0.8px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 12px !important;
    padding: 10px 4px 8px !important;
    box-shadow: none !important;
    gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
}

/* ── ICON IMAGE: 55x55 matching BahisSende ── */
html.mobile-root body.mobile-site .rb-cat-banner img,
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text img {
    width: 55px !important;
    height: 55px !important;
    max-width: 55px !important;
    max-height: 55px !important;
    object-fit: contain !important;
}

/* ── ICON TITLE: 9px/700 gold, matching BahisSende ::after ── */
html.mobile-root body.mobile-site .rb-cat-banner .rb-cat-banner--text-label,
html.mobile-root body.mobile-site .rb-cat-banner span,
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text span,
html.mobile-root body.mobile-site .rb-cat-banner p {
    font-size: 9px !important;
    font-weight: 700 !important;
    color: rgb(232, 201, 74) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 10.8px !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    margin-top: 2px !important;
}

/* ── SLIDER: 5px gap from nav (BahisSende: margin-top 5px) ── */
html.mobile-root body.mobile-site .mainContentWrap .slider-wrap,
html.mobile-root body.mobile-site .mainContentWrap .slides,
html.mobile-root body.mobile-site .mainContentWrap section:first-child {
    margin-top: 0 !important;
}

/* ── NAV LINK GOLD GRADIENT LINE: BahisSende ::after effect ── */
html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu ul li a.hdr-navigation-link-bc {
    position: relative !important;
}
html.mobile-root body.mobile-site .mainMenu ul li a::after,
html.mobile-root body.mobile-site .mainMenu ul li a.hdr-navigation-link-bc::after {
    content: "" !important;
    position: absolute !important;
    bottom: 6px !important;
    left: 10px !important;
    right: 10px !important;
    height: 1px !important;
    background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(212,175,55,0.4) 20%, rgba(232,201,74,0.95) 50%, rgba(212,175,55,0.4) 80%, rgba(0,0,0,0) 100%) !important;
    pointer-events: none !important;
    display: block !important;
}

/* ── HEADER-NAV SEPARATOR: gold line matching BahisSende visual ── */
html.mobile-root body.mobile-site .mobileHeader {
    border-bottom: 1.6px solid rgba(211, 175, 55, 0.6) !important;
}

/* ══════════════════════════════════════════════════════
   ANNOUNCEMENT BAR — BahisSende exact clone
   ══════════════════════════════════════════════════════ */
html.mobile-root body.mobile-site .mob-announcement-bar.mob-announcement-bar--styled,
.mob-announcement-bar.mob-announcement-bar--styled {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-top: 1.6px solid rgb(211, 175, 55) !important;
    border-bottom: 1.6px solid rgb(211, 175, 55) !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 10px 40px 10px 16px !important;
    margin: 0 !important;
    min-height: 50px !important;
    position: relative !important;
    z-index: 1060 !important;
}
.mob-announcement-bar--styled .mob-announce-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}
.mob-announcement-bar--styled .mob-announce-text {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    line-height: 18px !important;
    text-align: center !important;
}
.mob-announcement-bar--styled .mob-announce-text strong,
.mob-announcement-bar--styled .mob-announce-text b,
.mob-announcement-bar--styled .mob-announce-text a {
    color: rgb(211, 175, 55) !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}
.mob-announcement-bar--styled .mob-announce-close {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 18px !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    line-height: 1 !important;
}

/* ── Fix header position when announcement bar is visible ── */
html.mobile-root body.mobile-site .mobileHeader {
    position: sticky !important;
    top: 0 !important;
}

/* ── Fix nav position when announcement bar is present ── */
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone {
    position: sticky !important;
    top: 49px !important;
    z-index: 1040 !important;
}

/* ══════════════════════════════════════════════════════
   BOTTOM NAV — SLOT OYNA badge with SVG shield
   ══════════════════════════════════════════════════════ */
html.mobile-root body.mobile-site .mobFooter-center-shield {
    display: none !important;
}
html.mobile-root body.mobile-site .mobFooter-center-icon {
    position: absolute !important;
    top: -38px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90px !important;
    height: 87px !important;
    background-image: url("/assets/images/slot-oyna-badge.svg?v=2") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
    z-index: 10 !important;
}
html.mobile-root body.mobile-site .mobFooter-center-btn .mobFooter-label {
    position: absolute !important;
    bottom: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 0 !important;
    visibility: hidden !important;
}

/* ── Bottom nav icon color: match BahisSende rgba(255,255,255,0.5) ── */
html.mobile-root body.mobile-site .mobFooter-item {
    color: rgba(255, 255, 255, 0.5) !important;
}
html.mobile-root body.mobile-site .mobFooter-item svg {
    color: rgba(255, 255, 255, 0.5) !important;
    stroke: rgba(255, 255, 255, 0.5) !important;
}
html.mobile-root body.mobile-site .mobFooter-item i {
    color: rgba(255, 255, 255, 0.5) !important;
}
html.mobile-root body.mobile-site .mobFooter-label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* ══════════════════════════════════════════════════════
   FONT FIX: Match BahisSende fonts exactly
   ══════════════════════════════════════════════════════ */

/* ── Announcement bar: text color rgba not solid white ── */
html.mobile-root body.mobile-site .mob-announcement-bar--styled .mob-announce-text {
    color: rgba(255, 255, 255, 0.7) !important;
    letter-spacing: normal !important;
}

/* ── Announcement bar: remove close button (BahisSende has none) ── */
html.mobile-root body.mobile-site .mob-announcement-bar--styled .mob-announce-close {
    display: none !important;
}

/* ── GİRİŞ button: Roboto, not Inter ── */
html.mobile-root body.mobile-site .hdr-btn-login,
html.mobile-root body.mobile-site #Giris {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 8px !important;
}

/* ── KAYIT button: Roboto, not Inter ── */
html.mobile-root body.mobile-site .hdr-btn-register,
html.mobile-root body.mobile-site #openRegister {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background: rgb(211, 175, 55) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 8px !important;
    height: 28px !important;
    line-height: 28px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}

/* ── Announcement bar: symmetric padding (no close button) ── */
html.mobile-root body.mobile-site .mob-announcement-bar.mob-announcement-bar--styled {
    padding: 10px 16px !important;
}

/* ── FIX: Remove extra padding between nav and slider ── */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 0 !important;
}

/* ── FIX: Slider flush with nav (no gap) ── */
html.mobile-root body.mobile-site .home-hero-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ══════════════════════════════════════════════════════
   BOTTOM NAV: Match BahisSende exactly
   ══════════════════════════════════════════════════════ */

/* ── Icon color: solid white like BahisSende ── */
html.mobile-root body.mobile-site .mobFooter-item svg,
html.mobile-root body.mobile-site .mobFooter-item .mobFooter-icon-wrap svg {
    color: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;
    width: 20px !important;
    height: 24px !important;
}
html.mobile-root body.mobile-site .mobFooter-item i {
    color: rgb(255, 255, 255) !important;
    font-size: 20px !important;
}

/* ── Label: solid light gray, no uppercase, Roboto ── */
html.mobile-root body.mobile-site .mobFooter-label {
    color: rgb(235, 235, 235) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ── Destek label: same size, allow truncation ── */
html.mobile-root body.mobile-site .mobFooter-label-small {
    font-size: 10px !important;
    line-height: 14px !important;
    max-width: 80px !important;
}

/* ── Item color for overall ── */
html.mobile-root body.mobile-site .mobFooter-item {
    color: rgb(255, 255, 255) !important;
}

/* ── Slider gap fix: remove padding between nav and content ── */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
html.mobile-root body.mobile-site .home-hero-slider {
    margin-top: 0 !important;
}

/* ══════════════════════════════════════════════════════
   SLIDER FIX — DEFINITIVE OVERRIDE (highest specificity)
   Images are 1200x680 = 1.76:1 ratio
   ══════════════════════════════════════════════════════ */
html.mobile-root body.mobile-site .home-hero-slider {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site .home-hero-slider-inner {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1200 / 680 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
html.mobile-root body.mobile-site .home-hero-slider .slides {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}
html.mobile-root body.mobile-site .home-hero-slider .slides section {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    flex-shrink: 0 !important;
}
html.mobile-root body.mobile-site .home-hero-slider .slides section a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
html.mobile-root body.mobile-site .home-hero-slider .slides section picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
}
html.mobile-root body.mobile-site .home-hero-slider .slides section img,
html.mobile-root body.mobile-site .home-hero-slider .slides section video,
html.mobile-root body.mobile-site .home-hero-slider .slides section picture img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Slider counter - top right like BahisSende */
html.mobile-root body.mobile-site .home-hero-slider-counter {
    display: flex !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    background: rgba(0, 0, 0, 0.55) !important;
    border-radius: 12px !important;
    padding: 3px 10px !important;
    z-index: 10 !important;
    align-items: center !important;
    gap: 6px !important;
}
html.mobile-root body.mobile-site .home-hero-slider-counter[data-total=1] {
    display: none !important;
}
html.mobile-root body.mobile-site .home-hero-slider-counter-text {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site .home-hero-slider-counter-arrow {
    display: none !important;
}

/* Content padding: 0 so slider touches nav */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Nav no bottom gap */
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* ══════════════════════════════════════════════════════
   BOTTOM NAV — BetConstruct Icons (BahisSende match)
   ══════════════════════════════════════════════════════ */

/* Add missing BetConstruct icon definitions */
.bc-i-live::before { content: "\e963"; }
.bc-i-slots::before { content: "\e955"; }
.bc-i-burger::before { content: "\e93c"; }

/* Bottom nav BetConstruct icon styling */
html.mobile-root body.mobile-site .mobFooter-item .mobFooter-icon-wrap i[class^="bc-i-"],
html.mobile-root body.mobile-site .mobFooter-item .mobFooter-icon-wrap i[class*=" bc-i-"] {
    font-family: BetConstruct-Icons !important;
    font-size: 20px !important;
    line-height: 24px !important;
    color: rgb(255, 255, 255) !important;
    display: inline-block !important;
    width: 20px !important;
    height: 24px !important;
    text-align: center !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Hide any remaining SVGs in footer items */
html.mobile-root body.mobile-site .mobFooter-item .mobFooter-icon-wrap svg {
    display: none !important;
}

/* ══════════════════════════════════════════════════════
   PIXEL-PERFECT BOTTOM NAV — BahisSende exact clone
   Measured values from BahisSende computed styles
   ══════════════════════════════════════════════════════ */

/* Remove ALL old bottom nav styles */
html.mobile-root body.mobile-site .mobFooter-center-shield,
html.mobile-root body.mobile-site .mobFooter-center-icon,
html.mobile-root body.mobile-site .mobFooter-center-btn .mobFooter-label,
html.mobile-root body.mobile-site .mobFooter-center-label {
    display: none !important;
}

/* Nav bar container — exact BahisSende */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 950 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 49px !important;
    background-color: rgb(18, 18, 18) !important;
    border-top: 0.8px solid rgb(210, 176, 56) !important;
    border-bottom: none !important;
    padding: 0 20px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Each nav item — exact BahisSende */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0% !important;
    height: 48.2px !important;
    padding: 0 4px !important;
    background: none !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* Icon — exact BahisSende */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-icon-bc {
    font-family: BetConstruct-Icons !important;
    font-size: 20px !important;
    line-height: 24px !important;
    width: 20px !important;
    height: 24px !important;
    color: rgb(255, 255, 255) !important;
    display: inline-block !important;
    text-align: center !important;
    speak: never !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Label — exact BahisSende */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-title-bc {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    color: rgb(235, 235, 235) !important;
    text-transform: none !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
}

/* BetConstruct icon definitions */
.bc-i-live::before { content: "\e963" !important; }
.bc-i-slots::before { content: "\e955" !important; }
.bc-i-burger::before { content: "\e93c" !important; }

/* Hide old mobFooter elements completely */
html.mobile-root body.mobile-site .mobFooter:not(.tab-navigation-w-bc) {
    display: none !important;
}

/* Content padding for fixed bottom nav */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-bottom: 49px !important;
}

/* ══════════════════════════════════════════════════════
   PIXEL-PERFECT CATEGORY CARDS — BahisSende exact clone
   Card: 85x93px, border 0.8px rgba(212,175,55,0.15),
   radius 12px, bg #000, img 55x55, label 9px/700 gold
   ══════════════════════════════════════════════════════ */

/* Show category banners (was hidden) */
html.mobile-root body.mobile-site .rb-category-banners {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    padding: 0 6px !important;
    margin: 10px 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

/* Each card — exact BahisSende */
html.mobile-root body.mobile-site .rb-cat-banner,
html.mobile-root body.mobile-site .rb-cat-banner.rb-cat-banner--text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: rgb(0, 0, 0) !important;
    border: 0.8px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 12px !important;
    padding: 10px 4px 8px !important;
    gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Card image — exact 55x55 */
html.mobile-root body.mobile-site .rb-cat-banner img.rb-cat-icon-img,
html.mobile-root body.mobile-site .rb-cat-banner img {
    width: 55px !important;
    height: 55px !important;
    max-width: 55px !important;
    max-height: 55px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Card label — exact BahisSende ::after */
html.mobile-root body.mobile-site .rb-cat-banner .rb-cat-label,
html.mobile-root body.mobile-site .rb-cat-banner span,
html.mobile-root body.mobile-site .rb-cat-banner p {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 10.8px !important;
    color: rgb(232, 201, 74) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ══════════════════════════════════════════════════════
   DEFINITIVE BOTTOM NAV FIX — Kill ALL conflicting rules
   BahisSende exact: height 49px, 5 equal items, no center shield
   ══════════════════════════════════════════════════════ */

/* Container: exact 49px, no min-height override */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter,
html.mobile-root body.mobile-site div.tab-navigation-w-bc.mobFooter {
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    justify-content: stretch !important;
    gap: 0 !important;
}

/* Items: exact equal flex, no extra padding/gap */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc,
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc.mobFooter-item {
    flex: 1 1 0% !important;
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 2px !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Icons: BetConstruct-Icons font, 20px */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc .tab-nav-icon-bc {
    font-family: BetConstruct-Icons !important;
    font-size: 20px !important;
    line-height: 24px !important;
    width: 20px !important;
    height: 24px !important;
    color: rgb(255, 255, 255) !important;
    display: inline-block !important;
    text-align: center !important;
    font-style: normal !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Labels: 10px Roboto, ellipsis truncation */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc .tab-nav-title-bc {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    color: rgb(235, 235, 235) !important;
    text-transform: none !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    display: block !important;
    letter-spacing: normal !important;
}

/* Kill ALL old mobFooter-center/shield elements */
html.mobile-root body.mobile-site .mobFooter-center-btn,
html.mobile-root body.mobile-site .mobFooter-center-icon,
html.mobile-root body.mobile-site .mobFooter-center-shield,
html.mobile-root body.mobile-site .mobFooter-center-label {
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: none !important;
}

/* Kill old mobFooter-icon-wrap (not used in new HTML) */
html.mobile-root body.mobile-site .tab-navigation-w-bc .mobFooter-icon-wrap {
    display: none !important;
}

/* Content padding for fixed 49px bottom nav */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-bottom: 49px !important;
}
html.mobile-root body.mobile-site {
    padding-bottom: 0 !important;
}

/* ══════════════════════════════════════════════════════
   CENTER SHIELD "SLOT OYNA" — Exact BahisSende clone
   Icon: 90x87px, position absolute, background-image shield
   Label hidden, item overflow visible
   ══════════════════════════════════════════════════════ */

/* Fix container padding to match BahisSende: 0 20px */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter,
html.mobile-root body.mobile-site div.tab-navigation-w-bc.mobFooter {
    padding: 0 20px !important;
    padding-bottom: 0 !important;
}

/* Center (3rd) item: overflow visible for shield */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) {
    position: relative !important;
    overflow: visible !important;
}

/* Center icon: shield background-image, 90x87px absolute */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    position: absolute !important;
    width: 90px !important;
    height: 87px !important;
    bottom: -4.8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-image: url('/mobile/assets/images/icons/slot-shield.png?v=2') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 87px !important;
}

/* Hide ::before content on center icon (no font icon visible) */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc::before {
    content: "" !important;
    display: none !important;
}

/* Hide center label (BahisSende has display:none) */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-title-bc {
    display: none !important;
}

/* Shield z-index fix */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    z-index: 10 !important;
}

/* Fix nav overflow: border-box sizing */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter,
html.mobile-root body.mobile-site div.tab-navigation-w-bc.mobFooter {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
}

/* Shield z-index: must be very high to stay above everything */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    z-index: 9999 !important;
    background-position: center !important;
}

/* ══════════════════════════════════════════════════════
   SLOT PAGE — BahisSende clone styling
   Grid: 2 columns, 10px gap, rounded cards
   ══════════════════════════════════════════════════════ */

/* Game grid: 2 columns like BahisSende */
html.mobile-root body.mobile-site .game-grid,
html.mobile-root body.mobile-site #game-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
}

/* Game cards: fill column width, rounded */
html.mobile-root body.mobile-site .game-grid .game-item {
    border-radius: 10px !important;
    overflow: hidden !important;
    background: rgb(30, 30, 30) !important;
    position: relative !important;
}

/* Game images: fill card, cover */
html.mobile-root body.mobile-site .game-grid .game-item img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 10px !important;
}

/* Category filter tabs container */
html.mobile-root body.mobile-site .slot-categories,
html.mobile-root body.mobile-site .category-tabs,
html.mobile-root body.mobile-site [class*="cat-tabs"],
html.mobile-root body.mobile-site .game-category-list {
    display: flex !important;
    gap: 8px !important;
    padding: 10px 10px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}

html.mobile-root body.mobile-site .slot-categories::-webkit-scrollbar,
html.mobile-root body.mobile-site .category-tabs::-webkit-scrollbar,
html.mobile-root body.mobile-site .game-category-list::-webkit-scrollbar {
    display: none !important;
}

/* Category tab items */
html.mobile-root body.mobile-site .slot-cat-item,
html.mobile-root body.mobile-site .category-tab-item,
html.mobile-root body.mobile-site .game-category-item {
    flex-shrink: 0 !important;
    padding: 10px 16px !important;
    background: rgb(30, 30, 30) !important;
    border: 0.8px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: center !important;
    min-width: 80px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* Active category tab */
html.mobile-root body.mobile-site .slot-cat-item.active,
html.mobile-root body.mobile-site .category-tab-item.active,
html.mobile-root body.mobile-site .game-category-item.active {
    background: rgb(211, 175, 55) !important;
    color: #000 !important;
    border-color: rgb(211, 175, 55) !important;
    font-weight: 700 !important;
}

/* Search/filter bar */
html.mobile-root body.mobile-site .game-filter-bar,
html.mobile-root body.mobile-site .slot-search-bar {
    display: flex !important;
    align-items: center !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    background: transparent !important;
}

/* Provider filter button */
html.mobile-root body.mobile-site .provider-filter-btn,
html.mobile-root body.mobile-site .game-filter-bar .filter-btn {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    background: rgb(30, 30, 30) !important;
    border: 0.8px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px !important;
}

/* Game title overlay on cards */
html.mobile-root body.mobile-site .game-grid .game-item .game-name,
html.mobile-root body.mobile-site .game-grid .game-item .game-title {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 4px 6px !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.8)) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border-radius: 0 0 10px 10px !important;
}

/* Provider badge on cards */
html.mobile-root body.mobile-site .game-grid .game-item .provider-name,
html.mobile-root body.mobile-site .game-grid .game-item .game-provider {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 3px 6px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 9px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    border-radius: 0 0 10px 10px !important;
}

/* Page background */
html.mobile-root body.mobile-site .slot-page-content,
html.mobile-root body.mobile-site .mainContentWrap {
    background: #0a0a0a !important;
}

/* ============================================
   PROMOTIONS PAGE: 2-Column Grid (BahisSende Clone)
   ============================================ */
html.mobile-root body.mobile-site .bonus-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
}

html.mobile-root body.mobile-site .bonus-card {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html.mobile-root body.mobile-site .bonus-card .bonus-card-inner {
    width: 100% !important;
}

html.mobile-root body.mobile-site .bonus-card .bonus-image {
    width: 100% !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html.mobile-root body.mobile-site .bonus-card .bonus-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px !important;
}

/* Hide DETAYLAR button overlay for cleaner card look */
html.mobile-root body.mobile-site .bonus-card .bonus-card-inner .bonus-details-btn,
html.mobile-root body.mobile-site .bonus-card .bonus-card-inner .bonus-action {
    display: none !important;
}

/* ============================================
   GLOBAL FONT: Roboto (matching BahisSende)
   ============================================ */
html.mobile-root,
html.mobile-root body.mobile-site,
html.mobile-root body.mobile-site * {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

/* ============================================
   TOUCH-SCROLL FIX: Game carousels & sections
   ============================================ */
/* Slot games horizontal carousel */
html.mobile-root body.mobile-site .bs-slot-right,
html.mobile-root body.mobile-site .bs-live-cards {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    touch-action: manipulation !important;
}

html.mobile-root body.mobile-site .bs-slot-right::-webkit-scrollbar,
html.mobile-root body.mobile-site .bs-live-cards::-webkit-scrollbar {
    display: none !important;
}

/* Each card snaps into place */
html.mobile-root body.mobile-site .bs-slot-right .bs-slot-card,
html.mobile-root body.mobile-site .bs-live-cards .bs-live-card {
    scroll-snap-align: start !important;
    flex-shrink: 0 !important;
}

/* Parent section must not block horizontal scroll */
html.mobile-root body.mobile-site .bs-slot-section {
    overflow: visible !important;
}

/* Navigation tabs horizontal scroll */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc,
html.mobile-root body.mobile-site .mainMenu ul {
    -webkit-overflow-scrolling: touch !important;
    touch-action: manipulation !important;
}

/* Hero slider: allow horizontal swipe, block vertical on slider area */
html.mobile-root body.mobile-site .home-hero-slider,
html.mobile-root body.mobile-site .home-hero-slider-inner {
    touch-action: pan-y pinch-zoom !important;
}

/* ============================================
   HERO SLIDER: translateX slide effect override
   ============================================ */
html.mobile-root body.mobile-site .home-hero-slider-inner {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
}

html.mobile-root body.mobile-site .home-hero-slider .slides {
    display: flex !important;
    flex-wrap: nowrap !important;
    position: relative !important;
    inset: auto !important;
    height: 100% !important;
    will-change: transform !important;
}

html.mobile-root body.mobile-site .home-hero-slider .slides section {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html.mobile-root body.mobile-site .home-hero-slider .slides section img,
html.mobile-root body.mobile-site .home-hero-slider .slides section video {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
}

/* Show counter again for slide mode */
html.mobile-root body.mobile-site .home-hero-slider-counter {
    display: flex !important;
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 10 !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(0,0,0,0.5) !important;
    border-radius: 12px !important;
    padding: 4px 10px !important;
    color: #fff !important;
    font-size: 12px !important;
}

html.mobile-root body.mobile-site .home-hero-slider-counter-prev,
html.mobile-root body.mobile-site .home-hero-slider-counter-next {
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    padding: 0 2px !important;
    line-height: 1 !important;
}

/* Disable old fade CSS */
html.mobile-root body.mobile-site .home-hero-slider .slides section.active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ══════════════════════════════════════════════
   MEGA FIX BATCH — All user-reported issues
   ══════════════════════════════════════════════ */

/* 1) HORIZONTAL OVERFLOW FIX — prevent site from scrolling left/right */
html.mobile-root,
html.mobile-root body.mobile-site {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* 2) ANNOUNCEMENT BAR — gold border-top, rounded corners, side margin (BahisSende match) */
html.mobile-root body.mobile-site .mob-announcement-bar {
    margin: 4px 7px 0 7px !important;
    border: 1px solid rgba(211, 175, 55, 0.3) !important;
    border-top: 1.6px solid rgb(211, 175, 55) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 8px 16px !important;
}

/* 3) NAV TABS — remove ANY yellow/gold line above */
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu ul,
html.mobile-root body.mobile-site .mainMenu::before,
html.mobile-root body.mobile-site .mainMenu::after {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

html.mobile-root body.mobile-site .mainMenu ul li a {
    border: none !important;
    text-decoration: none !important;
}

/* Remove gold underline from active nav tab */
html.mobile-root body.mobile-site .mainMenu ul li a.active,
html.mobile-root body.mobile-site .mainMenu ul li a:hover {
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* 4) 3-DOT MENU BUTTON — match BahisSende (3 dots in circle, 28x28) */
html.mobile-root body.mobile-site .mobileHeader .sp-button-bc.hdr-toggle-button-bc,
html.mobile-root body.mobile-site .mobileHeader [class*=toggle-button] {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border: none !important;
    padding: 0 !important;
}

/* ============================================================
   MEGA CLONE BATCH - BahisSende Birebir Klonlama (2026-04-20)
   Nav Font 16px + Footer Fix + Menu Fix + Game Sections Fix
   ============================================================ */

/* --- 1. NAV BAR FONT SIZE: 10px to 16px --- */
html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu-standalone ul li a,
html.mobile-root body.mobile-site a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site .hdr-navigation-link-bc,
html.mobile-root body.mobile-site .hdr-navigation-link-bc span,
html.mobile-root body.mobile-site .hdr-navigation-scrollable ul li a,
html.mobile-root body.mobile-site .hdr-navigation-scrollable ul li a span,
.mainMenu ul li a,
.mainMenu-standalone ul li a,
a.hdr-navigation-link-bc,
.hdr-navigation-link-bc,
.hdr-navigation-link-bc span {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 1.04px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    white-space: nowrap !important;
}

html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu-standalone,
.mainMenu,
.mainMenu-standalone {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}
html.mobile-root body.mobile-site .mainMenu::-webkit-scrollbar,
.mainMenu-standalone::-webkit-scrollbar {
    display: none !important;
}

html.mobile-root body.mobile-site .mainMenu ul,
html.mobile-root body.mobile-site .mainMenu-standalone ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site .mainMenu ul li,
html.mobile-root body.mobile-site .mainMenu-standalone ul li {
    flex-shrink: 0 !important;
}

html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu-standalone ul li a {
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
}

/* --- 2. FOOTER SOCIAL ICONS FIX --- */
html.mobile-root body.mobile-site .mob-footer-social {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    background: transparent !important;
}

html.mobile-root body.mobile-site .mob-footer-social-icons {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

html.mobile-root body.mobile-site .mob-footer-social-icons a {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 20px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
}

html.mobile-root body.mobile-site .mob-footer-social-icons a i {
    font-size: 20px !important;
    display: inline-block !important;
}

html.mobile-root body.mobile-site .mob-lang-selector {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* DESTEK button */
html.mobile-root body.mobile-site .mob-support-btn {
    display: block !important;
    margin: 16px !important;
    padding: 14px 24px !important;
    text-align: center !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    background: transparent !important;
    text-transform: uppercase !important;
}

/* --- 3. FOOTER LINKS --- */
html.mobile-root body.mobile-site .mob-footer-links-section {
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.mobile-root body.mobile-site .mob-footer-links-section h4 {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 0 8px 0 !important;
    text-transform: uppercase !important;
}

html.mobile-root body.mobile-site .mob-footer-links-row a {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

html.mobile-root body.mobile-site .mob-footer-links-row .sep {
    color: rgba(255, 255, 255, 0.2) !important;
    margin: 0 8px !important;
}

/* --- 4. REGULATION --- */
html.mobile-root body.mobile-site .mob-footer-regulation {
    padding: 20px 16px !important;
    text-align: center !important;
}

html.mobile-root body.mobile-site .mob-footer-regulation h4 {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    margin: 0 0 12px 0 !important;
}

html.mobile-root body.mobile-site .mob-footer-regulation p {
    color: rgba(255, 255, 255, 0.35) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

html.mobile-root body.mobile-site .mob-footer-copyright {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 16px !important;
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 12px !important;
}

html.mobile-root body.mobile-site .mob-footer-copyright .age-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    background: transparent !important;
}

/* --- 5. MOBILE MENU - BahisSende Clone --- */
html.mobile-root body.mobile-site .mobileMenu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #1a1a1a !important;
    z-index: 10000 !important;
    transform: translateY(100%) !important;
    transition: transform 0.3s ease !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

html.mobile-root body.mobile-site .mobileMenu.active {
    transform: translateY(0) !important;
}

html.mobile-root body.mobile-site .mobileMenu-overlay {
    display: none !important;
}

html.mobile-root body.mobile-site .mobileMenu-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    background: #1a1a1a !important;
    border-bottom: none !important;
    min-height: 50px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
}

html.mobile-root body.mobile-site .mobileMenu-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

html.mobile-root body.mobile-site .mobileMenu-close {
    width: 28px !important;
    height: 28px !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    cursor: pointer !important;
    padding: 0 !important;
}

html.mobile-root body.mobile-site .mobileMenu-close svg {
    width: 22px !important;
    height: 22px !important;
    stroke: #fff !important;
}

html.mobile-root body.mobile-site .mobileMenu-body {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 0 !important;
}

html.mobile-root body.mobile-site .mobileMenu-section {
    padding: 0 !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site .mobileMenu-section-title {
    display: none !important;
}

html.mobile-root body.mobile-site .mobileMenu-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
}

html.mobile-root body.mobile-site .mobileMenu-card {
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    height: 56px !important;
    background: #222 !important;
    border: none !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    margin: 0 12px 4px 12px !important;
}

html.mobile-root body.mobile-site .mobileMenu-card:first-child {
    margin-top: 4px !important;
}

html.mobile-root body.mobile-site .mobileMenu-card-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 12px !important;
    background: rgba(255,255,255,0.06) !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
}

html.mobile-root body.mobile-site .mobileMenu-card-icon i {
    font-size: 20px !important;
    color: rgba(255,255,255,0.9) !important;
}

html.mobile-root body.mobile-site .mobileMenu-card-label {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.9) !important;
    text-transform: uppercase !important;
}

html.mobile-root body.mobile-site .mobileMenu-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
}

html.mobile-root body.mobile-site .mobileMenu-list-item {
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    height: 56px !important;
    background: #222 !important;
    text-decoration: none !important;
    margin: 0 12px 4px 12px !important;
    border-radius: 6px !important;
}

html.mobile-root body.mobile-site .mobileMenu-list-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 12px !important;
    background: rgba(255,255,255,0.06) !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
}

html.mobile-root body.mobile-site .mobileMenu-list-icon i {
    font-size: 18px !important;
    color: rgba(255,255,255,0.7) !important;
}

html.mobile-root body.mobile-site .mobileMenu-list-item span:not(.mobileMenu-list-icon) {
    font-size: 15px !important;
    color: rgba(255,255,255,0.9) !important;
    text-transform: uppercase !important;
}

/* --- 6. GAME SECTIONS --- */
html.mobile-root body.mobile-site .bs-slot-section {
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 16px 0 0 0 !important;
    background: transparent !important;
}

html.mobile-root body.mobile-site .bs-slot-left {
    flex: 0 0 120px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 16px 12px !important;
}

html.mobile-root body.mobile-site .bs-slot-heart i {
    color: #D4A636 !important;
    font-size: 24px !important;
}

html.mobile-root body.mobile-site .bs-slot-subtitle {
    color: rgba(255,255,255,0.7) !important;
    font-size: 11px !important;
    margin: 4px 0 2px 0 !important;
}

html.mobile-root body.mobile-site .bs-slot-stars i {
    color: #D4A636 !important;
    font-size: 8px !important;
}

html.mobile-root body.mobile-site .bs-slot-title {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin: 6px 0 !important;
}

html.mobile-root body.mobile-site .bs-slot-viewall {
    color: rgba(255,255,255,0.5) !important;
    font-size: 11px !important;
    text-decoration: none !important;
}

html.mobile-root body.mobile-site .bs-slot-right {
    flex: 1 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 8px 0 8px 8px !important;
}

html.mobile-root body.mobile-site .bs-slot-cards {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

html.mobile-root body.mobile-site .bs-slot-cards .game-item,
html.mobile-root body.mobile-site .bs-slot-cards .game-cta {
    flex: 0 0 160px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
}

html.mobile-root body.mobile-site .bs-slot-cards .game-item img,
html.mobile-root body.mobile-site .bs-slot-cards .game-cta img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 10px !important;
}

html.mobile-root body.mobile-site .bs-slot-cards .game-card-info {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 8px !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.8)) !important;
    border-radius: 0 0 10px 10px !important;
}

html.mobile-root body.mobile-site .bs-slot-cards .game-card-title {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site .bs-slot-cards .game-card-provider {
    color: rgba(255,255,255,0.5) !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    margin: 2px 0 0 0 !important;
}

/* Live casino and crash sections */
html.mobile-root body.mobile-site .bs-live-section {
    padding: 16px 0 0 0 !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site .bs-live-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 12px 10px 12px !important;
}

html.mobile-root body.mobile-site .bs-live-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site .bs-live-viewall {
    color: rgba(255,255,255,0.4) !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

html.mobile-root body.mobile-site .bs-live-dot,
html.mobile-root body.mobile-site .bs-crash-icon {
    display: none !important;
}

html.mobile-root body.mobile-site .bs-live-cards {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 12px 16px 12px !important;
    scroll-snap-type: x mandatory !important;
}

html.mobile-root body.mobile-site .bs-live-cards .game-item,
html.mobile-root body.mobile-site .bs-live-cards .game-cta {
    flex: 0 0 170px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    position: relative !important;
}

html.mobile-root body.mobile-site .bs-live-cards .game-item img,
html.mobile-root body.mobile-site .bs-live-cards .game-cta img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 10px !important;
}

html.mobile-root body.mobile-site .bs-live-cards .game-card-info {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 8px !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.85)) !important;
    border-radius: 0 0 10px 10px !important;
}

html.mobile-root body.mobile-site .bs-live-cards .game-card-title {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site .bs-live-cards .game-card-provider {
    color: rgba(255,255,255,0.5) !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 2px 0 0 0 !important;
}

/* v41.2: disabled global overlay hide */
html.mobile-root body.mobile-site .game-overlay.__disabled_v41__ {
    display: none !important;
}

/* BetConstruct Icons - Missing icon definitions from BahisSende */
.bc-i-prematch::before { content: "\e965"; }
.bc-i-casino::before { content: "\e933"; }
.bc-i-livecasino::before { content: "\e945"; }
.bc-i-Promotion2::before { content: "\ebe4"; }
.bc-i-TvEmpty::before { content: "\e9fc"; }
.bc-i-Standings::before { content: "\ea2f"; }
.bc-i-BonusTalep::before { content: "\ebe4"; }

.bc-i-prematch,
.bc-i-casino,
.bc-i-livecasino,
.bc-i-Promotion2,
.bc-i-TvEmpty,
.bc-i-Standings,
.bc-i-BonusTalep {
    font-family: BetConstruct-Icons !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block !important;
    font-size: 20px !important;
    width: auto !important;
    height: auto !important;
}

/* Fix menu card layout - ensure flex row, not column */
html.mobile-root body.mobile-site .mobileMenu-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

html.mobile-root body.mobile-site .mobileMenu-card-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    min-height: 40px !important;
}

html.mobile-root body.mobile-site .mobileMenu-card-label {
    text-align: left !important;
}

/* Menu fullscreen fix - cover entire viewport */
html.mobile-root body.mobile-site .mobileMenu {
    z-index: 99999 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
}
html.mobile-root body.mobile-site .mobileMenu-header {
    background: #1a1a1a !important;
    padding: 16px 20px !important;
    z-index: 10 !important;
}

/* Nav bar font fix - force 16px on <a> elements directly */
html.mobile-root body.mobile-site .mainMenu ul li a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site .mainMenu-standalone ul li a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site .hdr-navigation-scrollable ul li a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site nav.mainMenu ul li a,
html.mobile-root body.mobile-site nav.mainMenu-standalone ul li a,
body.mobile-site .mainMenu a,
body.mobile-site .mainMenu-standalone a {
    font-size: 16px !important;
    padding: 0 10px !important;
    height: 40px !important;
    line-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Nav bar height fix - match BahisSende exactly 40px */
html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu-standalone ul li a,
body.mobile-site .mainMenu a,
body.mobile-site .mainMenu-standalone a {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0 10px !important;
}
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu-standalone,
.mainMenu,
.mainMenu-standalone {
    height: 40px !important;
    min-height: 40px !important;
}
html.mobile-root body.mobile-site .mainMenu ul,
html.mobile-root body.mobile-site .mainMenu-standalone ul {
    height: 40px !important;
}

/* ============================================
   PIXEL-PERFECT MATCH v2 - BahisSende Clone
   Nav, Logo, Bottom Nav exact measurements
   ============================================ */

/* --- NAV BAR: Force 40px height (override max-height:36px) --- */
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu-standalone,
html.mobile-root body.mobile-site .hdr-navigation-scrollable {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
}

html.mobile-root body.mobile-site .mainMenu ul,
html.mobile-root body.mobile-site .mainMenu-standalone ul {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
}

html.mobile-root body.mobile-site .mainMenu ul li a,
html.mobile-root body.mobile-site .mainMenu-standalone ul li a,
html.mobile-root body.mobile-site .mainMenu ul li a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site .mainMenu-standalone ul li a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site a.hdr-navigation-link-bc {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    line-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 1.04px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    color: rgba(255,255,255,0.8) !important;
}

/* --- NAV SPAN: Match BahisSende .nav-menu-title exactly --- */
html.mobile-root body.mobile-site .mainMenu ul li a span,
html.mobile-root body.mobile-site .mainMenu-standalone ul li a span,
html.mobile-root body.mobile-site a.hdr-navigation-link-bc span,
body.mobile-site .mainMenu ul li a span,
body.mobile-site .mainMenu-standalone ul li a span {
    font-size: 10px !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    letter-spacing: 1.04px !important;
    line-height: 40px !important;
    display: block !important;
    color: rgb(245, 245, 245) !important;
    text-transform: uppercase !important;
}

/* --- LOGO: Match BahisSende 100px width --- */
html.mobile-root body.mobile-site header img,
html.mobile-root body.mobile-site .hdr-logo-bc img,
body.mobile-site header .logo img,
body.mobile-site header img[src*="logo"],
body.mobile-site header img[src*="mrvip"] {
    width: 100px !important;
    height: 46px !important;
    object-fit: contain !important;
}

/* --- BOTTOM NAV: Match BahisSende layout --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc,
body.mobile-site .tab-navigation-w-bc,
body.mobile-site .mobFooter {
    height: 49px !important;
    background: rgb(18, 18, 18) !important;
    padding: 0 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: normal !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    border-top: none !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc,
body.mobile-site .mobFooter .mobFooter-item {
    width: 69px !important;
    height: 48.2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    padding: 0 !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc i,
body.mobile-site .mobFooter .mobFooter-item i {
    font-size: 20px !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1 !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc p,
body.mobile-site .mobFooter .mobFooter-item p {
    font-size: 10px !important;
    color: rgb(235, 235, 235) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

/* --- mainContentWrap padding fix for 40px nav --- */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 88px !important;
}

/* ============================================
   PIXEL-PERFECT v2.1 - Logo + Bottom Nav Shield Fix
   ============================================ */

/* --- LOGO: Force 100px width to match BahisSende --- */
html.mobile-root body.mobile-site .mobileHeader-logo img {
    max-width: 100px !important;
    width: 100px !important;
    height: 46px !important;
    object-fit: contain !important;
}

/* --- BOTTOM NAV: Remove shield from 3rd item (BahisSende has NO shield) --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    position: static !important;
    width: auto !important;
    height: auto !important;
    background-image: none !important;
    background: none !important;
    transform: none !important;
    font-size: 20px !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1 !important;
    z-index: auto !important;
    bottom: auto !important;
    left: auto !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc::before {
    content: "\e933" !important;
    display: inline-block !important;
    font-size: 20px !important;
    color: rgb(255, 255, 255) !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) .tab-nav-title-bc {
    display: block !important;
    font-size: 10px !important;
    color: rgb(235, 235, 235) !important;
}

/* --- BOTTOM NAV: Items proper spacing like BahisSende --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter,
html.mobile-root body.mobile-site div.tab-navigation-w-bc.mobFooter {
    justify-content: space-between !important;
    padding: 0 20px !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc,
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc.mobFooter-item,
html.mobile-root body.mobile-site div.tab-navigation-w-bc.mobFooter .tab-nav-item-bc {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
}

/* ============================================
   PIXEL-PERFECT v2.2 - Bottom Nav Equal Width Fix
   BahisSende uses equal-width items (flex:1) with text truncation
   ============================================ */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter,
html.mobile-root body.mobile-site div.tab-navigation-w-bc.mobFooter {
    display: flex !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 20px !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc,
html.mobile-root body.mobile-site .tab-navigation-w-bc .tab-nav-item-bc.mobFooter-item,
html.mobile-root body.mobile-site div.tab-navigation-w-bc.mobFooter .tab-nav-item-bc {
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 49px !important;
    padding: 6px 0 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc .tab-nav-icon-bc,
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .mobFooter-item i {
    font-size: 20px !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc .tab-nav-title-bc,
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .mobFooter-item .mobFooter-label {
    font-size: 10px !important;
    color: rgb(235, 235, 235) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================
   PIXEL-PERFECT v2.3 - Announcement Bar + Header Height
   BahisSende total fixed header: 117px
   Target: announcement(28) + header(49) + nav(40) = 117px
   ============================================ */

/* --- Announcement bar: compact single-line like BahisSende --- */
html.mobile-root body.mobile-site .mob-announcement-bar {
    min-height: 0 !important;
    max-height: 28px !important;
    height: 28px !important;
    padding: 0 14px !important;
    margin: 0 7px !important;
    font-size: 11px !important;
    line-height: 28px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    gap: 6px !important;
}

html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-inner {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 28px !important;
    line-height: 28px !important;
    display: block !important;
}

html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline !important;
    line-height: 28px !important;
}

/* --- Header row: match BahisSende 49px --- */
html.mobile-root body.mobile-site header,
html.mobile-root body.mobile-site .mobileHeader {
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
}

html.mobile-root body.mobile-site .mobileHeader-inner {
    height: 49px !important;
    min-height: 49px !important;
}

/* --- Nav position: immediately after header --- */
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu-standalone {
    top: 77px !important;
}

/* --- Content padding: 28 + 49 + 40 = 117px --- */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 117px !important;
}

/* --- Fix header position for new announcement height --- */
html.mobile-root body.mobile-site header {
    top: 28px !important;
    position: fixed !important;
}

/* ============================================
   PIXEL-PERFECT v2.4 - Announcement Bar CORRECT specificity
   Must use --styled modifier to match existing rule specificity
   ============================================ */
html.mobile-root body.mobile-site .mob-announcement-bar.mob-announcement-bar--styled {
    min-height: 0 !important;
    max-height: 28px !important;
    height: 28px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-bottom: 0.8px solid rgba(255,255,255,0.06) !important;
    font-size: 11px !important;
    line-height: 28px !important;
    overflow: hidden !important;
    gap: 4px !important;
    background: rgba(255,255,255,0.03) !important;
}

html.mobile-root body.mobile-site .mob-announcement-bar.mob-announcement-bar--styled .mob-announce-inner {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 28px !important;
    line-height: 28px !important;
    display: block !important;
}

html.mobile-root body.mobile-site .mob-announcement-bar--styled .mob-announce-text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline !important;
    line-height: 28px !important;
    font-size: 11px !important;
}

/* --- Header: match BahisSende 49px exactly --- */
html.mobile-root body.mobile-site .mobileHeader {
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
}

html.mobile-root body.mobile-site .mobileHeader .mobileHeader-inner {
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
}

/* ============================================
   PIXEL-PERFECT v2.5 - Content padding fix
   Sticky elements provide space naturally - no extra padding needed
   ============================================ */
html.mobile-root body.mobile-site .mainContentWrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ============================================
   PIXEL-PERFECT v2.6 - Slider gap + proportional height
   BahisSende has ~45px dark gap before slider
   ============================================ */
html.mobile-root body.mobile-site .home-hero-slider {
    margin-top: 5px !important;
}

/* ============================================
   PIXEL-PERFECT v2.7 - Game Sections Match BahisSende Style
   BS: Full-width horizontal scroll rows, 140x188 cards
   Remove decorative left panels, full-width game grids
   ============================================ */

/* --- Category banners: smaller grid matching BS 55x55 style --- */
html.mobile-root body.mobile-site .rb-category-banners {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
    padding: 8px 8px !important;
}

html.mobile-root body.mobile-site .rb-category-banners a,
html.mobile-root body.mobile-site .rb-category-banners .category-item {
    border-radius: 8px !important;
    aspect-ratio: 1 !important;
}

/* --- Slot section: hide left panel, full-width --- */
html.mobile-root body.mobile-site .bs-slot-section {
    display: block !important;
    padding: 10px 0 !important;
}

html.mobile-root body.mobile-site .bs-slot-left {
    display: none !important;
}

html.mobile-root body.mobile-site .bs-slot-right {
    width: 100% !important;
    max-width: 100% !important;
}

/* --- Game cards container: horizontal scroll --- */
html.mobile-root body.mobile-site .bs-slot-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding: 0 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}

html.mobile-root body.mobile-site .bs-slot-cards::-webkit-scrollbar {
    display: none !important;
}

/* --- Game items: 140x188 to match BahisSende --- */
html.mobile-root body.mobile-site .bs-slot-cards .game-item,
html.mobile-root body.mobile-site .bs-live-section .game-item,
html.mobile-root body.mobile-site .bs-crash-section .game-item {
    flex: 0 0 140px !important;
    width: 140px !important;
    min-width: 140px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

html.mobile-root body.mobile-site .game-item img {
    width: 140px !important;
    height: 188px !important;
    object-fit: cover !important;
    border-radius: 10px 10px 0 0 !important;
}

/* --- Section title: match BahisSende style (no decorative elements) --- */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.9) !important;
    padding: 0 8px 8px !important;
    margin: 0 !important;
}

/* --- Live casino & Crash sections: same full-width scroll --- */
html.mobile-root body.mobile-site .bs-live-section {
    display: block !important;
    padding: 10px 0 !important;
}

html.mobile-root body.mobile-site .bs-live-section .bs-live-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.9) !important;
    padding: 0 8px 8px !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site .bs-live-section .bs-live-cards,
html.mobile-root body.mobile-site .bs-crash-section .bs-live-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding: 0 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}

html.mobile-root body.mobile-site .bs-live-section .bs-live-cards::-webkit-scrollbar,
html.mobile-root body.mobile-site .bs-crash-section .bs-live-cards::-webkit-scrollbar {
    display: none !important;
}

html.mobile-root body.mobile-site .bs-live-section .game-item,
html.mobile-root body.mobile-site .bs-crash-section .game-item {
    flex: 0 0 140px !important;
    width: 140px !important;
    min-width: 140px !important;
}

/* --- Hide game card info overlay for cleaner look like BS --- */
html.mobile-root body.mobile-site .game-card-info {
    display: none !important;
}

/* --- Section spacing between game rows --- */
html.mobile-root body.mobile-site .bs-slot-section + .bs-live-section,
html.mobile-root body.mobile-site .bs-live-section + .bs-live-section {
    margin-top: 10px !important;
}

/* ============================================
   PIXEL-PERFECT v2.8 - Category banners size fix
   BS has 55x55 product icons. Scale proportionally for 400px viewport.
   4 columns at about 57px each with text below
   ============================================ */
html.mobile-root body.mobile-site .rb-category-banners {
    grid-template-columns: repeat(4, 57px) !important;
    gap: 6px !important;
    justify-content: center !important;
    padding: 10px 8px !important;
}

html.mobile-root body.mobile-site .rb-category-banners a img,
html.mobile-root body.mobile-site .rb-category-banners .category-item img {
    width: 55px !important;
    height: 55px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

html.mobile-root body.mobile-site .rb-category-banners a,
html.mobile-root body.mobile-site .rb-category-banners .category-item {
    width: 57px !important;
    text-align: center !important;
    font-size: 8px !important;
}

/* ============================================
   PIXEL-PERFECT v2.9 - Category banners REVERT to reasonable size
   Keep at 4-col grid but match BS proportions better (not 55px - too small for text)
   Use ~90px which is proportional to BS 99x132 row
   ============================================ */
html.mobile-root body.mobile-site .rb-category-banners {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
    padding: 8px 8px !important;
    justify-content: stretch !important;
}

html.mobile-root body.mobile-site .rb-category-banners a,
html.mobile-root body.mobile-site .rb-category-banners .category-item {
    width: auto !important;
    font-size: 10px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html.mobile-root body.mobile-site .rb-category-banners a img,
html.mobile-root body.mobile-site .rb-category-banners .category-item img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* ============================================
   PIXEL-PERFECT v3.2 - Registration form input height match BS exact
   BS computed: form-control-label-bc 52px (NOT 49.4)
   ============================================ */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.inputs,
html.mobile-root body.mobile-site #registerModal .form-control-label-bc {
    height: 52px !important;
}

/* ============================================
   PIXEL-PERFECT v3.3 - reCAPTCHA notice (BS-exact static text+icon)
   BS: 24x24 icon left, gray text 11px, two underlined links, single row
   ============================================ */
html.mobile-root body.mobile-site #registerModal .register-recaptcha-notice {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 7px 0 !important;
    margin: 4px 0 0 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    color: rgba(255,255,255,0.5) !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}
html.mobile-root body.mobile-site #registerModal .register-recaptcha-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site #registerModal .register-recaptcha-icon svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
}
html.mobile-root body.mobile-site #registerModal .register-recaptcha-notice a {
    color: rgba(255,255,255,0.7) !important;
    text-decoration: underline !important;
    line-height: 14px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
    background: transparent !important;
}
html.mobile-root body.mobile-site #registerModal .register-recaptcha-notice span:not(.register-recaptcha-icon) {
    color: rgba(255,255,255,0.5) !important;
    line-height: 14px !important;
    display: inline !important;
}

/* ============================================
   PIXEL-PERFECT v3.1 - Login form match BahisSende
   BS: 49px height, 4px radius, rgba(255,255,255,0.15) bg
   ============================================ */
html.mobile-root body.mobile-site #login2 .form-control-label-bc.inputs,
html.mobile-root body.mobile-site #login2 .form-control-label-bc {
    height: 49px !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,0.15) !important;
}

html.mobile-root body.mobile-site #login2 .form-control-input-bc,
html.mobile-root body.mobile-site #login2 .form-control-label-bc input {
    border-radius: 4px !important;
}

/* ============================================================
   SLOT PAGE — BahisSende Clone v4.0
   Target: m.bahissende300.com/tr/casino/slots
   ============================================================ */

/* --- 4.0.1 Category Tabs: match BS 80x66 black bg, no border --- */
html.mobile-root body.mobile-site .slots-category-filters.category-tabs-wrapper {
    padding: 4px 8px !important;
    background: transparent !important;
}
html.mobile-root body.mobile-site .slots-category-filters .cat-tab {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 66px !important;
    min-height: 66px !important;
    background: rgb(0, 0, 0) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 4px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400 !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
}
html.mobile-root body.mobile-site .slots-category-filters .cat-tab.active {
    background: rgb(0, 0, 0) !important;
    border: none !important;
    box-shadow: none !important;
}
html.mobile-root body.mobile-site .slots-category-filters .cat-tab i {
    font-size: 20px !important;
    color: rgb(211, 175, 55) !important;
    display: block !important;
    line-height: 1 !important;
}

/* --- 4.0.2 Hide slot-below-hero (jackpot/winners tabs) — BS doesnt have this --- backend/ backoffice/ frontend/ nginx/ superpanel/

/* ============================================================
   SLOT PAGE — BahisSende Clone v4.0
   Target: m.bahissende300.com/tr/casino/slots
   ============================================================ */

/* --- 4.0.1 Category Tabs: match BS 80x66 black bg, no border --- */
html.mobile-root body.mobile-site .slots-category-filters.category-tabs-wrapper {
    padding: 4px 8px !important;
    background: transparent !important;
}
html.mobile-root body.mobile-site .slots-category-filters .cat-tab {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 66px !important;
    min-height: 66px !important;
    background: rgb(0, 0, 0) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 4px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400 !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
}
html.mobile-root body.mobile-site .slots-category-filters .cat-tab.active {
    background: rgb(0, 0, 0) !important;
    border: none !important;
    box-shadow: none !important;
}
html.mobile-root body.mobile-site .slots-category-filters .cat-tab i {
    font-size: 20px !important;
    color: rgb(211, 175, 55) !important;
    display: block !important;
    line-height: 1 !important;
}

/* --- 4.0.2 Hide slot-below-hero (jackpot/winners tabs) --- */
html.mobile-root body.mobile-site .slot-below-hero {
    display: none !important;
}

/* --- 4.0.3 Hide providers-games-line toggle --- */
html.mobile-root body.mobile-site .slots-providers-games-line {
    display: none !important;
}

/* --- 4.0.4 Provider filter area: match BS compact 40px --- */
html.mobile-root body.mobile-site .slots-game-search-bar.games-header {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    height: 40px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    background: transparent !important;
    margin-bottom: 8px !important;
}
html.mobile-root body.mobile-site .slots-game-search-bar .mobile-sidebar-toggle {
    flex: 0 0 auto !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: rgba(26, 26, 26, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html.mobile-root body.mobile-site .slots-game-search-bar .mobile-sidebar-toggle__pill-text {
    font-size: 11px !important;
}
html.mobile-root body.mobile-site .slots-game-search-bar .random-game-btn {
    display: none !important;
}
html.mobile-root body.mobile-site .slots-game-search-bar .sort-toggle-wrap {
    display: none !important;
}
html.mobile-root body.mobile-site .slots-game-search-bar .all-games-btn {
    display: none !important;
}
html.mobile-root body.mobile-site .slots-game-search-bar .view-module-btn {
    display: none !important;
}
html.mobile-root body.mobile-site .slots-game-search-bar .active-filters-box {
    display: none !important;
}

/* --- 4.0.5 Game Grid: 2 columns with 16px side padding, 10px gap --- */
html.mobile-root body.mobile-site .game-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 3px 16px 16px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- 4.0.6 Game Items: landscape aspect ratio 179/126 --- */
html.mobile-root body.mobile-site .game-grid .game-item {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 179 / 126 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    flex: none !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .game-grid .game-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    border-radius: 8px !important;
}

/* --- 4.0.7 Game overlay --- */
html.mobile-root body.mobile-site .game-grid .game-item .game-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 8px !important;
}

/* --- 4.0.8 Slots containers full width --- */
html.mobile-root body.mobile-site .casino-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
html.mobile-root body.mobile-site .slots-filter-and-games {
    width: 100% !important;
    padding: 0 !important;
}
html.mobile-root body.mobile-site .slots-layout {
    width: 100% !important;
    padding: 0 !important;
}
html.mobile-root body.mobile-site .games-main {
    width: 100% !important;
    padding: 0 !important;
}
html.mobile-root body.mobile-site .slot-oyun-listesi.slots-games-container {
    width: 100% !important;
    padding: 0 !important;
}

/* --- 4.0.9 Provider sidebar hidden on mobile --- */
html.mobile-root body.mobile-site .slots-provider-filters.providers-sidebar {
    display: none !important;
}

/* --- 4.1.0 Scrollbar rail hidden --- */
html.mobile-root body.mobile-site .slot-games-scrollbar-rail {
    display: none !important;
}

/* --- 4.1.1 Category arrow buttons hidden --- */
html.mobile-root body.mobile-site .cat-tab-arrow {
    display: none !important;
}

/* --- 4.1.2 Recent games section compact --- */
html.mobile-root body.mobile-site .recent-games-section {
    padding: 0 16px !important;
}

/* --- 4.2 OVERRIDE: Game Grid with #game-grid ID selector (highest specificity) --- */
html.mobile-root body.mobile-site #game-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 3px 16px 16px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site #game-grid .game-item {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 179 / 126 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    background: transparent !important;
    flex: none !important;
}
html.mobile-root body.mobile-site #game-grid .game-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    border-radius: 8px !important;
    aspect-ratio: auto !important;
}
html.mobile-root body.mobile-site #game-grid .game-item .game-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 8px !important;
}

/* ============================================================
   PROMOTIONS PAGE — BahisSende Clone v4.3
   Target: m.bahissende300.com/tr/promotions
   ============================================================ */

/* --- 4.3.1 Category tabs: match BS 80x60, gold active bg, 4px radius --- */
html.mobile-root body.mobile-site .promo-categories-bar .promo-cat-btn {
    min-width: 80px !important;
    height: 60px !important;
    min-height: 60px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 12px !important;
    background: rgb(26, 26, 26) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}
html.mobile-root body.mobile-site .promo-categories-bar .promo-cat-btn.active {
    background: rgb(211, 175, 55) !important;
    color: rgb(0, 0, 0) !important;
    font-weight: 700 !important;
}

/* --- 4.3.2 Promo categories wrapper --- */
html.mobile-root body.mobile-site .promo-categories-scroll-wrap {
    padding: 10px 8px !important;
    height: auto !important;
}
html.mobile-root body.mobile-site .promo-categories-inner {
    gap: 8px !important;
}

/* --- 4.3.3 Bonus grid: match BS grid 185px 185px, gap 10px, padding 10px --- */
html.mobile-root body.mobile-site .bonus-grid-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- 4.3.4 Bonus cards: remove gold border, clean look --- */
html.mobile-root body.mobile-site .bonus-card {
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: rgb(18, 18, 18) !important;
    width: 100% !important;
    height: auto !important;
}
html.mobile-root body.mobile-site .bonus-card img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

/* --- 4.3.5 Bonus card title (if visible) --- */
html.mobile-root body.mobile-site .bonus-card .bonus-card-title,
html.mobile-root body.mobile-site .bonus-card h3 {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* --- 4.3.6 FIX: bonus-grid-container should be block, not grid --- */
html.mobile-root body.mobile-site .bonus-grid-container {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

/* --- 4.3.7 FIX: bonus-grid should fill full width --- */
html.mobile-root body.mobile-site .bonus-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- 4.3.8 Bonus card fill grid cell --- */
html.mobile-root body.mobile-site .bonus-grid .bonus-card {
    width: 100% !important;
    height: auto !important;
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: rgb(18, 18, 18) !important;
}
html.mobile-root body.mobile-site .bonus-grid .bonus-card img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px !important;
}

/* ============================================================
   BOTTOM NAV — BahisSende EXACT Clone v5.0
   Shield badge on 3rd item (CASINO), gold border-top, dark bg
   ============================================================ */

/* --- 5.0.1 Nav container: dark bg, gold top border, upward shadow --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter {
    background: rgb(18, 18, 18) !important;
    border-top: 0.8px solid rgb(210, 176, 56) !important;
    box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 10px 0 !important;
    padding: 0 20px !important;
    height: 49px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 950 !important;
    overflow: visible !important;
}

/* --- 5.0.2 Nav items --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc {
    flex: 1 1 0% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    height: 48px !important;
    background: transparent !important;
    position: relative !important;
    overflow: visible !important;
    text-decoration: none !important;
    border: none !important;
}

/* --- 5.0.3 Dividers between items 1-2 and 3-4 (BS style) --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(1)::after,
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3)::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 24px !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* --- 5.0.4 Icons (non-shield items) --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc .tab-nav-icon-bc {
    font-size: 20px !important;
    color: rgb(235, 235, 235) !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
    display: block !important;
}

/* --- 5.0.5 Labels --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc .tab-nav-title-bc {
    font-size: 10px !important;
    color: rgb(235, 235, 235) !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    text-align: center !important;
    display: block !important;
}

/* --- 5.0.6 SHIELD BADGE on 3rd item (CASINO) --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) {
    position: relative !important;
    overflow: visible !important;
}

html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    position: absolute !important;
    top: -34px !important;
    left: -9px !important;
    right: -9px !important;
    bottom: -4.8px !important;
    width: auto !important;
    height: auto !important;
    background-image: url('/mobile/assets/images/slot-shield.png?v=1776704687') !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    color: transparent !important;
    margin: 0 !important;
    z-index: 10 !important;
}

/* --- 5.0.7 Hide CASINO label on shield item --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) .tab-nav-title-bc {
    display: none !important;
}

/* --- 5.0.8 Remove any ::before or special font-icon from shield --- */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc::before {
    content: '' !important;
    display: none !important;
}

/* ============================================================
   SCROLL FIX v5.1 — Page not scrolling on mobile/desktop
   Root cause: overflow-x:hidden forces overflow-y:auto making
   html AND body both scroll containers with equal heights,
   which breaks wheel/touch scrolling on content.
   Fix: Use overflow-x:clip (preserves overflow-y:visible) and
   make sure html/body don't become internal scroll containers.
   ============================================================ */
html.mobile-root,
html.mobile-root body.mobile-site {
    overflow-x: clip !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* Ensure body can grow with content and lets viewport scroll naturally */
html.mobile-root body.mobile-site {
    min-height: 100vh !important;
    position: static !important;
}

/* ============================================================
   SLIDER LAYOUT FIX v5.2
   Slides must stack on top of each other (absolute), only
   .active visible. Previous rule made them inline (flex/relative)
   which broke auto-play and drag behavior.
   ============================================================ */
html.mobile-root body.mobile-site .home-hero-slider-inner,
html.mobile-root body.mobile-site .home-hero-slider .slides {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
}

/* Slides overlap (absolute positioning) */
html.mobile-root body.mobile-site .home-hero-slider .slides section {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
    flex: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.5s ease !important;
    z-index: 1 !important;
}

/* Only active slide visible */
html.mobile-root body.mobile-site .home-hero-slider .slides section.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2 !important;
}

/* Ensure slider images fill properly */
html.mobile-root body.mobile-site .home-hero-slider .slides section img,
html.mobile-root body.mobile-site .home-hero-slider .slides section picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Make slider container grab-ready on mobile */
html.mobile-root body.mobile-site .home-hero-slider,
html.mobile-root body.mobile-site .home-hero-slider-inner {
    touch-action: pan-y !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* ============================================================
   SLIDER FIX v5.3 — Higher specificity override
   Problem: earlier v5.2 rule `section{opacity:0}` came AFTER
   old rule `section.active{opacity:1}` making active slide hidden.
   Fix: use :not(.active) selector to avoid conflict with .active.
   ============================================================ */
html.mobile-root body.mobile-site .home-hero-slider .slides section:not(.active) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
html.mobile-root body.mobile-site .home-hero-slider .slides section.active,
html.mobile-root body.mobile-site div.home-hero-slider div.slides section.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2 !important;
    display: flex !important;
}

/* ============================================================
   LOGIN MODAL v5.4 — True fullscreen overlay (BS clone)
   Fixes: (a) modal too short (594px) exposing slider behind
          (b) no backdrop making background visible
   ============================================================ */

/* Modal container: full viewport fixed overlay */
html.mobile-root body.mobile-site #login2.modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 1060 !important;
    background: #000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    display: none;
}
html.mobile-root body.mobile-site #login2.modal.show {
    display: block !important;
}

/* Dialog fills entire modal */
html.mobile-root body.mobile-site #login2 .modal-dialog {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    display: block !important;
}

/* Content: black background, full dimensions */
html.mobile-root body.mobile-site #login2 .modal-content {
    background: #000 !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: auto !important;
    max-height: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html.mobile-root body.mobile-site #login2 .modal-body {
    padding: 0 !important;
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
    background: #000 !important;
}

/* Prevent body scroll while modal is open */
html.mobile-root body.mobile-site.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* Same fixes for register modal */
html.mobile-root body.mobile-site #registerModal.modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 1060 !important;
    background: #000 !important;
    overflow-y: auto !important;
}
html.mobile-root body.mobile-site #registerModal .modal-dialog {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    min-height: 100dvh !important;
}
html.mobile-root body.mobile-site #registerModal .modal-content {
    background: #000 !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 100dvh !important;
    box-shadow: none !important;
}

/* ============================================================
   LOGIN MODAL v5.5 — Hide banner, refine layout to match BS
   BS login modal only has: header, title, inputs, login button,
   forgot link, support button. NO banner image.
   ============================================================ */

/* Hide bonus banner in login modal (not in BS) */
html.mobile-root body.mobile-site #login2 .login-banner {
    display: none !important;
}

/* Form container should not have any bottom image */
html.mobile-root body.mobile-site #login2 .login-modal-container {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    background: #000 !important;
    padding: 0 !important;
}

/* Header: logo + KAYIT + X */
html.mobile-root body.mobile-site #login2 .login-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 49px !important;
    padding: 0 14px !important;
    background: #000 !important;
    border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
    flex: 0 0 49px !important;
}

html.mobile-root body.mobile-site #login2 .login-logo {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
}
html.mobile-root body.mobile-site #login2 .login-logo-img {
    width: 100px !important;
    height: 46px !important;
    max-width: 100px !important;
    max-height: 46px !important;
    object-fit: contain !important;
    display: block !important;
}

html.mobile-root body.mobile-site #login2 .login-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
}

/* KAYIT button - gold */
html.mobile-root body.mobile-site #login2 .login-register-btn {
    background: rgb(211, 175, 55) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    height: 28px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

/* Close X button */
html.mobile-root body.mobile-site #login2 .login-close {
    width: 28px !important;
    height: 28px !important;
    background: transparent !important;
    color: rgba(255,255,255,0.8) !important;
    border: none !important;
    font-size: 24px !important;
    line-height: 1 !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Title area: "Hesabınız var mı?" and "HEMEN GİRİŞ YAPIN!" */
html.mobile-root body.mobile-site #login2 .login-text-block {
    padding: 20px 14px 12px 14px !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site #login2 .login-top-text {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 400 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1 !important;
}
html.mobile-root body.mobile-site #login2 .login-title,
html.mobile-root body.mobile-site #login2 .login-text-block h1,
html.mobile-root body.mobile-site #login2 .login-text-block h2 {
    font-size: 24px !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important;
}

/* Form inputs area */
html.mobile-root body.mobile-site #login2 .login-form-body,
html.mobile-root body.mobile-site #login2 form {
    padding: 0 14px !important;
    background: #000 !important;
}

/* Inputs - BS match: bg rgba(255,255,255,0.15), 49px height */
html.mobile-root body.mobile-site #login2 .form-control-label-bc,
html.mobile-root body.mobile-site #login2 .form-control-input-bc,
html.mobile-root body.mobile-site #login2 input[type="text"],
html.mobile-root body.mobile-site #login2 input[type="password"] {
    background: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
    height: 49px !important;
    min-height: 49px !important;
    font-size: 16px !important;
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
}

/* Remember me checkbox */
html.mobile-root body.mobile-site #login2 .remember-me,
html.mobile-root body.mobile-site #login2 .login-remember {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 12px 0 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12px !important;
}
html.mobile-root body.mobile-site #login2 input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    accent-color: rgb(211, 175, 55) !important;
}

/* GIRIS submit button - full width gold */
html.mobile-root body.mobile-site #login2 button[type="submit"],
html.mobile-root body.mobile-site #login2 .login-submit-btn,
html.mobile-root body.mobile-site #login2 .btn-login {
    background: rgb(211, 175, 55) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    height: 44px !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    margin-top: 8px !important;
    letter-spacing: 0.5px !important;
}

/* Forgot password link */
html.mobile-root body.mobile-site #login2 .login-forgot,
html.mobile-root body.mobile-site #login2 a[href*="reset"],
html.mobile-root body.mobile-site #login2 a[href*="forgot"] {
    display: block !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    padding: 16px 0 !important;
    margin-top: 8px !important;
    letter-spacing: 0.5px !important;
}

/* Support section at bottom */
html.mobile-root body.mobile-site #login2 .login-support {
    margin-top: auto !important;
    padding: 16px 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-align: center !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site #login2 .login-support a {
    color: rgba(255, 255, 255, 0.5) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* ============================================================
   LOGIN MODAL v5.6 — Polish to match BS exactly
   - X button bigger, properly placed after KAYIT
   - Title cleaner rendering (no gradient/glow)
   - Header heights aligned
   ============================================================ */

/* Header — increase height to 60px to match BS */
html.mobile-root body.mobile-site #login2 .login-modal-header {
    height: 60px !important;
    min-height: 60px !important;
    flex: 0 0 60px !important;
    padding: 0 14px !important;
    align-items: center !important;
}

/* Header actions row */
html.mobile-root body.mobile-site #login2 .login-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* KAYIT button - bigger to match BS (28-30px tall but wider) */
html.mobile-root body.mobile-site #login2 .login-register-btn {
    height: 32px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    line-height: 32px !important;
}

/* Close X - bigger, properly sized */
html.mobile-root body.mobile-site #login2 .login-close {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
html.mobile-root body.mobile-site #login2 .login-close span {
    font-size: 28px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 300 !important;
}

/* Title — remove any gradient or fancy effect, plain white bold */
html.mobile-root body.mobile-site #login2 .login-main-title,
html.mobile-root body.mobile-site #login2 .login-title,
html.mobile-root body.mobile-site #login2 h1.login-main-title,
html.mobile-root body.mobile-site #login2 .login-text-block h1,
html.mobile-root body.mobile-site #login2 .login-text-block h2 {
    background: none !important;
    background-image: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    text-shadow: none !important;
    filter: none !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Subtitle — "Hesabınız var mı?" */
html.mobile-root body.mobile-site #login2 .login-top-text {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 0 6px 0 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Title wrapper padding */
html.mobile-root body.mobile-site #login2 .login-text-block {
    padding: 18px 14px 14px 14px !important;
}

/* ============================================================
   LOGIN INPUTS v5.7 — EXACT BahisSende Clone
   Measured BS computed styles:
   - label: 384x52, relative, flex, margin:0, bg:transparent
   - input: 384x52, bg:rgba(255,255,255,0.15), color:rgba(255,255,255,0.9),
            border:none, border-radius:4px, padding:20px 44px 4px 15px,
            font:14px/normal 400, outline:none
   - title: 336x14, absolute, top:20px, left:15px, color:rgba(255,255,255,0.4),
            font:12px/normal 400, pointer-events:none, 
            transition:top 0.24s, font-size 0.24s, line-height 0.24s, color 0.24s,
            white-space:nowrap, text-overflow:ellipsis
   ============================================================ */

/* Label wrapper — relative, flex, transparent */
html.mobile-root body.mobile-site #login2 .form-control-label-bc,
html.mobile-root body.mobile-site #login2 label.form-control-label-bc {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    transition: all !important;
    overflow: visible !important;
}

/* The input itself — floating label style with top padding */
html.mobile-root body.mobile-site #login2 .form-control-label-bc .form-control-input-bc,
html.mobile-root body.mobile-site #login2 input.form-control-input-bc,
html.mobile-root body.mobile-site #login2 input[type="text"].form-control-input-bc,
html.mobile-root body.mobile-site #login2 input[type="password"].form-control-input-bc {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 20px 44px 4px 15px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    outline: none !important;
    box-shadow: none !important;
    transition: background 0.24s !important;
    box-sizing: border-box !important;
    display: block !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Focus state — slightly lighter bg */
html.mobile-root body.mobile-site #login2 .form-control-input-bc:focus {
    background: rgba(255, 255, 255, 0.2) !important;
    outline: none !important;
}

/* Stroke — hidden by default, shown on focus as underline */
html.mobile-root body.mobile-site #login2 .form-control-input-stroke-bc {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: transparent !important;
    display: block !important;
    pointer-events: none !important;
    transition: background 0.24s !important;
}

/* Floating title label "Kullanıcı Adı *", "Şifre *" */
html.mobile-root body.mobile-site #login2 .form-control-title-bc,
html.mobile-root body.mobile-site #login2 span.form-control-title-bc {
    position: absolute !important;
    top: 20px !important;
    left: 15px !important;
    right: 44px !important;
    max-width: none !important;
    height: auto !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    pointer-events: none !important;
    transform: none !important;
    transition: top 0.24s, font-size 0.24s, line-height 0.24s, color 0.24s !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

/* Override any older rules that might have height/radius mismatch */
html.mobile-root body.mobile-site #login2 .form-control-bc,
html.mobile-root body.mobile-site #login2 .form-control-bc.default {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Fix login form body padding */
html.mobile-root body.mobile-site #login2 .login-form-body,
html.mobile-root body.mobile-site #login2 form {
    padding: 0 14px !important;
    background: #000 !important;
}

/* Hide placeholder since floating label replaces it */
html.mobile-root body.mobile-site #login2 .form-control-input-bc::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* Hide error icon/eye-toggle area for cleaner BS look (the 44px right padding leaves room anyway) */

/* ============================================================
   LOGIN MODAL v5.8 — EXACT BS match with measured values
   BS header: 49px, padding 0 52px 0 7px, border-bottom 0.8px
   BS title: 18px/400 uppercase, line-height 20px, margin 0 0 15px, pad 0 7px
   BS subtitle: 14px/500 rgba(255,255,255,0.5)
   BS logo: 100x46
   BS KAYIT: 49x28
   ============================================================ */

/* Header — 49px, logo left, KAYIT+X right */
html.mobile-root body.mobile-site #login2 .login-modal-header {
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
    flex: 0 0 49px !important;
    padding: 0 7px !important;  /* Logo needs 7px left */
    border-bottom: 0.8px solid rgba(255, 255, 255, 0.05) !important;
    background: #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
}

/* Logo container */
html.mobile-root body.mobile-site #login2 .login-logo {
    width: 100px !important;
    flex: 0 1 auto !important;
    display: flex !important;
    align-items: center !important;
}
html.mobile-root body.mobile-site #login2 .login-logo-img {
    width: 100px !important;
    height: 46px !important;
    max-width: 100px !important;
    max-height: 46px !important;
    object-fit: contain !important;
    object-position: left center !important;
    display: block !important;
}

/* Header right actions — KAYIT + X */
html.mobile-root body.mobile-site #login2 .login-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
    padding-right: 7px !important;
}

/* KAYIT button — 49x28 exactly like BS */
html.mobile-root body.mobile-site #login2 .login-register-btn {
    width: 49px !important;
    min-width: 49px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    background: rgb(211, 175, 55) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Close X — BS has it as large text outside header area or at far right.
   Make it prominent: 28x28, 28px font, white */
html.mobile-root body.mobile-site #login2 .login-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site #login2 .login-close span {
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Title block area — padding 0 7px, between header and inputs */
html.mobile-root body.mobile-site #login2 .login-text-block {
    padding: 15px 7px 0 7px !important;
    background: #000 !important;
}

/* Subtitle "Hesabınız var mı?" — 14px/500, opacity 0.5 */
html.mobile-root body.mobile-site #login2 .login-top-text {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
}

/* Main title — 18px/400 uppercase, line-height 20px, margin-bottom 15px */
html.mobile-root body.mobile-site #login2 .login-main-title,
html.mobile-root body.mobile-site #login2 .login-text-block h1,
html.mobile-root body.mobile-site #login2 .login-text-block h2,
html.mobile-root body.mobile-site #login2 h1.login-main-title {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    line-height: 20px !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    background: none !important;
    -webkit-text-fill-color: #fff !important;
}

/* Form body — add 7px padding to match BS */
html.mobile-root body.mobile-site #login2 .login-form-body,
html.mobile-root body.mobile-site #login2 form {
    padding: 0 7px !important;
    background: #000 !important;
}

/* Support at bottom — matches BS "DESTEK İLE İLETİŞİME GEÇİN" (without CANLI) */
html.mobile-root body.mobile-site #login2 .login-support {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-align: center !important;
    padding: 20px 7px !important;
    margin-top: auto !important;
    border-top: 0.8px solid rgba(255, 255, 255, 0.05) !important;
    background: #000 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ============================================================
   LOGIN X CLOSE v5.9 — Fix overlap with KAYIT button
   Old rule forced position:absolute; right:7px forcing X on top of KAYIT
   Override to position:static + include in flex flow
   ============================================================ */
html.mobile-root body.mobile-site #login2 .login-close,
html.mobile-root body.mobile-site #login2 button.login-close {
    position: static !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    z-index: auto !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site #login2 .login-close span {
    font-size: 28px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 300 !important;
    display: block !important;
}

/* Header actions — make X and KAYIT side-by-side with proper gap */
html.mobile-root body.mobile-site #login2 .login-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 0 0 auto !important;
    position: relative !important;
    padding-right: 7px !important;
}

/* ============================================================
   LOGIN SUBMIT + REMEMBER v6.0 — Exact BS values
   BS submit: 384x36, padding 0 20px, bg rgb(211,175,55), 
              color white, radius 4px, font 12px/500 uppercase
   BS remember: h:16px, fontSize:16px (parent), checkbox 13x13
   BS input_gap: 15px between inputs
   BS submit: sits right after forgot link
   ============================================================ */

/* Input gap 15px */
html.mobile-root body.mobile-site #login2 .form-control-label-bc,
html.mobile-root body.mobile-site #login2 label.form-control-label-bc,
html.mobile-root body.mobile-site #login2 .form-control-bc,
html.mobile-root body.mobile-site #login2 .entrance-f-item-bc {
    margin: 0 0 15px 0 !important;
}

/* GIRIS submit button — 36px height, 12px/500, padding 0 20px */
html.mobile-root body.mobile-site #login2 button[type="submit"],
html.mobile-root body.mobile-site #login2 .login-submit-btn,
html.mobile-root body.mobile-site #login2 .btn-login,
html.mobile-root body.mobile-site #login2 button.btn.a-color {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 20px !important;
    margin: 15px 0 0 0 !important;
    background: rgb(211, 175, 55) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Beni hatırla container — 16px tall row */
html.mobile-root body.mobile-site #login2 .remember-me,
html.mobile-root body.mobile-site #login2 .login-remember,
html.mobile-root body.mobile-site #login2 .checkbox-control-bc,
html.mobile-root body.mobile-site #login2 label.checkbox-control-content-bc {
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 15px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Checkbox input 13x13 exact BS */
html.mobile-root body.mobile-site #login2 input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 13px !important;
    accent-color: rgb(211, 175, 55) !important;
    cursor: pointer !important;
}

/* "Beni hatırla" text next to checkbox */
html.mobile-root body.mobile-site #login2 .remember-me span,
html.mobile-root body.mobile-site #login2 .remember-me label,
html.mobile-root body.mobile-site #login2 .login-remember span,
html.mobile-root body.mobile-site #login2 .checkbox-control-bc span,
html.mobile-root body.mobile-site #login2 label.checkbox-control-content-bc span {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Forgot password — 12px, bottom margin */
html.mobile-root body.mobile-site #login2 .login-forgot,
html.mobile-root body.mobile-site #login2 a[href*="reset"],
html.mobile-root body.mobile-site #login2 a[href*="forgot"],
html.mobile-root body.mobile-site #login2 a[href*="password"] {
    display: block !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    padding: 15px 0 0 0 !important;
    margin: 0 !important;
    letter-spacing: normal !important;
    line-height: 16px !important;
}

/* ============================================================
   LOGIN INPUTS v6.1 — Match BS exact width (384px from 400 vp)
   BS: input left:8, right:392, width:384 (only 8px side margins)
   MR had: form pad 0 7px + #loginFormScreen pad 0 7px = 14px
   Fix: remove #loginFormScreen padding, keep form at 0 8px
   ============================================================ */

/* Remove nested form padding — only form.login-form should have side margin */
html.mobile-root body.mobile-site #login2 #loginFormScreen {
    padding: 0 !important;
    margin: 0 !important;
    background: #000 !important;
}

/* Form container — exactly 8px side padding to match BS */
html.mobile-root body.mobile-site #login2 form.login-form,
html.mobile-root body.mobile-site #login2 form#loginForm {
    padding: 0 8px !important;
    margin: 0 !important;
    background: #000 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Form groups — no padding */
html.mobile-root body.mobile-site #login2 .form-group,
html.mobile-root body.mobile-site #login2 .entrance-f-item-bc {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    display: block !important;
}

/* Login text block — also 8px */
html.mobile-root body.mobile-site #login2 .login-text-block {
    padding: 15px 8px 10px 8px !important;
}

/* Title padding — BS has 0 7px on title inner */
html.mobile-root body.mobile-site #login2 .login-main-title,
html.mobile-root body.mobile-site #login2 .login-top-text {
    padding: 0 !important;
}

/* ============================================================
   LOGIN POLISH v7.0 — Final BS match
   1. X close button — theme-customizable gold color
   2. Support link — underlined, clickable
   3. Beni hatırla — larger checkbox + BS-style spacing
   4. GIRIS position fix
   ============================================================ */

/* Define default if not overridden by :root (backoffice) */
html.mobile-root body.mobile-site #login2 {
    --login-close-color: var(--login-close-color, #D4AF37);
}

/* X Close button — GOLD like BS (from DB theme_login_close_color) */
html.mobile-root body.mobile-site #login2 .login-close,
html.mobile-root body.mobile-site #login2 button.login-close {
    color: var(--login-close-color, #D4AF37) !important;
}
html.mobile-root body.mobile-site #login2 .login-close span {
    color: var(--login-close-color, #D4AF37) !important;
}

/* Support link — UNDERLINE like BS on hover but always pointer */
html.mobile-root body.mobile-site #login2 .login-support {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 7px !important;
    margin-top: auto !important;
    border-top: 0.8px solid rgba(255, 255, 255, 0.05) !important;
    background: #000 !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site #login2 .login-support a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    padding: 4px 8px !important;
}
html.mobile-root body.mobile-site #login2 .login-support a i {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
}

/* Beni hatırla — larger checkbox 18x18, spacing like BS */
html.mobile-root body.mobile-site #login2 .remember-me,
html.mobile-root body.mobile-site #login2 .login-remember,
html.mobile-root body.mobile-site #login2 .checkbox-control-bc,
html.mobile-root body.mobile-site #login2 label.checkbox-control-content-bc {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 18px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html.mobile-root body.mobile-site #login2 input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: var(--login-close-color, #D4AF37) !important;
    cursor: pointer !important;
    appearance: auto !important;
}

html.mobile-root body.mobile-site #login2 .remember-me span,
html.mobile-root body.mobile-site #login2 .remember-me label,
html.mobile-root body.mobile-site #login2 .login-remember span,
html.mobile-root body.mobile-site #login2 .checkbox-control-bc span {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* GIRIS position — reduce top margin so it sits closer to Beni hatırla */
html.mobile-root body.mobile-site #login2 button[type="submit"],
html.mobile-root body.mobile-site #login2 .login-submit-btn,
html.mobile-root body.mobile-site #login2 .btn-login {
    margin: 0 !important;
}

/* Forgot link — reduce top padding for compact layout */
html.mobile-root body.mobile-site #login2 .login-forgot,
html.mobile-root body.mobile-site #login2 a[href*="reset"],
html.mobile-root body.mobile-site #login2 a[href*="forgot"],
html.mobile-root body.mobile-site #login2 a[href*="password"] {
    padding: 18px 0 0 0 !important;
}

/* Input container margins — 10px gap (matches BS compact feel) */
html.mobile-root body.mobile-site #login2 .form-control-label-bc,
html.mobile-root body.mobile-site #login2 label.form-control-label-bc,
html.mobile-root body.mobile-site #login2 .form-control-bc,
html.mobile-root body.mobile-site #login2 .entrance-f-item-bc,
html.mobile-root body.mobile-site #login2 .form-group {
    margin: 0 0 10px 0 !important;
}

/* ============================================================
   LOGIN FINAL v8.0 — Input color fix + spacing
   - LABEL bg must be TRANSPARENT (BS behavior) to avoid double
     tinting over input's rgba(255,255,255,0.15)
   - Increase input gap slightly (10px -> 14px)
   - Match checkbox visual style (square border, larger)
   ============================================================ */

/* Label wrapper — TRANSPARENT bg (critical fix for input color) */
html.mobile-root body.mobile-site #login2 .form-control-label-bc,
html.mobile-root body.mobile-site #login2 label.form-control-label-bc,
html.mobile-root body.mobile-site #login2 label.form-control-label-bc.inputs {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 0 14px 0 !important;
    box-shadow: none !important;
}

/* Form group wrapper — same treatment */
html.mobile-root body.mobile-site #login2 .form-group,
html.mobile-root body.mobile-site #login2 .entrance-f-item-bc,
html.mobile-root body.mobile-site #login2 .form-control-bc {
    background: transparent !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Input itself — exact BS rgba(255,255,255,0.15) */
html.mobile-root body.mobile-site #login2 .form-control-input-bc,
html.mobile-root body.mobile-site #login2 input.form-control-input-bc {
    background: rgba(255, 255, 255, 0.15) !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Checkbox — BS-style visual: custom appearance if possible, bigger */
html.mobile-root body.mobile-site #login2 input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
html.mobile-root body.mobile-site #login2 input[type="checkbox"]:checked {
    background: var(--login-close-color, #D4AF37) !important;
    border-color: var(--login-close-color, #D4AF37) !important;
}
html.mobile-root body.mobile-site #login2 input[type="checkbox"]:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Beni hatırla spacing — top 14px (between Şifre input and Beni), bottom 16px (before GIRIS) */
html.mobile-root body.mobile-site #login2 .remember-me,
html.mobile-root body.mobile-site #login2 .login-remember,
html.mobile-root body.mobile-site #login2 .checkbox-control-bc,
html.mobile-root body.mobile-site #login2 label.checkbox-control-content-bc {
    margin: 14px 0 16px 0 !important;
}

/* v8.1 — Tighten gap between title and first input */
html.mobile-root body.mobile-site #login2 .login-text-block {
    padding: 15px 8px 4px 8px !important;
}
html.mobile-root body.mobile-site #login2 .login-main-title,
html.mobile-root body.mobile-site #login2 .login-text-block h1 {
    margin: 0 0 10px 0 !important;
}

/* v8.2 — Checkbox size 16, click area only on checkbox (not whole row) */

/* Row wrapper — NO click ripple/effect area */
html.mobile-root body.mobile-site #login2 .login-remember-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 0 16px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Label — remove clickable look, do NOT wrap checkbox+span together */
html.mobile-root body.mobile-site #login2 .login-remember-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: default !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    height: auto !important;
}

/* Checkbox size down to 16, keep gold check style */
html.mobile-root body.mobile-site #login2 input[type="checkbox"],
html.mobile-root body.mobile-site #login2 input.login-remember-checkbox {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
html.mobile-root body.mobile-site #login2 input[type="checkbox"]:checked {
    background: var(--login-close-color, #D4AF37) !important;
    border-color: var(--login-close-color, #D4AF37) !important;
}
html.mobile-root body.mobile-site #login2 input[type="checkbox"]:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Text span — not clickable (doesn't activate checkbox) */
html.mobile-root body.mobile-site #login2 .login-remember-label span {
    cursor: default !important;
    pointer-events: none !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* v8.3 — Hide forgot password screen by default (shown via JS when user clicks) */
html.mobile-root body.mobile-site #login2 #forgotPasswordScreen.d-none,
html.mobile-root body.mobile-site #login2 #forgotPasswordScreen:not(.visible):not(.active) {
    display: none !important;
    visibility: hidden !important;
}

/* If forgot form was accidentally kept visible, ensure it's hidden */
html.mobile-root body.mobile-site #login2 #forgotPasswordScreen.d-none {
    display: none !important;
}

/* Hide banner inside login modal (user doesn't want promotional banner) */
html.mobile-root body.mobile-site #login2 .login-banner {
    display: none !important;
}

/* v8.4 — Subtler checkbox border (faint grey like reference image) */
html.mobile-root body.mobile-site #login2 input[type="checkbox"],
html.mobile-root body.mobile-site #login2 input.login-remember-checkbox {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

/* v8.5 — Match BS checkbox exactly: bg rgba(255,255,255,0.2), NO border, 4px radius */
html.mobile-root body.mobile-site #login2 input[type="checkbox"],
html.mobile-root body.mobile-site #login2 input.login-remember-checkbox {
    background: rgba(255, 255, 255, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ============================================================
   COUNTRY PICKER — BS-style dropdown for register modal
   ============================================================ */
html.mobile-root body.mobile-site .register-country-trigger {
    background: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    border-radius: 4px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    height: 52px !important;
    width: 100% !important;
    position: relative !important;
    padding: 0 44px 0 44px !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    text-align: left !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .register-country-trigger .form-control-title-bc {
    position: absolute !important;
    top: 6px !important;
    left: 44px !important;
    right: 44px !important;
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    line-height: 1 !important;
}
html.mobile-root body.mobile-site .register-country-flag {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site .register-country-flag .flag-icon {
    width: 22px !important;
    height: 16px !important;
    background-size: cover !important;
    background-position: center !important;
    display: inline-block !important;
    border-radius: 2px !important;
}
html.mobile-root body.mobile-site .register-country-name {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    padding-top: 10px !important;
    line-height: 1 !important;
    display: block !important;
    width: 100% !important;
}
html.mobile-root body.mobile-site .register-country-arrow {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Country picker backdrop */
.country-picker-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 2000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.country-picker-backdrop[hidden] {
    display: none !important;
}
.country-picker-modal {
    width: 90%;
    max-width: 380px;
    max-height: 75vh;
    background: #1a1a1a;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(212, 175, 55, 0.3);
}
.country-picker-header {
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 8px;
    background: #222;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.country-picker-search {
    flex: 1 1 auto;
    background: rgba(255,255,255,0.1);
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 10px 14px;
    font-size: 14px;
    outline: none;
}
.country-picker-search::placeholder {
    color: rgba(255,255,255,0.4);
}
.country-picker-close {
    background: transparent;
    border: none;
    color: #D4AF37;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    padding: 0 8px;
}
.country-picker-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    flex: 1 1 auto;
}
.country-picker-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,0.03);
}
.country-picker-list li:hover,
.country-picker-list li.active {
    background: rgba(212, 175, 55, 0.12);
}
.country-picker-list .flag-icon {
    width: 22px;
    height: 16px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    flex-shrink: 0;
    border-radius: 2px;
}

/* v9.0 — Country picker trigger LAYOUT fix (higher specificity) */

/* Wrap must not collapse */
html.mobile-root body.mobile-site #registerModal .register-country-wrap,
html.mobile-root body.mobile-site .register-country-wrap {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
}

/* Trigger button */
html.mobile-root body.mobile-site #registerModal .register-country-trigger,
html.mobile-root body.mobile-site .register-country-trigger,
html.mobile-root body.mobile-site button.register-country-trigger {
    background: rgba(255, 255, 255, 0.15) !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    border-radius: 4px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    height: 52px !important;
    width: 100% !important;
    position: relative !important;
    padding: 20px 44px 4px 44px !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    text-align: left !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    outline: none !important;
}

/* Floating title "Ülke *" */
html.mobile-root body.mobile-site #registerModal .register-country-trigger .form-control-title-bc,
html.mobile-root body.mobile-site .register-country-trigger .form-control-title-bc {
    position: absolute !important;
    top: 6px !important;
    left: 44px !important;
    right: 44px !important;
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Flag container - left side */
html.mobile-root body.mobile-site #registerModal .register-country-flag,
html.mobile-root body.mobile-site .register-country-flag {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 2px !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-flag .flag-icon,
html.mobile-root body.mobile-site .register-country-flag .flag-icon {
    width: 22px !important;
    height: 16px !important;
    background-size: cover !important;
    background-position: center !important;
    display: inline-block !important;
    border-radius: 2px !important;
}

/* Country name "Türkiye" */
html.mobile-root body.mobile-site #registerModal .register-country-name,
html.mobile-root body.mobile-site .register-country-name {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.2 !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

/* Arrow icon right side */
html.mobile-root body.mobile-site #registerModal .register-country-arrow,
html.mobile-root body.mobile-site .register-country-arrow {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Stroke (hidden) */
html.mobile-root body.mobile-site .register-country-trigger .form-control-input-stroke-bc {
    display: none !important;
}

/* v9.1 — Use flagcdn.com for all country flags (reliable CDN) */
html.mobile-root body.mobile-site .country-picker-list .flag-icon[class*="flag-icon-"],
html.mobile-root body.mobile-site .register-country-flag .flag-icon[class*="flag-icon-"] {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Specific country codes pointing to flagcdn */
.flag-icon.flag-icon-ad { background-image: url("https://flagcdn.com/w40/ad.png") !important; }
.flag-icon.flag-icon-ae { background-image: url("https://flagcdn.com/w40/ae.png") !important; }
.flag-icon.flag-icon-af { background-image: url("https://flagcdn.com/w40/af.png") !important; }
.flag-icon.flag-icon-ag { background-image: url("https://flagcdn.com/w40/ag.png") !important; }
.flag-icon.flag-icon-ai { background-image: url("https://flagcdn.com/w40/ai.png") !important; }
.flag-icon.flag-icon-al { background-image: url("https://flagcdn.com/w40/al.png") !important; }
.flag-icon.flag-icon-am { background-image: url("https://flagcdn.com/w40/am.png") !important; }
.flag-icon.flag-icon-ao { background-image: url("https://flagcdn.com/w40/ao.png") !important; }
.flag-icon.flag-icon-ar { background-image: url("https://flagcdn.com/w40/ar.png") !important; }
.flag-icon.flag-icon-as { background-image: url("https://flagcdn.com/w40/as.png") !important; }
.flag-icon.flag-icon-at { background-image: url("https://flagcdn.com/w40/at.png") !important; }
.flag-icon.flag-icon-au { background-image: url("https://flagcdn.com/w40/au.png") !important; }
.flag-icon.flag-icon-aw { background-image: url("https://flagcdn.com/w40/aw.png") !important; }
.flag-icon.flag-icon-ax { background-image: url("https://flagcdn.com/w40/ax.png") !important; }
.flag-icon.flag-icon-az { background-image: url("https://flagcdn.com/w40/az.png") !important; }
.flag-icon.flag-icon-ba { background-image: url("https://flagcdn.com/w40/ba.png") !important; }
.flag-icon.flag-icon-bb { background-image: url("https://flagcdn.com/w40/bb.png") !important; }
.flag-icon.flag-icon-bd { background-image: url("https://flagcdn.com/w40/bd.png") !important; }
.flag-icon.flag-icon-be { background-image: url("https://flagcdn.com/w40/be.png") !important; }
.flag-icon.flag-icon-bf { background-image: url("https://flagcdn.com/w40/bf.png") !important; }
.flag-icon.flag-icon-bg { background-image: url("https://flagcdn.com/w40/bg.png") !important; }
.flag-icon.flag-icon-bh { background-image: url("https://flagcdn.com/w40/bh.png") !important; }
.flag-icon.flag-icon-bi { background-image: url("https://flagcdn.com/w40/bi.png") !important; }
.flag-icon.flag-icon-bj { background-image: url("https://flagcdn.com/w40/bj.png") !important; }
.flag-icon.flag-icon-bl { background-image: url("https://flagcdn.com/w40/bl.png") !important; }
.flag-icon.flag-icon-bm { background-image: url("https://flagcdn.com/w40/bm.png") !important; }
.flag-icon.flag-icon-bn { background-image: url("https://flagcdn.com/w40/bn.png") !important; }
.flag-icon.flag-icon-bo { background-image: url("https://flagcdn.com/w40/bo.png") !important; }
.flag-icon.flag-icon-bq { background-image: url("https://flagcdn.com/w40/bq.png") !important; }
.flag-icon.flag-icon-br { background-image: url("https://flagcdn.com/w40/br.png") !important; }
.flag-icon.flag-icon-bs { background-image: url("https://flagcdn.com/w40/bs.png") !important; }
.flag-icon.flag-icon-bt { background-image: url("https://flagcdn.com/w40/bt.png") !important; }
.flag-icon.flag-icon-bv { background-image: url("https://flagcdn.com/w40/bv.png") !important; }
.flag-icon.flag-icon-bw { background-image: url("https://flagcdn.com/w40/bw.png") !important; }
.flag-icon.flag-icon-by { background-image: url("https://flagcdn.com/w40/by.png") !important; }
.flag-icon.flag-icon-bz { background-image: url("https://flagcdn.com/w40/bz.png") !important; }
.flag-icon.flag-icon-ca { background-image: url("https://flagcdn.com/w40/ca.png") !important; }
.flag-icon.flag-icon-cc { background-image: url("https://flagcdn.com/w40/cc.png") !important; }
.flag-icon.flag-icon-cd { background-image: url("https://flagcdn.com/w40/cd.png") !important; }
.flag-icon.flag-icon-cf { background-image: url("https://flagcdn.com/w40/cf.png") !important; }
.flag-icon.flag-icon-cg { background-image: url("https://flagcdn.com/w40/cg.png") !important; }
.flag-icon.flag-icon-ch { background-image: url("https://flagcdn.com/w40/ch.png") !important; }
.flag-icon.flag-icon-ci { background-image: url("https://flagcdn.com/w40/ci.png") !important; }
.flag-icon.flag-icon-ck { background-image: url("https://flagcdn.com/w40/ck.png") !important; }
.flag-icon.flag-icon-cl { background-image: url("https://flagcdn.com/w40/cl.png") !important; }
.flag-icon.flag-icon-cm { background-image: url("https://flagcdn.com/w40/cm.png") !important; }
.flag-icon.flag-icon-cn { background-image: url("https://flagcdn.com/w40/cn.png") !important; }
.flag-icon.flag-icon-co { background-image: url("https://flagcdn.com/w40/co.png") !important; }
.flag-icon.flag-icon-cr { background-image: url("https://flagcdn.com/w40/cr.png") !important; }
.flag-icon.flag-icon-cu { background-image: url("https://flagcdn.com/w40/cu.png") !important; }
.flag-icon.flag-icon-cv { background-image: url("https://flagcdn.com/w40/cv.png") !important; }
.flag-icon.flag-icon-cw { background-image: url("https://flagcdn.com/w40/cw.png") !important; }
.flag-icon.flag-icon-cx { background-image: url("https://flagcdn.com/w40/cx.png") !important; }
.flag-icon.flag-icon-cy { background-image: url("https://flagcdn.com/w40/cy.png") !important; }
.flag-icon.flag-icon-cz { background-image: url("https://flagcdn.com/w40/cz.png") !important; }
.flag-icon.flag-icon-de { background-image: url("https://flagcdn.com/w40/de.png") !important; }
.flag-icon.flag-icon-dj { background-image: url("https://flagcdn.com/w40/dj.png") !important; }
.flag-icon.flag-icon-dk { background-image: url("https://flagcdn.com/w40/dk.png") !important; }
.flag-icon.flag-icon-dm { background-image: url("https://flagcdn.com/w40/dm.png") !important; }
.flag-icon.flag-icon-do { background-image: url("https://flagcdn.com/w40/do.png") !important; }
.flag-icon.flag-icon-dz { background-image: url("https://flagcdn.com/w40/dz.png") !important; }
.flag-icon.flag-icon-ec { background-image: url("https://flagcdn.com/w40/ec.png") !important; }
.flag-icon.flag-icon-ee { background-image: url("https://flagcdn.com/w40/ee.png") !important; }
.flag-icon.flag-icon-eg { background-image: url("https://flagcdn.com/w40/eg.png") !important; }
.flag-icon.flag-icon-eh { background-image: url("https://flagcdn.com/w40/eh.png") !important; }
.flag-icon.flag-icon-er { background-image: url("https://flagcdn.com/w40/er.png") !important; }
.flag-icon.flag-icon-es { background-image: url("https://flagcdn.com/w40/es.png") !important; }
.flag-icon.flag-icon-et { background-image: url("https://flagcdn.com/w40/et.png") !important; }
.flag-icon.flag-icon-fi { background-image: url("https://flagcdn.com/w40/fi.png") !important; }
.flag-icon.flag-icon-fj { background-image: url("https://flagcdn.com/w40/fj.png") !important; }
.flag-icon.flag-icon-fk { background-image: url("https://flagcdn.com/w40/fk.png") !important; }
.flag-icon.flag-icon-fm { background-image: url("https://flagcdn.com/w40/fm.png") !important; }
.flag-icon.flag-icon-fo { background-image: url("https://flagcdn.com/w40/fo.png") !important; }
.flag-icon.flag-icon-fr { background-image: url("https://flagcdn.com/w40/fr.png") !important; }
.flag-icon.flag-icon-ga { background-image: url("https://flagcdn.com/w40/ga.png") !important; }
.flag-icon.flag-icon-gb { background-image: url("https://flagcdn.com/w40/gb.png") !important; }
.flag-icon.flag-icon-gd { background-image: url("https://flagcdn.com/w40/gd.png") !important; }
.flag-icon.flag-icon-ge { background-image: url("https://flagcdn.com/w40/ge.png") !important; }
.flag-icon.flag-icon-gf { background-image: url("https://flagcdn.com/w40/gf.png") !important; }
.flag-icon.flag-icon-gg { background-image: url("https://flagcdn.com/w40/gg.png") !important; }
.flag-icon.flag-icon-gh { background-image: url("https://flagcdn.com/w40/gh.png") !important; }
.flag-icon.flag-icon-gi { background-image: url("https://flagcdn.com/w40/gi.png") !important; }
.flag-icon.flag-icon-gl { background-image: url("https://flagcdn.com/w40/gl.png") !important; }
.flag-icon.flag-icon-gm { background-image: url("https://flagcdn.com/w40/gm.png") !important; }
.flag-icon.flag-icon-gn { background-image: url("https://flagcdn.com/w40/gn.png") !important; }
.flag-icon.flag-icon-gp { background-image: url("https://flagcdn.com/w40/gp.png") !important; }
.flag-icon.flag-icon-gq { background-image: url("https://flagcdn.com/w40/gq.png") !important; }
.flag-icon.flag-icon-gr { background-image: url("https://flagcdn.com/w40/gr.png") !important; }
.flag-icon.flag-icon-gs { background-image: url("https://flagcdn.com/w40/gs.png") !important; }
.flag-icon.flag-icon-gt { background-image: url("https://flagcdn.com/w40/gt.png") !important; }
.flag-icon.flag-icon-gu { background-image: url("https://flagcdn.com/w40/gu.png") !important; }
.flag-icon.flag-icon-gw { background-image: url("https://flagcdn.com/w40/gw.png") !important; }
.flag-icon.flag-icon-gy { background-image: url("https://flagcdn.com/w40/gy.png") !important; }
.flag-icon.flag-icon-hk { background-image: url("https://flagcdn.com/w40/hk.png") !important; }
.flag-icon.flag-icon-hm { background-image: url("https://flagcdn.com/w40/hm.png") !important; }
.flag-icon.flag-icon-hn { background-image: url("https://flagcdn.com/w40/hn.png") !important; }
.flag-icon.flag-icon-hr { background-image: url("https://flagcdn.com/w40/hr.png") !important; }
.flag-icon.flag-icon-ht { background-image: url("https://flagcdn.com/w40/ht.png") !important; }
.flag-icon.flag-icon-hu { background-image: url("https://flagcdn.com/w40/hu.png") !important; }
.flag-icon.flag-icon-id { background-image: url("https://flagcdn.com/w40/id.png") !important; }
.flag-icon.flag-icon-ie { background-image: url("https://flagcdn.com/w40/ie.png") !important; }
.flag-icon.flag-icon-il { background-image: url("https://flagcdn.com/w40/il.png") !important; }
.flag-icon.flag-icon-im { background-image: url("https://flagcdn.com/w40/im.png") !important; }
.flag-icon.flag-icon-in { background-image: url("https://flagcdn.com/w40/in.png") !important; }
.flag-icon.flag-icon-io { background-image: url("https://flagcdn.com/w40/io.png") !important; }
.flag-icon.flag-icon-iq { background-image: url("https://flagcdn.com/w40/iq.png") !important; }
.flag-icon.flag-icon-ir { background-image: url("https://flagcdn.com/w40/ir.png") !important; }
.flag-icon.flag-icon-is { background-image: url("https://flagcdn.com/w40/is.png") !important; }
.flag-icon.flag-icon-it { background-image: url("https://flagcdn.com/w40/it.png") !important; }
.flag-icon.flag-icon-je { background-image: url("https://flagcdn.com/w40/je.png") !important; }
.flag-icon.flag-icon-jm { background-image: url("https://flagcdn.com/w40/jm.png") !important; }
.flag-icon.flag-icon-jo { background-image: url("https://flagcdn.com/w40/jo.png") !important; }
.flag-icon.flag-icon-jp { background-image: url("https://flagcdn.com/w40/jp.png") !important; }
.flag-icon.flag-icon-ke { background-image: url("https://flagcdn.com/w40/ke.png") !important; }
.flag-icon.flag-icon-kg { background-image: url("https://flagcdn.com/w40/kg.png") !important; }
.flag-icon.flag-icon-kh { background-image: url("https://flagcdn.com/w40/kh.png") !important; }
.flag-icon.flag-icon-ki { background-image: url("https://flagcdn.com/w40/ki.png") !important; }
.flag-icon.flag-icon-km { background-image: url("https://flagcdn.com/w40/km.png") !important; }
.flag-icon.flag-icon-kn { background-image: url("https://flagcdn.com/w40/kn.png") !important; }
.flag-icon.flag-icon-kp { background-image: url("https://flagcdn.com/w40/kp.png") !important; }
.flag-icon.flag-icon-kr { background-image: url("https://flagcdn.com/w40/kr.png") !important; }
.flag-icon.flag-icon-kw { background-image: url("https://flagcdn.com/w40/kw.png") !important; }
.flag-icon.flag-icon-ky { background-image: url("https://flagcdn.com/w40/ky.png") !important; }
.flag-icon.flag-icon-kz { background-image: url("https://flagcdn.com/w40/kz.png") !important; }
.flag-icon.flag-icon-la { background-image: url("https://flagcdn.com/w40/la.png") !important; }
.flag-icon.flag-icon-lb { background-image: url("https://flagcdn.com/w40/lb.png") !important; }
.flag-icon.flag-icon-lc { background-image: url("https://flagcdn.com/w40/lc.png") !important; }
.flag-icon.flag-icon-li { background-image: url("https://flagcdn.com/w40/li.png") !important; }
.flag-icon.flag-icon-lk { background-image: url("https://flagcdn.com/w40/lk.png") !important; }
.flag-icon.flag-icon-lr { background-image: url("https://flagcdn.com/w40/lr.png") !important; }
.flag-icon.flag-icon-ls { background-image: url("https://flagcdn.com/w40/ls.png") !important; }
.flag-icon.flag-icon-lt { background-image: url("https://flagcdn.com/w40/lt.png") !important; }
.flag-icon.flag-icon-lu { background-image: url("https://flagcdn.com/w40/lu.png") !important; }
.flag-icon.flag-icon-lv { background-image: url("https://flagcdn.com/w40/lv.png") !important; }
.flag-icon.flag-icon-ly { background-image: url("https://flagcdn.com/w40/ly.png") !important; }
.flag-icon.flag-icon-ma { background-image: url("https://flagcdn.com/w40/ma.png") !important; }
.flag-icon.flag-icon-mc { background-image: url("https://flagcdn.com/w40/mc.png") !important; }
.flag-icon.flag-icon-md { background-image: url("https://flagcdn.com/w40/md.png") !important; }
.flag-icon.flag-icon-me { background-image: url("https://flagcdn.com/w40/me.png") !important; }
.flag-icon.flag-icon-mf { background-image: url("https://flagcdn.com/w40/mf.png") !important; }
.flag-icon.flag-icon-mg { background-image: url("https://flagcdn.com/w40/mg.png") !important; }
.flag-icon.flag-icon-mh { background-image: url("https://flagcdn.com/w40/mh.png") !important; }
.flag-icon.flag-icon-mk { background-image: url("https://flagcdn.com/w40/mk.png") !important; }
.flag-icon.flag-icon-ml { background-image: url("https://flagcdn.com/w40/ml.png") !important; }
.flag-icon.flag-icon-mm { background-image: url("https://flagcdn.com/w40/mm.png") !important; }
.flag-icon.flag-icon-mn { background-image: url("https://flagcdn.com/w40/mn.png") !important; }
.flag-icon.flag-icon-mo { background-image: url("https://flagcdn.com/w40/mo.png") !important; }
.flag-icon.flag-icon-mp { background-image: url("https://flagcdn.com/w40/mp.png") !important; }
.flag-icon.flag-icon-mq { background-image: url("https://flagcdn.com/w40/mq.png") !important; }
.flag-icon.flag-icon-mr { background-image: url("https://flagcdn.com/w40/mr.png") !important; }
.flag-icon.flag-icon-ms { background-image: url("https://flagcdn.com/w40/ms.png") !important; }
.flag-icon.flag-icon-mt { background-image: url("https://flagcdn.com/w40/mt.png") !important; }
.flag-icon.flag-icon-mu { background-image: url("https://flagcdn.com/w40/mu.png") !important; }
.flag-icon.flag-icon-mv { background-image: url("https://flagcdn.com/w40/mv.png") !important; }
.flag-icon.flag-icon-mw { background-image: url("https://flagcdn.com/w40/mw.png") !important; }
.flag-icon.flag-icon-mx { background-image: url("https://flagcdn.com/w40/mx.png") !important; }
.flag-icon.flag-icon-my { background-image: url("https://flagcdn.com/w40/my.png") !important; }
.flag-icon.flag-icon-mz { background-image: url("https://flagcdn.com/w40/mz.png") !important; }
.flag-icon.flag-icon-na { background-image: url("https://flagcdn.com/w40/na.png") !important; }
.flag-icon.flag-icon-nc { background-image: url("https://flagcdn.com/w40/nc.png") !important; }
.flag-icon.flag-icon-ne { background-image: url("https://flagcdn.com/w40/ne.png") !important; }
.flag-icon.flag-icon-nf { background-image: url("https://flagcdn.com/w40/nf.png") !important; }
.flag-icon.flag-icon-ng { background-image: url("https://flagcdn.com/w40/ng.png") !important; }
.flag-icon.flag-icon-ni { background-image: url("https://flagcdn.com/w40/ni.png") !important; }
.flag-icon.flag-icon-nl { background-image: url("https://flagcdn.com/w40/nl.png") !important; }
.flag-icon.flag-icon-no { background-image: url("https://flagcdn.com/w40/no.png") !important; }
.flag-icon.flag-icon-np { background-image: url("https://flagcdn.com/w40/np.png") !important; }
.flag-icon.flag-icon-nr { background-image: url("https://flagcdn.com/w40/nr.png") !important; }
.flag-icon.flag-icon-nu { background-image: url("https://flagcdn.com/w40/nu.png") !important; }
.flag-icon.flag-icon-nz { background-image: url("https://flagcdn.com/w40/nz.png") !important; }
.flag-icon.flag-icon-om { background-image: url("https://flagcdn.com/w40/om.png") !important; }
.flag-icon.flag-icon-pa { background-image: url("https://flagcdn.com/w40/pa.png") !important; }
.flag-icon.flag-icon-pe { background-image: url("https://flagcdn.com/w40/pe.png") !important; }
.flag-icon.flag-icon-pf { background-image: url("https://flagcdn.com/w40/pf.png") !important; }
.flag-icon.flag-icon-pg { background-image: url("https://flagcdn.com/w40/pg.png") !important; }
.flag-icon.flag-icon-ph { background-image: url("https://flagcdn.com/w40/ph.png") !important; }
.flag-icon.flag-icon-pk { background-image: url("https://flagcdn.com/w40/pk.png") !important; }
.flag-icon.flag-icon-pl { background-image: url("https://flagcdn.com/w40/pl.png") !important; }
.flag-icon.flag-icon-pm { background-image: url("https://flagcdn.com/w40/pm.png") !important; }
.flag-icon.flag-icon-pn { background-image: url("https://flagcdn.com/w40/pn.png") !important; }
.flag-icon.flag-icon-pr { background-image: url("https://flagcdn.com/w40/pr.png") !important; }
.flag-icon.flag-icon-ps { background-image: url("https://flagcdn.com/w40/ps.png") !important; }
.flag-icon.flag-icon-pt { background-image: url("https://flagcdn.com/w40/pt.png") !important; }
.flag-icon.flag-icon-pw { background-image: url("https://flagcdn.com/w40/pw.png") !important; }
.flag-icon.flag-icon-py { background-image: url("https://flagcdn.com/w40/py.png") !important; }
.flag-icon.flag-icon-qa { background-image: url("https://flagcdn.com/w40/qa.png") !important; }
.flag-icon.flag-icon-re { background-image: url("https://flagcdn.com/w40/re.png") !important; }
.flag-icon.flag-icon-ro { background-image: url("https://flagcdn.com/w40/ro.png") !important; }
.flag-icon.flag-icon-rs { background-image: url("https://flagcdn.com/w40/rs.png") !important; }
.flag-icon.flag-icon-ru { background-image: url("https://flagcdn.com/w40/ru.png") !important; }
.flag-icon.flag-icon-rw { background-image: url("https://flagcdn.com/w40/rw.png") !important; }
.flag-icon.flag-icon-sa { background-image: url("https://flagcdn.com/w40/sa.png") !important; }
.flag-icon.flag-icon-sb { background-image: url("https://flagcdn.com/w40/sb.png") !important; }
.flag-icon.flag-icon-sc { background-image: url("https://flagcdn.com/w40/sc.png") !important; }
.flag-icon.flag-icon-sd { background-image: url("https://flagcdn.com/w40/sd.png") !important; }
.flag-icon.flag-icon-se { background-image: url("https://flagcdn.com/w40/se.png") !important; }
.flag-icon.flag-icon-sg { background-image: url("https://flagcdn.com/w40/sg.png") !important; }
.flag-icon.flag-icon-sh { background-image: url("https://flagcdn.com/w40/sh.png") !important; }
.flag-icon.flag-icon-si { background-image: url("https://flagcdn.com/w40/si.png") !important; }
.flag-icon.flag-icon-sj { background-image: url("https://flagcdn.com/w40/sj.png") !important; }
.flag-icon.flag-icon-sk { background-image: url("https://flagcdn.com/w40/sk.png") !important; }
.flag-icon.flag-icon-sl { background-image: url("https://flagcdn.com/w40/sl.png") !important; }
.flag-icon.flag-icon-sm { background-image: url("https://flagcdn.com/w40/sm.png") !important; }
.flag-icon.flag-icon-sn { background-image: url("https://flagcdn.com/w40/sn.png") !important; }
.flag-icon.flag-icon-so { background-image: url("https://flagcdn.com/w40/so.png") !important; }
.flag-icon.flag-icon-sr { background-image: url("https://flagcdn.com/w40/sr.png") !important; }
.flag-icon.flag-icon-ss { background-image: url("https://flagcdn.com/w40/ss.png") !important; }
.flag-icon.flag-icon-st { background-image: url("https://flagcdn.com/w40/st.png") !important; }
.flag-icon.flag-icon-sv { background-image: url("https://flagcdn.com/w40/sv.png") !important; }
.flag-icon.flag-icon-sy { background-image: url("https://flagcdn.com/w40/sy.png") !important; }
.flag-icon.flag-icon-sz { background-image: url("https://flagcdn.com/w40/sz.png") !important; }
.flag-icon.flag-icon-tc { background-image: url("https://flagcdn.com/w40/tc.png") !important; }
.flag-icon.flag-icon-td { background-image: url("https://flagcdn.com/w40/td.png") !important; }
.flag-icon.flag-icon-tf { background-image: url("https://flagcdn.com/w40/tf.png") !important; }
.flag-icon.flag-icon-tg { background-image: url("https://flagcdn.com/w40/tg.png") !important; }
.flag-icon.flag-icon-th { background-image: url("https://flagcdn.com/w40/th.png") !important; }
.flag-icon.flag-icon-tj { background-image: url("https://flagcdn.com/w40/tj.png") !important; }
.flag-icon.flag-icon-tk { background-image: url("https://flagcdn.com/w40/tk.png") !important; }
.flag-icon.flag-icon-tl { background-image: url("https://flagcdn.com/w40/tl.png") !important; }
.flag-icon.flag-icon-tm { background-image: url("https://flagcdn.com/w40/tm.png") !important; }
.flag-icon.flag-icon-tn { background-image: url("https://flagcdn.com/w40/tn.png") !important; }
.flag-icon.flag-icon-to { background-image: url("https://flagcdn.com/w40/to.png") !important; }
.flag-icon.flag-icon-tr { background-image: url("https://flagcdn.com/w40/tr.png") !important; }
.flag-icon.flag-icon-tt { background-image: url("https://flagcdn.com/w40/tt.png") !important; }
.flag-icon.flag-icon-tv { background-image: url("https://flagcdn.com/w40/tv.png") !important; }
.flag-icon.flag-icon-tw { background-image: url("https://flagcdn.com/w40/tw.png") !important; }
.flag-icon.flag-icon-tz { background-image: url("https://flagcdn.com/w40/tz.png") !important; }
.flag-icon.flag-icon-ua { background-image: url("https://flagcdn.com/w40/ua.png") !important; }
.flag-icon.flag-icon-ug { background-image: url("https://flagcdn.com/w40/ug.png") !important; }
.flag-icon.flag-icon-us { background-image: url("https://flagcdn.com/w40/us.png") !important; }
.flag-icon.flag-icon-uy { background-image: url("https://flagcdn.com/w40/uy.png") !important; }
.flag-icon.flag-icon-uz { background-image: url("https://flagcdn.com/w40/uz.png") !important; }
.flag-icon.flag-icon-va { background-image: url("https://flagcdn.com/w40/va.png") !important; }
.flag-icon.flag-icon-vc { background-image: url("https://flagcdn.com/w40/vc.png") !important; }
.flag-icon.flag-icon-ve { background-image: url("https://flagcdn.com/w40/ve.png") !important; }
.flag-icon.flag-icon-vg { background-image: url("https://flagcdn.com/w40/vg.png") !important; }
.flag-icon.flag-icon-vi { background-image: url("https://flagcdn.com/w40/vi.png") !important; }
.flag-icon.flag-icon-vn { background-image: url("https://flagcdn.com/w40/vn.png") !important; }
.flag-icon.flag-icon-vu { background-image: url("https://flagcdn.com/w40/vu.png") !important; }
.flag-icon.flag-icon-wf { background-image: url("https://flagcdn.com/w40/wf.png") !important; }
.flag-icon.flag-icon-ws { background-image: url("https://flagcdn.com/w40/ws.png") !important; }
.flag-icon.flag-icon-ye { background-image: url("https://flagcdn.com/w40/ye.png") !important; }
.flag-icon.flag-icon-yt { background-image: url("https://flagcdn.com/w40/yt.png") !important; }
.flag-icon.flag-icon-za { background-image: url("https://flagcdn.com/w40/za.png") !important; }
.flag-icon.flag-icon-zm { background-image: url("https://flagcdn.com/w40/zm.png") !important; }
.flag-icon.flag-icon-zw { background-image: url("https://flagcdn.com/w40/zw.png") !important; }
/* v9.2 — Align country wrap with other form fields (7px side padding) */
html.mobile-root body.mobile-site #registerModal .register-country-wrap,
html.mobile-root body.mobile-site .register-country-wrap {
    padding: 0 7px !important;
    margin: 0 0 14px 0 !important;
}

/* v9.3 — Fix button overflow inside wrap */
html.mobile-root body.mobile-site #registerModal .register-country-wrap,
html.mobile-root body.mobile-site .register-country-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-trigger,
html.mobile-root body.mobile-site .register-country-trigger {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* v9.4 — Add top margin so country wrap has proper gap from prev field */
html.mobile-root body.mobile-site #registerModal .register-country-wrap,
html.mobile-root body.mobile-site .register-country-wrap {
    margin: 14px 0 14px 0 !important;
    padding: 0 7px !important;
}

/* v9.5 — Phone code trigger clickable + phone picker popup */
html.mobile-root body.mobile-site #registerModal .phone-code-trigger,
html.mobile-root body.mobile-site .phone-code-trigger {
    background: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    outline: none !important;
    padding: 0 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    height: 52px !important;
    border-radius: 4px !important;
    font-family: inherit !important;
    color: #fff !important;
    min-width: 90px !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .phone-code-trigger .bc-fixed-select__label {
    font-size: 10px !important;
    color: rgba(255,255,255,0.4) !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
}
html.mobile-root body.mobile-site .phone-code-trigger .bc-fixed-select__value {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    color: rgba(255,255,255,0.9) !important;
    line-height: 1 !important;
}
html.mobile-root body.mobile-site .phone-code-trigger .flag-icon {
    width: 20px !important;
    height: 14px !important;
    background-size: cover !important;
    background-position: center !important;
    display: inline-block !important;
    border-radius: 2px !important;
}

/* Phone picker backdrop (same as country) */
html.mobile-root body.mobile-site .phone-picker-backdrop,
.phone-picker-backdrop {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 2000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site .phone-picker-backdrop[hidden],
.phone-picker-backdrop[hidden] {
    display: none !important;
}

/* v9.6 — Register modal close X position match BS (top 11px, 24x24) */
html.mobile-root body.mobile-site #registerModal .register-modal-close,
html.mobile-root body.mobile-site .register-modal-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: var(--login-close-color, #D4AF37) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    align-self: flex-start !important;
    margin-top: 10px !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-close span,
html.mobile-root body.mobile-site .register-modal-close span {
    font-size: 24px !important;
    line-height: 1 !important;
    color: var(--login-close-color, #D4AF37) !important;
    font-weight: 300 !important;
    display: block !important;
}

/* Top bar — align items to top so X sits at 11px */
html.mobile-root body.mobile-site #registerModal .register-modal-top-bar,
html.mobile-root body.mobile-site .register-modal-top-bar {
    align-items: flex-start !important;
    padding-top: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-top-right,
html.mobile-root body.mobile-site .register-top-right {
    align-items: flex-start !important;
    display: flex !important;
    gap: 12px !important;
    padding-top: 0 !important;
}

/* v9.7 — Move close X to top:11 like BS */
html.mobile-root body.mobile-site #registerModal .register-modal-close,
html.mobile-root body.mobile-site .register-modal-close {
    margin-top: 0 !important;
    align-self: flex-start !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-header-text,
html.mobile-root body.mobile-site #registerModal .register-modal-top-bar {
    padding-top: 11px !important;
    align-items: flex-start !important;
}
html.mobile-root body.mobile-site #registerModal .register-top-right {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* v9.8 — Register submit KAYIT button: match BS width 370/390 viewport */
html.mobile-root body.mobile-site #registerModal .register-actions,
html.mobile-root body.mobile-site .register-actions {
    padding: 10px 15px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site #registerModal #modalRegisterSubmit,
html.mobile-root body.mobile-site #registerModal .register-primary-btn.register-submit-full,
html.mobile-root body.mobile-site #modalRegisterSubmit,
html.mobile-root body.mobile-site .register-primary-btn.register-submit-full {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    background: rgb(211, 175, 55) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* v9.9 — Tighten register header top to match BS (header 49px, subtitle 65 top) */

/* Remove extra padding that pushes content down */
html.mobile-root body.mobile-site #registerModal .register-modal-header-text,
html.mobile-root body.mobile-site .register-modal-header-text {
    padding: 0 !important;
    margin: 0 !important;
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
    border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
    background: #000 !important;
}

/* Top bar fills header, vertically center logo */
html.mobile-root body.mobile-site #registerModal .register-modal-top-bar,
html.mobile-root body.mobile-site .register-modal-top-bar {
    height: 49px !important;
    padding: 0 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
}

/* Logo container */
html.mobile-root body.mobile-site #registerModal .register-logo {
    flex: 0 1 auto !important;
    display: flex !important;
    align-items: center !important;
}
html.mobile-root body.mobile-site #registerModal .register-logo-img {
    width: 100px !important;
    height: 46px !important;
    max-width: 100px !important;
    max-height: 46px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Right side (GİRİŞ + X) vertically centered too */
html.mobile-root body.mobile-site #registerModal .register-top-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center !important;
}

/* Close X back to centered size */
html.mobile-root body.mobile-site #registerModal .register-modal-close,
html.mobile-root body.mobile-site .register-modal-close {
    align-self: center !important;
    margin: 0 !important;
}

/* Title block — minimal top padding */
html.mobile-root body.mobile-site #registerModal .register-text-block,
html.mobile-root body.mobile-site .register-text-block {
    padding: 15px 7px 4px 7px !important;
    margin: 0 !important;
}

/* Subtitle "Yeni üye misiniz?" */
html.mobile-root body.mobile-site #registerModal .register-top-text,
html.mobile-root body.mobile-site .register-top-text {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 500 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Main title "ŞİMDİ KAYDOLUN..." */
html.mobile-root body.mobile-site #registerModal .register-main-title,
html.mobile-root body.mobile-site #registerModal .register-text-block h1,
html.mobile-root body.mobile-site #registerModal .register-text-block h2 {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    line-height: 20px !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    background: none !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
}

/* Steps scroll — no extra top padding */
html.mobile-root body.mobile-site #registerModal .register-steps-scroll {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* v9.9.1 — Correct selectors for actual subtitle/title (BS-exact lh:16px) */
html.mobile-root body.mobile-site #registerModal .register-modal-small {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 500 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 7px !important;
    line-height: 16px !important;
}

html.mobile-root body.mobile-site #registerModal .register-modal-title {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    line-height: 20px !important;
    margin: 0 0 15px 0 !important;
    padding: 0 7px !important;
    letter-spacing: 0 !important;
    background: none !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
}

/* register-steps-scroll top padding so "Yeni üye misiniz?" sits 65px from top (BS parity) */
html.mobile-root body.mobile-site #registerModal .register-steps-scroll {
    padding-top: 15px !important;
    margin-top: 0 !important;
}

/* Hide banner for now since BS doesn't have it */
html.mobile-root body.mobile-site #registerModal .register-banner {
    display: none !important;
}

/* v9.9.2 — Fix top-right flex layout: GİRİŞ + X without overlap */
html.mobile-root body.mobile-site #registerModal .register-top-right {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

/* GİRİŞ link — BS style underlined link */
html.mobile-root body.mobile-site #registerModal .register-modal-login-link,
html.mobile-root body.mobile-site #registerModal button#openLoginFromRegister {
    background: transparent !important;
    border: none !important;
    color: rgba(255,255,255,0.9) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 28px !important;
    line-height: 28px !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    width: auto !important;
}

/* Close X - correct size & color */
html.mobile-root body.mobile-site #registerModal .register-modal-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    font-size: 24px !important;
}

/* v9.9.3 — Force close button static position, flex item */
html.mobile-root body.mobile-site #registerModal .register-modal-close,
html.mobile-root body.mobile-site .register-modal-close,
html.mobile-root body.mobile-site button.register-modal-close {
    position: static !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    flex: 0 0 28px !important;
    order: 2 !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-login-link {
    order: 1 !important;
}

/* v9.9.4 — Bigger X, slightly raised */
html.mobile-root body.mobile-site #registerModal .register-modal-close,
html.mobile-root body.mobile-site .register-modal-close,
html.mobile-root body.mobile-site button.register-modal-close {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    font-size: 36px !important;
    line-height: 1 !important;
    color: var(--login-close-color, #D4AF37) !important;
    padding: 0 !important;
    margin-top: -4px !important;
    align-self: flex-start !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-close span,
html.mobile-root body.mobile-site .register-modal-close span {
    font-size: 36px !important;
    line-height: 1 !important;
    color: var(--login-close-color, #D4AF37) !important;
    font-weight: 300 !important;
    display: block !important;
}

/* ============================================================
   MOBILE MENU DRAWER — BahisSende Clone v10.0
   - List layout (1 column) instead of grid
   - Transparent bg items with dark icon squares
   - Drawer leaves header/announcement/nav visible above
   ============================================================ */

/* Drawer — positioned below header (117px top) like BS */
html.mobile-root body.mobile-site .mobileMenu,
html.mobile-root body.mobile-site aside#mobileMenu {
    position: fixed !important;
    top: 117px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 49px !important; /* leave bottom nav visible */
    width: 100% !important;
    height: auto !important;
    z-index: 950 !important;
    background: #000 !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateY(100%) !important;
    transition: transform 0.35s cubic-bezier(.32, .72, 0, 1) !important;
    overflow: hidden !important;
    box-shadow: 0 -8px 32px rgba(0,0,0,.45) !important;
}
html.mobile-root body.mobile-site .mobileMenu.active,
html.mobile-root body.mobile-site .mobileMenu.is-open {
    transform: translateY(0) !important;
}

/* Overlay — below header, above bottom nav */
html.mobile-root body.mobile-site .mobileMenu-overlay {
    position: fixed !important;
    top: 117px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 49px !important;
    background: rgba(0,0,0,0.3) !important;
    z-index: 949 !important;
}

/* Header — MENÜ title + X close */
html.mobile-root body.mobile-site .mobileMenu-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    background: transparent !important;
    border-bottom: 0.8px solid rgba(255,255,255,0.05) !important;
    flex-shrink: 0 !important;
}
html.mobile-root body.mobile-site .mobileMenu-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #fff !important;
    text-transform: uppercase !important;
}
html.mobile-root body.mobile-site .mobileMenu-close {
    width: 28px !important;
    height: 28px !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255,255,255,0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
}
html.mobile-root body.mobile-site .mobileMenu-close svg {
    width: 16px !important;
    height: 16px !important;
    stroke: rgba(255,255,255,0.9) !important;
    fill: none !important;
}

/* Body — single column list, no card grid */
html.mobile-root body.mobile-site .mobileMenu-body {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 8px 7px 16px !important;
    background: #000 !important;
}

/* CONVERT GRID to LIST — this is the key change */
html.mobile-root body.mobile-site .mobileMenu-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Menu item (was card) — full width row with icon + label */
html.mobile-root body.mobile-site .mobileMenu-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 6px !important;
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .mobileMenu-card:hover,
html.mobile-root body.mobile-site .mobileMenu-card:active {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* Icon — dark square on left */
html.mobile-root body.mobile-site .mobileMenu-card-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    color: #fff !important;
}
html.mobile-root body.mobile-site .mobileMenu-card-icon i {
    font-size: 16px !important;
    line-height: 1 !important;
    color: #fff !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}
html.mobile-root body.mobile-site .mobileMenu-card-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: #fff !important;
}

/* Label — left aligned, 14px */
html.mobile-root body.mobile-site .mobileMenu-card-label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.85) !important;
    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
}

/* Section wrapper */
html.mobile-root body.mobile-site .mobileMenu-section {
    margin: 0 !important;
    padding: 0 !important;
}

/* Body bottom padding to not collide with bottom nav */
html.mobile-root body.mobile-site .mobileMenu-body {
    padding-bottom: 16px !important;
}

/* Ensure mobile-menu-top CSS var = 117px */
:root {
    --mobile-menu-top: 117px !important;
}

/* User profile section (if logged in) matches same style */
html.mobile-root body.mobile-site .mobileMenu-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
html.mobile-root body.mobile-site .mobileMenu-list-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 14px !important;
    height: 48px !important;
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
html.mobile-root body.mobile-site .mobileMenu-list-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: rgba(0,0,0,0.5) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    flex-shrink: 0 !important;
}
html.mobile-root body.mobile-site .mobileMenu-list-icon i {
    font-size: 16px !important;
    color: #fff !important;
}

/* v10.1 — Force slide-up animation when active */
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu.active,
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu.is-open,
html.mobile-root body.mobile-site .mobileMenu.active,
html.mobile-root body.mobile-site .mobileMenu.is-open {
    transform: translateY(0) !important;
}

/* v10.2 — Match specificity to force is-open transform */
html.mobile-root body.mobile-site aside#mobileMenu.is-open,
html.mobile-root body.mobile-site aside#mobileMenu.active,
html.mobile-root body.mobile-site .mobileMenu.is-open,
html.mobile-root body.mobile-site .mobileMenu.active {
    transform: translateY(0) !important;
}

/* v10.3 — Leave room for SLOT OYNA shield that extends above bottom nav */
html.mobile-root body.mobile-site .mobileMenu,
html.mobile-root body.mobile-site aside#mobileMenu {
    bottom: 83px !important;
}
html.mobile-root body.mobile-site .mobileMenu-overlay {
    bottom: 83px !important;
}

/* Bottom nav shield must render above drawer */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter {
    z-index: 1000 !important;
}
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    z-index: 1001 !important;
}

/* v10.4 — Completely hide drawer when not open (transform alone not enough because drawer h:394 < 100%+buffer needed) */
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu:not(.is-open):not(.active),
html.mobile-root body.mobile-site .mobileMenu:not(.is-open):not(.active) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
}

html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu.is-open,
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu.active,
html.mobile-root body.mobile-site .mobileMenu.is-open,
html.mobile-root body.mobile-site .mobileMenu.active {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Same for overlay */
html.mobile-root body.mobile-site .mobileMenu-overlay:not(.is-open):not(.active) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    display: none !important;
}
html.mobile-root body.mobile-site .mobileMenu-overlay.is-open,
html.mobile-root body.mobile-site .mobileMenu-overlay.active {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
}

/* ============================================================
   MENU DRAWER v11.0 — EXACT BahisSende replica
   Measurements from BS computed styles:
   - item inner: 372x48, bg:rgba(255,255,255,0.1), padding:0 10px, radius:4px
   - text: Roboto 14px/400, color:rgba(255,255,255,0.6), NOT uppercase
   - icon: 28x29, border-radius:4px, color:white, font-size:18px, padding:0
   - icon bg: pink for CANLI BAHİSLER, blue-gray for others (inline style)
   ============================================================ */

/* Drawer container — bg transparent, padding 117px top */
html.mobile-root body.mobile-site .mobileMenu,
html.mobile-root body.mobile-site aside#mobileMenu {
    background: #000 !important;
}

/* Body padding matches BS */
html.mobile-root body.mobile-site .mobileMenu-body {
    padding: 8px 14px 16px !important;
    background: #000 !important;
}

/* Grid → single column list */
html.mobile-root body.mobile-site .mobileMenu-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: none !important;
}

/* ─────────────── ITEM ROW ─────────────── */
/* Outer anchor — transparent, no background */
html.mobile-root body.mobile-site .mobileMenu-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    text-decoration: none !important;
    width: 100% !important;
    min-height: 52px !important;
    height: auto !important;
}
html.mobile-root body.mobile-site .mobileMenu-card:hover,
html.mobile-root body.mobile-site .mobileMenu-card:active {
    background: transparent !important;
    border: none !important;
}

/* Inner row — gray card with padding */
html.mobile-root body.mobile-site .mobileMenu-card {
    /* Make anchor itself the inner row */
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    padding: 0 10px !important;
    margin: 0 0 4px 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ─────────────── ICON ─────────────── */
/* Icon wrapper (span.mobileMenu-card-icon) — reset, pass-through */
html.mobile-root body.mobile-site .mobileMenu-card-icon {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 28px !important;
    height: 29px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

/* The actual <i> inside — colored square with icon */
html.mobile-root body.mobile-site .mobileMenu-card-icon i {
    width: 28px !important;
    height: 29px !important;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 18px !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* ─────────────── TEXT LABEL ─────────────── */
html.mobile-root body.mobile-site .mobileMenu-card-label {
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ─────────────── TITLE ROW "MENÜ X" ─────────────── */
html.mobile-root body.mobile-site .mobileMenu-header {
    background: #000 !important;
    border-bottom: none !important;
    padding: 10px 14px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
html.mobile-root body.mobile-site .mobileMenu-title {
    color: #fff !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
html.mobile-root body.mobile-site .mobileMenu-close svg {
    stroke: rgba(255, 255, 255, 0.9) !important;
    fill: none !important;
    width: 14px !important;
    height: 14px !important;
}

/* User list items (when logged in) — match same style */
html.mobile-root body.mobile-site .mobileMenu-list-item {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 4px !important;
    border: none !important;
    height: 48px !important;
    padding: 0 10px !important;
    margin-bottom: 4px !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site .mobileMenu-list-icon {
    width: 28px !important;
    height: 29px !important;
    background: rgb(101, 133, 161) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
}

/* v11.1 — Drawer covers nav bar (top:77 below announcement+header) + hover transitions */

html.mobile-root body.mobile-site .mobileMenu,
html.mobile-root body.mobile-site aside#mobileMenu {
    top: 77px !important;
}
html.mobile-root body.mobile-site .mobileMenu-overlay {
    top: 77px !important;
}

/* Item hover transition (0.24s like BS) */
html.mobile-root body.mobile-site .mobileMenu-card {
    transition: background-color 0.24s, color 0.24s !important;
}
html.mobile-root body.mobile-site .mobileMenu-card:hover {
    background: rgba(255, 255, 255, 0.15) !important;
}
html.mobile-root body.mobile-site .mobileMenu-card:hover .mobileMenu-card-label {
    color: rgba(255, 255, 255, 0.9) !important;
}
html.mobile-root body.mobile-site .mobileMenu-card-label {
    transition: color 0.24s !important;
}

/* Drawer padding — content directly below title, no extra top offset */
html.mobile-root body.mobile-site .mobileMenu-body {
    padding: 0 14px 16px !important;
}

/* Title row — extra spacing matches BS: padding 0 14px, height 44 with inner title at 20 font */
html.mobile-root body.mobile-site .mobileMenu-title {
    font-weight: 700 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Scroll container for items — scroll inside drawer only */
html.mobile-root body.mobile-site .mobileMenu-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Remove any accidental border/separator between nav and drawer */
html.mobile-root body.mobile-site .mobileMenu-header {
    border-bottom: none !important;
    padding: 0 14px !important;
    height: 44px !important;
}

/* v11.2 — Announcement bar EXACT BS replica
   BS outer: h:68, bg:#000, padding:0
   BS inner (link): h:59, bg:rgba(255,255,255,0.05), 
        borderTop:1.6px solid rgb(211,175,55),
        borderBottom:1.6px solid rgb(211,175,55),
        borderRadius:4px, margin:0 7px
   BS text (span): 12px, rgba(255,255,255,0.7), highlight in gold */

html.mobile-root body.mobile-site .mob-announcement-bar,
html.mobile-root body.mobile-site .mob-announcement-bar.mob-announcement-bar--styled {
    background: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 68px !important;
    max-height: none !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Inner link/content — gold bordered box */
html.mobile-root body.mobile-site .mob-announcement-bar > a,
html.mobile-root body.mobile-site .mob-announcement-bar > .mob-announcement-content,
html.mobile-root body.mobile-site .mob-announcement-bar > div,
html.mobile-root body.mobile-site .mob-announcement-bar > p {
    background: rgba(255, 255, 255, 0.05) !important;
    border-top: 1.6px solid rgb(211, 175, 55) !important;
    border-bottom: 1.6px solid rgb(211, 175, 55) !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 4px !important;
    padding: 10px 40px 10px 10px !important;
    margin: 4px 7px !important;
    width: calc(100% - 14px) !important;
    box-sizing: border-box !important;
    display: block !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    min-height: 59px !important;
    text-decoration: none !important;
}

/* Text spans inside */
html.mobile-root body.mobile-site .mob-announcement-bar span {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Links/highlighted text — gold */
html.mobile-root body.mobile-site .mob-announcement-bar a,
html.mobile-root body.mobile-site .mob-announcement-bar span a,
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announcement-link {
    color: rgb(241, 196, 15) !important;
    text-decoration: underline !important;
    font-weight: 400 !important;
}

/* Ensure bar is NOT clipped and text wraps onto 2 lines */
html.mobile-root body.mobile-site .mob-announcement-bar {
    overflow: visible !important;
    white-space: normal !important;
}
html.mobile-root body.mobile-site .mob-announcement-bar * {
    white-space: normal !important;
}

/* v11.3 — Fix announcement bar fonts, colors, alignment */
html.mobile-root body.mobile-site .mob-announcement-bar {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 68px !important;
    background: #000 !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Inner box with gold borders */
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-inner,
html.mobile-root body.mobile-site .mob-announcement-bar > .mob-announce-inner {
    background: rgba(255, 255, 255, 0.05) !important;
    border-top: 1.6px solid rgb(211, 175, 55) !important;
    border-bottom: 1.6px solid rgb(211, 175, 55) !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    margin: 4px 7px !important;
    width: calc(100% - 14px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 59px !important;
}

/* Text span — Roboto 12px, 0.7 white, CENTERED, balanced line height */
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-text,
html.mobile-root body.mobile-site .mob-announcement-bar span {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.5 !important;
    text-align: center !important;
    display: inline !important;
    white-space: normal !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
}

/* Links / highlighted domains — GOLD, no underline (like BS) */
html.mobile-root body.mobile-site .mob-announcement-bar a,
html.mobile-root body.mobile-site .mob-announcement-bar strong,
html.mobile-root body.mobile-site .mob-announcement-bar b,
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-link {
    color: rgb(241, 196, 15) !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

/* Close button — hidden if any (BS doesn't have one) */
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-close {
    display: none !important;
}

/* Make sure bar is properly spaced */
html.mobile-root body.mobile-site .mob-announcement-bar {
    height: auto !important;
    max-height: none !important;
}

/* v11.4 — BS slot section exact layout
   BS ref: row h:171, padding:0, radius:10, overflow:hidden
   left panel: absolute area ~147px wide with brand content
   right area: flex row, overflow-x auto, gap 8px, padding 12px 12px 6px, scroll-snap
   cards: 241x161, border-radius 10 */

html.mobile-root body.mobile-site .bs-slot-section {
    position: relative !important;
    height: 171px !important;
    padding: 0 !important;
    margin: 10px 6px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #121212 !important;
    display: block !important;
}

/* Left panel — absolute on left, 147px wide */
html.mobile-root body.mobile-site .bs-slot-left {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 147px !important;
    padding: 14px 10px !important;
    background: linear-gradient(135deg, #1a1a1a 0%, #000 100%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
}

html.mobile-root body.mobile-site .bs-slot-heart {
    color: #D4AF37 !important;
    font-size: 20px !important;
    margin-bottom: 6px !important;
    line-height: 1 !important;
}
html.mobile-root body.mobile-site .bs-slot-subtitle {
    font-size: 10px !important;
    color: #D4AF37 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
html.mobile-root body.mobile-site .bs-slot-stars {
    display: flex !important;
    gap: 1px !important;
    margin-bottom: 8px !important;
}
html.mobile-root body.mobile-site .bs-slot-stars i {
    color: #D4AF37 !important;
    font-size: 7px !important;
}
html.mobile-root body.mobile-site .bs-slot-title {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #D4AF37 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
}
html.mobile-root body.mobile-site .bs-slot-title::after {
    content: 'OYUNLARI' !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    margin-top: 2px !important;
    color: rgba(212, 175, 55, 0.8) !important;
}
html.mobile-root body.mobile-site .bs-slot-viewall {
    display: none !important;
}

/* Right area — offset by 147px, horizontal scroll */
html.mobile-root body.mobile-site .bs-slot-right {
    margin-left: 147px !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}
html.mobile-root body.mobile-site .bs-slot-cards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding: 12px 12px 6px !important;
    height: 100% !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}
html.mobile-root body.mobile-site .bs-slot-cards::-webkit-scrollbar {
    display: none !important;
}

/* Card — 100x132 (BS: 99.6 x 132.8) */
html.mobile-root body.mobile-site .bs-slot-cards .game-item,
html.mobile-root body.mobile-site .bs-slot-cards .game-cta {
    flex: 0 0 100px !important;
    width: 100px !important;
    height: 132px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    position: relative !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site .bs-slot-cards .game-item img,
html.mobile-root body.mobile-site .bs-slot-cards .game-cta img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 10px !important;
    aspect-ratio: auto !important;
}

/* Hide game info/overlay/badges to match BS clean card look */
html.mobile-root body.mobile-site .bs-slot-cards .game-card-info,
html.mobile-root body.mobile-site .bs-slot-cards .game-card-title,
html.mobile-root body.mobile-site .bs-slot-cards .game-card-provider,
html.mobile-root body.mobile-site .bs-slot-cards .game-overlay,
html.mobile-root body.mobile-site .bs-slot-cards .provider-badge,
html.mobile-root body.mobile-site .bs-slot-cards .provider-badges {
    display: none !important;
}

/* Right edge fade gradient (matches BS visual cue) */
html.mobile-root body.mobile-site .bs-slot-right::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 20px !important;
    pointer-events: none !important;
    background: linear-gradient(to right, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%) !important;
    z-index: 3 !important;
}

/* Gold divider between panel and scroll area */
html.mobile-root body.mobile-site .bs-slot-left::after {
    content: '' !important;
    position: absolute !important;
    top: 10% !important;
    right: 0 !important;
    bottom: 10% !important;
    width: 1px !important;
    background: rgba(212, 175, 55, 0.2) !important;
}

/* v11.5 — Force card width and section height with high specificity */
html.mobile-root body.mobile-site section.bs-slot-section {
    height: 171px !important;
    min-height: 171px !important;
    max-height: 171px !important;
}

html.mobile-root body.mobile-site section.bs-slot-section .bs-slot-cards .game-item,
html.mobile-root body.mobile-site section.bs-slot-section .bs-slot-cards .game-cta,
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item,
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-cta {
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 132px !important;
}
html.mobile-root body.mobile-site section.bs-slot-section .bs-slot-cards .game-item img,
html.mobile-root body.mobile-site section.bs-slot-section .bs-slot-cards .game-cta img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* v11.6 — Remove duplicate "OYUNLARI" ::after, fix left panel visuals */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-title::after {
    content: none !important;
    display: none !important;
}

/* Heart icon — larger, filled */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-heart {
    font-size: 18px !important;
    color: #D4AF37 !important;
    margin-bottom: 4px !important;
}
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-heart i {
    font-size: 18px !important;
    color: #D4AF37 !important;
}

/* Title sizing adjusted so it fits in 127px wide area */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-title {
    font-size: 22px !important;
    line-height: 1 !important;
    margin: 2px 0 0 0 !important;
    word-break: normal !important;
}

/* Remove empty square showing in place of missing heart icon */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-heart:empty::before {
    content: '\f004' !important;
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    color: #D4AF37 !important;
    font-size: 18px !important;
}

/* v11.7 — Extra-specific announcement bar rules, remove underline, proper line-height */

html.mobile-root body.mobile-site #mobAnnouncementBar.mob-announcement-bar .mob-announce-inner,
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-inner {
    background: rgba(255, 255, 255, 0.05) !important;
    border-top: 1.6px solid rgb(211, 175, 55) !important;
    border-bottom: 1.6px solid rgb(211, 175, 55) !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    margin: 4px 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 59px !important;
    box-sizing: border-box !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

html.mobile-root body.mobile-site #mobAnnouncementBar .mob-announce-text,
html.mobile-root body.mobile-site .mob-announcement-bar .mob-announce-text,
html.mobile-root body.mobile-site #mobAnnouncementBar span.mob-announce-text {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline !important;
}

/* Strong / link-like elements - gold, no underline */
html.mobile-root body.mobile-site #mobAnnouncementBar .mob-announce-text strong,
html.mobile-root body.mobile-site #mobAnnouncementBar .mob-announce-text a,
html.mobile-root body.mobile-site #mobAnnouncementBar .mob-announce-text b,
html.mobile-root body.mobile-site .mob-announcement-bar strong,
html.mobile-root body.mobile-site .mob-announcement-bar a,
html.mobile-root body.mobile-site .mob-announcement-bar b {
    color: rgb(241, 196, 15) !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    border-bottom: none !important;
    background: transparent !important;
}

/* v11.8 — Remove gold line below MeritRoyalVIP header */
html.mobile-root body.mobile-site .mobileHeader,
html.mobile-root body.mobile-site header.mobileHeader {
    border-bottom: none !important;
    box-shadow: none !important;
}
html.mobile-root body.mobile-site .mobileHeader::after,
html.mobile-root body.mobile-site .mobileHeader::before {
    display: none !important;
    content: none !important;
}

/* v11.9 — Menu drawer EXACT BS clone (covers nav tabs, leaves ann+header visible) */

/* BS: drawer top:0, padding-top:117.2px (announcement+header height), container starts exactly where nav is */
html.mobile-root body.mobile-site .mobileMenu,
html.mobile-root body.mobile-site aside#mobileMenu {
    position: fixed !important;
    top: 117px !important;  /* Sits right at nav row start — OVER the nav tabs */
    left: 0 !important;
    right: 0 !important;
    bottom: 49px !important;  /* Above bottom tab navigation */
    width: 100% !important;
    z-index: 951 !important;  /* Above nav but below shield */
    background: #000 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transform: translateY(100%) !important;
    transition: transform 0.35s cubic-bezier(.32,.72,0,1) !important;
}

html.mobile-root body.mobile-site aside#mobileMenu.is-open,
html.mobile-root body.mobile-site aside#mobileMenu.active,
html.mobile-root body.mobile-site .mobileMenu.is-open,
html.mobile-root body.mobile-site .mobileMenu.active {
    transform: translateY(0) !important;
}

html.mobile-root body.mobile-site aside#mobileMenu:not(.is-open):not(.active),
html.mobile-root body.mobile-site .mobileMenu:not(.is-open):not(.active) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
}

/* Overlay aligned same as drawer */
html.mobile-root body.mobile-site .mobileMenu-overlay {
    top: 117px !important;
    bottom: 49px !important;
    z-index: 950 !important;
}

/* Header row (MENÜ + X) */
html.mobile-root body.mobile-site .mobileMenu-header {
    background: #000 !important;
    padding: 10px 14px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-bottom: none !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Body - scrollable */
html.mobile-root body.mobile-site .mobileMenu-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px 14px 16px !important;
    background: #000 !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Ensure bottom nav stays on top */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter {
    z-index: 1000 !important;
}
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    z-index: 1001 !important;
}

/* v12.0 — Drawer starts at nav top (115px) to COVER nav tabs like BS */
html.mobile-root body.mobile-site aside#mobileMenu,
html.mobile-root body.mobile-site .mobileMenu {
    top: 115px !important;
}
html.mobile-root body.mobile-site .mobileMenu-overlay {
    top: 115px !important;
}

/* v12.1 — When menu open, hide nav tabs sticky (drawer covers their area) */
html.mobile-root body.mobile-site.menu-open .mainMenu,
html.mobile-root body.mobile-site.mobileMenu-locked .mainMenu,
html.mobile-root body.mobile-site:has(.mobileMenu.is-open) .mainMenu,
html.mobile-root body.mobile-site:has(.mobileMenu.active) .mainMenu {
    visibility: hidden !important;
}

/* Alternatively raise drawer above nav which is z-index ~1050 */
html.mobile-root body.mobile-site aside#mobileMenu,
html.mobile-root body.mobile-site .mobileMenu {
    z-index: 1100 !important;
}
html.mobile-root body.mobile-site .mobileMenu-overlay {
    z-index: 1099 !important;
}
/* BetConstruct-Icons — REMOVED 2026-05-23 — duplicate @font-face caused
 * document.fonts.check() to return FALSE in MR (BS returns TRUE).
 * Source CSS file header.min.css already declares @font-face with
 * url('../fonts/BetConstruct-Icons.woff2') = /assets/fonts/...
 * which loads correctly. This second declaration with different src URL
 * (/mobile/assets/fonts/...) conflicts and prevents font from loading,
 * causing U+EA1D codepoint to fall back to system emoji font (colored
 * 3 dots instead of monochrome icon glyph).
 * Per browser CSS font matching: even if declarations have same family/
 * style/weight, different src URLs prevent dedupe.
 * FIX: removed this duplicate. header.min.css declaration is authoritative. */
html.mobile-root body.mobile-site [class*="bc-i-"]::before,
html.mobile-root body.mobile-site [class*="bc-i-"] {
    font-family: "BetConstruct-Icons" !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bc-i-default-icon::before { content: ""; }
.bc-i-DefaultIcon::before { content: ""; }
.bc-i-Go::before { content: ""; }
.bc-i-Sepaktakraw::before { content: ""; }
.bc-i-SepakTakraw::before { content: ""; }
.bc-i-AgeofEmpires::before { content: ""; }
.bc-i-AgeOfEmpires::before { content: ""; }
.bc-i-FreeFire::before { content: ""; }
.bc-i-FeeFire::before { content: ""; }
.bc-i-ArenaofValor::before { content: ""; }
.bc-i-4000235::before { content: ""; }
.bc-i-ArenaOfValor::before { content: ""; }
.bc-i-Headis::before { content: ""; }
.bc-i-Teqball::before { content: ""; }
.bc-i-MobileLegends::before { content: ""; }
.bc-i-ApexLegends::before { content: ""; }
.bc-i-Valorant::before { content: ""; }
.bc-i-VirtualMarbleRacing::before { content: ""; }
.bc-i-Kabaddi::before { content: ""; }
.bc-i-RainbowSix::before { content: ""; }
.bc-i-Petanque::before { content: ""; }
.bc-i-ClashRoyale::before { content: ""; }
.bc-i-JokerWild::before { content: ""; }
.bc-i-420033728::before { content: ""; }
.bc-i-Bodybuilding-icon::before { content: ""; }
.bc-i-BodyBuilding::before { content: ""; }
.bc-i-FIFA::before { content: ""; }
.bc-i-circuit::before { content: ""; }
.bc-i-Circuit::before { content: ""; }
.bc-i-PS4GAMING::before { content: ""; }
.bc-i-PS4Gaming::before { content: ""; }
.bc-i-E-IceHockey::before { content: ""; }
.bc-i-BetOnBlackJack::before { content: ""; }
.bc-i-BetonBlackJack::before { content: ""; }
.bc-i-LiveBetOnPoker::before { content: ""; }
.bc-i-livebetonpoker::before { content: ""; }
.bc-i-150025::before { content: ""; }
.bc-i-eSports::before { content: ""; }
.bc-i-eSportsLogoSportbook::before { content: ""; }
.bc-i-KingOfGlory::before { content: ""; }
.bc-i-PUBG::before { content: ""; }
.bc-i-PubG::before { content: ""; }
.bc-i-RocketLeague::before { content: ""; }
.bc-i-WarcraftIII::before { content: ""; }
.bc-i-WarCraftIII::before { content: ""; }
.bc-i-StreetFighterSymbol::before { content: ""; }
.bc-i-Esports::before { content: ""; }
.bc-i-CrossFire::before { content: ""; }
.bc-i-Halo::before { content: ""; }
.bc-i-blank::before { content: ""; }
.bc-i-Blank::before { content: ""; }
.bc-i-HON::before { content: ""; }
.bc-i-Hon::before { content: ""; }
.bc-i-Vainglory::before { content: ""; }
.bc-i-VirtualCarRacing::before { content: ""; }
.bc-i-FTNSpaceTaxi::before { content: ""; }
.bc-i-420031330::before { content: ""; }
.bc-i-CallOfDuty::before { content: ""; }
.bc-i-CounterStrike::before { content: "!"; }
.bc-i-LeagueofLegendsWildRift::before { content: ""; }
.bc-i-LeagueOfLegends::before { content: "\""; }
.bc-i-halo::before { content: "#"; }
.bc-i-HaloF::before { content: "#"; }
.bc-i-Dota2::before { content: "$"; }
.bc-i-BrawlStars::before { content: ""; }
.bc-i-HeroesOfTheStorm::before { content: "%"; }
.bc-i-Hearthstone::before { content: "&"; }
.bc-i-MortalKombatXL::before { content: "'"; }
.bc-i-WorldOfTanks::before { content: "("; }
.bc-i-WorldOfWarcraft::before { content: ")"; }
.bc-i-Overwatch::before { content: "*"; }
.bc-i-Smite::before { content: "+"; }
.bc-i-smash::before { content: ","; }
.bc-i-Smash::before { content: ","; }
.bc-i-StarCraft::before { content: "-"; }
.bc-i-StarCraft2::before { content: "-"; }
.bc-i-outright::before { content: ""; }
.bc-i-goldengate::before { content: ""; }
.bc-i-420031083::before { content: ""; }
.bc-i-Outright::before { content: ""; }
.bc-i-financials::before { content: ""; }
.bc-i-ETennis::before { content: ""; }
.bc-i-eTennis::before { content: ""; }
.bc-i-EBasketball::before { content: ""; }
.bc-i-eBasketball::before { content: ""; }
.bc-i-CyberFootball::before { content: ""; }
.bc-i-Bowls::before { content: ""; }
.bc-i-Futsal::before { content: "."; }
.bc-i-vbet-sport-icons::before { content: "/"; }
.bc-i-TableHockey::before { content: "/"; }
.bc-i-TankBiathlon::before { content: "2"; }
.bc-i-TVShowsAndMovies::before { content: "3"; }
.bc-i-TV1::before { content: "3"; }
.bc-i-MarathonSwimming::before { content: ""; }
.bc-i-Olympics::before { content: ""; }
.bc-i-Skateboarding::before { content: ""; }
.bc-i-SkateBoarding::before { content: ""; }
.bc-i-SynchronizedSwimming::before { content: ""; }
.bc-i-SynchronizedSwimmingF::before { content: ""; }
.bc-i-Climbing::before { content: ""; }
.bc-i-Equestrian::before { content: ""; }
.bc-i-Karate::before { content: ""; }
.bc-i-SkiMountaineering::before { content: ""; }
.bc-i-bingo::before { content: ""; }
.bc-i-150027::before { content: ""; }
.bc-i-Bingo::before { content: ""; }
.bc-i-instantgame::before { content: ""; }
.bc-i-Instantgame::before { content: ""; }
.bc-i-Yachting1::before { content: ">"; }
.bc-i-Balls::before { content: ""; }
.bc-i-sport::before { content: ""; }
.bc-i-AmericanFootball::before { content: ""; }
.bc-i-Angling::before { content: ""; }
.bc-i-PistolShooting::before { content: ""; }
.bc-i-PistolHead2Head::before { content: ""; }
.bc-i-ArcheryH2H::before { content: ""; }
.bc-i-CompoundArchery::before { content: ""; }
.bc-i-CompoundArchery1::before { content: ""; }
.bc-i-Archery::before { content: ""; }
.bc-i-AustralianFootball::before { content: ""; }
.bc-i-Badminton::before { content: ""; }
.bc-i-3x3::before { content: ""; }
.bc-i-3x3Basketball::before { content: ""; }
.bc-i-Softball::before { content: ""; }
.bc-i-Baseball::before { content: ""; }
.bc-i-Tennis::before { content: ""; }
.bc-i-Volleyball::before { content: ""; }
.bc-i-Basketball::before { content: ""; }
.bc-i-Soccer::before { content: ""; }
.bc-i-Football::before { content: ""; }
.bc-i-BasketballShots::before { content: ""; }
.bc-i-BeachHandball::before { content: ""; }
.bc-i-BeachFootball::before { content: ""; }
.bc-i-BeachVolleyball::before { content: ""; }
.bc-i-Biathlon::before { content: ""; }
.bc-i-Bobsleigh::before { content: ""; }
.bc-i-Boxing::before { content: ""; }
.bc-i-Bridge::before { content: ""; }
.bc-i-Chess::before { content: ""; }
.bc-i-Curling::before { content: ""; }
.bc-i-Cycling::before { content: ""; }
.bc-i-Cyclo-Cross::before { content: ""; }
.bc-i-VirtualBicycle::before { content: ""; }
.bc-i-4000240::before { content: ""; }
.bc-i-CycloCross::before { content: ""; }
.bc-i-Darts::before { content: ""; }
.bc-i-Diving::before { content: ""; }
.bc-i-Eurovision::before { content: ""; }
.bc-i-X-Sports::before { content: ""; }
.bc-i-XSports::before { content: ""; }
.bc-i-Fencing::before { content: ""; }
.bc-i-pirates::before { content: ""; }
.bc-i-FigureSkating::before { content: ""; }
.bc-i-Floorball::before { content: ""; }
.bc-i-GaelicFootball::before { content: ""; }
.bc-i-Golf::before { content: ""; }
.bc-i-3320009::before { content: ""; }
.bc-i-GrassHockey::before { content: ""; }
.bc-i-Gymnastics::before { content: ""; }
.bc-i-Handball::before { content: ""; }
.bc-i-HandBall::before { content: ""; }
.bc-i-Weightlifting::before { content: ""; }
.bc-i-AirHockey::before { content: ""; }
.bc-i-Cricket::before { content: ""; }
.bc-i-BallHockey::before { content: ""; }
.bc-i-Hockey::before { content: ""; }
.bc-i-Hurling::before { content: ""; }
.bc-i-IceHockey::before { content: ""; }
.bc-i-Judo::before { content: ""; }
.bc-i-Lacross::before { content: ""; }
.bc-i-Livemonitor::before { content: ""; }
.bc-i-LiveMonitor::before { content: ""; }
.bc-i-Lottery::before { content: ""; }
.bc-i-Mafia::before { content: ""; }
.bc-i-MiniSoccer::before { content: ""; }
.bc-i-Greyhounds::before { content: ""; }
.bc-i-VirtualGreyhoundRacing::before { content: ""; }
.bc-i-4000238::before { content: ""; }
.bc-i-420070::before { content: ""; }
.bc-i-GreyHounds::before { content: ""; }
.bc-i-PMUHorseRacing::before { content: ""; }
.bc-i-FutureHorseRacing::before { content: ""; }
.bc-i-ModernPentathlon::before { content: ""; }
.bc-i-VirtualHorses::before { content: ""; }
.bc-i-HorseRacing::before { content: ""; }
.bc-i-HorseRacingSpecials::before { content: ""; }
.bc-i-VSHorses::before { content: ""; }
.bc-i-4000509::before { content: ""; }
.bc-i-420071::before { content: ""; }
.bc-i-VirtualDogs::before { content: ""; }
.bc-i-VirtualHorseRacing::before { content: ""; }
.bc-i-Motorsport::before { content: ""; }
.bc-i-MotorSport::before { content: ""; }
.bc-i-Motorbikes::before { content: ""; }
.bc-i-4000239::before { content: ""; }
.bc-i-AutoRacing::before { content: ""; }
.bc-i-Rally::before { content: ""; }
.bc-i-BigCityCars::before { content: ""; }
.bc-i-33060323::before { content: ""; }
.bc-i-Nascar::before { content: ""; }
.bc-i-VirtualDragRacing::before { content: ""; }
.bc-i-Formula1::before { content: ""; }
.bc-i-Netball::before { content: ""; }
.bc-i-WinterOlympics::before { content: ""; }
.bc-i-Oscar::before { content: ""; }
.bc-i-Pesapallo::before { content: ""; }
.bc-i-PokerLive::before { content: ""; }
.bc-i-Poker::before { content: ""; }
.bc-i-Politics::before { content: ""; }
.bc-i-Pool::before { content: ""; }
.bc-i-RinkHockey::before { content: ""; }
.bc-i-Canoeing::before { content: ""; }
.bc-i-Rowing::before { content: ""; }
.bc-i-RugbySevens::before { content: ""; }
.bc-i-RugbyLeague::before { content: ""; }
.bc-i-RugbyUnion::before { content: ""; }
.bc-i-Shooting::before { content: ""; }
.bc-i-Skeleton::before { content: ""; }
.bc-i-Swimming::before { content: ""; }
.bc-i-DiscGolf::before { content: ""; }
.bc-i-WaterPolo::before { content: ""; }
.bc-i-Schwingen::before { content: ""; }
.bc-i-FreestyleWrestling::before { content: ""; }
.bc-i-GrecoRomanWrestling::before { content: ""; }
.bc-i-Wrestling::before { content: ""; }
.bc-i-WWE::before { content: ""; }
.bc-i-Athletics::before { content: ""; }
.bc-i-Luge::before { content: ""; }
.bc-i-Speedskating::before { content: ""; }
.bc-i-SpeedSkating::before { content: ""; }
.bc-i-ShortTrackSpeedSkating::before { content: ""; }
.bc-i-Skis::before { content: ""; }
.bc-i-AlpineSkiing::before { content: ""; }
.bc-i-CrossCountrySkiing::before { content: ""; }
.bc-i-SkiJumping::before { content: ""; }
.bc-i-UltimateFrisbee::before { content: ""; }
.bc-i-NordicCombined::before { content: ""; }
.bc-i-Snooker::before { content: ""; }
.bc-i-Snowboard::before { content: ""; }
.bc-i-VirtualFootballPro::before { content: ""; }
.bc-i-400037037::before { content: ""; }
.bc-i-SoccerWC2014::before { content: ""; }
.bc-i-SpecialBets::before { content: ""; }
.bc-i-Speedway::before { content: ""; }
.bc-i-SpeedWay::before { content: ""; }
.bc-i-SportAndFun::before { content: ""; }
.bc-i-carnivalriches::before { content: ""; }
.bc-i-Sumo::before { content: ""; }
.bc-i-Surfing::before { content: ""; }
.bc-i-SynchronisedSwimming::before { content: ""; }
.bc-i-Tablehockey::before { content: ""; }
.bc-i-Taekwondo::before { content: ""; }
.bc-i-Tankbiathlon::before { content: ""; }
.bc-i-Telecasts::before { content: ""; }
.bc-i-TeleCasts::before { content: ""; }
.bc-i-Triathlon::before { content: ""; }
.bc-i-UltimateFighting::before { content: ""; }
.bc-i-Mma::before { content: ""; }
.bc-i-SportFight::before { content: ""; }
.bc-i-UFS::before { content: ""; }
.bc-i-Padel::before { content: ""; }
.bc-i-Squash::before { content: ""; }
.bc-i-VirtualTennis::before { content: ""; }
.bc-i-4000236::before { content: ""; }
.bc-i-TableTennis::before { content: ""; }
.bc-i-missed-penalty::before { content: ""; }
.bc-i-MissedPenalty::before { content: ""; }
.bc-i-Pickleball::before { content: ""; }
.bc-i-ThePenaltyKicks::before { content: ""; }
.bc-i-games::before { content: ""; }
.bc-i-55::before { content: ""; }
.bc-i-Games::before { content: ""; }
.bc-i-games-1::before { content: ""; }
.bc-i-Dice::before { content: ""; }
.bc-i-games-2::before { content: ""; }
.bc-i-Dices1::before { content: ""; }
.bc-i-penalty::before { content: ""; }
.bc-i-penality::before { content: ""; }
.bc-i-333::before { content: ""; }
.bc-i-Penalty333::before { content: ""; }
.bc-i-WhatWhereWhen::before { content: ""; }
.bc-i-bet-builder::before { content: ""; }
.bc-i-bet-builder-history::before { content: ""; }
.bc-i-BetBuilder::before { content: ""; }
.bc-i-view-skins::before { content: ""; }
.bc-i-ViewSkins::before { content: ""; }
.bc-i-layers::before { content: ""; }
.bc-i-Skins::before { content: ""; }
.bc-i-booking::before { content: ""; }
.bc-i-Booking::before { content: ""; }
.bc-i-toharmony::before { content: ""; }
.bc-i-ToHarmony::before { content: ""; }
.bc-i-push-notification-fill::before { content: ""; }
.bc-i-PushNotificationF::before { content: ""; }
.bc-i-belllink::before { content: ""; }
.bc-i-Belllink::before { content: ""; }
.bc-i-egtbelllink::before { content: ""; }
.bc-i-push-notification-outline::before { content: ""; }
.bc-i-PushNotification::before { content: ""; }
.bc-i-zoom-in::before { content: ""; }
.bc-i-ZoomIn::before { content: ""; }
.bc-i-zoom-out::before { content: ""; }
.bc-i-ZoomOut::before { content: ""; }
.bc-i-slotsforbonuses::before { content: ""; }
.bc-i-specialslots::before { content: ""; }
.bc-i-SlotsforBonuses::before { content: ""; }
.bc-i-promotions::before { content: ""; }
.bc-i-Promotions::before { content: ""; }
.bc-i-promotions-2::before { content: ""; }
.bc-i-Promotions2::before { content: ""; }
.bc-i-promotions-3::before { content: ""; }
.bc-i-Promotions3::before { content: ""; }
.bc-i-tournaments::before { content: ""; }
.bc-i-Tournaments::before { content: ""; }
.bc-i-gamesoftheweek::before { content: ""; }
.bc-i-selectionofthemonth::before { content: ""; }
.bc-i-GamesOfTheWeek::before { content: ""; }
.bc-i-gamesoftheweekwithvpn::before { content: ""; }
.bc-i-GamesOfTheWeekWithVPN::before { content: ""; }
.bc-i-jackpotswithvpn::before { content: ""; }
.bc-i-JackpotsWithVPN::before { content: ""; }
.bc-i-newwithvpn::before { content: ""; }
.bc-i-NewWithVPN::before { content: ""; }
.bc-i-popularwithvpn::before { content: ""; }
.bc-i-PopularWithVPN::before { content: ""; }
.bc-i-topwithvpn::before { content: ""; }
.bc-i-TopWithVPN::before { content: ""; }
.bc-i-promotionswithvpn::before { content: ""; }
.bc-i-PromotionsWithVPN::before { content: ""; }
.bc-i-chinesegames::before { content: ""; }
.bc-i-asiangames::before { content: ""; }
.bc-i-ChineseGames::before { content: ""; }
.bc-i-easterntreasures::before { content: ""; }
.bc-i-livedealer::before { content: ""; }
.bc-i-LiveDealer1::before { content: ""; }
.bc-i-sportslots::before { content: ""; }
.bc-i-SportSlots::before { content: ""; }
.bc-i-summerslots::before { content: ""; }
.bc-i-SummerSlots::before { content: ""; }
.bc-i-fruitslots::before { content: ""; }
.bc-i-FruitSlots::before { content: ""; }
.bc-i-saintpatrick::before { content: ""; }
.bc-i-SaintPatrick::before { content: ""; }
.bc-i-deluxe::before { content: ""; }
.bc-i-Deluxe::before { content: ""; }
.bc-i-evergreenhits::before { content: ""; }
.bc-i-aliensandrobots::before { content: ""; }
.bc-i-AliensAndRobots::before { content: ""; }
.bc-i-vegas::before { content: ""; }
.bc-i-Vegas::before { content: ""; }
.bc-i-hotgirls::before { content: ""; }
.bc-i-ladies::before { content: ""; }
.bc-i-HotGirls::before { content: ""; }
.bc-i-mythology::before { content: ""; }
.bc-i-ancients::before { content: ""; }
.bc-i-Mythology::before { content: ""; }
.bc-i-fairytaleslots::before { content: ""; }
.bc-i-FairyTaleSlots::before { content: ""; }
.bc-i-heroesandvillains::before { content: ""; }
.bc-i-HeroesAndVillains::before { content: ""; }
.bc-i-filmslot::before { content: ""; }
.bc-i-FilmSlot::before { content: ""; }
.bc-i-420019282::before { content: ""; }
.bc-i-adventure::before { content: ""; }
.bc-i-adventures::before { content: ""; }
.bc-i-Adventure::before { content: ""; }
.bc-i-musicslots::before { content: ""; }
.bc-i-MusicSlots::before { content: ""; }
.bc-i-journey::before { content: ""; }
.bc-i-Journey::before { content: ""; }
.bc-i-womeninslots::before { content: ""; }
.bc-i-WomenInSlots::before { content: ""; }
.bc-i-momo-sfavourites::before { content: ""; }
.bc-i-MomoSFavourites::before { content: ""; }
.bc-i-buddy-transfer::before { content: ""; }
.bc-i-BuddyTransfer::before { content: ""; }
.bc-i-pascal::before { content: ""; }
.bc-i-141419::before { content: ""; }
.bc-i-Pascal::before { content: ""; }
.bc-i-magic-dice::before { content: ""; }
.bc-i-141415::before { content: ""; }
.bc-i-MagicDice::before { content: ""; }
.bc-i-crypto::before { content: ""; }
.bc-i-Crypto::before { content: ""; }
.bc-i-bank-card::before { content: ""; }
.bc-i-bank-account::before { content: ""; }
.bc-i-BankCard::before { content: ""; }
.bc-i-bank::before { content: ""; }
.bc-i-Bank::before { content: ""; }
.bc-i-agent::before { content: ""; }
.bc-i-Agent::before { content: ""; }
.bc-i-voucher::before { content: ""; }
.bc-i-Voucher::before { content: ""; }
.bc-i-qr::before { content: ""; }
.bc-i-QR::before { content: ""; }
.bc-i-100lines::before { content: ""; }
.bc-i-100Lines::before { content: ""; }
.bc-i-minigames::before { content: ""; }
.bc-i-MiniGames::before { content: ""; }
.bc-i-skillgames::before { content: ""; }
.bc-i-SkillGames1::before { content: ""; }
.bc-i-gameShows::before { content: ""; }
.bc-i-GameShows::before { content: ""; }
.bc-i-jetx::before { content: ""; }
.bc-i-400038601::before { content: ""; }
.bc-i-JetX::before { content: ""; }
.bc-i-fighters-xxx::before { content: ""; }
.bc-i-141422::before { content: ""; }
.bc-i-FightersXXX::before { content: ""; }
.bc-i-one-block::before { content: ""; }
.bc-i-OneBlock::before { content: ""; }
.bc-i-two-block::before { content: ""; }
.bc-i-two-column::before { content: ""; }
.bc-i-TwoColumn::before { content: ""; }
.bc-i-help::before { content: ""; }
.bc-i-Help::before { content: ""; }
.bc-i-about::before { content: ""; }
.bc-i-About::before { content: ""; }
.bc-i-holdthejackpot::before { content: ""; }
.bc-i-HoldTheJackpot::before { content: ""; }
.bc-i-Ship::before { content: ""; }
.bc-i-BattleShip::before { content: ""; }
.bc-i-150026::before { content: ""; }
.bc-i-multiview::before { content: ""; }
.bc-i-MultiView::before { content: ""; }
.bc-i-window-two::before { content: ""; }
.bc-i-WindowTwo::before { content: ""; }
.bc-i-window-one::before { content: ""; }
.bc-i-WindowOne::before { content: ""; }
.bc-i-dice2::before { content: ""; }
.bc-i-141418::before { content: ""; }
.bc-i-Dice1::before { content: ""; }
.bc-i-LuckyEnvelopes::before { content: ""; }
.bc-i-okey::before { content: ""; }
.bc-i-508::before { content: ""; }
.bc-i-Okey::before { content: ""; }
.bc-i-fishing::before { content: ""; }
.bc-i-141416::before { content: ""; }
.bc-i-4000237::before { content: ""; }
.bc-i-Fishing::before { content: ""; }
.bc-i-bettinggames::before { content: ""; }
.bc-i-4000508::before { content: ""; }
.bc-i-4000287::before { content: ""; }
.bc-i-BettingGames::before { content: ""; }
.bc-i-predictor::before { content: ""; }
.bc-i-525::before { content: ""; }
.bc-i-Predictor::before { content: ""; }
.bc-i-location::before { content: ""; }
.bc-i-420015424::before { content: ""; }
.bc-i-GeoGuessr::before { content: ""; }
.bc-i-Location::before { content: ""; }
.bc-i-squad::before { content: ""; }
.bc-i-Squad::before { content: ""; }
.bc-i-refer-to-friend::before { content: ""; }
.bc-i-ReferToRefer::before { content: ""; }
.bc-i-standings::before { content: ""; }
.bc-i-Standings::before { content: ""; }
.bc-i-referee::before { content: ""; }
.bc-i-Referee::before { content: ""; }
.bc-i-live-chat::before { content: ""; }
.bc-i-LiveChat::before { content: ""; }
.bc-i-live-chat-v1::before { content: ""; }
.bc-i-Headphone::before { content: ""; }
.bc-i-user::before { content: ""; }
.bc-i-User::before { content: ""; }
.bc-i-matches::before { content: ""; }
.bc-i-Matches::before { content: ""; }
.bc-i-stadium::before { content: ""; }
.bc-i-Stadium::before { content: ""; }
.bc-i-x50-wheel::before { content: ""; }
.bc-i-141414::before { content: ""; }
.bc-i-420031086::before { content: ""; }
.bc-i-X50Wheel::before { content: ""; }
.bc-i-reeloffortune::before { content: ""; }
.bc-i-ReelOfFortune::before { content: ""; }
.bc-i-wonderwheel::before { content: ""; }
.bc-i-WonderWheel::before { content: ""; }
.bc-i-wonderwheelslots::before { content: ""; }
.bc-i-instantwin::before { content: ""; }
.bc-i-InstantWin::before { content: ""; }
.bc-i-jackpotmania::before { content: ""; }
.bc-i-spingifts::before { content: ""; }
.bc-i-JackpotMania::before { content: ""; }
.bc-i-mustdropjackpots::before { content: ""; }
.bc-i-MustDropJackpots::before { content: ""; }
.bc-i-fireblazejackpots::before { content: ""; }
.bc-i-FireBlazeJackpots::before { content: ""; }
.bc-i-wincard::before { content: ""; }
.bc-i-Wincard::before { content: ""; }
.bc-i-achievementsslots::before { content: ""; }
.bc-i-AchievementsSlots::before { content: ""; }
.bc-i-arcadegames::before { content: ""; }
.bc-i-ArcadeGames::before { content: ""; }
.bc-i-pinnacle::before { content: ""; }
.bc-i-vikings::before { content: ""; }
.bc-i-Pinnacle::before { content: ""; }
.bc-i-esports::before { content: ""; }
.bc-i-e-sport::before { content: ""; }
.bc-i-E-sports::before { content: ""; }
.bc-i-ElectronicSports::before { content: ""; }
.bc-i-E-sports-2::before { content: ""; }
.bc-i-ESports2::before { content: ""; }
.bc-i-mega-jackpot::before { content: ""; }
.bc-i-MegaJackpot::before { content: ""; }
.bc-i-major-jackpot::before { content: ""; }
.bc-i-jackpotplay::before { content: ""; }
.bc-i-MajorJackpot::before { content: ""; }
.bc-i-minor-jackpot::before { content: ""; }
.bc-i-MinorJackpot::before { content: ""; }
.bc-i-mini-jackpot::before { content: ""; }
.bc-i-MiniJackpot::before { content: ""; }
.bc-i-tvgames::before { content: ""; }
.bc-i-TvGames::before { content: ""; }
.bc-i-tv::before { content: ""; }
.bc-i-tv-games::before { content: ""; }
.bc-i-TvEmpty::before { content: ""; }
.bc-i-Games2::before { content: ""; }
.bc-i-tv-2::before { content: ""; }
.bc-i-TV2::before { content: ""; }
.bc-i-copy::before { content: ""; }
.bc-i-Copy::before { content: ""; }
.bc-i-authentication::before { content: ""; }
.bc-i-two-factor-authentication::before { content: ""; }
.bc-i-4000241::before { content: ""; }
.bc-i-Authentication::before { content: ""; }
.bc-i-not-verified::before { content: ""; }
.bc-i-NotVerified::before { content: ""; }
.bc-i-verified::before { content: ""; }
.bc-i-Verified::before { content: ""; }
.bc-i-christmasslots::before { content: ""; }
.bc-i-ChristmasSlots::before { content: ""; }
.bc-i-christmascollection::before { content: ""; }
.bc-i-halloween2018::before { content: ""; }
.bc-i-Halloween2018::before { content: ""; }
.bc-i-link::before { content: ""; }
.bc-i-Link::before { content: ""; }
.bc-i-Yachting::before { content: ""; }
.bc-i-Yachting2::before { content: ""; }
.bc-i-bet-cloud::before { content: ""; }
.bc-i-BetCloud::before { content: ""; }
.bc-i-region::before { content: ""; }
.bc-i-ageofthegods::before { content: ""; }
.bc-i-AgeOfTheGods::before { content: ""; }
.bc-i-demigods::before { content: ""; }
.bc-i-DemiGods::before { content: ""; }
.bc-i-exclusive::before { content: ""; }
.bc-i-Exclusive::before { content: ""; }
.bc-i-brandedgames::before { content: ""; }
.bc-i-non-stopdrop::before { content: ""; }
.bc-i-NonStopDrop::before { content: ""; }
.bc-i-drops-wins::before { content: ""; }
.bc-i-drops-winsslots::before { content: ""; }
.bc-i-drops-winslivecasino::before { content: ""; }
.bc-i-dropandwins::before { content: ""; }
.bc-i-DropsWins::before { content: ""; }
.bc-i-summerheatpromo::before { content: ""; }
.bc-i-hot::before { content: ""; }
.bc-i-mostsearched::before { content: ""; }
.bc-i-hotslots::before { content: ""; }
.bc-i-SummerHeatPromo::before { content: ""; }
.bc-i-suggested-bets::before { content: ""; }
.bc-i-SuggestedBets::before { content: ""; }
.bc-i-results::before { content: ""; }
.bc-i-Results1::before { content: ""; }
.bc-i-results-1::before { content: ""; }
.bc-i-ResultsFavorite::before { content: ""; }
.bc-i-results-2::before { content: ""; }
.bc-i-Results2::before { content: ""; }
.bc-i-exclamation::before { content: ""; }
.bc-i-Exclamation::before { content: ""; }
.bc-i-remove-round::before { content: ""; }
.bc-i-RemoveRound::before { content: ""; }
.bc-i-cancel-circle::before { content: ""; }
.bc-i-CancelCircle::before { content: ""; }
.bc-i-check-circle::before { content: ""; }
.bc-i-CheckCircle::before { content: ""; }
.bc-i-unsettled::before { content: ""; }
.bc-i-Unsettled::before { content: ""; }
.bc-i-watch::before { content: ""; }
.bc-i-TimeF::before { content: ""; }
.bc-i-verify-account::before { content: ""; }
.bc-i-VerifyAccount::before { content: ""; }
.bc-i-verification-flow::before { content: ""; }
.bc-i-BestNetentSlots::before { content: ""; }
.bc-i-bestslots::before { content: ""; }
.bc-i-filter::before { content: ""; }
.bc-i-Filter::before { content: ""; }
.bc-i-filter-outline::before { content: ""; }
.bc-i-fantasy-sport::before { content: ""; }
.bc-i-FantasySport::before { content: ""; }
.bc-i-goal::before { content: ""; }
.bc-i-Goal::before { content: ""; }
.bc-i-substitution::before { content: ""; }
.bc-i-Substitution::before { content: ""; }
.bc-i-clear::before { content: ""; }
.bc-i-Clear::before { content: ""; }
.bc-i-buybonus::before { content: ""; }
.bc-i-purchaseofbonuses::before { content: ""; }
.bc-i-BuyBonus::before { content: ""; }
.bc-i-stats::before { content: ""; }
.bc-i-PieChart::before { content: ""; }
.bc-i-deposit::before { content: ""; }
.bc-i-Deposit::before { content: ""; }
.bc-i-withdraw::before { content: ""; }
.bc-i-Withdraw::before { content: ""; }
.bc-i-withdraws::before { content: ""; }
.bc-i-Withdraws::before { content: ""; }
.bc-i-sent::before { content: ""; }
.bc-i-Sent::before { content: ""; }
.bc-i-inbox::before { content: ""; }
.bc-i-Inbox::before { content: ""; }
.bc-i-open-bets::before { content: ""; }
.bc-i-OpenBets::before { content: ""; }
.bc-i-bet-history::before { content: ""; }
.bc-i-BetHistory::before { content: ""; }
.bc-i-self-exclusion::before { content: ""; }
.bc-i-SelfExclusion::before { content: ""; }
.bc-i-time-out::before { content: ""; }
.bc-i-TimeOut::before { content: ""; }
.bc-i-change-password::before { content: ""; }
.bc-i-ChangePassword::before { content: ""; }
.bc-i-game-stop::before { content: ""; }
.bc-i-GameStop::before { content: ""; }
.bc-i-all-games::before { content: ""; }
.bc-i-all::before { content: ""; }
.bc-i-Grid::before { content: ""; }
.bc-i-coupon::before { content: ""; }
.bc-i-Coupon::before { content: ""; }
.bc-i-promo-code::before { content: ""; }
.bc-i-PromoCode::before { content: ""; }
.bc-i-apply-promo-code::before { content: ""; }
.bc-i-ApplyPromoCode::before { content: ""; }
.bc-i-gift-received::before { content: ""; }
.bc-i-GiftReceived::before { content: ""; }
.bc-i-bonus-casino::before { content: ""; }
.bc-i-BonusCasino::before { content: ""; }
.bc-i-bonus-sportsbook::before { content: ""; }
.bc-i-BonusSportsbook::before { content: ""; }
.bc-i-bonus::before { content: ""; }
.bc-i-Bonus1::before { content: ""; }
.bc-i-bonus-1::before { content: ""; }
.bc-i-specialbonuses::before { content: ""; }
.bc-i-Bonus2::before { content: ""; }
.bc-i-casino-free-chip::before { content: ""; }
.bc-i-bonus-request::before { content: ""; }
.bc-i-BonusRequest::before { content: ""; }
.bc-i-exchange-shop::before { content: ""; }
.bc-i-ExchangeShop::before { content: ""; }
.bc-i-loyalty-points::before { content: ""; }
.bc-i-LoyaltyPointsStar::before { content: ""; }
.bc-i-fishing-hunting::before { content: ""; }
.bc-i-FishingHunting::before { content: ""; }
.bc-i-irishluck::before { content: ""; }
.bc-i-IrishLuck::before { content: ""; }
.bc-i-luckycharms::before { content: ""; }
.bc-i-betconstruct::before { content: ""; }
.bc-i-vgs::before { content: ""; }
.bc-i-Betconstruct::before { content: ""; }
.bc-i-net::before { content: ""; }
.bc-i-NETENT::before { content: ""; }
.bc-i-psn::before { content: ""; }
.bc-i-PSN::before { content: ""; }
.bc-i-fgs::before { content: ""; }
.bc-i-FGS::before { content: ""; }
.bc-i-apg::before { content: ""; }
.bc-i-APG::before { content: ""; }
.bc-i-rtg::before { content: ""; }
.bc-i-RTG::before { content: ""; }
.bc-i-egt::before { content: ""; }
.bc-i-amusnet::before { content: ""; }
.bc-i-amusnet-sgold::before { content: ""; }
.bc-i-EGT::before { content: ""; }
.bc-i-africabet::before { content: ""; }
.bc-i-dlv::before { content: ""; }
.bc-i-DLV::before { content: ""; }
.bc-i-ppg::before { content: ""; }
.bc-i-PPG::before { content: ""; }
.bc-i-hbn::before { content: ""; }
.bc-i-HBN::before { content: ""; }
.bc-i-tpg::before { content: ""; }
.bc-i-pragmaticplay::before { content: ""; }
.bc-i-mgs::before { content: ""; }
.bc-i-ctg::before { content: ""; }
.bc-i-egd::before { content: ""; }
.bc-i-ppl::before { content: ""; }
.bc-i-betfights::before { content: ""; }
.bc-i-125157::before { content: ""; }
.bc-i-BetFights::before { content: ""; }
.bc-i-pasoor::before { content: ""; }
.bc-i-500::before { content: ""; }
.bc-i-PasoorCards::before { content: ""; }
.bc-i-meritbet::before { content: ""; }
.bc-i-hokm::before { content: ""; }
.bc-i-504::before { content: ""; }
.bc-i-HokmCards::before { content: ""; }
.bc-i-bettinggames1::before { content: ""; }
.bc-i-hokm-1::before { content: ""; }
.bc-i-Hokm::before { content: ""; }
.bc-i-striker::before { content: ""; }
.bc-i-5000001::before { content: ""; }
.bc-i-Striker::before { content: ""; }
.bc-i-efb::before { content: ""; }
.bc-i-ops::before { content: ""; }
.bc-i-Ops::before { content: ""; }
.bc-i-ocp::before { content: ""; }
.bc-i-blast::before { content: ""; }
.bc-i-5000000::before { content: ""; }
.bc-i-Blast::before { content: ""; }
.bc-i-financial::before { content: ""; }
.bc-i-14000::before { content: ""; }
.bc-i-Financial::before { content: ""; }
.bc-i-monti::before { content: ""; }
.bc-i-141413::before { content: ""; }
.bc-i-Monti::before { content: ""; }
.bc-i-crash::before { content: ""; }
.bc-i-5000002::before { content: ""; }
.bc-i-CrashStatistics::before { content: ""; }
.bc-i-plinko::before { content: ""; }
.bc-i-102016::before { content: ""; }
.bc-i-papara::before { content: ""; }
.bc-i-Plinko1::before { content: ""; }
.bc-i-mines::before { content: ""; }
.bc-i-27117::before { content: ""; }
.bc-i-highestmultiplier::before { content: ""; }
.bc-i-420031084::before { content: ""; }
.bc-i-426634405::before { content: ""; }
.bc-i-MinesBomb::before { content: ""; }
.bc-i-vr-live-dealer::before { content: ""; }
.bc-i-45::before { content: ""; }
.bc-i-VrLiveDealer::before { content: ""; }
.bc-i-empirelottery::before { content: ""; }
.bc-i-400040631::before { content: ""; }
.bc-i-EmpireLottery::before { content: ""; }
.bc-i-bitupdown::before { content: ""; }
.bc-i-3400000::before { content: ""; }
.bc-i-BitUpDown::before { content: ""; }
.bc-i-aliensmasters::before { content: ""; }
.bc-i-570::before { content: ""; }
.bc-i-AliensMasters::before { content: ""; }
.bc-i-hi-lo::before { content: ""; }
.bc-i-big-hilo::before { content: ""; }
.bc-i-334::before { content: ""; }
.bc-i-HiLo::before { content: ""; }
.bc-i-crystal-crush::before { content: ""; }
.bc-i-131315::before { content: ""; }
.bc-i-CrystalCrush::before { content: ""; }
.bc-i-lightning-dice::before { content: ""; }
.bc-i-Dices2::before { content: ""; }
.bc-i-sic-bo::before { content: ""; }
.bc-i-Dices3::before { content: ""; }
.bc-i-buffalo-blitz-live-slots::before { content: ""; }
.bc-i-BuffaloLiveSlots::before { content: ""; }
.bc-i-wildstampede::before { content: ""; }
.bc-i-spin-a-win::before { content: ""; }
.bc-i-SpinAWin::before { content: ""; }
.bc-i-super-sic-bo::before { content: ""; }
.bc-i-Dices4::before { content: ""; }
.bc-i-deal-or-no-deal::before { content: ""; }
.bc-i-DealOrNoDeal::before { content: ""; }
.bc-i-monopoly-live::before { content: ""; }
.bc-i-MonopolyLive::before { content: ""; }
.bc-i-checker::before { content: ""; }
.bc-i-checkers::before { content: ""; }
.bc-i-88::before { content: ""; }
.bc-i-CheckerCrown::before { content: ""; }
.bc-i-chingachoong::before { content: ""; }
.bc-i-29::before { content: ""; }
.bc-i-ChingaChoong::before { content: ""; }
.bc-i-ogwil::before { content: ""; }
.bc-i-116::before { content: ""; }
.bc-i-wildwest::before { content: ""; }
.bc-i-Ogwil::before { content: ""; }
.bc-i-power-ball::before { content: ""; }
.bc-i-771::before { content: ""; }
.bc-i-PowerBall::before { content: ""; }
.bc-i-poolsbetting::before { content: ""; }
.bc-i-152000::before { content: ""; }
.bc-i-PoolsBetting::before { content: ""; }
.bc-i-zeppelin::before { content: ""; }
.bc-i-9010::before { content: ""; }
.bc-i-Zeppelin::before { content: ""; }
.bc-i-poker-card::before { content: ""; }
.bc-i-PokerCard::before { content: ""; }
.bc-i-russian-roulette::before { content: ""; }
.bc-i-24::before { content: ""; }
.bc-i-RussianRoulette::before { content: ""; }
.bc-i-talisman::before { content: ""; }
.bc-i-1181::before { content: ""; }
.bc-i-Talisman::before { content: ""; }
.bc-i-zonk::before { content: ""; }
.bc-i-3539::before { content: ""; }
.bc-i-Zonk::before { content: ""; }
.bc-i-28::before { content: ""; }
.bc-i-poker-1::before { content: ""; }
.bc-i-Poker2::before { content: ""; }
.bc-i-poker-2::before { content: ""; }
.bc-i-Poker3::before { content: ""; }
.bc-i-live::before { content: ""; }
.bc-i-Live1::before { content: ""; }
.bc-i-live-1::before { content: ""; }
.bc-i-Live2::before { content: ""; }
.bc-i-live-2::before { content: ""; }
.bc-i-Live3::before { content: ""; }
.bc-i-live-v1::before { content: ""; }
.bc-i-Live4::before { content: ""; }
.bc-i-live-3::before { content: ""; }
.bc-i-chain-bet::before { content: ""; }
.bc-i-ChainBet::before { content: ""; }
.bc-i-system-bet::before { content: ""; }
.bc-i-SystemBet::before { content: ""; }
.bc-i-multiple-bet::before { content: ""; }
.bc-i-MultipleBet::before { content: ""; }
.bc-i-single-bet::before { content: ""; }
.bc-i-SingleBet::before { content: ""; }
.bc-i-prematch::before { content: ""; }
.bc-i-Prematch1::before { content: ""; }
.bc-i-prematch-1::before { content: ""; }
.bc-i-Prematch2::before { content: ""; }
.bc-i-prematch-2::before { content: ""; }
.bc-i-Prematch3::before { content: ""; }
.bc-i-prematch-v1::before { content: ""; }
.bc-i-PrematchV1::before { content: ""; }
.bc-i-time::before { content: ""; }
.bc-i-placed::before { content: ""; }
.bc-i-login-limit::before { content: ""; }
.bc-i-bet-limits::before { content: ""; }
.bc-i-limits::before { content: ""; }
.bc-i-Time::before { content: ""; }
.bc-i-plusIcon::before { content: ""; }
.bc-i-expandIcon::before { content: ""; }
.bc-i-remove-circle::before { content: ""; }
.bc-i-declined::before { content: ""; }
.bc-i-RemoveCircle::before { content: ""; }
.bc-i-lost::before { content: ""; }
.bc-i-Lost::before { content: ""; }
.bc-i-won::before { content: ""; }
.bc-i-Won::before { content: ""; }
.bc-i-refresh::before { content: ""; }
.bc-i-Refresh::before { content: ""; }
.bc-i-pending::before { content: ""; }
.bc-i-Pending::before { content: ""; }
.bc-i-repeat::before { content: ""; }
.bc-i-Repeat::before { content: ""; }
.bc-i-exchange::before { content: ""; }
.bc-i-Exchange::before { content: ""; }
.bc-i-on-hold::before { content: ""; }
.bc-i-OnHold::before { content: ""; }
.bc-i-won-return::before { content: ""; }
.bc-i-WonReturn::before { content: ""; }
.bc-i-lost-return::before { content: ""; }
.bc-i-LostReturn::before { content: ""; }
.bc-i-returned::before { content: ""; }
.bc-i-Returned::before { content: ""; }
.bc-i-history::before { content: ""; }
.bc-i-session-history::before { content: ""; }
.bc-i-History::before { content: ""; }
.bc-i-cashed-out::before { content: ""; }
.bc-i-CashedOut::before { content: ""; }
.bc-i-cash::before { content: ""; }
.bc-i-CashCurrency::before { content: ""; }
.bc-i-boost1::before { content: ""; }
.bc-i-Boost1::before { content: ""; }
.bc-i-info::before { content: ""; }
.bc-i-Info::before { content: ""; }
.bc-i-player-info::before { content: ""; }
.bc-i-InfoF::before { content: ""; }
.bc-i-add-circle::before { content: ""; }
.bc-i-AddCircle::before { content: ""; }
.bc-i-transfer::before { content: ""; }
.bc-i-Transfer::before { content: ""; }
.bc-i-round-arrow-left::before { content: ""; }
.bc-i-RoundArrowLeft::before { content: ""; }
.bc-i-round-arrow-right::before { content: ""; }
.bc-i-RoundArrowRight::before { content: ""; }
.bc-i-slots::before { content: ""; }
.bc-i-Slots::before { content: ""; }
.bc-i-slots-v1::before { content: ""; }
.bc-i-SlotsV1::before { content: ""; }
.bc-i-sports::before { content: ""; }
.bc-i-Sportsbook::before { content: ""; }
.bc-i-jackpot::before { content: ""; }
.bc-i-Jackpot::before { content: ""; }
.bc-i-eye-hidden::before { content: ""; }
.bc-i-EyeHidden::before { content: ""; }
.bc-i-download::before { content: ""; }
.bc-i-Download::before { content: ""; }
.bc-i-upload::before { content: ""; }
.bc-i-Upload::before { content: ""; }
.bc-i-star::before { content: ""; }
.bc-i-StarF1::before { content: ""; }
.bc-i-favorite::before { content: ""; }
.bc-i-Star1::before { content: ""; }
.bc-i-upcoming::before { content: ""; }
.bc-i-Upcoming::before { content: ""; }
.bc-i-datepicker::before { content: ""; }
.bc-i-DatePicker::before { content: ""; }
.bc-i-dragontiger::before { content: ""; }
.bc-i-DragonTiger::before { content: ""; }
.bc-i-livekeno::before { content: ""; }
.bc-i-keno::before { content: ""; }
.bc-i-324::before { content: ""; }
.bc-i-150024::before { content: ""; }
.bc-i-524::before { content: ""; }
.bc-i-420031085::before { content: ""; }
.bc-i-420018888::before { content: ""; }
.bc-i-420018887::before { content: ""; }
.bc-i-LiveKeno::before { content: ""; }
.bc-i-rouletteftv::before { content: ""; }
.bc-i-RouletteFTV::before { content: ""; }
.bc-i-liveroulette::before { content: ""; }
.bc-i-LiveRoulette::before { content: ""; }
.bc-i-dreamcatcher::before { content: ""; }
.bc-i-DreamCatcher::before { content: ""; }
.bc-i-liveholdem::before { content: ""; }
.bc-i-LiveHoldem::before { content: ""; }
.bc-i-livecasino::before { content: ""; }
.bc-i-live-casino::before { content: ""; }
.bc-i-LiveCasino1::before { content: ""; }
.bc-i-live-casino-1::before { content: ""; }
.bc-i-LiveDealer2::before { content: ""; }
.bc-i-live-casino-2::before { content: ""; }
.bc-i-LiveCasino2::before { content: ""; }
.bc-i-LiveCasino::before { content: ""; }
.bc-i-asianGames::before { content: ""; }
.bc-i-AsianGames::before { content: ""; }
.bc-i-open-chinese-poker::before { content: ""; }
.bc-i-chinese-poker::before { content: ""; }
.bc-i-44::before { content: ""; }
.bc-i-OpenChinesePoker::before { content: ""; }
.bc-i-tablegames::before { content: ""; }
.bc-i-TableGames::before { content: ""; }
.bc-i-cards::before { content: ""; }
.bc-i-Cards::before { content: ""; }
.bc-i-side-bet-city::before { content: ""; }
.bc-i-SideBetCity::before { content: ""; }
.bc-i-football-studio::before { content: ""; }
.bc-i-FootballStudio::before { content: ""; }
.bc-i-blackjackftv::before { content: ""; }
.bc-i-BlackJackFTV::before { content: ""; }
.bc-i-baccaratftv::before { content: ""; }
.bc-i-BaccaratFTV::before { content: ""; }
.bc-i-supersixbaccarat::before { content: ""; }
.bc-i-SuperSixBaccarat::before { content: ""; }
.bc-i-belote::before { content: ""; }
.bc-i-10::before { content: ""; }
.bc-i-BeloteCards::before { content: ""; }
.bc-i-livepoker::before { content: ""; }
.bc-i-LivePoker::before { content: ""; }
.bc-i-caribbeanstudpoker::before { content: ""; }
.bc-i-CaribbeanStudPoker::before { content: ""; }
.bc-i-threecardpoker::before { content: ""; }
.bc-i-ThreeCardPoker::before { content: ""; }
.bc-i-livebaccarat::before { content: ""; }
.bc-i-liveblackjack::before { content: ""; }
.bc-i-420033727::before { content: ""; }
.bc-i-olympic::before { content: ""; }
.bc-i-Olympic::before { content: ""; }
.bc-i-sportsmania::before { content: ""; }
.bc-i-Betting-bet::before { content: ""; }
.bc-i-tournament::before { content: ""; }
.bc-i-VirtualFootballLeague::before { content: ""; }
.bc-i-populargames::before { content: ""; }
.bc-i-400037034::before { content: ""; }
.bc-i-426634442::before { content: ""; }
.bc-i-Tournament1::before { content: ""; }
.bc-i-juegosconbono::before { content: ""; }
.bc-i-tournament-2::before { content: ""; }
.bc-i-Tournament3::before { content: ""; }
.bc-i-casino-tournament-1::before { content: ""; }
.bc-i-CasinoTournament::before { content: ""; }
.bc-i-tournament-1::before { content: ""; }
.bc-i-Tournament2::before { content: ""; }
.bc-i-counter-offer::before { content: ""; }
.bc-i-CounterOffer::before { content: ""; }
.bc-i-freebet::before { content: ""; }
.bc-i-FreeBet::before { content: ""; }
.bc-i-profit-boost::before { content: ""; }
.bc-i-ProfitBoost::before { content: ""; }
.bc-i-superbet::before { content: ""; }
.bc-i-SuperBet::before { content: ""; }
.bc-i-gmail::before { content: ""; }
.bc-i-Gmail::before { content: ""; }
.bc-i-ok::before { content: ""; }
.bc-i-OK::before { content: ""; }
.bc-i-blog::before { content: ""; }
.bc-i-Blog::before { content: ""; }
.bc-i-twitch::before { content: ""; }
.bc-i-Twitch::before { content: ""; }
.bc-i-reddit::before { content: ""; }
.bc-i-Reddit::before { content: ""; }
.bc-i-pinterest::before { content: ""; }
.bc-i-Pinterest::before { content: ""; }
.bc-i-tiktok::before { content: ""; }
.bc-i-Tiktok::before { content: ""; }
.bc-i-whatsapp::before { content: ""; }
.bc-i-Whatsapp::before { content: ""; }
.bc-i-vk::before { content: ""; }
.bc-i-VK::before { content: ""; }
.bc-i-youtube::before { content: ""; }
.bc-i-Youtube::before { content: ""; }
.bc-i-instagram::before { content: ""; }
.bc-i-Instagram::before { content: ""; }
.bc-i-telegram::before { content: ""; }
.bc-i-Telegram::before { content: ""; }
.bc-i-facebook::before { content: ""; }
.bc-i-Facebook::before { content: ""; }
.bc-i-twitter::before { content: ""; }
.bc-i-Twitter::before { content: ""; }
.bc-i-X::before { content: ""; }
.bc-i-viber::before { content: ""; }
.bc-i-Viber::before { content: ""; }
.bc-i-skype::before { content: ""; }
.bc-i-Skype::before { content: ""; }
.bc-i-yellow-card::before { content: ""; }
.bc-i-YellowCard::before { content: ""; }
.bc-i-imo::before { content: ""; }
.bc-i-discord::before { content: ""; }
.bc-i-corner::before { content: ""; }
.bc-i-Corner::before { content: ""; }
.bc-i-chat::before { content: ""; }
.bc-i-Chat::before { content: ""; }
.bc-i-message::before { content: ""; }
.bc-i-confirmation-settings::before { content: ""; }
.bc-i-Message::before { content: ""; }
.bc-i-balance-management::before { content: ""; }
.bc-i-BalanceManagement::before { content: ""; }
.bc-i-topslots::before { content: ""; }
.bc-i-TopSlots::before { content: ""; }
.bc-i-megaways::before { content: ""; }
.bc-i-topmegaways::before { content: ""; }
.bc-i-MegaWays::before { content: ""; }
.bc-i-turkishTables::before { content: ""; }
.bc-i-TurkishTables::before { content: ""; }
.bc-i-videopoker::before { content: ""; }
.bc-i-VideoPoker::before { content: ""; }
.bc-i-euro2020slots::before { content: ""; }
.bc-i-Euro2020Slots::before { content: ""; }
.bc-i-casualgames::before { content: ""; }
.bc-i-CasualGames::before { content: ""; }
.bc-i-new1::before { content: ""; }
.bc-i-newrelease::before { content: ""; }
.bc-i-New::before { content: ""; }
.bc-i-scratchgames::before { content: ""; }
.bc-i-ScratchGames::before { content: ""; }
.bc-i-jackpotrain::before { content: ""; }
.bc-i-jackpots-1::before { content: ""; }
.bc-i-Jackpots2::before { content: ""; }
.bc-i-jackpots-2::before { content: ""; }
.bc-i-Jackpots3::before { content: ""; }
.bc-i-roulette::before { content: ""; }
.bc-i-150022::before { content: ""; }
.bc-i-150023::before { content: ""; }
.bc-i-420072::before { content: ""; }
.bc-i-Roulette::before { content: ""; }
.bc-i-videoslots::before { content: ""; }
.bc-i-VideoSlots::before { content: ""; }
.bc-i-cardgames::before { content: ""; }
.bc-i-CardGames::before { content: ""; }
.bc-i-virtualbetting::before { content: ""; }
.bc-i-VirtualBetting1::before { content: ""; }
.bc-i-virtualbetting-1::before { content: ""; }
.bc-i-VirtualBetting2::before { content: ""; }
.bc-i-virtualbetting-2::before { content: ""; }
.bc-i-VirtualBetting3::before { content: ""; }
.bc-i-tumblr::before { content: ""; }
.bc-i-Tumblr::before { content: ""; }
.bc-i-tacktics::before { content: ""; }
.bc-i-Tacktics::before { content: ""; }
.bc-i-betslip::before { content: ""; }
.bc-i-Betslip::before { content: ""; }
.bc-i-lock::before { content: ""; }
.bc-i-Lock::before { content: ""; }
.bc-i-frozen::before { content: ""; }
.bc-i-Frozen::before { content: ""; }
.bc-i-cashback-cashout::before { content: ""; }
.bc-i-CashbackCashout::before { content: ""; }
.bc-i-money-dollar::before { content: ""; }
.bc-i-buyfeature::before { content: ""; }
.bc-i-MoneyDollar::before { content: ""; }
.bc-i-paper-dollar::before { content: ""; }
.bc-i-PaperDollar::before { content: ""; }
.bc-i-circle-dollar::before { content: ""; }
.bc-i-deposits::before { content: ""; }
.bc-i-CircleDollar::before { content: ""; }
.bc-i-logout::before { content: ""; }
.bc-i-Logout::before { content: ""; }
.bc-i-edit::before { content: ""; }
.bc-i-Edit::before { content: ""; }
.bc-i-attention::before { content: ""; }
.bc-i-Attention::before { content: ""; }
.bc-i-stream::before { content: ""; }
.bc-i-Stream::before { content: ""; }
.bc-i-card-football::before { content: ""; }
.bc-i-CardFootball::before { content: ""; }
.bc-i-players::before { content: ""; }
.bc-i-Players::before { content: ""; }
.bc-i-team-t-shirt::before { content: ""; }
.bc-i-TeamTShirt::before { content: ""; }
.bc-i-graph::before { content: ""; }
.bc-i-Graph::before { content: ""; }
.bc-i-half-time::before { content: ""; }
.bc-i-HalfTime::before { content: ""; }
.bc-i-head-t-head::before { content: ""; }
.bc-i-HeadTHead::before { content: ""; }
.bc-i-field-soccer::before { content: ""; }
.bc-i-FieldSoccer::before { content: ""; }
.bc-i-result::before { content: ""; }
.bc-i-Results3::before { content: ""; }
.bc-i-field-basketball::before { content: ""; }
.bc-i-FieldBasketball::before { content: ""; }
.bc-i-block-to-right::before { content: ""; }
.bc-i-BlockToRight::before { content: ""; }
.bc-i-block-to-left::before { content: ""; }
.bc-i-BlockToLeft::before { content: ""; }
.bc-i-burger-2::before { content: ""; }
.bc-i-BurgerMenu1::before { content: ""; }
.bc-i-burger::before { content: ""; }
.bc-i-burger-menu::before { content: ""; }
.bc-i-BurgerMenu2::before { content: ""; }
.bc-i-menu-burger::before { content: ""; }
.bc-i-reorder-dots::before { content: ""; }
.bc-i-ReorderDots::before { content: ""; }
.bc-i-apps::before { content: ""; }
.bc-i-Apps::before { content: ""; }
.bc-i-search::before { content: ""; }
.bc-i-Search1::before { content: ""; }
.bc-i-wallet::before { content: ""; }
.bc-i-Wallet::before { content: ""; }
.bc-i-delete::before { content: ""; }
.bc-i-Delete::before { content: ""; }
.bc-i-streaming::before { content: ""; }
.bc-i-Streaming::before { content: ""; }
.bc-i-shorts::before { content: ""; }
.bc-i-statistics::before { content: ""; }
.bc-i-Statistics::before { content: ""; }
.bc-i-linkedin::before { content: ""; }
.bc-i-Linkedin::before { content: ""; }
.bc-i-android::before { content: ""; }
.bc-i-Android::before { content: ""; }
.bc-i-app-store::before { content: ""; }
.bc-i-AppStore::before { content: ""; }
.bc-i-mobile::before { content: ""; }
.bc-i-Mobile::before { content: ""; }
.bc-i-applications::before { content: ""; }
.bc-i-Applications::before { content: ""; }
.bc-i-draw::before { content: ""; }
.bc-i-Draw::before { content: ""; }
.bc-i-eye::before { content: ""; }
.bc-i-EyeF::before { content: ""; }
.bc-i-eye-no-fill::before { content: ""; }
.bc-i-Eye::before { content: ""; }
.bc-i-call::before { content: ""; }
.bc-i-Call::before { content: ""; }
.bc-i-casino::before { content: ""; }
.bc-i-Casino1::before { content: ""; }
.bc-i-casino-1::before { content: ""; }
.bc-i-Casino2::before { content: ""; }
.bc-i-casino-2::before { content: ""; }
.bc-i-Casino3::before { content: ""; }
.bc-i-notification::before { content: ""; }
.bc-i-Notification::before { content: ""; }
.bc-i-promotion::before { content: ""; }
.bc-i-Promotion1::before { content: ""; }
.bc-i-settings::before { content: ""; }
.bc-i-Settings1::before { content: ""; }
.bc-i-swatches::before { content: ""; }
.bc-i-Swatches::before { content: ""; }
.bc-i-play-circle::before { content: ""; }
.bc-i-PlayCircle::before { content: ""; }
.bc-i-pause::before { content: ""; }
.bc-i-Pause::before { content: ""; }
.bc-i-play::before { content: ""; }
.bc-i-Play::before { content: ""; }
.bc-i-stop::before { content: ""; }
.bc-i-Stop::before { content: ""; }
.bc-i-checked::before { content: ""; }
.bc-i-Checked::before { content: ""; }
.bc-i-close-with::before { content: ""; }
.bc-i-center::before { content: ""; }
.bc-i-CloseWith::before { content: ""; }
.bc-i-open-with::before { content: ""; }
.bc-i-OpenWith::before { content: ""; }
.bc-i-settings1::before { content: ""; }
.bc-i-Settings2::before { content: ""; }
.bc-i-config::before { content: ""; }
.bc-i-Config::before { content: ""; }
.bc-i-duplicate::before { content: ""; }
.bc-i-Duplicate::before { content: ""; }
.bc-i-add::before { content: ""; }
.bc-i-Add::before { content: ""; }
.bc-i-remove::before { content: ""; }
.bc-i-Remove::before { content: ""; }
.bc-i-radio-selected::before { content: ""; }
.bc-i-RadioSelected::before { content: ""; }
.bc-i-radio-unselected::before { content: ""; }
.bc-i-RadioUnselected::before { content: ""; }
.bc-i-check-box-checked::before { content: ""; }
.bc-i-CheckBoxChecked::before { content: ""; }
.bc-i-check-box-unchecked::before { content: ""; }
.bc-i-CheckBoxUnchecked::before { content: ""; }
.bc-i-double-arrow-top::before { content: ""; }
.bc-i-DoubleArrowTop::before { content: ""; }
.bc-i-double-arrow-bottom::before { content: ""; }
.bc-i-DoubleArrowBottom::before { content: ""; }
.bc-i-compare-arrows::before { content: ""; }
.bc-i-CompareArrows::before { content: ""; }
.bc-i-arrow-to::before { content: ""; }
.bc-i-ArrowTo::before { content: ""; }
.bc-i-arrow-to-left::before { content: ""; }
.bc-i-ArrowToLeft::before { content: ""; }
.bc-i-arrow-to-right::before { content: ""; }
.bc-i-ArrowToRight::before { content: ""; }
.bc-i-arrow-back::before { content: ""; }
.bc-i-ArrowBack::before { content: ""; }
.bc-i-arrow-forward::before { content: ""; }
.bc-i-ArrowForward::before { content: ""; }
.bc-i-arrow-downward::before { content: ""; }
.bc-i-ArrowDownward::before { content: ""; }
.bc-i-arrow-upward::before { content: ""; }
.bc-i-ArrowUpward::before { content: ""; }
.bc-i-small-arrow-left::before { content: ""; }
.bc-i-SmallArrowLeft::before { content: ""; }
.bc-i-small-arrow-right::before { content: ""; }
.bc-i-SmallArrowRight::before { content: ""; }
.bc-i-small-arrow-down::before { content: ""; }
.bc-i-SmallArrowDown::before { content: ""; }
.bc-i-small-arrow-up::before { content: ""; }
.bc-i-SmallArrowUp::before { content: ""; }
.bc-i-arrow-down::before { content: ""; }
.bc-i-ArrowDown::before { content: ""; }
.bc-i-arrow-up::before { content: ""; }
.bc-i-ArrowUp::before { content: ""; }
.bc-i-arrow-drop-down-left::before { content: ""; }
.bc-i-ArrowDropDownLeft::before { content: ""; }
.bc-i-arrow-drop-down-right::before { content: ""; }
.bc-i-ArrowDropDownRight::before { content: ""; }
.bc-i-arrow-drop-down-bottom::before { content: ""; }
.bc-i-ArrowDropDownBottom::before { content: ""; }
.bc-i-sortUpDown::before { content: ""; }
.bc-i-arrow-drop-down-up::before { content: ""; }
.bc-i-ArrowDropDownUp::before { content: ""; }
.bc-i-close-remove::before { content: ""; }
.bc-i-CloseRemove::before { content: ""; }
.bc-i-lightning::before { content: ""; }
.bc-i-Lightning::before { content: ""; }
.bc-i-thunderstorm::before { content: ""; }
.bc-i-420031921::before { content: ""; }
.bc-i-ThunderStorm::before { content: ""; }
.bc-i-FlashGames::before { content: ""; }
.bc-i-Slot777::before { content: ""; }
.bc-i-lotterygames::before { content: ""; }
.bc-i-LotteryGames::before { content: ""; }
.bc-i-VideoBingo::before { content: ""; }
.bc-i-videobingo::before { content: ""; }
.bc-i-othergames::before { content: ""; }
.bc-i-others::before { content: ""; }
.bc-i-OtherGamesDots::before { content: ""; }
.bc-i-vertical-toggle::before { content: ""; }
.bc-i-VerticalToggle::before { content: ""; }
.bc-i-new-icon::before { content: ""; }
.bc-i-NewIcon::before { content: ""; }
.bc-i-classic::before { content: ""; }
.bc-i-classicslots::before { content: ""; }
.bc-i-sesbettop20::before { content: ""; }
.bc-i-sesbetpopulargames::before { content: ""; }
.bc-i-jackpotcards::before { content: ""; }
.bc-i-ClassicSlots::before { content: ""; }
.bc-i-skill::before { content: ""; }
.bc-i-SkillGames2::before { content: ""; }
.bc-i-topgames::before { content: ""; }
.bc-i-highlightsoftheweek::before { content: ""; }
.bc-i-TopGames::before { content: ""; }
.bc-i-SlotMachine::before { content: ""; }
.bc-i-Vip::before { content: ""; }
.bc-i-egtdigitaljp::before { content: ""; }
.bc-i-VIP::before { content: ""; }
.bc-i-Wheel-of-dice::before { content: ""; }
.bc-i-WheelOfDice::before { content: ""; }
.bc-i-LiveDraw::before { content: "w"; }
.bc-i-Search::before { content: ""; }
.bc-i-Search2::before { content: ""; }
.bc-i-star-radius::before { content: ""; }
.bc-i-StarF2::before { content: ""; }
.bc-i-Star::before { content: ""; }
.bc-i-Star21::before { content: ""; }
.bc-i-Star2::before { content: ""; }
.bc-i-Star3::before { content: ""; }
.bc-i-dailyjackpots::before { content: ""; }
.bc-i-DailyJackpots::before { content: ""; }
.bc-i-Favorite-2::before { content: ""; }
.bc-i-Favorite2::before { content: ""; }
.bc-i-Favorite::before { content: ""; }
.bc-i-vgsweethearts::before { content: ""; }
.bc-i-valentinesdayslots::before { content: ""; }
.bc-i-valentine::before { content: ""; }
.bc-i-mostliked::before { content: ""; }
.bc-i-Favorite1::before { content: ""; }
.bc-i-ValentinesDaySlots::before { content: ""; }
.bc-i-Favorite-outline::before { content: ""; }
.bc-i-FavoriteOutline::before { content: ""; }
.bc-i-powerkeno::before { content: ""; }
.bc-i-324121::before { content: ""; }
.bc-i-426634866::before { content: ""; }
.bc-i-PowerKeno::before { content: ""; }
.bc-i-wagering-bonus::before { content: ""; }
.bc-i-WageringBonus::before { content: ""; }
.bc-i-arcade::before { content: ""; }
.bc-i-3301632::before { content: ""; }
.bc-i-Arcade::before { content: ""; }
.bc-i-gogoBanana::before { content: ""; }
.bc-i-420014053::before { content: ""; }
.bc-i-GogoBanana::before { content: ""; }
.bc-i-diamondQuest::before { content: ""; }
.bc-i-420014058::before { content: ""; }
.bc-i-DiamondQuest::before { content: ""; }
.bc-i-plinko1::before { content: ""; }
.bc-i-420014051::before { content: ""; }
.bc-i-10921::before { content: ""; }
.bc-i-Plinko2::before { content: ""; }
.bc-i-magicIdol::before { content: ""; }
.bc-i-420014052::before { content: ""; }
.bc-i-MagicIDol::before { content: ""; }
.bc-i-nonStopRoulette::before { content: ""; }
.bc-i-141417::before { content: ""; }
.bc-i-NonStopRoulette::before { content: ""; }
.bc-i-catchMe::before { content: ""; }
.bc-i-141426::before { content: ""; }
.bc-i-CatchMe::before { content: ""; }
.bc-i-nonStopBlackJack::before { content: ""; }
.bc-i-161616::before { content: ""; }
.bc-i-NonStopBlackJack::before { content: ""; }
.bc-i-dreamWheel::before { content: ""; }
.bc-i-141425::before { content: ""; }
.bc-i-DreamWheel::before { content: ""; }
.bc-i-nonStopBaccarat::before { content: ""; }
.bc-i-141427::before { content: ""; }
.bc-i-NonStopBaccarat::before { content: ""; }
.bc-i-turboBaccarat::before { content: ""; }
.bc-i-141432::before { content: ""; }
.bc-i-TurboBaccarat::before { content: ""; }
.bc-i-welcome::before { content: ""; }
.bc-i-Welcome::before { content: ""; }
.bc-i-calendar::before { content: ""; }
.bc-i-today-bets::before { content: ""; }
.bc-i-TodayBets::before { content: ""; }
.bc-i-fruits::before { content: ""; }
.bc-i-endorphinajp::before { content: ""; }
.bc-i-Fruits::before { content: ""; }
.bc-i-books::before { content: ""; }
.bc-i-Books::before { content: ""; }
.bc-i-wagerslots::before { content: ""; }
.bc-i-WagerSlots::before { content: ""; }
.bc-i-egypt::before { content: ""; }
.bc-i-Egypt::before { content: ""; }
.bc-i-popular::before { content: ""; }
.bc-i-Popular::before { content: ""; }
.bc-i-footballStreakChampions::before { content: ""; }
.bc-i-400037044::before { content: ""; }
.bc-i-426633697::before { content: ""; }
.bc-i-FootballStreakChampions::before { content: ""; }
.bc-i-virtualFootballLeague::before { content: ""; }
.bc-i-400037043::before { content: ""; }
.bc-i-420019060::before { content: ""; }
.bc-i-420033862::before { content: ""; }
.bc-i-420040039::before { content: ""; }
.bc-i-VirtualFootballLeague1::before { content: ""; }
.bc-i-greyhoundsStreak::before { content: ""; }
.bc-i-40009992::before { content: ""; }
.bc-i-dogs::before { content: ""; }
.bc-i-GreyHoundsStreak::before { content: ""; }
.bc-i-horsesStreak::before { content: ""; }
.bc-i-400037040::before { content: ""; }
.bc-i-420015961::before { content: ""; }
.bc-i-HorsesStreak::before { content: ""; }
.bc-i-footballPenaltyDuel::before { content: ""; }
.bc-i-40009991::before { content: ""; }
.bc-i-420015962::before { content: ""; }
.bc-i-420015963::before { content: ""; }
.bc-i-FootballPenaltyDuel::before { content: ""; }
.bc-i-footballCupWorld::before { content: ""; }
.bc-i-400037060::before { content: ""; }
.bc-i-FootballCupWorld::before { content: ""; }
.bc-i-scratch-card::before { content: ""; }
.bc-i-ScratchCard::before { content: ""; }
.bc-i-Print::before { content: ""; }
.bc-i-worldcup2022::before { content: ""; }
.bc-i-WorldCup2022::before { content: ""; }
.bc-i-icons-feed-throwin::before { content: ""; }
.bc-i-throw::before { content: ""; }
.bc-i-IconsFeedThrowin::before { content: ""; }
.bc-i-icons-feed-offside::before { content: ""; }
.bc-i-offside::before { content: ""; }
.bc-i-IconsFeedOffside::before { content: ""; }
.bc-i-foul::before { content: ""; }
.bc-i-Foul::before { content: ""; }
.bc-i-Pelota::before { content: ""; }
.bc-i-newyear::before { content: ""; }
.bc-i-newyearspecialslotmultipliertournament::before { content: ""; }
.bc-i-xmas::before { content: ""; }
.bc-i-newyearsbash::before { content: ""; }
.bc-i-newyearrace::before { content: ""; }
.bc-i-christmasgamesonvbet::before { content: ""; }
.bc-i-electric-crash::before { content: ""; }
.bc-i-420014070::before { content: ""; }
.bc-i-turbo-belote::before { content: ""; }
.bc-i-33060318::before { content: ""; }
.bc-i-hilo::before { content: ""; }
.bc-i-420014065::before { content: ""; }
.bc-i-double-wheel::before { content: ""; }
.bc-i-141428::before { content: ""; }
.bc-i-drift::before { content: ""; }
.bc-i-141430::before { content: ""; }
.bc-i-specialgames::before { content: ""; }
.bc-i-buy-bonus-slots::before { content: ""; }
.bc-i-medium::before { content: ""; }
.bc-i-lucky-lotto::before { content: ""; }
.bc-i-151516::before { content: ""; }
.bc-i-mines1::before { content: ""; }
.bc-i-33060324::before { content: ""; }
.bc-i-420014075::before { content: ""; }
.bc-i-Multi::before { content: ""; }
.bc-i-keno1::before { content: ""; }
.bc-i-12500::before { content: ""; }
.bc-i-12501::before { content: ""; }
.bc-i-12502::before { content: ""; }
.bc-i-12503::before { content: ""; }
.bc-i-12507::before { content: ""; }
.bc-i-12508::before { content: ""; }
.bc-i-420015766::before { content: ""; }
.bc-i-pokerTH::before { content: ""; }
.bc-i-12505::before { content: ""; }
.bc-i-roulette1::before { content: ""; }
.bc-i-12511::before { content: ""; }
.bc-i-12512::before { content: ""; }
.bc-i-12513::before { content: ""; }
.bc-i-12514::before { content: ""; }
.bc-i-12509::before { content: ""; }
.bc-i-redlottery::before { content: ""; }
.bc-i-12504::before { content: ""; }
.bc-i-lotto-7-49::before { content: ""; }
.bc-i-420015794::before { content: ""; }
.bc-i-lotto-6-42::before { content: ""; }
.bc-i-420015793::before { content: ""; }
.bc-i-lotto-5-36::before { content: ""; }
.bc-i-420015792::before { content: ""; }
.bc-i-features::before { content: ""; }
.bc-i-extrachance::before { content: ""; }
.bc-i-occupation::before { content: ""; }
.bc-i-show-all-categories::before { content: ""; }
.bc-i-aviatrix::before { content: ""; }
.bc-i-3606::before { content: ""; }
.bc-i-Aviatrix1::before { content: ""; }
.bc-i-JacksOrBetter::before { content: ""; }
.bc-i-420015509::before { content: ""; }
.bc-i-nonStopMatch::before { content: ""; }
.bc-i-33060326::before { content: ""; }
.bc-i-OddBall::before { content: ""; }
.bc-i-33060314::before { content: ""; }
.bc-i-champion-challenge::before { content: ""; }
.bc-i-33060319::before { content: ""; }
.bc-i-euro2024::before { content: ""; }
.bc-i-turbo-blackjack::before { content: ""; }
.bc-i-33060316::before { content: ""; }
.bc-i-spaceman::before { content: ""; }
.bc-i-400043028::before { content: ""; }
.bc-i-BTC::before { content: ""; }
.bc-i-ETH::before { content: ""; }
.bc-i-TUS::before { content: ""; }
.bc-i-LTC::before { content: ""; }
.bc-i-FTN::before { content: ""; }
.bc-i-ftnjackpotdrop::before { content: ""; }
.bc-i-ftnmania::before { content: ""; }
.bc-i-dog6::before { content: ""; }
.bc-i-420015960::before { content: ""; }
.bc-i-achievement::before { content: ""; }
.bc-i-crashgamesur::before { content: ""; }
.bc-i-crashgames::before { content: ""; }
.bc-i-blast1::before { content: ""; }
.bc-i-33060327::before { content: ""; }
.bc-i-crazyWorm::before { content: ""; }
.bc-i-33060325::before { content: ""; }
.bc-i-stairs::before { content: ""; }
.bc-i-420015275::before { content: ""; }
.bc-i-Diia::before { content: ""; }
.bc-i-fastTrade::before { content: ""; }
.bc-i-141429::before { content: ""; }
.bc-i-crash1::before { content: ""; }
.bc-i-33060328::before { content: ""; }
.bc-i-amigosFestival::before { content: ""; }
.bc-i-400040635::before { content: ""; }
.bc-i-goldenGlobe::before { content: ""; }
.bc-i-400040633::before { content: ""; }
.bc-i-jungleHashs::before { content: ""; }
.bc-i-400040634::before { content: ""; }
.bc-i-hotkwachagames::before { content: ""; }
.bc-i-zambiagames::before { content: ""; }
.bc-i-lowdatagames::before { content: ""; }
.bc-i-view-list::before { content: ""; }
.bc-i-view-module::before { content: ""; }
.bc-i-menu-open::before { content: ""; }
.bc-i-menu-close::before { content: ""; }
.bc-i-rule::before { content: ""; }
.bc-i-leaderboard::before { content: ""; }
.bc-i-user1::before { content: ""; }
.bc-i-bonus1::before { content: ""; }
.bc-i-exclusivetotimebet::before { content: ""; }
.bc-i-monthlymostpreferredslots::before { content: ""; }
.bc-i-420015434::before { content: ""; }
.bc-i-777poker::before { content: ""; }
.bc-i-3150::before { content: ""; }
.bc-i-space-taxi::before { content: ""; }
.bc-i-420018881::before { content: ""; }
.bc-i-instant-keno::before { content: ""; }
.bc-i-420015499::before { content: ""; }
.bc-i-striker1::before { content: ""; }
.bc-i-trusted::before { content: ""; }
.bc-i-connect-wallet::before { content: ""; }
.bc-i-express-the-day::before { content: ""; }
.bc-i-pragmaticplayjackpot::before { content: ""; }
.bc-i-PUBGMobile::before { content: ""; }
.bc-i-aviator::before { content: ""; }
.bc-i-806666::before { content: ""; }
.bc-i-stage::before { content: ""; }
.bc-i-home::before { content: ""; }
.bc-i-andarBahar::before { content: ""; }
.bc-i-420016246::before { content: ""; }
.bc-i-shumba::before { content: ""; }
.bc-i-161617::before { content: ""; }
.bc-i-xLogo::before { content: ""; }
.bc-i-hacksawexclusive::before { content: ""; }
.bc-i-misio::before { content: ""; }
.bc-i-Misio::before { content: ""; }
.bc-i-threads::before { content: ""; }
.bc-i-betslip-icon::before { content: ""; }
.bc-i-prizes::before { content: ""; }
.bc-i-summertime::before { content: ""; }
.bc-i-SummerTime::before { content: ""; }
.bc-i-profits::before { content: ""; }
.bc-i-fast-news::before { content: ""; }
.bc-i-keno2::before { content: ""; }
.bc-i-420015425::before { content: ""; }
.bc-i-touch-me::before { content: ""; }
.bc-i-420016327::before { content: ""; }
.bc-i-keno10::before { content: ""; }
.bc-i-420018919::before { content: ""; }
.bc-i-limbo::before { content: ""; }
.bc-i-420015419::before { content: ""; }
.bc-i-420018918::before { content: ""; }
.bc-i-keno8::before { content: ""; }
.bc-i-blackjack-crypto::before { content: ""; }
.bc-i-420015421::before { content: ""; }
.bc-i-winball::before { content: ""; }
.bc-i-10918::before { content: ""; }
.bc-i-penalty1::before { content: ""; }
.bc-i-10917::before { content: ""; }
.bc-i-formula1::before { content: ""; }
.bc-i-10914::before { content: ""; }
.bc-i-greyhound-racing::before { content: ""; }
.bc-i-10915::before { content: ""; }
.bc-i-SISGreyhound::before { content: ""; }
.bc-i-wow-bow::before { content: ""; }
.bc-i-10919::before { content: ""; }
.bc-i-horse-racing::before { content: ""; }
.bc-i-10916::before { content: ""; }
.bc-i-boombasket::before { content: ""; }
.bc-i-10912::before { content: ""; }
.bc-i-darts::before { content: ""; }
.bc-i-10913::before { content: ""; }
.bc-i-boomball::before { content: ""; }
.bc-i-10911::before { content: ""; }
.bc-i-striker2::before { content: ""; }
.bc-i-10920::before { content: ""; }
.bc-i-thunder::before { content: ""; }
.bc-i-10910::before { content: ""; }
.bc-i-Quake::before { content: ""; }
.bc-i-blackjack::before { content: ""; }
.bc-i-LiveBlackJack::before { content: ""; }
.bc-i-baccarat::before { content: ""; }
.bc-i-LiveBaccarat::before { content: ""; }
.bc-i-indianTables::before { content: ""; }
.bc-i-soundcloud::before { content: ""; }
.bc-i-poker::before { content: ""; }
.bc-i-Poker1::before { content: ""; }
.bc-i-virtual-races::before { content: ""; }
.bc-i-420030744::before { content: ""; }
.bc-i-instant-euroleague-legends::before { content: ""; }
.bc-i-420018930::before { content: ""; }
.bc-i-nascar-streak::before { content: ""; }
.bc-i-420018929::before { content: ""; }
.bc-i-archive::before { content: ""; }
.bc-i-the-power-of-choice::before { content: ""; }
.bc-i-ThePowerOfChoice::before { content: ""; }
.bc-i-chance-to-change-blackjack::before { content: ""; }
.bc-i-420016236::before { content: ""; }
.bc-i-red-hot-line::before { content: ""; }
.bc-i-420030856::before { content: ""; }
.bc-i-crash-crypto::before { content: ""; }
.bc-i-420015420::before { content: ""; }
.bc-i-dice1::before { content: ""; }
.bc-i-420015423::before { content: ""; }
.bc-i-cryptogames::before { content: ""; }
.bc-i-stake-and-earn::before { content: ""; }
.bc-i-ClashofClans::before { content: ""; }
.bc-i-world::before { content: ""; }
.bc-i-World::before { content: ""; }
.bc-i-whistle::before { content: ""; }
.bc-i-stadium1::before { content: ""; }
.bc-i-playoff::before { content: ""; }
.bc-i-burger-menu2::before { content: ""; }
.bc-i-winlandia::before { content: ""; }
.bc-i-Winlandia::before { content: ""; }
.bc-i-betonpoker::before { content: ""; }
.bc-i-420030789::before { content: ""; }
.bc-i-ninjafruitcubes::before { content: ""; }
.bc-i-420031768::before { content: ""; }
.bc-i-luckyspin::before { content: ""; }
.bc-i-420032901::before { content: ""; }
.bc-i-bonuswagering::before { content: ""; }
.bc-i-bonusslots::before { content: ""; }
.bc-i-returned1::before { content: ""; }
.bc-i-calculate::before { content: ""; }
.bc-i-Bowling::before { content: ""; }
.bc-i-green-start::before { content: ""; }
.bc-i-GreenStart::before { content: ""; }
.bc-i-euro::before { content: ""; }
.bc-i-Euro::before { content: ""; }
.bc-i-trash::before { content: ""; }
.bc-i-add-row::before { content: ""; }
.bc-i-add-column::before { content: ""; }
.bc-i-layouts::before { content: ""; }
.bc-i-rewards::before { content: ""; }
.bc-i-Vaquejada::before { content: ""; }
.bc-i-X1Football::before { content: ""; }
.bc-i-aviatrix-1::before { content: ""; }
.bc-i-Aviatrix2::before { content: ""; }
.bc-i-search-request::before { content: ""; }
.bc-i-bring-friend::before { content: ""; }
.bc-i-zeppelin-1::before { content: ""; }
.bc-i-elementarDragonScore::before { content: ""; }
.bc-i-towerScore::before { content: ""; }
.bc-i-inhibitor::before { content: ""; }
.bc-i-killScore::before { content: ""; }
.bc-i-baronScore::before { content: ""; }
.bc-i-share::before { content: ""; }
.bc-i-easter::before { content: ""; }
.bc-i-hoory::before { content: ""; }
.bc-i-draggable::before { content: ""; }
.bc-i-belllinkjackpot::before { content: ""; }
.bc-i-community::before { content: ""; }
.bc-i-crashosaurus::before { content: ""; }
.bc-i-426633798::before { content: ""; }
.bc-i-RedHotLine2::before { content: ""; }
.bc-i-420032827::before { content: ""; }
.bc-i-dice3::before { content: ""; }
.bc-i-426634207::before { content: ""; }
.bc-i-CrashExtreme::before { content: ""; }
.bc-i-420033385::before { content: ""; }
.bc-i-CrashInfinity::before { content: ""; }
.bc-i-420033108::before { content: ""; }
.bc-i-crash-infinity::before { content: ""; }
.bc-i-almancrash::before { content: ""; }
.bc-i-FootballCup::before { content: ""; }
.bc-i-426634205::before { content: ""; }
.bc-i-hooryAI-stars::before { content: ""; }
.bc-i-crownslots::before { content: ""; }
.bc-i-sloteuro2024::before { content: ""; }
.bc-i-euro-cup::before { content: ""; }
.bc-i-EuroCup::before { content: ""; }
.bc-i-FastFlip::before { content: ""; }
.bc-i-420030656::before { content: ""; }
.bc-i-new::before { content: ""; }
.bc-i-bftharena::before { content: ""; }
.bc-i-BFTH-arena::before { content: ""; }
.bc-i-Slap::before { content: ""; }
.bc-i-copa-america::before { content: ""; }
.bc-i-CopaAmerica::before { content: ""; }
.bc-i-heylink::before { content: ""; }
.bc-i-virtualbetting-3::before { content: ""; }
.bc-i-VirtualBetting4::before { content: ""; }
.bc-i-ortak::before { content: ""; }
.bc-i-Ortak::before { content: ""; }
.bc-i-Breaking::before { content: ""; }
.bc-i-casinowelcomebonus::before { content: ""; }
.bc-i-running-line-star::before { content: ""; }
.bc-i-bigbassgames::before { content: ""; }
.bc-i-Camogie::before { content: ""; }
.bc-i-pool-masters::before { content: ""; }
.bc-i-PoolMasters::before { content: ""; }
.bc-i-freespin::before { content: ""; }
.bc-i-yiriwa::before { content: ""; }
.bc-i-jackpots::before { content: ""; }
.bc-i-Jackpots1::before { content: ""; }
.bc-i-galabetspecial::before { content: ""; }
.bc-i-brazilianTables::before { content: ""; }
.bc-i-delete1::before { content: ""; }
.bc-i-desktopView::before { content: ""; }
.bc-i-mobileView::before { content: ""; }
.bc-i-slingo::before { content: ""; }
.bc-i-stepBack::before { content: ""; }
.bc-i-betongames::before { content: ""; }
.bc-i-playtech::before { content: ""; }
.bc-i-gameshows::before { content: ""; }
.bc-i-crashBall::before { content: ""; }
.bc-i-420015433::before { content: ""; }
.bc-i-miniGames::before { content: ""; }
.bc-i-1666::before { content: ""; }
.bc-i-fishing1::before { content: ""; }
.bc-i-420015431::before { content: ""; }
.bc-i-coinFlipper::before { content: ""; }
.bc-i-420015430::before { content: ""; }
.bc-i-plinko11::before { content: ""; }
.bc-i-420015418::before { content: ""; }
.bc-i-poker-ko::before { content: ""; }
.bc-i-hilo1::before { content: ""; }
.bc-i-420015422::before { content: ""; }
.bc-i-aviatrixMRFirst::before { content: ""; }
.bc-i-426636977::before { content: ""; }
.bc-i-drift1::before { content: ""; }
.bc-i-420015432::before { content: ""; }
.bc-i-layers1::before { content: ""; }
.bc-i-aviatrixFTN::before { content: ""; }
.bc-i-420031266::before { content: ""; }
.bc-i-roulette2::before { content: ""; }
.bc-i-420015426::before { content: ""; }
.bc-i-aviaStar::before { content: ""; }
.bc-i-400038649::before { content: ""; }
.bc-i-tikiQuest::before { content: ""; }
.bc-i-426636592::before { content: ""; }
.bc-i-hotCricket::before { content: ""; }
.bc-i-420031607::before { content: ""; }
.bc-i-dailywinsslots::before { content: ""; }
.bc-i-fruits-vegetables::before { content: ""; }
.bc-i-superBetoCrash::before { content: ""; }
.bc-i-426636721::before { content: ""; }
.bc-i-moneyLocker::before { content: ""; }
.bc-i-420015429::before { content: ""; }
.bc-i-lucky5::before { content: ""; }
.bc-i-9002::before { content: ""; }
.bc-i-mines2::before { content: ""; }
.bc-i-420015428::before { content: ""; }
.bc-i-highFlyer::before { content: ""; }
.bc-i-426636687::before { content: ""; }
.bc-i-baccarat1::before { content: ""; }
.bc-i-420015427::before { content: ""; }
.bc-i-gravity::before { content: ""; }
.bc-i-420033335::before { content: ""; }
.bc-i-skyward::before { content: ""; }
.bc-i-420032120::before { content: ""; }
.bc-i-magic::before { content: ""; }
.bc-i-mystery::before { content: ""; }
.bc-i-megacandyfestivalcashrain::before { content: ""; }
.bc-i-spingift::before { content: ""; }
.bc-i-account-closure::before { content: ""; }
.bc-i-pin::before { content: ""; }
.bc-i-Osu::before { content: ""; }
.bc-i-brasil::before { content: ""; }
.bc-i-christmas::before { content: ""; }
.bc-i-horseRacing1::before { content: ""; }
.bc-i-HorseRacingF::before { content: ""; }
.bc-i-safer::before { content: ""; }
.bc-i-Safer::before { content: ""; }
.bc-i-promotion1::before { content: ""; }
.bc-i-Promotion2::before { content: ""; }
.bc-i-freeToPlay::before { content: ""; }
.bc-i-FreeToPlay::before { content: ""; }
.bc-i-casino4::before { content: ""; }
.bc-i-amusnetexclusive::before { content: ""; }
.bc-i-CasinoCrown::before { content: ""; }
.bc-i-nanovipslot::before { content: ""; }
.bc-i-endorphinasdrops::before { content: ""; }
.bc-i-brand-new::before { content: ""; }
.bc-i-Deadlock::before { content: ""; }
.bc-i-extrarecommended::before { content: ""; }
.bc-i-extrabetexclusive::before { content: ""; }
.bc-i-all-games1::before { content: ""; }
.bc-i-sort::before { content: ""; }
.bc-i-sort-down::before { content: ""; }
.bc-i-sort-up::before { content: ""; }
.bc-i-SortUp::before { content: ""; }
.bc-i-yophone::before { content: ""; }
.bc-i-achat::before { content: ""; }
.bc-i-chinesenewyear::before { content: ""; }
.bc-i-toubiji::before { content: ""; }
.bc-i-india::before { content: ""; }
.bc-i-racing::before { content: ""; }
.bc-i-horses::before { content: ""; }
.bc-i-padishahbetoriginals::before { content: ""; }
.bc-i-compra::before { content: ""; }
.bc-i-egtvipbelllink::before { content: ""; }
.bc-i-instantVirtual::before { content: ""; }
.bc-i-farsiTables::before { content: ""; }
.bc-i-africa::before { content: ""; }
.bc-i-gold::before { content: ""; }
.bc-i-stvalentine::before { content: ""; }
.bc-i-Entertainment::before { content: ""; }
.bc-i-valentine-sday::before { content: ""; }
.bc-i-spinsoflove::before { content: ""; }
.bc-i-Hezarfen::before { content: ""; }
.bc-i-426636210::before { content: ""; }
.bc-i-crashpoki::before { content: ""; }
.bc-i-500000203::before { content: ""; }
.bc-i-pages::before { content: ""; }
.bc-i-ortakshort::before { content: ""; }
.bc-i-exclusivegames::before { content: ""; }
.bc-i-coins::before { content: ""; }
.bc-i-tiktak::before { content: ""; }
.bc-i-trebuchet::before { content: ""; }
.bc-i-dice::before { content: ""; }
.bc-i-Dice11::before { content: ""; }
.bc-i-Snowboarding::before { content: ""; }
.bc-i-FreestyleSkiing::before { content: ""; }
.bc-i-sort-a-z::before { content: ""; }
.bc-i-tournamentgames::before { content: ""; }
.bc-i-bigwin::before { content: ""; }
.bc-i-onlyinmaxibet::before { content: ""; }
.bc-i-recent::before { content: ""; }
.bc-i-backgammon::before { content: ""; }
.bc-i-11::before { content: ""; }
.bc-i-Backgammon::before { content: ""; }
.bc-i-blueSky::before { content: ""; }
.bc-i-vbetBank::before { content: ""; }
.bc-i-vip::before { content: ""; }
.bc-i-plane::before { content: ""; }
.bc-i-500000397::before { content: ""; }
.bc-i-avi::before { content: ""; }
.bc-i-Plane::before { content: ""; }
.bc-i-goldencoinslinkjackpot::before { content: ""; }
.bc-i-goldencoinslink::before { content: ""; }
.bc-i-basketballPlayer::before { content: ""; }
.bc-i-depositWheel::before { content: ""; }
.bc-i-deposit-wheel-tab::before { content: ""; }
.bc-i-hotgames::before { content: ""; }
.bc-i-smartsoft::before { content: ""; }
.bc-i-doublejackpot::before { content: ""; }
.bc-i-kalambakashdrops::before { content: ""; }
.bc-i-aviator-2::before { content: ""; }
.bc-i-500008265::before { content: ""; }
.bc-i-FifaClubWorld::before { content: ""; }
.bc-i-vbetoriginals::before { content: ""; }
.bc-i-VbetOriginals::before { content: ""; }
.bc-i-Aviabet::before { content: ""; }
.bc-i-500000674::before { content: ""; }
.bc-i-GatesOfPower::before { content: ""; }
.bc-i-500000948::before { content: ""; }
.bc-i-Tower::before { content: ""; }
.bc-i-426634715::before { content: ""; }
.bc-i-LuckyDeal::before { content: ""; }
.bc-i-426634067::before { content: ""; }
.bc-i-scratchplay::before { content: ""; }
.bc-i-cloverchance::before { content: ""; }
.bc-i-PhoneFieldType::before { content: ""; }
.bc-i-egtdigital::before { content: ""; }
.bc-i-Egtdigital::before { content: ""; }
.bc-i-vipbelllink::before { content: ""; }
.bc-i-Vipbelllink::before { content: ""; }
.bc-i-belllink1::before { content: ""; }
.bc-i-Belllink1::before { content: ""; }
.bc-i-goldencoinslinkjp::before { content: ""; }
.bc-i-betnanoexclusive::before { content: ""; }
.bc-i-Tekken7::before { content: ""; }
.bc-i-TeamfightTactics::before { content: ""; }
.bc-i-full-screen::before { content: ""; }
.bc-i-FullScreen::before { content: ""; }
.bc-i-collapse-fullscreen::before { content: ""; }
.bc-i-CollapseFullscreen::before { content: ""; }
.bc-i-resize-full-screen::before { content: ""; }
.bc-i-ResizeFullscreen::before { content: ""; }
.bc-i-investBook::before { content: ""; }
.bc-i-invest-book-history::before { content: ""; }
.bc-i-github::before { content: ""; }
.bc-i-Github::before { content: ""; }
.bc-i-discover::before { content: ""; }
.bc-i-Discover::before { content: ""; }
.bc-i-colorburst::before { content: ""; }
.bc-i-Fortnite::before { content: ""; }
.bc-i-Armwrestling::before { content: ""; }
.bc-i-StreetFighterV::before { content: ""; }
.bc-i-rubyplay::before { content: ""; }
.bc-i-RubyPlay::before { content: ""; }
.bc-i-koalagames::before { content: ""; }
.bc-i-KoalaGames::before { content: ""; }
.bc-i-mysterybooster::before { content: ""; }
.bc-i-MysteryBooster::before { content: ""; }
.bc-i-spinomania::before { content: ""; }
.bc-i-Spinomania::before { content: ""; }
.bc-i-spinexpress::before { content: ""; }
.bc-i-turbowins::before { content: ""; }
.bc-i-bonusbooming::before { content: ""; }
.bc-i-amusnetjackpotgames::before { content: ""; }
.bc-i-halloween::before { content: ""; }
.bc-i-Halloween::before { content: ""; }
.bc-i-OrtakPlus::before { content: ""; }
.bc-i-Bodybuilding::before { content: ""; }
.bc-i-amusnetcoins::before { content: ""; }
.bc-i-Amusnetcoins::before { content: ""; }
.bc-i-Banker::before { content: ""; }
.bc-i-boost::before { content: ""; }
.bc-i-Boost::before { content: ""; }
.bc-i-booster::before { content: ""; }
.bc-i-Booster::before { content: ""; }
.bc-i-nlcasinotest::before { content: ""; }
.bc-i-Nlcasinotest::before { content: ""; }
.bc-i-pragmaticjp::before { content: ""; }
.bc-i-PragmaticJp::before { content: ""; }
.bc-i-turnuva::before { content: ""; }
.bc-i-Turnuva::before { content: ""; }
.bc-i-instantlink::before { content: ""; }
.bc-i-instantLink::before { content: ""; }
.bc-i-dutchTables::before { content: ""; }
.bc-i-Spinandwin::before { content: ""; }
.bc-i-spinandwin::before { content: ""; }
.bc-i-Vipgoldencoins::before { content: ""; }
.bc-i-vipgoldencoins::before { content: ""; }
.bc-i-vipslot::before { content: ""; }
.bc-i-vipSlot::before { content: ""; }
.bc-i-romangames::before { content: ""; }
.bc-i-festival::before { content: ""; }
.bc-i-kingsday::before { content: ""; }
.bc-i-oranjejackpot::before { content: ""; }
.bc-i-xmasgames::before { content: ""; }
.bc-i-fruitsgames::before { content: ""; }
.bc-i-dice-game::before { content: ""; }
.bc-i-egtdigitaltournament::before { content: ""; }
.bc-i-amusnettournament::before { content: ""; }
.bc-i-jackpotcard::before { content: ""; }
.bc-i-spribeexclusive::before { content: ""; }
.bc-i-popokstorm::before { content: ""; }
.bc-i-vikingsslots::before { content: ""; }
.bc-i-bookofslots::before { content: ""; }
.bc-i-egyptianslots::before { content: ""; }
.bc-i-arabicslot::before { content: ""; }
.bc-i-joker::before { content: ""; }
.bc-i-bacon::before { content: ""; }
.bc-i-fantasy::before { content: ""; }
.bc-i-football::before { content: ""; }
.bc-i-animalslots::before { content: ""; }
.bc-i-animalkingdom::before { content: ""; }
.bc-i-AiChatIconStars::before { content: ""; }
.bc-i-RoshanScore::before { content: ""; }
.bc-i-roshanScore::before { content: ""; }
.bc-i-BarrackScore::before { content: ""; }
.bc-i-barrackScore::before { content: ""; }
.bc-i-TormentorScore::before { content: ""; }
.bc-i-tormentorScore::before { content: ""; }
.bc-i-prizedrop::before { content: ""; }
.bc-i-blockIcon::before { content: ""; }
.bc-i-wintertime::before { content: ""; }
.bc-i-vikingriches::before { content: ""; }
.bc-i-recommendations::before { content: ""; }
.bc-i-p2p::before { content: ""; }
.bc-i-lottery::before { content: ""; }
.bc-i-tableGames::before { content: ""; }
.bc-i-cryptoGames::before { content: ""; }
.bc-i-freespinclub::before { content: ""; }
.bc-i-pcg::before { content: ""; }
.bc-i-pascalGaming::before { content: ""; }
.bc-i-vbetgames::before { content: ""; }
.bc-i-arabicTables::before { content: ""; }
.bc-i-jackpotstar::before { content: ""; }
.bc-i-vipslots::before { content: ""; }
.bc-i-grandprix::before { content: ""; }
.bc-i-eastergames::before { content: ""; }
/* v12.2 — SLOT OYNA shield above drawer (z-index 1100) */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter {
    z-index: 1105 !important;
}
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) {
    z-index: 1106 !important;
    position: relative !important;
}
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    z-index: 1107 !important;
}

/* v12.3 — MENU items EXACT BS clone (pixel-perfect)
   BS values:
   - Container padding: 0
   - item margin-bottom: 0 (but 10px gap between items)
   - inner: 372x48, bg rgba(255,255,255,0.1), padding 0px 10px, radius 4px
   - icon: 28x29, border-radius 4px, color white, fontSize 18px
   - text (inside inner): fontSize 14px, fontFamily Roboto, color rgba(255,255,255,0.6), fontWeight 400, textTransform none
   - gap between items: 10px
   - icon to text: 0 (they touch) — icon has bg fills its 28px, text starts right after */

/* Body has its own padding, keep it */
html.mobile-root body.mobile-site .mobileMenu-body {
    padding: 8px 14px 16px !important;
}

/* Grid = flex column with 10px gap */
html.mobile-root body.mobile-site .mobileMenu-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ITEM wrap (a.mobileMenu-card) — NO margin, flex row */
html.mobile-root body.mobile-site .mobileMenu-card {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    border: none !important;
    transition: background-color 0.24s, color 0.24s !important;
    box-sizing: border-box !important;
}

html.mobile-root body.mobile-site .mobileMenu-card:hover {
    background: rgba(255, 255, 255, 0.15) !important;
}

/* Icon wrapper (span.mobileMenu-card-icon) — 28x29 exact, colored bg container */
html.mobile-root body.mobile-site .mobileMenu-card-icon {
    width: 28px !important;
    height: 29px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: transparent !important;
}

/* The <i> — fills parent, colored bg, icon in center */
html.mobile-root body.mobile-site .mobileMenu-card-icon i {
    width: 28px !important;
    height: 29px !important;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
}

/* Label (span.mobileMenu-card-label) — text right after icon, 14px Roboto, 0.6 white */
html.mobile-root body.mobile-site .mobileMenu-card-label {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
    padding: 0 0 0 14px !important; /* 14px gap to separate icon */
    margin: 0 !important;
    background: transparent !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

/* MENÜ title — uppercase letterspacing to match BS */
html.mobile-root body.mobile-site .mobileMenu-header {
    padding: 12px 14px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    background: #000 !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
html.mobile-root body.mobile-site .mobileMenu-title {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #fff !important;
}

/* v12.4 — Match user's reference image exactly
   - Items: bigger height (55px), darker bg rgba(255,255,255,0.08)
   - Labels: bright white 0.85, 15px, medium weight
   - Icon bg lighter, items separated more */

html.mobile-root body.mobile-site .mobileMenu-body {
    padding: 10px 14px 16px !important;
}
html.mobile-root body.mobile-site .mobileMenu-grid {
    gap: 8px !important;
}
html.mobile-root body.mobile-site .mobileMenu-card {
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 6px !important;
    padding: 0 12px !important;
    gap: 0 !important;
}
html.mobile-root body.mobile-site .mobileMenu-card-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 6px !important;
}
html.mobile-root body.mobile-site .mobileMenu-card-icon i {
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    font-size: 18px !important;
}
html.mobile-root body.mobile-site .mobileMenu-card-label {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    padding: 0 0 0 16px !important;
}

/* ================================================================
   MENU v13.0 — EXACT BS CLONE (pixel-for-pixel from computed styles)
   Measured from m.bahissende300.com at 400x850 viewport
   ================================================================ */

/* Drawer holder — fixed overlay from top, covers nav tabs area */
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu,
html.mobile-root body.mobile-site .mobileMenu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 115px 0 0 0 !important;  /* BS has 117.2px for announcement+header */
    background: transparent !important;
    z-index: 1100 !important;
    display: block !important;
    transform: translateY(100%) !important;
    transition: transform 0.35s cubic-bezier(.32,.72,0,1) !important;
    overflow: hidden !important;
}
html.mobile-root body.mobile-site .mobileMenu.active,
html.mobile-root body.mobile-site .mobileMenu.is-open {
    transform: translateY(0) !important;
}
html.mobile-root body.mobile-site .mobileMenu:not(.active):not(.is-open) {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Overlay (backdrop under bottom nav, above page) */
html.mobile-root body.mobile-site .mobileMenu-overlay {
    position: fixed !important;
    top: 115px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 49px !important;
    background: transparent !important;
    z-index: 1099 !important;
}

/* Container inside drawer (m-navigation-container-bc equivalent) */
html.mobile-root body.mobile-site .mobileMenu > .mobileMenu-header,
html.mobile-root body.mobile-site .mobileMenu > .mobileMenu-body {
    background: #000 !important;
}

html.mobile-root body.mobile-site .mobileMenu {
    background: #000 !important;
}

/* ===== TITLE ROW (m-nav-title-row-bc equivalent) ===== */
/* BS: 400x44, display:flex, align:center, justify-content:space-between, padding:0 */
html.mobile-root body.mobile-site .mobileMenu-header {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #000 !important;
    border: none !important;
    border-bottom: none !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    flex: 0 0 44px !important;
}

/* ===== MENÜ title ===== */
/* BS: padding:0 7px, font:16/500 Roboto uppercase, line-height:44px, color:white */
html.mobile-root body.mobile-site .mobileMenu-title {
    padding: 0 7px !important;
    margin: 0 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 44px !important;
    color: rgb(255, 255, 255) !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    display: block !important;
    background: transparent !important;
    height: 44px !important;
}

/* ===== Close X wrapper (closed-n-p-bc) ===== */
/* BS: 28x44, padding:0 7px, display:flex align:center */
html.mobile-root body.mobile-site .mobileMenu-close {
    width: 28px !important;
    height: 44px !important;
    min-width: 28px !important;
    padding: 0 7px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Close X icon — SWAP the SVG for BS-style bc-i-close-remove glyph */
html.mobile-root body.mobile-site .mobileMenu-close svg {
    display: none !important;
}
html.mobile-root body.mobile-site .mobileMenu-close::before {
    content: "\e6e8" !important;  /* bc-i-close-remove char code - will be overwritten if wrong */
    font-family: "BetConstruct-Icons" !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
}

/* ===== BODY / Scroll container ===== */
html.mobile-root body.mobile-site .mobileMenu-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
}

/* ===== List container (m-block-nav-items-bc) ===== */
/* BS: padding 7px all sides, gap 10px, display grid, 386 wide */
html.mobile-root body.mobile-site .mobileMenu-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 7px 7px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ===== ITEM WRAPPER (app-nav-arrow-block-bc + app-nav-link) ===== */
/* BS a.app-nav-link: 372x48 flex row, no bg, no border */
html.mobile-root body.mobile-site .mobileMenu-card {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 10px !important;  /* inner .m-nav-items-list-item-bc padding */
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.1) !important;  /* BS inner bg */
    border: none !important;
    border-radius: 4px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;  /* BS has no gap, uses padding on text */
    text-decoration: none !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
    transition: background-color 0.24s, color 0.24s !important;
}

/* ===== Icon wrapper (nav-ico-w-row-bc) ===== */
/* BS: 28x48, flex row */
html.mobile-root body.mobile-site .mobileMenu-card-icon {
    width: 28px !important;
    height: 48px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    flex: 0 0 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* ===== Icon (m-nav-icon-bc bc-i-*) ===== */
/* BS: 28x29, font-size:18px, line-height:28px, color:#fff, fontFamily:BetConstruct-Icons, text-align:center, border-radius:4px */
html.mobile-root body.mobile-site .mobileMenu-card-icon i {
    width: 28px !important;
    height: 29px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: rgb(255, 255, 255) !important;
    font-family: "BetConstruct-Icons" !important;
    font-weight: normal !important;
    text-align: center !important;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}
html.mobile-root body.mobile-site .mobileMenu-card-icon i::before {
    font-family: "BetConstruct-Icons" !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: rgb(255, 255, 255) !important;
}

/* ===== Text label (m-nav-list-item-title-bc) ===== */
/* BS: width:324, height:16, padding:0 110px 0 10px (huge right pad), display:flex align:center, font:14/400 Roboto, color:rgba(255,255,255,0.6), line-height:16, text-align:center */
html.mobile-root body.mobile-site .mobileMenu-card-label {
    width: auto !important;
    height: 16px !important;
    padding: 0 10px 0 10px !important;  /* 10px left-gap from icon */
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-align: left !important;
    background: transparent !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Ensure bottom nav shield stays above drawer */
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter {
    z-index: 1105 !important;
}
html.mobile-root body.mobile-site .tab-navigation-w-bc.mobFooter .tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc {
    z-index: 1107 !important;
}

/* v13.1 — Fix close X icon char code (BS: \e5cd) */
html.mobile-root body.mobile-site .mobileMenu-close svg,
html.mobile-root body.mobile-site .mobileMenu-close > span {
    display: none !important;
}
html.mobile-root body.mobile-site .mobileMenu-close::before {
    content: "\e5cd" !important;
    font-family: "BetConstruct-Icons" !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: normal !important;
    font-style: normal !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    text-align: center !important;
}

/* v13.2 — Scroll lock when menu open (beats v5.1 overflow:visible rule) */
html.mobile-root body.mobile-site.mobileMenu-locked,
html.mobile-root body.mobile-site.menu-open,
html.mobile-root body.mobile-site.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    touch-action: none !important;
}

html.mobile-root:has(body.mobile-site.mobileMenu-locked),
html.mobile-root:has(body.mobile-site.menu-open) {
    overflow: hidden !important;
    touch-action: none !important;
}

/* v13.3 — Allow menu body to scroll, keep page locked */

/* Drawer uses flex-column so body can flex:1 and scroll */
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu,
html.mobile-root body.mobile-site .mobileMenu {
    display: flex !important;
    flex-direction: column !important;
    padding: 115px 0 0 0 !important;
    overflow: hidden !important;
    touch-action: auto !important;
}

/* Menu body scrollable with touch */
html.mobile-root body.mobile-site .mobileMenu-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
    min-height: 0 !important;
}

/* Menu header does NOT scroll */
html.mobile-root body.mobile-site .mobileMenu-header {
    flex: 0 0 44px !important;
    touch-action: auto !important;
}

/* Body page lock remains, but menu children allow touch */
html.mobile-root body.mobile-site.mobileMenu-locked .mobileMenu,
html.mobile-root body.mobile-site.mobileMenu-locked .mobileMenu *,
html.mobile-root body.mobile-site.mobileMenu-locked #mobileMenu *,
html.mobile-root body.mobile-site.menu-open .mobileMenu,
html.mobile-root body.mobile-site.menu-open .mobileMenu * {
    touch-action: auto !important;
}
html.mobile-root body.mobile-site.mobileMenu-locked .mobileMenu-body,
html.mobile-root body.mobile-site.menu-open .mobileMenu-body {
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
}

/* v13.4 — Drawer must use 100vh (viewport height) not 100% */
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu,
html.mobile-root body.mobile-site .mobileMenu {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
}

/* v13.5 — box-sizing:border-box so padding doesn't expand beyond vh */
html.mobile-root body.mobile-site aside#mobileMenu.mobileMenu,
html.mobile-root body.mobile-site .mobileMenu {
    box-sizing: border-box !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    padding: 115px 0 0 0 !important;
}

/* Menu body inside flex column — flex:1 takes remaining space */
html.mobile-root body.mobile-site .mobileMenu-body {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* v14.0 — Slot page BS-exact layout
   BS measurements @ 400w viewport:
   - categoryBar: 400x66, overflow-x auto (scroll)
   - cat item: 80x66, bg:#000, radius:8, flex-col, icon:20px gold, label:10px white0.9
   - providerBar: 400x96, padding:0 16, margin:24 0 16
   - gameWrap: padding 0 16
   - gameGrid: 368w, grid:179px 179px, gap:10, padding:3px 0 0
   - gameItem: 179x126, bg:rgba(255,255,255,0.1), radius:8, overflow:hidden */

/* === CATEGORY TABS === */
html.mobile-root body.mobile-site .slot-page-root .slots-category-filters,
html.mobile-root body.mobile-site .slot-page-root .category-tabs-wrapper {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    background: transparent !important;
    display: block !important;
    white-space: nowrap !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-category-filters::-webkit-scrollbar {
    display: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .category-tabs-scroll {
    display: inline-flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    padding: 0 16px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    white-space: nowrap !important;
}

/* Individual category tab */
html.mobile-root body.mobile-site .slot-page-root .cat-tab,
html.mobile-root body.mobile-site .slot-page-root a.cat-tab {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    background: #000 !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 0 4px !important;
    margin: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active {
    background: #000 !important;
    border: 1px solid rgba(211, 175, 55, 0.5) !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab i {
    font-size: 20px !important;
    color: rgb(211, 175, 55) !important;
    line-height: 1 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab span,
html.mobile-root body.mobile-site .slot-page-root .cat-tab {
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 12px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 72px !important;
}

/* Hide category arrows in MR (BS doesn't have them) */
html.mobile-root body.mobile-site .slot-page-root .cat-tab-arrow {
    display: none !important;
}

/* === PROVIDER BAR === */
html.mobile-root body.mobile-site .slot-page-root .slots-providers-games-line,
html.mobile-root body.mobile-site .slot-page-root .providers-games-line {
    display: flex !important;
    width: 100% !important;
    padding: 0 16px !important;
    margin: 24px 0 16px 0 !important;
    background: transparent !important;
    align-items: center !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 40px !important;
}

/* === GAME GRID === */
html.mobile-root body.mobile-site .slot-page-root .casino-container,
html.mobile-root body.mobile-site .slot-page-root .slots-filter-and-games {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar,
html.mobile-root body.mobile-site .slot-page-root .games-header {
    padding: 0 16px !important;
    margin: 0 0 16px 0 !important;
}

html.mobile-root body.mobile-site .slot-page-root .slots-games-container,
html.mobile-root body.mobile-site .slot-page-root #slotsGamesContainer,
html.mobile-root body.mobile-site .slot-page-root .slot-oyun-listesi {
    padding: 0 16px !important;
    margin: 0 !important;
}

html.mobile-root body.mobile-site #game-grid,
html.mobile-root body.mobile-site .slot-page-root #game-grid,
html.mobile-root body.mobile-site .slot-page-root .game-grid {
    display: grid !important;
    grid-template-columns: 179px 179px !important;
    gap: 10px !important;
    padding: 3px 0 0 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Game item = 179x126, bg:rgba(255,255,255,0.1), radius:8 */
html.mobile-root body.mobile-site #game-grid .game-item,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item {
    width: 179px !important;
    height: 126px !important;
    min-width: 179px !important;
    max-width: 179px !important;
    aspect-ratio: 179 / 126 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
}
html.mobile-root body.mobile-site #game-grid .game-item img,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 8px !important;
    aspect-ratio: auto !important;
}

/* Hide slot-below-hero (BS doesn't have this) */
html.mobile-root body.mobile-site .slot-page-root .slot-below-hero {
    display: none !important;
}

/* Hide the random-game button, sort toggle (BS doesn't have them) */
html.mobile-root body.mobile-site .slot-page-root .random-game-btn,
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-wrap {
    display: none !important;
}

/* v15.0 — BS Slot Page Pixel-Perfect Replica */

/* Hide MR-specific elements that BS does not have */
html.mobile-root body.mobile-site .slot-page-root .slot-below-hero,
html.mobile-root body.mobile-site .slot-page-root .slots-providers-games-line,
html.mobile-root body.mobile-site .slot-page-root .cat-tab-arrow,
html.mobile-root body.mobile-site .slot-page-root .providers-sidebar,
html.mobile-root body.mobile-site .slot-page-root .random-game-btn,
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-wrap,
html.mobile-root body.mobile-site .slot-page-root .all-games-btn,
html.mobile-root body.mobile-site .slot-page-root .view-module-btn,
html.mobile-root body.mobile-site .slot-page-root .active-filters-box,
html.mobile-root body.mobile-site .slot-page-root .recent-games-section,
html.mobile-root body.mobile-site .slot-page-root .slot-games-scrollbar-rail {
    display: none !important;
}

/* SLOT TOP SECTION slider */
html.mobile-root body.mobile-site .slot-page-root .slot-top-section {
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
}

/* CATEGORY TABS */
html.mobile-root body.mobile-site .slot-page-root .slots-category-filters,
html.mobile-root body.mobile-site .slot-page-root .category-tabs-wrapper {
    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
    background: transparent !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-category-filters::-webkit-scrollbar {
    display: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .category-tabs-scroll {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 16px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    white-space: nowrap !important;
}

html.mobile-root body.mobile-site .slot-page-root a.cat-tab,
html.mobile-root body.mobile-site .slot-page-root .cat-tab {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    flex: 0 0 80px !important;
    background: #000 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 6px 4px !important;
    margin: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    overflow: hidden !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

html.mobile-root body.mobile-site .slot-page-root .cat-tab.active {
    background: #000 !important;
    border: 1px solid rgba(211, 175, 55, 0.6) !important;
    padding: 5px 3px !important;
}

html.mobile-root body.mobile-site .slot-page-root .cat-tab i {
    font-size: 20px !important;
    color: rgb(211, 175, 55) !important;
    line-height: 1 !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

/* PROVIDER BAR */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar,
html.mobile-root body.mobile-site .slot-page-root .games-header {
    width: 100% !important;
    padding: 0 16px !important;
    margin: 24px 0 16px 0 !important;
    height: auto !important;
    min-height: 40px !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
}

html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle {
    flex: 1 1 auto !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    padding: 0 14px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__pill-text {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__pill i {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__menu-icon {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
}

html.mobile-root body.mobile-site .slot-page-root .games-search-expand,
html.mobile-root body.mobile-site .slot-page-root .games-search-bar {
    flex: 0 0 40px !important;
    height: 40px !important;
    width: 40px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-input {
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-btn {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.7) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-btn i {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* GAME GRID WRAPPER */
html.mobile-root body.mobile-site .slot-page-root .casino-container,
html.mobile-root body.mobile-site .slot-page-root .slots-filter-and-games,
html.mobile-root body.mobile-site .slot-page-root .slots-layout,
html.mobile-root body.mobile-site .slot-page-root .games-main,
html.mobile-root body.mobile-site .slot-page-root .slots-games-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

html.mobile-root body.mobile-site .slot-page-root .slot-oyun-listesi,
html.mobile-root body.mobile-site .slot-page-root #slotsGamesContainer {
    padding: 0 16px !important;
}

/* GAME GRID */
html.mobile-root body.mobile-site .slot-page-root #game-grid,
html.mobile-root body.mobile-site .slot-page-root .game-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 179px 179px !important;
    gap: 10px !important;
    padding: 3px 0 0 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* GAME ITEM */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item {
    width: 179px !important;
    height: 126px !important;
    min-width: 179px !important;
    max-width: 179px !important;
    aspect-ratio: 179 / 126 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item img,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 8px !important;
    aspect-ratio: auto !important;
}

/* v41.2: disabled overlay children hide */

/* v16.0 — Slot categories EXACT BS clone
   BS measurements (@ 400w viewport):
   wrapper: 400x66, overflow-x auto
   horizontalSliderRow: display inline-flex gap-like via margin:0 0 0 16|8
   active item first: margin-left 16
   inactive item: margin-left 8
   each item: 80x66, bg:#000, radius:8
   .horizontalCategoryItem inner: padding:4px 4px 0, flex-column center
   .CMSIconSVGWrapper: 20x20, flex center
   svg: 20x20, color rgba(255,255,255,0.5) inactive, rgb(211,175,55) active
   active uses <i class="bc-i-default-icon bc-i-all-games1"> icon
   label (p): 70x32, display flow-root, 10px/12 Roboto
*/

/* === WRAPPER === */
html.mobile-root body.mobile-site .slot-page-root .slots-category-filters,
html.mobile-root body.mobile-site .slot-page-root .category-tabs-wrapper {
    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
    background: transparent !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    position: relative !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-category-filters::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
}

/* Inner scroll row */
html.mobile-root body.mobile-site .slot-page-root .category-tabs-scroll {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 16px !important;
    height: 66px !important;
    white-space: nowrap !important;
}

/* === CAT TAB (outer wrapper anchor) === */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab,
html.mobile-root body.mobile-site .slot-page-root .cat-tab {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    flex: 0 0 80px !important;
    background: #000 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    padding: 4px 4px 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: normal !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, background 0.2s !important;
}

/* Active tab — highlighted border */
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active {
    background: #000 !important;
    border: 1px solid rgba(211, 175, 55, 0.6) !important;
}

/* === ICON WRAPPER (span.cat-tab-icon) === */
html.mobile-root body.mobile-site .slot-page-root .cat-tab .cat-tab-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 6px 0 2px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 20px !important;
    background: transparent !important;
    overflow: visible !important;
}

/* SVG icon (inactive tabs) — 20x20, color white 0.5 */
html.mobile-root body.mobile-site .slot-page-root .cat-tab .cat-tab-icon svg {
    width: 20px !important;
    height: 20px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    fill: rgba(255, 255, 255, 0.5) !important;
    display: block !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active .cat-tab-icon svg {
    color: rgb(211, 175, 55) !important;
    fill: rgb(211, 175, 55) !important;
}

/* Icon (active tab with <i>) */
html.mobile-root body.mobile-site .slot-page-root .cat-tab .cat-tab-icon i {
    font-size: 20px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.5) !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active .cat-tab-icon i {
    color: rgb(211, 175, 55) !important;
}

/* === LABEL (span.cat-tab-label) === */
html.mobile-root body.mobile-site .slot-page-root .cat-tab .cat-tab-label {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 12px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 2px 0 0 0 !important;
    padding: 0 2px !important;
    width: 100% !important;
    max-height: 24px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    word-break: break-word !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active .cat-tab-label {
    color: rgb(211, 175, 55) !important;
}

/* Remove old scroll arrows and MR-specific elements */
html.mobile-root body.mobile-site .slot-page-root .cat-tab-arrow {
    display: none !important;
}

/* ==============================================
   v17.0 — BS Providers Bar Pixel-Perfect Replica
   Image 2 (BS) reference:
     Row 1: [Pill "Tüm Sağlayıcılar" 148x40] [gap 8] [Search 42x40] [gap 8] [Sort 40x40]
     Row 2: [Random gold 368x40 full-width]
   Outer wrapper: padding 0 16px, margin 24px 0 16px
   ============================================== */

/* Un-hide random-game-btn and sort-toggle-wrap that v15.0 killed */
html.mobile-root body.mobile-site .slot-page-root .random-game-btn,
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-wrap {
    display: flex !important;
}

/* Hide MR-specific extras that BS doesn't show */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .all-games-btn,
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .view-module-btn,
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__menu-icon {
    display: none !important;
}

/* Outer search-bar container: allow wrap, row1 = pill+search+sort, row2 = random */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar,
html.mobile-root body.mobile-site .slot-page-root .games-header {
    width: 100% !important;
    padding: 0 16px !important;
    margin: 24px 0 16px 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    row-gap: 16px !important;
    column-gap: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* ===== PILL "Tüm Sağlayıcılar" (mobile-sidebar-toggle → BS providerTxtBtnMob) ===== */
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 40px !important;
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.05)) !important;
    background-color: transparent !important;
    border: 0.8px solid rgba(255,255,255,0.2) !important;
    border-radius: 8px !important;
    padding: 8px !important;
    margin: 0 8px 0 0 !important;
    color: rgba(255,255,255,0.8) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__pill {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__pill > i,
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__pill .bc-i-filter-outline {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 16px !important;
    line-height: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: rgba(255,255,255,0.8) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    text-align: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle__pill-text {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    color: rgba(255,255,255,0.8) !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
}

/* ===== SEARCH ICON WRAPPER (games-search-expand collapsed → BS searchInputWrp 42x40) ===== */
/* ITER 396 (2026-05-13): BS visual order is [filter | search | sort]. order:2 was forcing
 * search to last position (after sort) since sort has implicit order:0. Reset to 0 so DOM
 * order (filter pill, search, sort) governs visual. */
html.mobile-root body.mobile-site .slot-page-root .games-search-expand {
    order: 0 !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 40px !important;
    background: transparent !important;
    border: 0.8px solid rgba(255,255,255,0.2) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 8px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-expand.is-expanded {
    flex: 1 1 100% !important;
    width: 100% !important;
    order: 5 !important;
    margin: 8px 0 0 0 !important;
    padding: 0 8px !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-expand .games-search-bar {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-expand:not(.is-expanded) .games-search-input {
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border: none !important;
    background: transparent !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-expand.is-expanded .games-search-input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 8px !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255,255,255,0.9) !important;
    font: 14px/normal Roboto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-expand .games-search-btn {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 38px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgb(255,255,255) !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-expand .games-search-btn > i,
html.mobile-root body.mobile-site .slot-page-root .games-search-expand .bc-i-search {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    line-height: 18px !important;
    color: rgb(255,255,255) !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
}

/* ===== SORT BUTTON (sort-toggle-wrap → BS providerFilterBtnMob 40x40) ===== */
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-wrap {
    order: 3 !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-btn {
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.05)) !important;
    background-color: transparent !important;
    border: 0.8px solid rgba(255,255,255,0.2) !important;
    border-radius: 8px !important;
    padding: 1px 6px !important;
    margin: 0 !important;
    color: rgb(255,255,255) !important;
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-btn::before {
    color: rgb(255,255,255) !important;
}

/* ===== RANDOM GAME BUTTON (randomGameBtn → BS gold full-width) ===== */
html.mobile-root body.mobile-site .slot-page-root .random-game-btn {
    order: 4 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 40px !important;
    background: rgb(211, 175, 55) !important;
    background-image: none !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    color: rgb(255,255,255) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .random-game-btn i {
    display: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .random-game-btn span {
    display: inline-block !important;
    color: inherit !important;
    font: inherit !important;
    text-transform: uppercase !important;
}

/* Hide stale active-filters-box unless populated */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .active-filters-box[style*="display:none"],
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .active-filters-box:empty {
    display: none !important;
}
/* v17.0 END */

/* v17.1 — Force 40px height (overrides MR min-height:44px default) */
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle,
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-wrap,
html.mobile-root body.mobile-site .slot-page-root .sort-toggle-btn,
html.mobile-root body.mobile-site .slot-page-root .random-game-btn,
html.mobile-root body.mobile-site .slot-page-root .games-search-expand {
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
}

/* v17.2 — Pill natural width to match BS (148), left-align row */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar,
html.mobile-root body.mobile-site .slot-page-root .games-header {
    justify-content: flex-start !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 148px !important;
}

/* v17.3 — BetConstruct-Icons real PUA glyph codepoints (extracted from BS) */
.bc-i-filter-outline::before { content: "\ebb0" !important; }
.bc-i-search::before { content: "\e91e" !important; }
.bc-i-sort::before { content: "\ebed" !important; }
.bc-i-all-games1::before { content: "\ebee" !important; }
.bc-i-populargames::before { content: "\e93d" !important; }
.bc-i-new::before { content: "\eba3" !important; }
.bc-i-jackpots::before { content: "\ebb4" !important; }
.bc-i-tvgames::before { content: "\ea76" !important; }
.bc-i-tablegames::before { content: "\e99b" !important; }
.bc-i-videoslots::before { content: "\e96d" !important; }
.bc-i-crashgames::before { content: "\eb1a" !important; }
.bc-i-buybonus::before { content: "\e9b2" !important; }
.bc-i-newyear::before { content: "\eaf4" !important; }
.bc-i-jackpotmania::before { content: "\ea17" !important; }
.bc-i-bettinggames::before { content: "\ea39" !important; }
.bc-i-arcadegames::before { content: "\ea14" !important; }
.bc-i-fishing-hunting::before { content: "\e9bc" !important; }
.bc-i-lotterygames::before { content: "\e9a4" !important; }
.bc-i-instantgame::before { content: "\ea3e" !important; }
.bc-i-megaways::before { content: "\e9b1" !important; }
.bc-i-scratchgames::before { content: "\e972" !important; }
.bc-i-skillgames::before { content: "\ea75" !important; }
.bc-i-minigames::before { content: "\ea74" !important; }
.bc-i-virtualbetting::before { content: "\e977" !important; }
.bc-i-videopoker::before { content: "\e99c" !important; }
.bc-i-videobingo::before { content: "\e9a2" !important; }
.bc-i-livedealer::before { content: "\eab3" !important; }
.bc-i-valentine-sday::before { content: "\ebfe" !important; }
.bc-i-chinesenewyear::before { content: "\ebf1" !important; }
.bc-i-easter::before { content: "\eb92" !important; }

/* Common font-family enforcement for bc-i classes */
[class^="bc-i-"], [class*=" bc-i-"] {
    font-family: 'BetConstruct-Icons' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* v17.4 — Patch search button JS: override FA class → show BC icon regardless */
html.mobile-root body.mobile-site .slot-page-root .games-search-expand .games-search-btn > i {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    color: rgb(255,255,255) !important;
    display: inline-block !important;
}
html.mobile-root body.mobile-site .slot-page-root .games-search-expand .games-search-btn > i::before {
    content: "\e91e" !important;   /* bc-i-search glyph */
    font-family: 'BetConstruct-Icons' !important;
}
/* ITER 429 (fixed ITER 475): X glyph only when input actually has text.
 * \e9cc=inbox tray (wrong). \e9b3=bc-i-clear (trash with X — wrong). \e5cd=bc-i-close-remove (clean X — correct). */
html.mobile-root body.mobile-site .slot-page-root .games-search-expand.is-expanded:not(.always-expanded) .games-search-btn > i::before,
html.mobile-root body.mobile-site .slot-page-root .games-search-expand:has(.games-search-input:not(:placeholder-shown)) .games-search-btn > i::before {
    content: "\e5cd" !important;   /* bc-i-close-remove clean X glyph */
}

/* v17.5 — Force BC search icon via #id, defeat FA content var */
html.mobile-root body.mobile-site .slot-page-root #searchClearBtnIcon {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    color: rgb(255,255,255) !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
}
html.mobile-root body.mobile-site .slot-page-root #searchClearBtnIcon::before {
    content: "\e91e" !important;
    --fa: "\e91e" !important;
    font-family: 'BetConstruct-Icons' !important;
    color: inherit !important;
    display: inline-block !important;
}
/* ITER 429: X glyph only when input actually has text. BS-paralel: empty
 * input → magnifier; typed input → X clear icon. `always-expanded` state has
 * is-expanded by default but input is empty — must keep magnifier. */
html.mobile-root body.mobile-site .slot-page-root .games-search-expand.is-expanded:not(.always-expanded) #searchClearBtnIcon::before,
html.mobile-root body.mobile-site .slot-page-root .games-search-expand:has(.games-search-input:not(:placeholder-shown)) #searchClearBtnIcon::before {
    content: "\e5cd" !important;   /* ITER 475: clean X (bc-i-close-remove) — was \e9b3 trash glyph */
    --fa: "\e5cd" !important;
}

/* ==============================================
   v18.0 — Provider sheet BS clone + right-align search/sort
   ============================================== */

/* --- Row 1: push search+sort to right edge --- */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle {
    margin: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .games-search-expand {
    margin: 0 8px 0 auto !important;   /* auto left margin pushes to right */
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .sort-toggle-wrap {
    margin: 0 !important;
}

/* --- Un-hide providers-sidebar when open, style as BS full-screen modal --- */
html.mobile-root body.mobile-site .slot-page-root .providers-sidebar {
    display: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .providers-sidebar.mobile-open {
    display: block !important;
    position: fixed !important;
    top: 49px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    /* ITER 691 (2026-05-25) — svh → dvh (provider sheet adres-çubuğu-gizli under-fill fix,
     * detay: provider-drawer-correction.css ITER 691). svh çubuk gizlenince viewport'u
     * izlemiyordu → sheet kısa kalıyordu. dvh anlık viewport'u izler. */
    height: calc(100vh - 49px) !important;
    height: calc(100dvh - 49px) !important;
    min-height: calc(100vh - 49px) !important;
    min-height: calc(100dvh - 49px) !important;
    background: #000 !important;
    z-index: 10000 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    animation: none !important;
}

/* Sidebar overlay dim layer */
html.mobile-root body.mobile-site .sidebar-overlay {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,0.7) !important;
    z-index: 9999 !important;
    display: none !important;
}
html.mobile-root body.mobile-site .sidebar-overlay.active {
    display: block !important;
}

/* --- Provider sheet inner: flex column like BS modal --- */
html.mobile-root body.mobile-site .slot-page-root .providers-sidebar .provider-sheet {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}

/* Header "Geri" row */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-header {
    flex: 0 0 auto !important;
    height: 48px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: rgba(255,255,255,0.9) !important;
    font: 400 14px/1 Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back i {
    font-size: 14px !important;
    color: rgba(255,255,255,0.9) !important;
}

/* Tools row: search + grid btn */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-tools {
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-tools .sidebar-search,
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-tools .provider-search-bar {
    flex: 1 1 auto !important;
    height: 40px !important;
    background: transparent !important;
    border: 0.8px solid rgba(255,255,255,0.2) !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-input {
    flex: 1 1 auto !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: rgba(255,255,255,0.9) !important;
    font: 400 14px/1 Roboto, Arial, sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-input::placeholder {
    color: rgba(255,255,255,0.5) !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-btn {
    background: transparent !important;
    border: none !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.8) !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-btn i {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    color: rgba(255,255,255,0.8) !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-btn i::before {
    content: "\e91e" !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-grid-btn {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.05)) !important;
    border: 0.8px solid rgba(255,255,255,0.2) !important;
    border-radius: 8px !important;
    color: rgb(255,255,255) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-grid-btn i {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    color: rgb(255,255,255) !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-grid-btn i::before {
    content: "\ea8c" !important;  /* bc-i-view-list */
    font-family: 'BetConstruct-Icons' !important;
}

/* Providers list */
html.mobile-root body.mobile-site .slot-page-root .sidebar-providers-list {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site .slot-page-root .sidebar-provider-item {
    display: block !important;
    width: 100% !important;
    padding: 14px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.8) !important;
    text-align: left !important;
    font: 400 14px/1 Roboto, Arial, sans-serif !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .slot-page-root .sidebar-provider-item.active {
    color: rgb(211,175,55) !important;
}
html.mobile-root body.mobile-site .slot-page-root .sidebar-provider-item .provider-list-row {
    display: block !important;
    color: inherit !important;
}

/* Footer UYGULA button */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-footer {
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    background: #000 !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}
/* ITER 452 (2026-05-17) — Legacy v18.0 .provider-sheet-apply rule NEUTRALIZED.
 * REASON: Conflicted with BS-EXACT button (rgb(255,255,255) bg, h=32px,
 *         padding=1px 15px, font=400 14px/16) in provider-drawer-bs-top-exact.css.
 *         Legacy set h=40px / gold bg / font 500 12px/1 — wrong on every axis.
 *         The MR markup retains .provider-sheet-apply for JS hook binding, but
 *         all visual style is now owned by .saveFilterButtonBc .button.whiteBg.big.fullWidth
 *         + #providerSheetApplyBtn.button chain (1,7,2 specificity, !important).
 * Rule refs: #20 numerical proof, #160 EXACT KLONLA, K.9 self-correction.
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-apply {
    width: 100% !important;
    height: 40px !important;
    background: rgb(211,175,55) !important;
    color: rgb(255,255,255) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    font: 500 12px/1 Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
} */

/* Support FAB */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-support-fab {
    position: absolute !important;
    bottom: 70px !important;
    right: 16px !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    background: rgb(211,175,55) !important;
    border-radius: 50% !important;
    color: #fff !important;
    text-decoration: none !important;
    font: 500 8px/1 Roboto !important;
    text-align: center !important;
    gap: 2px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-support-fab-icon i {
    font-size: 18px !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-support-fab-text {
    font-size: 8px !important;
    line-height: 1.1 !important;
}

/* Body scroll lock when sheet open */
body.mobile-site.provider-sheet-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

/* Back button chevron → BS arrow-left glyph */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back i {
    font-family: 'BetConstruct-Icons' !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back i::before {
    content: "\e904" !important;   /* bc-i-small-arrow-left approx */
    font-family: 'BetConstruct-Icons' !important;
}
/* v18.0 END */

/* v18.1 — Force 40px heights (override MR min-height:44px)
 * ITER 452 (2026-05-17) — .provider-sheet-apply selector REMOVED from this group;
 *   BS-EXACT (provider-drawer-bs-top-exact.css) owns the UYGULA button styling
 *   at h=32px. Without removal, min-height:40px / max-height:40px clamped the
 *   BS-EXACT 32px declaration via box-size resolution (max(min,height) wins).
 *   Other targets (.provider-sheet-grid-btn / -back / .sidebar-search /
 *   .provider-search-bar) keep 40px — those are the drawer-top controls. */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-grid-btn,
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back,
html.mobile-root body.mobile-site .slot-page-root .sidebar-search,
html.mobile-root body.mobile-site .slot-page-root .provider-search-bar {
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
}
html.mobile-root body.mobile-site .slot-page-root .sidebar-provider-item {
    min-height: 44px !important;
}

/* ==============================================
   v19.0 — Provider modal BS pixel-perfect grid
   ============================================== */

/* Modal outer: match BS 400x601 header-adjusted */
html.mobile-root body.mobile-site .slot-page-root .providers-sidebar.mobile-open {
    display: block !important;
    position: fixed !important;
    top: 49px !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important;
    /* ITER 691 (2026-05-25) — svh → dvh (provider sheet adres-çubuğu-gizli under-fill
     * fix, detay: provider-drawer-correction.css ITER 691). */
    height: calc(100vh - 49px) !important;
    height: calc(100dvh - 49px) !important;
    background: #000 !important;
    z-index: 10000 !important;
    overflow: hidden !important;
    padding: 0 !important; margin: 0 !important;
}

html.mobile-root body.mobile-site .slot-page-root .providers-sidebar.mobile-open .provider-sheet {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
}

/* === Header: BS backNavBlock — chevron + Geri === */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-header {
    flex: 0 0 auto !important;
    height: 57px !important;
    min-height: 57px !important;
    max-height: 57px !important;
    padding: 18px 16px 20px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: none !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    color: #fff !important;
    font: 400 16px/1 Roboto, Arial, sans-serif !important;
    text-transform: none !important;
    cursor: pointer !important;
    gap: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back i {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 12px !important;
    line-height: 12px !important;
    width: 12px !important;
    height: 12px !important;
    color: #fff !important;
    display: inline-block !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back i::before {
    content: "\e904" !important;
    font-family: 'BetConstruct-Icons' !important;
}
/* Remove "GERİ" uppercase, use "Geri" via text-indent trick: add after */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back {
    font-size: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-back::after {
    content: "Geri" !important;
    font: 400 16px/1 Roboto, Arial, sans-serif !important;
    color: #fff !important;
    margin-left: 14px !important;
}

/* === Search row: BS searchInputWrp.active === */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-tools {
    flex: 0 0 auto !important;
    padding: 0 16px !important;
    margin: 0 0 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: #000 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-tools .sidebar-search,
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-tools .provider-search-bar {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    background: #000 !important;
    border: 0.8px solid rgba(255,255,255,0.2) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-input {
    flex: 1 1 auto !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #fff !important;
    font: 400 14px/1 Roboto !important;
    padding: 1px 2px 1px 16px !important;
    margin: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-input::placeholder {
    color: rgba(255,255,255,0.5) !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-btn {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 38px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-btn i {
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    line-height: 18px !important;
    color: #fff !important;
}
html.mobile-root body.mobile-site .slot-page-root .provider-search-btn i::before {
    content: "\e91e" !important;
    font-family: 'BetConstruct-Icons' !important;
}

/* Hide grid view toggle (BS uses different toggle inside reset row) */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-grid-btn {
    display: none !important;
}

/* === Providers grid container === */
html.mobile-root body.mobile-site .slot-page-root .sidebar-providers-list.bs-providers-grid {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 3px 16px 10px !important;
    margin: 0 !important;
    background: #000 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: 72px !important;
    gap: 6px !important;
    align-content: start !important;
}

/* === Card === */
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card {
    position: relative !important;
    width: 100% !important;
    height: 72px !important;
    background: transparent !important;
    border: 0.8px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.85) !important;
    box-sizing: border-box !important;
    min-height: 72px !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card.active {
    border-color: rgb(211,175,55) !important;
}

/* Logo wrapper: flex center */
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card .bs-logo {
    width: calc(100% - 4px) !important;
    height: calc(100% - 4px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    color: rgba(255,255,255,0.85) !important;
    background: transparent !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card .bs-logo svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 48px !important;
    display: block !important;
    fill: currentColor !important;
    color: rgba(255,255,255,0.85) !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card .bs-logo-text {
    color: rgba(255,255,255,0.85) !important;
    font: 400 11px/1.2 Roboto, Arial, sans-serif !important;
    text-align: center !important;
    padding: 4px !important;
    word-break: break-word !important;
}

/* ITER 452 (2026-05-17) — Legacy .bs-prov-card .bs-badge rules NEUTRALIZED.
 * REASON: These rules apply to drawer provider rows (dual-class with
 *         .providerItemsInner.bs-prov-card + .providerBadgeBlock.bs-badge).
 *         Conflicts:
 *           • top:-3px / left:10px ⇒ BS top:0 / right:-5px (no left)
 *             (left:10px + right:-5px = stretched 355px width on absolute box)
 *           • height:14 ⇒ BS 14.4
 *           • z-index:2 ⇒ BS 10
 *           • display:flex ⇒ BS inline-block (with max-content)
 *           • height:10.4 on ::after ⇒ BS 14.4 (matches outer)
 *           • badge-hot bg matches BS (rgb 227,32,32) but content/font also OK;
 *             still neutralized because BS-EXACT rules in
 *             provider-drawer-bs-top-exact.css already declare them with
 *             higher specificity. Two source-of-truth rules = future drift.
 *
 * .bs-prov-card class is drawer-only (grep verified, slot.astro lines 447,463).
 * No slot-tile fallout from this neutralization.
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card .bs-badge {
    position: absolute !important;
    top: -3px !important;
    left: 10px !important;
    height: 14px !important;
    min-width: 22px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font: 400 8px/1 Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important;
    color: #fff !important;
    border-radius: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card .bs-badge::after {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 2px 4px !important;
    height: 10.4px !important;
    font: 400 8px/1 Roboto, Arial, sans-serif !important;
    color: #fff !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card .bs-badge.badge-hot::after {
    content: "Sıcak" !important;
    background: rgb(227,32,32) !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card .bs-badge.badge-top::after {
    content: "En İyi" !important;
    background: rgb(110,58,133) !important;
} */

/* All-games "Tümü" card */
html.mobile-root body.mobile-site .slot-page-root .bs-prov-all {
    border-color: rgba(211,175,55,0.6) !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-all .bs-logo-text {
    color: rgb(211,175,55) !important;
    font-weight: 500 !important;
}

/* === Footer UYGULA === */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-footer {
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    background: #000 !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}
/* ITER 452 (2026-05-17) — Duplicate v19.0 .provider-sheet-apply rule NEUTRALIZED.
 * REASON: Identical conflicts to v18.0 block neutralized earlier in this file
 *         (h=40px gold bg + min/max-height clamps + wrong font). Single source
 *         of truth for UYGULA button is provider-drawer-bs-top-exact.css.
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-apply {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    background: rgb(211,175,55) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    font: 500 12px/1 Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
} */

/* Hide old MR-only items */
html.mobile-root body.mobile-site .slot-page-root .provider-sheet-support-fab {
    display: none !important;
}

/* v19.0 END */

/* ==============================================
   v20.0 — BS provider selection behavior
   ============================================== */

/* Active card: BS white fade */
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card.active {
    background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.5)) !important;
    background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.5)) !important;
    border: 0 none !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card.active .bs-logo svg {
    color: #000 !important;
    fill: #000 !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card.active .bs-logo-text {
    color: #000 !important;
    font-weight: 500 !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card.active svg path,
html.mobile-root body.mobile-site .slot-page-root .bs-prov-card.active svg g {
    fill: #000 !important;
}

/* "Tümü" card override when nothing selected */
html.mobile-root body.mobile-site .slot-page-root .bs-prov-all.active {
    background: linear-gradient(rgba(211,175,55,0.3), rgba(211,175,55,0.15)) !important;
    background-image: linear-gradient(rgba(211,175,55,0.3), rgba(211,175,55,0.15)) !important;
    border: 0.8px solid rgba(211,175,55,0.6) !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-prov-all.active .bs-logo-text {
    color: rgb(211,175,55) !important;
}

/* Count + reset row (injected by JS) */
html.mobile-root body.mobile-site .slot-page-root .bs-reset-row {
    flex: 0 0 auto !important;
    padding: 0 16px !important;
    margin: 0 0 8px 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #000 !important;
    min-height: 20px !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-reset-row .bs-count-txt {
    flex: 1 1 auto !important;
    padding: 0 14px 0 0 !important;
    margin: 0 !important;
    color: rgba(255,255,255,0.8) !important;
    font: 400 14px/1 Roboto, Arial, sans-serif !important;
    text-align: left !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-reset-row .bs-reset-btn {
    flex: 0 0 auto !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    color: rgba(255,255,255,0.8) !important;
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    line-height: 18px !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-reset-row.has-selection .bs-reset-btn {
    display: flex !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-reset-row .bs-reset-btn::before {
    content: "\e968" !important;  /* bc-i-clear approx */
    font-family: 'BetConstruct-Icons' !important;
}

/* Pill with selected providers */
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle.providerSelected {
    background: linear-gradient(rgba(211,175,55,0.25), rgba(211,175,55,0.1)) !important;
    border-color: rgba(211,175,55,0.6) !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle.providerSelected .mobile-sidebar-toggle__pill-text {
    color: rgb(211,175,55) !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle.providerSelected .bc-i-filter-outline {
    color: rgb(211,175,55) !important;
}
/* v20.0 END */

/* v21.0 — BS-exact selected pill + clear button */

/* Selected pill: solid gold bg + white text */
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle.providerSelected {
    background: rgb(211, 175, 55) !important;
    background-color: rgb(211, 175, 55) !important;
    background-image: none !important;
    border: 0.8px solid rgba(255, 255, 255, 0.2) !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle.providerSelected .mobile-sidebar-toggle__pill-text,
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle.providerSelected .bc-i-filter-outline {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Clear button next to pill (BS providerResetIcon clone) */
html.mobile-root body.mobile-site .slot-page-root .bs-pill-clear {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 8px 0 8px !important;
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.05)) !important;
    background-color: transparent !important;
    border: 0.8px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    order: 2 !important;   /* right after pill (pill has order 1) */
    color: rgb(255, 255, 255) !important;
    font-family: 'BetConstruct-Icons' !important;
    font-size: 18px !important;
    line-height: 18px !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-pill-clear.is-visible {
    display: flex !important;
}
html.mobile-root body.mobile-site .slot-page-root .bs-pill-clear::before {
    content: "\e9b3" !important;     /* bc-i-clear */
    font-family: 'BetConstruct-Icons' !important;
    color: rgb(255, 255, 255) !important;
}

/* Ensure search/sort move right when clear is visible; they already use order/margin-left:auto */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .games-search-expand {
    order: 3 !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .sort-toggle-wrap {
    order: 4 !important;
}

/* When clear is visible, remove the auto-margin on search (so clear sits between pill and search) */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar:has(.bs-pill-clear.is-visible) .games-search-expand {
    margin: 0 8px 0 auto !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar:not(:has(.bs-pill-clear.is-visible)) .games-search-expand {
    margin: 0 8px 0 auto !important;
}

/* Category tab "Tüm Oyunlar" default active highlight (first cat-tab when no sort chosen)
   — active already triggered by data-sort="all-games1" when s.sort==='' and that doesn't match;
   MR's de() only toggles based on s.sort. We need CSS to show an active default. */
/* v21 rule removed - v26 takes over */

/* v21.0 END */

/* v22.0 — BS-exact layout: clear pushes search+sort to right edge */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: calc(100% - 140px) !important;  /* leave ~140px for clear+search+sort+gaps */
    margin: 0 !important;
}
/* When clear visible, clear's margin-right:auto pushes search/sort to right */
html.mobile-root body.mobile-site .slot-page-root .bs-pill-clear.is-visible {
    margin: 0 auto 0 8px !important;
}
/* Without clear, search gets margin-left:auto (pushes itself right) */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .games-search-expand {
    margin: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar:not(:has(.bs-pill-clear.is-visible)) .games-search-expand {
    margin-left: auto !important;
    margin-right: 8px !important;
}
/* With clear visible, search has no margin-left (clear's margin-right:auto positions it) */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar:has(.bs-pill-clear.is-visible) .games-search-expand {
    margin: 0 8px 0 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .sort-toggle-wrap {
    margin: 0 !important;
}
/* v22.0 END */

/* v23.0 — Fix row overflow: pill max-width 148 like BS (text truncates) */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 148px !important;
    max-width: 148px !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle__pill {
    max-width: calc(148px - 16px) !important;   /* padding 8*2 */
    overflow: hidden !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle__pill-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}
/* v23.0 END */

/* v24.0 — Fix sort ordering: sort must come before random (row 1 not row 3) */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .sort-toggle-wrap {
    order: 4 !important;
    margin: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .random-game-btn {
    order: 5 !important;
}

/* v25.0 — Allow pill to grow naturally (BS does this with "Pragmatic Play Seçilmiş") */
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle {
    min-width: 148px !important;
    max-width: 196px !important;   /* BS caps at ~196 */
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle__pill {
    max-width: 100% !important;
    overflow: hidden !important;
}
html.mobile-root body.mobile-site .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle__pill-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

/* v26.0 — BS-exact cat-tab borders + label colors (remove invisible border, match BS rgba values) */

/* Inactive cat-tab: visible subtle gray border (BS: 0.8px solid rgba(255,255,255,0.15)) */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab,
html.mobile-root body.mobile-site .slot-page-root .cat-tab {
    border: 0.8px solid rgba(255, 255, 255, 0.15) !important;
    padding: 4px 4px 0 !important;
}

/* Inactive label: BS uses 0.5 opacity white (muted) */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab .cat-tab-label,
html.mobile-root body.mobile-site .slot-page-root .cat-tab .cat-tab-label {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Active cat-tab: BS keeps same subtle border (NOT gold); only icon+label change */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab.active,
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active {
    border: 0.8px solid rgba(211, 175, 55, 0.6) !important;    /* keep gold to highlight selection like MR original */
    padding: 4px 4px 0 !important;
    background: #000 !important;
}

/* Active label: BS is white 0.9 (not gold) */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab.active .cat-tab-label,
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active .cat-tab-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Active icon: keep gold */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab.active i,
html.mobile-root body.mobile-site .slot-page-root a.cat-tab.active svg,
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active i,
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active svg {
    color: rgb(211, 175, 55) !important;
    fill: rgb(211, 175, 55) !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active svg path,
html.mobile-root body.mobile-site .slot-page-root .cat-tab.active svg g {
    fill: rgb(211, 175, 55) !important;
}

/* Inactive icon: BS dims via opacity/color rgba(255,255,255,0.5) */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab:not(.active) i,
html.mobile-root body.mobile-site .slot-page-root a.cat-tab:not(.active) svg,
html.mobile-root body.mobile-site .slot-page-root .cat-tab:not(.active) i,
html.mobile-root body.mobile-site .slot-page-root .cat-tab:not(.active) svg {
    color: rgba(255, 255, 255, 0.5) !important;
    fill: rgba(255, 255, 255, 0.5) !important;
}
html.mobile-root body.mobile-site .slot-page-root .cat-tab:not(.active) svg path,
html.mobile-root body.mobile-site .slot-page-root .cat-tab:not(.active) svg g {
    fill: rgba(255, 255, 255, 0.5) !important;
}

/* v26.0 END */

/* v27.0 — Force active padding to BS exact 4px 4px 0 */
html.mobile-root body.mobile-site .slot-page-root a.cat-tab.active,
html.mobile-root body.mobile-site .slot-page-root a.cat-tab:not(.active) {
    padding: 4px 4px 0 !important;
}

/* v28.0 — Pill filter icon as PNG (BetConstruct-Icons funnel glyph rendered to 256px PNG) */
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle .bs-filter-png {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    opacity: 0.8 !important;
    object-fit: contain !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root .mobile-sidebar-toggle.providerSelected .bs-filter-png {
    opacity: 0.95 !important;
}

/* v29.0 — Match search bg to sort (gradient), center game grid */

/* Apply sort's gradient to search wrapper (inner color matches) */
html.mobile-root body.mobile-site .slot-page-root .games-search-expand {
    background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
    background-color: transparent !important;
}

/* Center game grid: force container to viewport width */
html.mobile-root body.mobile-site .slot-page-root #slotsGamesContainer,
html.mobile-root body.mobile-site .slot-page-root .slot-oyun-listesi {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}
html.mobile-root body.mobile-site .slot-page-root #game-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 3px 0 0 0 !important;
    justify-content: center !important;
    justify-items: center !important;
    box-sizing: border-box !important;
}

/* v30.0 — Sticky announcement bar at top on ALL pages */
html.mobile-root body.mobile-site #mobAnnouncementBar,
html.mobile-root body.mobile-site .mob-announcement-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
}

/* v31.0 — Banner FIXED at top (sticky failed because body has overflow:clip).
   Add top padding to body equal to banner height so content isn't hidden. */
html.mobile-root body.mobile-site #mobAnnouncementBar,
html.mobile-root body.mobile-site .mob-announcement-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1200 !important;
}

/* Push body content down by the banner height (measured ~68px) */
html.mobile-root body.mobile-site {
    padding-top: 68px !important;
}

/* v32.0 — Mobile header hide on scroll-down, show on scroll-up (BS-matched behavior)
   Targets:
     #mobAnnouncementBar  — always visible
     header.mobileHeader  — hides on scroll down
     nav.mainMenu         — stays visible, slides up to fill the gap
*/

/* Smooth transition on header + nav */
html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
    transition: margin-top 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease, visibility 0s linear 0s !important;
}
html.mobile-root body.mobile-site.header-hidden header.mobileHeader {
    transition: margin-top 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease, visibility 0s linear 280ms !important;
}
html.mobile-root body.mobile-site nav.mainMenu,
html.mobile-root body.mobile-site .mainMenu {
    transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform !important;
}

/* HIDDEN STATE: header slides up by its own height; nav slides up to fill the gap */
html.mobile-root body.mobile-site.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.header-hidden .mobileHeader {
    margin-top: -50px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Nav slides up naturally because header has margin-top:-50 when hidden */
/* v32.0 END */

/* v33.0 — Header scrolls with page until threshold, then fixed + hide/show on direction
   Overrides earlier v31/v32 sticky+margin hiding. */

/* Default state: header flows with page (NOT sticky). Scrolls off naturally. */
html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
    position: static !important;
    top: auto !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Past threshold: header becomes fixed at top, ready to be hidden/shown */
html.mobile-root body.mobile-site.past-hdr-threshold header.mobileHeader,
html.mobile-root body.mobile-site.past-hdr-threshold .mobileHeader {
    position: fixed !important;
    top: 68px !important;    /* below the announcement bar which is fixed at top 0 */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1050 !important;
    transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 220ms ease !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    will-change: transform !important;
}

/* Past threshold AND hidden: slide header up by 100% (above viewport) */
html.mobile-root body.mobile-site.past-hdr-threshold.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.past-hdr-threshold.header-hidden .mobileHeader {
    transform: translateY(-130%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Also push the nav row flush against announcement when past threshold (no empty gap) */
html.mobile-root body.mobile-site.past-hdr-threshold nav.mainMenu,
html.mobile-root body.mobile-site.past-hdr-threshold .mainMenu {
    transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html.mobile-root body.mobile-site.past-hdr-threshold.header-hidden nav.mainMenu,
html.mobile-root body.mobile-site.past-hdr-threshold.header-hidden .mainMenu {
    top: 68px !important;   /* slide up when header is hidden (close against announcement) */
}
/* v33.0 END */

/* v34.0 — Header scrolls naturally with page.
   Announcement + nav stay fixed/sticky above. No sticky on mobileHeader. */

html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
    position: static !important;
    top: auto !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
}

/* Neutralize any previous threshold-based fixed rules (v33) */
html.mobile-root body.mobile-site.past-hdr-threshold header.mobileHeader,
html.mobile-root body.mobile-site.past-hdr-threshold.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.header-hidden header.mobileHeader {
    position: static !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    margin-top: 0 !important;
}
html.mobile-root body.mobile-site.past-hdr-threshold nav.mainMenu,
html.mobile-root body.mobile-site.past-hdr-threshold.header-hidden nav.mainMenu {
    top: auto !important;
}
/* v34.0 END */

/* v35.0 — Nav sticky top = 68 (right below announcement bar), no overlap */
html.mobile-root body.mobile-site nav.mainMenu,
html.mobile-root body.mobile-site .mainMenu {
    position: sticky !important;
    top: 68px !important;
    z-index: 1100 !important;
}

/* v35.1 — Override earlier nav top:49 rule with full specificity */
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site nav.mainMenu,
html.mobile-root body.mobile-site nav.mainMenu.mainMenu-standalone {
    top: 68px !important;
}

/* v36.0 — Header is STICKY below announcement bar (pinned at top:68).
   Past threshold: hide via margin-top:-50 + opacity 0.
   Nav sticky at top:117 (below header when visible). */

html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
    position: sticky !important;
    top: 68px !important;
    left: 0 !important; right: 0 !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 1050 !important;
    transition: margin-top 280ms cubic-bezier(0.4, 0, 0.2, 1),
                opacity 220ms ease,
                visibility 0s linear 0s !important;
}

html.mobile-root body.mobile-site.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.header-hidden .mobileHeader {
    margin-top: -50px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: margin-top 280ms cubic-bezier(0.4, 0, 0.2, 1),
                opacity 220ms ease,
                visibility 0s linear 280ms !important;
}

/* Nav sticky below header when visible (117), below announcement when header hidden (68) */
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site nav.mainMenu {
    position: sticky !important;
    top: 117px !important;
    z-index: 1040 !important;
    transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html.mobile-root body.mobile-site.header-hidden .mainMenu,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu {
    top: 68px !important;
}
/* v36.0 END */

/* v36.1 — Force nav top 117 with maximum specificity */
html.mobile-root body.mobile-site nav.mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site nav.mainMenu {
    top: 117px !important;
}
html.mobile-root body.mobile-site.header-hidden nav.mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu {
    top: 68px !important;
}

/* v37.0 — BS-exact hide effect: transform: translateY(-100%) with 0.4s ease */
html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
    position: fixed !important;
    top: 68px !important;
    left: 0 !important; right: 0 !important; width: 100% !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 1050 !important;
    transition: transform 0.4s ease !important;
    will-change: transform !important;
}
html.mobile-root body.mobile-site {
    padding-top: 117px !important;
}
html.mobile-root body.mobile-site.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.header-hidden .mobileHeader {
    transform: translateY(-100%) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site nav.mainMenu,
html.mobile-root body.mobile-site nav.mainMenu.mainMenu-standalone {
    position: sticky !important;
    top: 117px !important;
    transition: top 0.4s ease !important;
}
html.mobile-root body.mobile-site.header-hidden .mainMenu,
html.mobile-root body.mobile-site.header-hidden .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu.mainMenu-standalone {
    top: 68px !important;
}
/* v37.0 END */

/* v38.0 — Header STAYS, nav slides UP to cover (BS-exact) */
html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
    position: fixed !important;
    top: 68px !important;
    left: 0 !important; right: 0 !important; width: 100% !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 1050 !important;
    transition: none !important;
    will-change: auto !important;
}
html.mobile-root body.mobile-site.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.header-hidden .mobileHeader {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site nav.mainMenu,
html.mobile-root body.mobile-site nav.mainMenu.mainMenu-standalone {
    position: sticky !important;
    top: 117px !important;
    z-index: 1080 !important;
    transition: top 0.4s ease !important;
}
html.mobile-root body.mobile-site.header-hidden .mainMenu,
html.mobile-root body.mobile-site.header-hidden .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu.mainMenu-standalone {
    top: 68px !important;
}
/* v38.0 END */

/* v38.0 — Header STAYS, nav slides UP to cover (BS-exact) */
html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
    position: fixed !important;
    top: 68px !important;
    left: 0 !important; right: 0 !important; width: 100% !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 1050 !important;
    transition: none !important;
    will-change: auto !important;
}
html.mobile-root body.mobile-site.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.header-hidden .mobileHeader {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
html.mobile-root body.mobile-site .mainMenu,
html.mobile-root body.mobile-site .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site nav.mainMenu,
html.mobile-root body.mobile-site nav.mainMenu.mainMenu-standalone {
    position: sticky !important;
    top: 117px !important;
    z-index: 1080 !important;
    transition: top 0.4s ease !important;
}
html.mobile-root body.mobile-site.header-hidden .mainMenu,
html.mobile-root body.mobile-site.header-hidden .mainMenu.mainMenu-standalone,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu,
html.mobile-root body.mobile-site.header-hidden nav.mainMenu.mainMenu-standalone {
    top: 68px !important;
}
/* v38.0 END */

/* v39.0 */
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay {
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    display: flex !important; flex-direction: column !important; justify-content: space-between !important;
    padding: 8px !important; opacity: 0 !important; pointer-events: none !important;
    background: rgba(0,0,0,0) !important; backdrop-filter: blur(0) !important; -webkit-backdrop-filter: blur(0) !important;
    transition: opacity 0.4s ease, background 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease !important;
    z-index: 2 !important; overflow: hidden !important; box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay {
    opacity: 1 !important; pointer-events: auto !important;
    background: rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-wrap {
    flex: 0 0 auto !important; margin: auto 0 !important; text-align: center !important;
    filter: blur(10px) !important; transition: filter 0.4s ease !important; order: 2 !important; display: flex !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-title-wrap {
    filter: blur(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-text {
    color: #fff !important; font: 500 12px/14px Roboto, Arial, sans-serif !important;
    text-align: center !important; margin: 0 0 2px 0 !important; padding: 0 4px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top {
    flex: 0 0 auto !important; order: 1 !important; justify-content: flex-end !important;
    align-items: center !important; padding: 2px 2px 0 0 !important; gap: 4px !important; display: flex !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top i {
    color: rgba(255,255,255,0.8) !important; font-size: 16px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions {
    order: 3 !important; width: 100% !important; display: flex !important; gap: 8px !important; flex: 0 0 auto !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .play-btn {
    flex: 1 1 50% !important; background: rgb(211,175,55) !important; color: #fff !important; border: none !important;
    border-radius: 4px !important; padding: 6px 10px !important;
    font: 400 14px/16px Roboto, Arial, sans-serif !important; text-transform: uppercase !important;
    text-decoration: none !important; text-align: center !important; cursor: pointer !important;
    opacity: 0 !important; transform: translateY(-50%) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .play-btn {
    opacity: 1 !important; transform: translateY(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn--disabled {
    flex: 1 1 50% !important; background: transparent !important; color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset !important; border: none !important;
    border-radius: 4px !important; padding: 6px 10px !important;
    font: 400 14px/16px Roboto, Arial, sans-serif !important; text-transform: uppercase !important;
    text-decoration: none !important; text-align: center !important; cursor: pointer !important;
    opacity: 0 !important; transform: translateY(50%) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled {
    opacity: 1 !important; transform: translateY(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn--disabled {
    color: rgba(255,255,255,0.3) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important; cursor: not-allowed !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled {
    opacity: 0.5 !important;
}
/* v39.0 END */

/* v39.1 — Unhide overlay pieces that v15 display:none'd */
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-wrap,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top {
    display: flex !important;
}
/* v39.1 END */

/* v40 — Hide main header + nav on login/register pages (BS-style modal pages) */
/* v41 — Game card tap overlay (BS-style, 4 keyframes, 0.4s ease) */
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-wrap,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top {
    display: flex !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay {
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    flex-direction: column !important; justify-content: space-between !important;
    padding: 8px !important;
    opacity: 0 !important; pointer-events: none !important;
    background: rgba(0,0,0,0) !important;
    backdrop-filter: blur(0) !important; -webkit-backdrop-filter: blur(0) !important;
    transition: opacity 0.4s ease, background 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease !important;
    z-index: 2 !important; overflow: hidden !important; box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay {
    opacity: 1 !important; pointer-events: auto !important;
    background: rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-wrap {
    flex: 0 0 auto !important; margin: auto 0 !important; order: 2 !important;
    filter: blur(10px) !important; transition: filter 0.4s ease !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-title-wrap {
    filter: blur(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-text {
    color: #fff !important; font: 500 12px/14px Roboto, Arial, sans-serif !important;
    text-align: center !important; margin: 0 0 2px 0 !important; padding: 0 4px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top {
    flex: 0 0 auto !important; order: 1 !important;
    justify-content: flex-end !important; align-items: center !important;
    padding: 2px 2px 0 0 !important; gap: 4px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top i {
    color: rgba(255,255,255,0.8) !important; font-size: 16px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions {
    order: 3 !important; width: 100% !important;
    gap: 8px !important; flex: 0 0 auto !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .play-btn {
    flex: 1 1 50% !important;
    background: rgb(211,175,55) !important; color: #fff !important;
    border: none !important; border-radius: 4px !important; padding: 6px 10px !important;
    font: 400 14px/16px Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important; text-decoration: none !important;
    text-align: center !important; cursor: pointer !important;
    opacity: 0 !important; transform: translateY(-50%) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .play-btn {
    opacity: 1 !important; transform: translateY(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn--disabled {
    flex: 1 1 50% !important;
    background: transparent !important; color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset !important;
    border: none !important; border-radius: 4px !important; padding: 6px 10px !important;
    font: 400 14px/16px Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important; text-decoration: none !important;
    text-align: center !important; cursor: pointer !important;
    opacity: 0 !important; transform: translateY(50%) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled {
    opacity: 1 !important; transform: translateY(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn--disabled {
    color: rgba(255,255,255,0.3) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important; cursor: not-allowed !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled {
    opacity: 0.5 !important;
}

/* v41.2 — BS-exact game card tap overlay + login/register header hide */
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-wrap,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top {
    display: flex !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay {
    position: absolute !important;
    inset: 0 !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 8px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: rgba(0,0,0,0) !important;
    backdrop-filter: blur(0) !important;
    -webkit-backdrop-filter: blur(0) !important;
    transition: opacity 0.4s ease, background 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
    background: rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-wrap {
    flex: 0 0 auto !important;
    margin: auto 0 !important;
    text-align: center !important;
    filter: blur(10px) !important;
    transition: filter 0.4s ease !important;
    order: 2 !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-title-wrap {
    filter: blur(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-title-text {
    color: #fff !important;
    font: 500 12px/14px Roboto, Arial, sans-serif !important;
    text-align: center !important;
    margin: 0 0 2px 0 !important;
    padding: 0 4px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top {
    flex: 0 0 auto !important;
    order: 1 !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 2px 2px 0 0 !important;
    gap: 4px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-overlay-top i {
    color: rgba(255,255,255,0.8) !important;
    font-size: 16px !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .play-btn {
    flex: 1 1 50% !important;
    background: rgb(211,175,55) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    font: 400 14px/16px Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-align: center !important;
    cursor: pointer !important;
    opacity: 0 !important;
    transform: translateY(-50%) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .play-btn {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn--disabled {
    flex: 1 1 50% !important;
    background: transparent !important;
    color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    font: 400 14px/16px Roboto, Arial, sans-serif !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    opacity: 0 !important;
    transform: translateY(50%) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn--disabled {
    color: rgba(255,255,255,0.3) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important;
    cursor: not-allowed !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled {
    opacity: 0.5 !important;
}
/* v41.2 END */

/* v42.1 - BS-exact login/register full-screen modal */
html.mobile-root body.mobile-site.modal-open #mobAnnouncementBar,
html.mobile-root body.mobile-site.modal-open .mob-announcement-bar,
html.mobile-root body.mobile-site.modal-open .mobFooter,
html.mobile-root body.mobile-site.modal-open .mobileFooter,
html.mobile-root body.mobile-site.modal-open .bottomBar,
html.mobile-root body.mobile-site.modal-open .bottom-bar,
html.mobile-root body.mobile-site.modal-open footer,
html.mobile-root body.mobile-site.modal-open nav.bottomNav,
html.mobile-root body.mobile-site.modal-open .home-hero-slider { display: none !important; }
html.mobile-root body.mobile-site.modal-open .mainContentWrap > *:not(.modal) { display: none !important; }
html.mobile-root body.mobile-site #login2.modal.show,
html.mobile-root body.mobile-site #registerModal.modal.show { background: rgb(0, 0, 0) !important; z-index: 2000 !important; }
html.mobile-root body.mobile-site #login2.modal.show .modal-dialog,
html.mobile-root body.mobile-site #registerModal.modal.show .modal-dialog { max-width: 100% !important; width: 100% !important; height: 100% !important; margin: 0 !important; }
html.mobile-root body.mobile-site #login2.modal.show .modal-content,
html.mobile-root body.mobile-site #registerModal.modal.show .modal-content { background: rgb(0, 0, 0) !important; border: 0 !important; border-radius: 0 !important; min-height: 100vh !important; }
/* v42.1 hide list removed for BS-exact sticky bottom (KAYIT + DESTEK visible) */
/* v42.1 END */

/* ============================================================
   PIXEL-PERFECT v9.9 — Register input box BS-EXACT
   BS computed: input element has bg+radius, wrapper transparent
   MR previously: wrapper had bg+radius, input transparent (visual mismatch)
   ============================================================ */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.inputs,
html.mobile-root body.mobile-site #registerModal .form-control-label-bc {
    height: 52px !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}

html.mobile-root body.mobile-site #registerModal .form-control-label-bc.inputs > input,
html.mobile-root body.mobile-site #registerModal .form-control-label-bc > input,
html.mobile-root body.mobile-site #registerModal .form-control-input-bc {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    height: 52px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 0 !important;
    padding: 20px 44px 4px 15px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font: 14px/1.2 Roboto, Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    margin: 0 !important;
    outline: none !important;
}

/* BS-exact modal body solid black (BS popup-inner-bc bg=rgb(0,0,0)) */
html.mobile-root body.mobile-site #registerModal.modal,
html.mobile-root body.mobile-site #registerModal .register-modal-body {
    background: rgb(0, 0, 0) !important;
}

/* Bootstrap backdrop translucent like BS popup-holder-bc */
html.mobile-root body.mobile-site .modal-backdrop.show,
html.mobile-root body.mobile-site #registerModal ~ .modal-backdrop {
    background: rgba(0, 0, 0, 0.6) !important;
    opacity: 1 !important;
}

/* Form layout width snap (BS form w=398, MR was 400) */
html.mobile-root body.mobile-site #registerModal .register-form-layout,
html.mobile-root body.mobile-site #registerModal #modalRegisterForm {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ============================================================
   v10.1 phone-code chevron — BS-exact down arrow on right side
   BS: small chevron-down icon next to flag+90
   ============================================================ */
html.mobile-root body.mobile-site .phone-code-trigger {
    padding-right: 26px !important;
    position: relative !important;
}
html.mobile-root body.mobile-site .phone-code-trigger::after {
    content: '' !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    width: 12px !important;
    height: 12px !important;
    margin-top: -2px !important;
    transform: translateY(-50%) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 4.5 6 8 9 4.5'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px 12px !important;
    pointer-events: none !important;
    display: block !important;
}


/* === Path B B.2 — Hide MR-only category tiles row on homepage (BS-exact, BS does not have it) ===
 * Higher specificity required: existing rules use html.mobile-root body.mobile-site
 */
html.mobile-root body.mobile-site.is-home-page .rb-category-banners,
html.mobile-root body.is-home-page .rb-category-banners {
    display: none !important;
}

/* ============================================================
   v10.4 form-group asymmetric padding (BS-exact x=17, w=365)
   BS visual: 18-18 symmetric from viewport (popup-inner-bc 10 + entrance-f-item 7 + 1).
   MR has scrollbar 14px on right -> 17 left + 4 right mirrors BS exactly (scrollbar replaces right "border" gap).
   Result: input wrap x=17, w=365 (1px BS tolerance).
   ============================================================ */
html.mobile-root body.mobile-site #registerModal .register-steps-scroll > .form-group,
html.mobile-root body.mobile-site #registerModal .form-group {
    padding-left: 8px !important;
    padding-right: 9px !important;
}

/* ============================================================
   v10.5 logo+modal-holder fix — BS-exact additional matches
   - Logo: padding 2px 0 was adding 4px to rendered height (content-box).
     box-sizing: border-box keeps total 46px (BS-exact).
   - Modal holder: was rgb(10,10,10), BS popup-inner-bc is rgb(0,0,0).
   ============================================================ */
html.mobile-root body.mobile-site #registerModal .register-logo-img {
    box-sizing: border-box !important;
}

html.mobile-root body.mobile-site #registerModal.modal {
    background: rgb(0, 0, 0) !important;
}

/* ============================================================
   v10.7 KAYIT BS-exact alignment (button x=15, w=370 match BS)
   - sticky-bottom horizontal padding -> 0 (was 7px each side)
   - register-actions padding 10px 15px 20px (already correct)
   - button width 100% inside actions = parent (400) - 30 = 370 BS ✓
   ============================================================ */
html.mobile-root body.mobile-site #registerModal .register-sticky-bottom {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-actions {
    padding: 10px 15px 20px !important;
}

/* ============================================================
   v10.8 footer-bar compact — BS-exact KAYIT y=468
   register-footer-bar inflation pulled KAYIT 12px above BS position.
   Compact padding + drop border = sticky-bottom h 159 -> 145, KAYIT y=468 ✓
   ============================================================ */
html.mobile-root body.mobile-site #registerModal .register-footer-bar {
    padding: 7px 0 !important;
    border-top: 0 !important;
}

/* Reduce register-actions padding-bottom to tighten gap to footer-bar (BS visual) */
html.mobile-root body.mobile-site #registerModal .register-actions {
    padding-bottom: 10px !important;
}

/* ============================================================
   v10.9 dvh fix — sticky-bottom KAYIT+DESTEK always visible on real mobile
   On real iOS/Android, 100vh includes browser address bar -> modal overflows
   visible area -> sticky-bottom KAYIT cut off.
   Use 100dvh (dynamic viewport height) so modal fits actual visible area.
   ============================================================ */
html.mobile-root body.mobile-site #registerModal,
html.mobile-root body.mobile-site #registerModal.modal,
html.mobile-root body.mobile-site #registerModal.modal.show {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
}

html.mobile-root body.mobile-site #registerModal .modal-dialog,
html.mobile-root body.mobile-site #registerModal.modal.show .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

html.mobile-root body.mobile-site #registerModal .modal-content,
html.mobile-root body.mobile-site #registerModal.modal.show .modal-content {
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    border: 0 !important;
}

/* Header fixed height */
html.mobile-root body.mobile-site #registerModal .register-modal-header {
    flex: 0 0 auto !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}

/* Body fills remaining space, contains form layout */
html.mobile-root body.mobile-site #registerModal .register-modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Form layout: full body height, flex column */
html.mobile-root body.mobile-site #registerModal #modalRegisterForm,
html.mobile-root body.mobile-site #registerModal .register-form-layout {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Scroll region: flexes, scrolls internally */
html.mobile-root body.mobile-site #registerModal .register-steps-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Sticky bottom: pinned, never shrinks */
html.mobile-root body.mobile-site #registerModal .register-sticky-bottom {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    position: relative !important;
    bottom: 0 !important;
    z-index: 10 !important;
}

/* Prevent body scroll when modal open */
html.mobile-root body.mobile-site.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

/* ─────────────────────────────────────────────────────────────────────
   HOME HERO SWIPER (BS-exact migration 2026-04-26)
   Swiper library replaces custom hero slider. Markup:
     .home-hero-slider > .swiper.home-hero-swiper > .swiper-wrapper > .swiper-slide
     + .swiper-pagination.home-hero-slider-counter (fraction "X / 16")
     + .swiper-button-prev / .swiper-button-next  (HIDDEN — BS has carouselArrowsDisabled)
   Reset Swiper defaults that don't match BS, keep counter visual style consistent.
   ───────────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .home-hero-slider .swiper {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    position: relative !important;
}
html.mobile-root body.mobile-site .home-hero-slider .swiper-slide {
    width: 100% !important;
    flex-shrink: 0 !important;
    display: block !important;
}
html.mobile-root body.mobile-site .home-hero-slider .swiper-slide img,
html.mobile-root body.mobile-site .home-hero-slider .swiper-slide video,
html.mobile-root body.mobile-site .home-hero-slider .swiper-slide picture,
html.mobile-root body.mobile-site .home-hero-slider .swiper-slide picture img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: static !important;       /* override legacy abs+inset rule */
    inset: auto !important;
    top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    max-width: none !important;
    object-fit: cover !important;
    aspect-ratio: auto !important;     /* legacy 1.2/1 forced; cancel for natural slide aspect */
}
html.mobile-root body.mobile-site .home-hero-slider .swiper-slide a {
    display: block !important;
    width: 100% !important;
}

/* Hide default Swiper navigation arrows — BS uses carouselArrowsDisabled */
html.mobile-root body.mobile-site .home-hero-slider .swiper-button-prev,
html.mobile-root body.mobile-site .home-hero-slider .swiper-button-next {
    display: none !important;
}
html.mobile-root body.mobile-site .home-hero-slider .swiper-button-prev::after,
html.mobile-root body.mobile-site .home-hero-slider .swiper-button-next::after {
    content: none !important;
    display: none !important;
}

/* Fraction counter (Swiper renders "X / Y" inline; .home-hero-slider-counter
   class on pagination element preserves existing positioning rules in this file).
   Override font color/size on the auto-generated fraction spans (Swiper does
   NOT emit .home-hero-slider-counter-text — fraction children are
   .swiper-pagination-current and .swiper-pagination-total). */
html.mobile-root body.mobile-site .home-hero-slider-counter.swiper-pagination-fraction {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    line-height: 1.2 !important;
    width: auto !important;
    pointer-events: none !important;
    user-select: none !important;
}
html.mobile-root body.mobile-site .home-hero-slider-counter .swiper-pagination-current,
html.mobile-root body.mobile-site .home-hero-slider-counter .swiper-pagination-total {
    color: inherit !important;
    font: inherit !important;
}

/* Hide counter when only 1 slide (Swiper still renders it; mirror legacy rule) */
html.mobile-root body.mobile-site .home-hero-swiper[data-total="1"] ~ * .home-hero-slider-counter,
html.mobile-root body.mobile-site .home-hero-swiper[data-total="1"] .home-hero-slider-counter {
    display: none !important;
}

/* =============================================================
 * ITER 342 — Home BS-paralel correction (announcement inner +
 *   tile grid wrapper chrome) — kullanıcı 2026-05-08 directive
 * --------------------------------------------------------------
 * Live measurement (BS m.bahissende302 vs MR m.meritroyalvip753, 392vp logged-in):
 *
 * §A — Announcement bar inner (.mob-announce-inner vs BS .hdr-dynamic-content > .hm-row-bc):
 *   BS inner: padding 0, margin 5px 0 0, bg transparent, br 0, display grid
 *   MR inner pre-342: padding 10px 20px, margin 4px 7px, bg rgba(255,255,255,0.05), br 4px, display flex
 *   Fix targets: bg → transparent, br → 0, padding → 0, margin → 5px 0 0 (drop 7px lateral inset, drop tint+rounding)
 *
 * §B — Tile grid wrapper height (.rb-category-banners vs BS .hm-row-bc:nth(1)):
 *   BS hm-row outer h=209.6 (containing product-banner-container 198.8 + ~10.8 chrome between hero and tile)
 *   MR rb-category-banners h=198.8 (no outer wrapper, snug against hero)
 *   BS gap hero→tile: 162.2+205.7=367.9 → tile y=377.9 → ~10px gap
 *   MR gap hero→tile: 162+214.2=376.2 → tile y=376.2 → 0px gap
 *   Fix: 10px top margin on .rb-category-banners + 1px bottom margin → total layout chrome 11px
 *
 * Specificity ladder (rule #38): 4-chain selector to override ITER 332/341 in category-banners-show.css
 * Owner: theme-robinbet-mobile.css ONLY (rule #30) — distinct concern (cosmetic+layout) from category-banners-show
 *   tile-internal rules.
 * Trigger: rule #158 (visual render layer parity), rule #34 (full-scroll audit), kullanıcı 2026-05-08 directive
 *   "çok fazla farklılık mevcut, önce farklılıkları detaylıca tüm metriklerle sırala ardından işleme al ve eşitle".
 * ============================================================= */

/* §A REVERTED 2026-05-08 — kullanıcı: "güncel adresimiz kısmında bahissende
 *   de çevreleyen altta ve üstünde sarı çizgili efekt var o meritroyalde de
 *   vardı ama sen sebepsizce kaldırdın". Sarı çerçeve efekti korunmalı —
 *   announcement inner bg/border/padding/margin değişiklikleri geri alındı. */

/* §B — Tile grid wrapper +11px chrome (10px top + 1px bottom margin) */
html.mobile-root body.mobile-site .rb-category-banners.rb-category-banners.rb-category-banners.rb-category-banners,
body.mobile-site .rb-category-banners.rb-category-banners.rb-category-banners.rb-category-banners {
    margin-top: 10px !important;
    margin-bottom: 1px !important;
}
/* END ITER 342 ============================================== */

/* =============================================================
 * ITER 343 — Header right side + nav active underline BS-paralel
 * --------------------------------------------------------------
 * Live measurement (BS m.bahissende302 vs MR m.meritroyalvip753, 392vp logged-in):
 *
 * §A — Balance widget (.balanceAmount / .mobileHeader-balance):
 *   BS .balanceAmount: x=261, y=85, w=34, h=14, fs=12px (compact, ellipsized)
 *   MR pre-343 .mobileHeader-balance-pair: x=274, y=83, w=46, h=19, fs=14-16px (taller, wider)
 *   Fix: line-height 14, font-size 12, h auto — match BS compact spec
 *
 * §B — 3-dot menu button (.hdr-toggle-button-bc):
 *   BS .hdr-toggle-button-bc: x=335, y=78, w=28, h=28, bg=rgba(255,255,255,0.1),
 *     border-radius=50% (yuvarlak gri zemin, içinde 3-nokta SVG)
 *   MR pre-343 .hdr-toggle-button-bc: x=366, y=79, w=20, h=28, bg=transparent,
 *     border-radius=0 (transparent zemin, sadece SVG)
 *   Fix: 28×28, bg rgba(255,255,255,0.1), border-radius 50% — match BS round chip
 *
 * §C — Nav active item underline (BS sarı çizgi alt):
 *   BS aktif `.hdr-navigation-link-bc.is-active` → bottom 2px sarı `#d4af37` çizgi
 *   MR pre-343: yok (active item underline missing)
 *   Fix: ::after pseudo-element + height 2px + bg #d4af37 + position absolute bottom 0
 *
 * Trigger: kullanıcı 2026-05-08 (3 ardışık feedback):
 *   - "bakiye kısımları tamamen farklı avatarın sağındaki 3 nokta kısmı tamamen farklı"
 *   - "canlı bahisler spor bahisleri gibi yazılar tamamen doğru ama altındaki sarı
 *      ışık meritroyalde yok hangisi seçiliyse sarı çizgi geliyor bahissende de"
 * Owner: theme-robinbet-mobile.css ONLY (rule #30)
 * ============================================================= */

/* §A — Balance widget BS-paralel compact spec */
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance.mobileHeader-balance,
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance-pair.mobileHeader-balance-pair,
html.mobile-root body.mobile-site .mobileHeader .balanceAmount.balanceAmount,
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance-v.mobileHeader-balance-v,
html.mobile-root body.mobile-site .mobileHeader .bs-odometer.bs-odometer {
    font-size: 12px !important;
    line-height: 14px !important;
    height: auto !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

/* §B1 — Avatar (mobileHeader-profile-icon) — BS-EXACT (live measured)
 *   Kullanıcı 2026-05-08 rev2: "bahissende nin css sini indir ve direkt onu yapıştır"
 *   BS live measure (m.bahissende302.com): <i class="hdr-user-avatar-icon-bc bc-i-user">
 *     display:inline, bg:transparent, br:0px, fs:28px, color:rgba(255,255,255,0.6),
 *     font-family:BetConstruct-Icons, ::before content:U+E919, ::before fs:28px
 *   ITER 343d: chip kaldırıldı, BS-exact transparent inline glyph 28px uygulandı.
 *   "Round" görünüm font glyph silüetinin kendisi, chip background DEĞİL. */
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-profile-icon,
html.mobile-root body.mobile-site .mobileHeader-actions .mobileHeader-profile-icon,
html.mobile-root body.mobile-site a.mobileHeader-profile-icon,
html.mobile-root body.mobile-site a.mobileHeader-profile-icon--bs,
html.mobile-root body.mobile-site .mobileHeader-profile-icon.hdr-user-avatar-icon-bc {
    display: inline !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 28px !important;
    font-family: BetConstruct-Icons !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* Avatar inner glyph: bc-i-user from BetConstruct-Icons font (U+E919) — BS exact 28px
 * ITER 401: scoped with :not(.bc-i-close-remove) so drawer-open X-swap wins. */
html.mobile-root body.mobile-site a.mobileHeader-profile-icon:not(.bc-i-close-remove)::before,
html.mobile-root body.mobile-site .mobileHeader-profile-icon.hdr-user-avatar-icon-bc:not(.bc-i-close-remove)::before {
    content: "" !important;
    font-family: BetConstruct-Icons !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    display: inline !important;
    background: transparent !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
}

/* Hide native inner svg/img if any (we use ::before glyph) */
html.mobile-root body.mobile-site a.mobileHeader-profile-icon > svg,
html.mobile-root body.mobile-site a.mobileHeader-profile-icon > img,
html.mobile-root body.mobile-site .mobileHeader-profile-icon.hdr-user-avatar-icon-bc > svg,
html.mobile-root body.mobile-site .mobileHeader-profile-icon.hdr-user-avatar-icon-bc > img {
    display: none !important;
}

/* §B2 — 3-dot menu button BS-paralel round chip (28x28, rgba(255,255,255,0.1) bg, 50% radius)
 *   Kullanıcı 2026-05-08: "kalan 3 noktayı da bahissendeki ile aynı yap çünkü farklı görünümde"
 *   BS spec: w=28, h=28, bg rgba(255,255,255,0.1), border-radius 50% (yuvarlak gri chip),
 *     içinde 3-nokta SVG/font glyph 14px */
html.mobile-root body.mobile-site .mobileHeader .hdr-toggle-button-bc.hdr-toggle-button-bc,
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-toggle-button-bc.hdr-toggle-button-bc,
html.mobile-root body.mobile-site button.hdr-toggle-button-bc.hdr-toggle-button-bc {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 0 none !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, 0.8) !important;
    cursor: pointer !important;
}

html.mobile-root body.mobile-site .hdr-toggle-button-bc.hdr-toggle-button-bc > svg,
html.mobile-root body.mobile-site .hdr-toggle-button-bc.hdr-toggle-button-bc > i {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* §C — Nav active item bottom yellow underline (BS-paralel) */
html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc.is-active,
html.mobile-root body.mobile-site .mainMenu a.hdr-navigation-link-bc.active,
html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc[aria-current="page"],
html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc.nav-menu-item.is-active,
html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc.nav-menu-item.active {
    position: relative !important;
}

html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc.is-active::after,
html.mobile-root body.mobile-site .mainMenu a.hdr-navigation-link-bc.active::after,
html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc[aria-current="page"]::after,
html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc.nav-menu-item.is-active::after,
html.mobile-root body.mobile-site .mainMenu .hdr-navigation-link-bc.nav-menu-item.active::after {
    content: '' !important;
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #d4af37 !important;
    border-radius: 2px 2px 0 0 !important;
    pointer-events: none !important;
}
/* END ITER 343 ============================================== */




/* === BS-EXACT HEADER PORT v7 2026-05-09 (live BS measurements) === */
.bc-i-vertical-toggle::before{content:"\ea1d "!important;font-family:"BetConstruct-Icons"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;line-height:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;speak:never!important}
.bc-i-user::before{content:"\e919 "!important;font-family:"BetConstruct-Icons"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;line-height:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;speak:never!important}
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-toggle-button-bc,html.mobile-root body.mobile-site .mobileHeader .hdr-toggle-button-bc{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;background:rgba(255,255,255,.1)!important;border:none!important;padding:0!important;border-radius:50%!important;cursor:pointer!important;font-size:0!important;color:transparent!important}
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-toggle-button-bc>i.bc-i-vertical-toggle,html.mobile-root body.mobile-site .mobileHeader .hdr-toggle-button-bc>i.bc-i-vertical-toggle{font-size:14px!important;color:rgba(255,255,255,.8)!important;line-height:1!important;display:inline-block!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;background:transparent!important;border:none!important;padding:0!important}
html.mobile-root body.mobile-site .mobileHeader-actions .hdr-toggle-button-bc>svg,html.mobile-root body.mobile-site .mobileHeader-actions .hdr-toggle-button-bc .hdr-toggle-icon{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important}
html.mobile-root body.mobile-site .mobileHeader-actions a.mobileHeader-profile-icon.bc-i-user,html.mobile-root body.mobile-site .mobileHeader a.mobileHeader-profile-icon.bc-i-user,html.mobile-root body.mobile-site .mobileHeader-actions .mobileHeader-profile-icon.mobileHeader-profile-icon--bs.bc-i-user,html.mobile-root body.mobile-site .mobileHeader .mobileHeader-profile-icon.mobileHeader-profile-icon--bs.bc-i-user{font-size:28px!important;color:rgba(255,255,255,.6)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;background:transparent!important;border:none!important;border-radius:0!important;position:relative!important;text-decoration:none!important;padding:0!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-style:normal!important;font-weight:400!important;line-height:1!important}
html.mobile-root body.mobile-site .mobileHeader-actions a.mobileHeader-profile-icon.bc-i-user::before,html.mobile-root body.mobile-site .mobileHeader a.mobileHeader-profile-icon.bc-i-user::before{font-size:28px!important;color:rgba(255,255,255,.6)!important;line-height:1!important}
html.mobile-root body.mobile-site .mobileHeader-actions a.mobileHeader-profile-icon.bc-i-user>svg,html.mobile-root body.mobile-site .mobileHeader-actions a.mobileHeader-profile-icon.bc-i-user>img,html.mobile-root body.mobile-site .mobileHeader a.mobileHeader-profile-icon.bc-i-user>svg,html.mobile-root body.mobile-site .mobileHeader a.mobileHeader-profile-icon.bc-i-user>img{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important}
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance,html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance-line,html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance-pair,html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance-v,html.mobile-root body.mobile-site .mobileHeader #mobileBalanceMain,html.mobile-root body.mobile-site .mobileHeader #mobileHeaderBalanceWrap,html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance *,html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance-line *{font-weight:500!important;color:rgb(255,255,255)!important;font-size:12px!important;letter-spacing:0!important;line-height:normal!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance,html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance-line,html.mobile-root body.mobile-site .mobileHeader #mobileHeaderBalanceWrap{width:auto!important;flex:0 0 auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important}
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-actions{gap:6px!important;align-items:center!important;display:inline-flex!important}
/* === END BS-EXACT HEADER PORT v7 === */

/* === BS-EXACT BALANCE POSITION v8 2026-05-09 === */
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance,html.mobile-root body.mobile-site .mobileHeader-inner > .mobileHeader-balance{margin-left:auto!important;margin-right:0!important;order:2!important}
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-actions,html.mobile-root body.mobile-site .mobileHeader-inner > .mobileHeader-actions{margin-left:6px!important;order:3!important}
html.mobile-root body.mobile-site .mobileHeader-inner > .mobileHeader-logo{order:1!important}
/* === END BS-EXACT BALANCE POSITION v8 === */

/* === BS-EXACT GAP KILL v9 2026-05-09 (balance->avatar 14px->0) === */
html.mobile-root body.mobile-site .mobileHeader-inner{gap:0!important}
html.mobile-root body.mobile-site .mobileHeader-inner > .mobileHeader-actions{margin-left:0!important}
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-balance{padding-right:0!important;margin-right:0!important}
html.mobile-root body.mobile-site .mobileHeader-inner > .mobileHeader-actions{align-self:center!important}
/* === END BS-EXACT GAP KILL v9 === */

/* === BS-EXACT v10 2026-05-09 (restore 6px bal->av gap, avatar inline like BS) === */
html.mobile-root body.mobile-site .mobileHeader-inner > .mobileHeader-actions{margin-left:6px!important;align-self:center!important}
html.mobile-root body.mobile-site .mobileHeader-inner{gap:0!important;align-items:center!important}
html.mobile-root body.mobile-site .mobileHeader-actions{display:inline-flex!important;align-items:center!important;gap:6px!important}
html.mobile-root body.mobile-site .mobileHeader-actions a.mobileHeader-profile-icon.bc-i-user,html.mobile-root body.mobile-site .mobileHeader a.mobileHeader-profile-icon.bc-i-user{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;font-size:28px!important;color:rgba(255,255,255,.6)!important;line-height:1!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;vertical-align:middle!important;text-decoration:none!important}
/* === END BS-EXACT v10 === */

/* === BS-EXACT v11 2026-05-09 (avatar y -1.6px to match BS 8.9 from header top) === */
html.mobile-root body.mobile-site .mobileHeader-actions a.mobileHeader-profile-icon.bc-i-user,html.mobile-root body.mobile-site .mobileHeader a.mobileHeader-profile-icon.bc-i-user{margin-top:-1.6px!important}
/* === END BS-EXACT v11 === */

/* === BS-EXACT v12 2026-05-09 (right cluster nudge ~8px left, BS-paralel; gaps preserved) === */
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-inner{padding-right:16px!important}
/* === END BS-EXACT v12 === */

/* === BS-EXACT v13 2026-05-12 — Hero counter pill BS-paralel (§D Δ19-22 fix)
 * Source: AI_AUDIT_REPORTS/home-advanced-numeric-diff-2026-05-12.md §D
 * BS spec (measured 2026-05-12 sub-pixel):
 *   bg=rgba(211,175,55,0.7) gold, br=4, pad=4x6, fz=13 fw=400, "X / Y" inline single-line
 * MR pre-fix (Swiper default fraction):
 *   bg=rgba(0,0,0,0.5) black, br=12, pad=4x10, fz=12 fw=600, spans display:block → stacked "X\n/\nY"
 * Root cause: .swiper-pagination-current + .swiper-pagination-total default to display:block via
 * swiper-bundle.min.css; sibling text node "/" gets pushed to its own line → 3-line render.
 * Fix: force inline on swiper spans + restyle container per BS spec.
 * Rule refs: #119 (BIREBIR yasak — sadece olculen 4 sapma fix), #20 (kanit: once olc sonra fix),
 *            #134 (transition timing korunur — counter animasyonsuz), #153 (anlik deploy). */
html.mobile-root body.mobile-site .home-hero-slider-counter{
  background:rgba(211,175,55,0.7)!important;
  border-radius:4px!important;
  padding:4px 6px!important;
  gap:0!important;
  white-space:nowrap!important;
  flex-direction:row!important;
  align-items:center!important;
  line-height:1!important;
}
html.mobile-root body.mobile-site .home-hero-slider-counter .swiper-pagination-current,
html.mobile-root body.mobile-site .home-hero-slider-counter .swiper-pagination-total{
  display:inline!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:400!important;
  font-family:Roboto,Arial,Helvetica,sans-serif!important;
  line-height:1!important;
}
/* Whitespace around "/" delimiter — BS uses single space pre + post */
html.mobile-root body.mobile-site .home-hero-slider-counter .swiper-pagination-current::after{content:" "!important;white-space:pre!important}
html.mobile-root body.mobile-site .home-hero-slider-counter .swiper-pagination-total::before{content:" "!important;white-space:pre!important}
/* If counter-text wrapper exists (legacy markup variant) — override its prior block-mode font */
html.mobile-root body.mobile-site .home-hero-slider-counter .home-hero-slider-counter-text{
  font-size:13px!important;
  font-weight:400!important;
  display:inline!important;
  line-height:1!important;
}
/* === END BS-EXACT v13 === */

/* === BS-EXACT v14 2026-05-12 — Nav breathing animation BS-paralel (§A audit port)
 * BS spec captured live (tab 1067854104): .hdr-navigation-link-bc::after = linear-gradient
 * underline gold band (70% w, 1px h, bottom:6px) with bsUnderlineGlow 3s ease-in-out,
 * .nav-menu-title with bsTextGlow 3s. Stagger: nth-child(N) delay = (N-1)*0.4s.
 * Keyframes already defined in components-glow.css (bsTextGlow, bsUnderlineGlow).
 * Rule #134 transition parity; rule #157 turn continuation; rule #119 honesty (no BIREBIR). */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc{
  position:relative!important;
  overflow:visible!important;
}
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc .nav-menu-title{
  animation:bsTextGlow 3s ease-in-out infinite alternate!important;
  display:inline-block!important;
}
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc::after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  bottom:6px!important;
  transform:translateX(-50%)!important;
  width:70%!important;
  height:1px!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(212,175,55,0.4) 20%,
    rgba(232,201,74,0.95) 50%,
    rgba(212,175,55,0.4) 80%,
    transparent 100%)!important;
  pointer-events:none!important;
  animation:bsUnderlineGlow 3s ease-in-out infinite alternate!important;
}
/* nth-child stagger (BS-paralel: N=1..9, delay = (N-1)*0.4s) */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(1) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(1)::after{ animation-delay:0s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(2) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(2)::after{ animation-delay:0.4s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(3) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(3)::after{ animation-delay:0.8s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(4) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(4)::after{ animation-delay:1.2s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(5) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(5)::after{ animation-delay:1.6s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(6) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(6)::after{ animation-delay:2.0s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(7) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(7)::after{ animation-delay:2.4s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(8) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(8)::after{ animation-delay:2.8s!important; }
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(9) .nav-menu-title,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc:nth-child(9)::after{ animation-delay:3.2s!important; }
/* prefers-reduced-motion safety (a11y) */
@media (prefers-reduced-motion: reduce){
  html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc::after,
  html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc .hdr-navigation-link-bc .nav-menu-title{
    animation:none!important;
  }
}
/* === END BS-EXACT v14 === */

/* ===== ITER 508 — BS-EXACT SUB-NAV OVERLAY ON SCROLL (2026-05-16, rev15) =====
   Rev15 = rev14 (compositor layer promotion) + RESTORED rev12 z-index ordering.

   USER DIRECTIVE (2026-05-16): "daha az önce giriş kayıt butonunun üzerine
   çıkıyordu canlı bahisler spor bahisleri slot canlı casino butonları son
   birkaç değişiklik yaptın yine bozuldu"
   = "Just earlier the sub-nav buttons (canlı bahisler / spor bahisleri / slot
   / canlı casino) were going OVER the giriş/kayıt button. Your last few
   changes broke it again."

   INTERPRETATION:
   • Desired behavior: sub-nav OVERLAYS (covers) giriş/kayıt on scroll.
   • Rev13 mistake: I swapped z-index thinking the "flicker" was from nav
     rendering ABOVE mh during animation. Actually that ABOVE rendering IS
     the intended visual effect — the buttons should COVER giriş/kayıt.
   • Rev14 inherited the wrong z-index. Now corrected to nav ABOVE mh.

   REV15 CONFIGURATION:
   • mobileHeader z-index = 1085 (logo + giriş/kayıt — stays fixed visually
     but gets COVERED by sub-nav from above on scroll)
   • sub-nav z-index = 1100 (above mh — slides up to cover mh on scroll)
   • announcement bar z-index = ~1200 (highest, always on top)
   • KEEP rev14 compositor layer promotion on both mh and nav:
       - `transform: translate3d(0, 0, 0.001px)` (non-zero z preserves 3D)
       - `will-change: transform` (compositor layer hint)
       - `contain: layout style paint` (paint isolation)
     → both layers on independent GPU layers, animation = pure compositor work
   • Sub-nav rest: translate3d(0, 0, 0.001px) — at y=117 below mh
   • Sub-nav scrolled (body.header-hidden): translate3d(0, -40px, 0.001px)
       → at y=77, overlapping mh (which is at y=68 with h=49 → bottom y=117)
       → user sees sub-nav covering giriş/kayıt row
   • Duration: 240ms cubic-bezier(0.4,0,0.2,1) Material Design

   BS BEHAVIOR (REFERENCE, measured 2026-05-16):
   • BS achieves overlay via PERMANENT translateY(-40) on sub-nav holder
     inside .header-bc — sub-nav permanently overlaps logo+giriş.
   • MR achieves overlay DYNAMICALLY on scroll — but end-state is the same
     visual outcome: sub-nav buttons covering the giriş/kayıt row.

   Önceki revizyonlar:
   - rev8 : translateY(-49px) + opacity:0 hid mh (yanlış)
   - rev9 : v34 `position:static !important` made mh scroll out of viewport
   - rev10: top transition → layout reflow (janky)
   - rev10b: margin-top:0 override
   - rev11: switched to translate3d transition (GPU)
   - rev12: added !important, layer promotion on neighbors, contain hint
            CORRECT z-index (nav > mh) — but mh still not on compositor layer
   - rev13: WRONG — z-index swap (mh > nav) reversed the overlay effect
   - rev14: rev13 + compositor layer fix — smoothness improved but overlay still wrong
   - rev15: restore rev12 z-index ordering + keep rev14 compositor fix
            = correct visual + smooth animation. */

html.mobile-root body.mobile-site .mob-announcement-bar,
html.mobile-root body.mobile-site .mob-announcement-bar--styled {
  transform: translate3d(0, 0, 0.001px) !important;
  will-change: transform;
  backface-visibility: hidden;
}

html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
  position: fixed !important;
  top: 68px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1085 !important;
  margin-top: 0 !important;
  transform: translate3d(0, 0, 0.001px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: none !important;
  will-change: transform;
  backface-visibility: hidden;
  contain: layout style paint;
  background-color: rgb(0, 0, 0) !important;
}

html.mobile-root body.mobile-site.header-hidden header.mobileHeader,
html.mobile-root body.mobile-site.header-hidden .mobileHeader,
html.mobile-root body.mobile-site.past-hdr-threshold header.mobileHeader,
html.mobile-root body.mobile-site.past-hdr-threshold.header-hidden header.mobileHeader {
  position: fixed !important;
  top: 68px !important;
  margin-top: 0 !important;
  transform: translate3d(0, 0, 0.001px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1085 !important;
}

html.mobile-root body.mobile-site .layout-after-header {
  padding-top: 49px;
}

/* ITER 508 rev25 (2026-05-16) — CSS transition + class toggle (WAAPI removed).
   Rev24 used WAAPI (Element.animate) with fill:'forwards' to drive the transform
   from JS. That worked the first few cycles but accumulated compositor state on
   the nav element; after ~10 up/down cycles, the user reported the animation
   skipped frames again and felt "instant", and deep-scroll handler latency grew
   in both directions. CSS transitions don't accumulate — every class toggle
   starts a fresh interpolation from the current computed value, and motion runs
   on the compositor thread independent of the JS scroll handler.
   Rev25 design:
     1. Base rule keeps fixed position + default transform (0) + transition on
        transform with the same 240ms cubic-bezier(0.4, 0, 0.2, 1) curve.
     2. Static `.header-hidden nav...` class rule re-introduced — provides the
        -40px target the transition interpolates toward.
     3. JS (header-scroll-hide.js rev25) only toggles the class. Threshold is
        computed dynamically from `.slots-layout` top edge (BS-parity: BS hides
        only after scrolling past the providers section bottom; MR's equivalent
        anchor is the games-grid start). No WAAPI, no commitStyles, no cancel.
   Animation guarantees: identical smoothness on every cycle (no accumulation),
   zero scroll-handler latency (CSS compositor runs independent of JS),
   mid-flight reversal works natively because CSS transition picks up current
   computed value as the new "from". */
html.mobile-root body.mobile-site nav.bs-deposit-tabs.site-nav-tabs {
  position: fixed !important;
  top: 117px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1100 !important;
  transform: translate3d(0, 0, 0.001px);
  transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: transform;
  backface-visibility: hidden;
  background-color: rgb(0, 0, 0) !important;
}

html.mobile-root body.mobile-site.header-hidden nav.bs-deposit-tabs.site-nav-tabs {
  transform: translate3d(0, -40px, 0.001px) !important;
}

html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader {
  transition:
    transform 240ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 240ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: transform;
  backface-visibility: hidden;
}
/* === END ITER 508 rev25 === */