/* şablon ince ayarlar — asıl tema pageBuilderCssConfig.json'dan gelir */
img[alt="Header Icon"]{ display:none !important; }          /* logo yanı CMS ikonu */
.hdr-logo-bc{ object-fit:contain !important; width:auto !important; max-width:170px !important; }

/* ‼️ ÜST BAR (logo sırası) — DÜZ SİYAH DEĞİL, GRADIENT.
   Referans Rixoss: .header-bc üzerinde 24 derecelik dört duraklı gradient
   (iki uçta açık, ortada en koyu) — logo ve sağdaki butonlar hafif ışıklı
   zeminde duruyor. Aynı yapı, renkler şablon mavisinden (#0d97f8 ailesi).
   Dış kap (.layout-header-holder-bc) Rixoss'teki gibi siyah kalıyor;
   gradient sadece iç katmanda, yoksa duyuru şeridi de boyanır. */
.header-bc{
  background-image:linear-gradient(24deg,#030817 0%,#030817 35%,#030815 50%,#05182d 100%) !important;
  background-color:transparent !important;
}
/* ‼️ MOBİLDE başlık TEK kutu değil: .header-bc yalnız 49px (logo sırası) ve
   ikon sırası (.hdr-additional-info) onun kutusunun DIŞINDA kalıyor; üstelik
   iç katmanlar düz siyah boyayıp gradienti örtüyordu. Satırlara ayrı ayrı,
   YATAY gradient veriliyor — 24 derece iki kısa satırda basamak yapıyor,
   yatayda iki satır aynı ilerlemeyi gösterdiği için kopukluk olmuyor. */
@media (max-width:1023px){
  .hdr-main-content-bc, .hdr-additional-info{
    background-image:linear-gradient(90deg,#030817 0%,#030817 35%,#030815 50%,#05182d 100%) !important;
    background-color:transparent !important;
  }
}

/* ‼️ NAVBAR: BC zeminin ÜSTÜNE .nav-menu-container rgba(0,2,5,.15) siyah film biniyor
   -> renk soluk görünüyordu. Filmi kaldırıp düz marka mavisini veriyoruz. */
.nav-content-bc{ background-image:none !important; background-color:#0d97f8 !important;
  box-shadow:0 1px 4px rgba(0,0,0,.45); }
.nav-menu-container.header-navigation, .nav-content-menu{ background:transparent !important; }
.nav-menu-item{ font-weight:600 !important; }

/* ‼️ NAVBAR HİZASI: altın şerit tam genişlikte kalır ama menü öğeleri içerik
   sütunuyla (1480px + 14px iç boşluk) AYNI dikey hatta başlar/biter. */
.nav-content-bc .nav-content-menu{
  width:100%; flex:1 1 auto; max-width:1480px; margin-inline:auto !important;
  padding-inline:14px; box-sizing:border-box;
}
.nav-content-bc .nav-menu-container.header-navigation{ width:100%; }
.nav-content-bc .nav-menu{ justify-content:flex-start; }
/* "DAHA" en sağda (justify-end) — içerik sütununun sağ kenarıyla biter.
   ‼️ SADECE masaüstü: mobilde navbar yatay kaydırmalı şerit, auto marj diğer
   öğeleri ekran dışına itiyor (sadece CASİNO + DAHA görünüyordu). */
@media (min-width:1024px){ .nav-content-bc .nav-menu > li:last-child{ margin-inline-start:auto; } }
/* "DAHA" açılır kutusu: alt menü sağa taşmasın */
.nav-menu > li:last-child > .nav-menu-sub{ inset-inline-start:auto; inset-inline-end:0; }

/* ‼️ SPINNER: BC'nin yükleme animasyonu Rixoss logosunu (JS'e gömülü SVG) basıyor.
   SVG'yi gizleyip şablon logosunu nabız animasyonuyla gösteriyoruz. */
.bc-loader-contain svg, .bc-loader-contain img{ display:none !important; }
.bc-loader-contain{
  width:92px; height:92px; position:relative; display:grid; place-items:center;
  background:url('/media/spinner.png?v=1792172291154') center/78% no-repeat;
  animation:mb-nefes 1.6s ease-in-out infinite;
}
/* ‼️ TEK HALKA (kullanıcı isteği): önceden iki ayrı daire dönüyordu ve iç içe
   tam oturmuyordu. Artık marka görselinin çevresinde tek bir ışık halkası var. */
.bc-loader-contain::before{
  content:''; position:absolute; inset:0; border-radius:50%;
  border:2px solid transparent;
  border-top-color:#0d97f8; border-right-color:rgba(13,151,248,.35);
  animation:mb-don 1s linear infinite;
}
.bc-loader-contain::after{ content:none; }
@keyframes mb-don{ to{ transform:rotate(360deg) } }
@keyframes mb-nefes{ 0%,100%{ transform:scale(.94); filter:drop-shadow(0 0 0 rgba(13,151,248,0)) }
  50%{ transform:scale(1); filter:drop-shadow(0 0 10px rgba(13,151,248,.55)) } }
@media (prefers-reduced-motion:reduce){
  .bc-loader-contain,.bc-loader-contain::before{ animation-duration:3s }
}

/* ── ANA SAYFA GENİŞLİĞİ: Rixoss gibi tam genişlik DEĞİL, sağ-sol boşluklu ── */
.layout-content-holder-bc .hm-row-bc{
  max-width:1480px; margin-inline:auto !important; padding-inline:14px; box-sizing:border-box;
}
/* ── SLIDER: görsel TAM görünsün, kırpılmasın ──
   BC varsayılanı object-fit:cover → slide kutusu görselin oranından farklı olunca
   kenarlardan kesiyordu. Kutuya görselin oranını (1600x536) verip 'fill' yapıyoruz. */
.hm-row-bc .slider-bc .sdr-item-bc{ border-radius:8px; overflow:hidden; }
.hm-row-bc .slider-bc, .hm-row-bc .slider-bc .swiper,
.hm-row-bc .slider-bc .swiper-slide, .hm-row-bc .slider-bc .sdr-item-bc{
  aspect-ratio:1600/536; height:auto !important;
}
.hm-row-bc .slider-bc .sdr-image-bc{
  border-radius:8px; object-fit:fill !important; width:100% !important; height:100% !important;
}
/* hızlı kategoriler: şeffaf kutu yok, sadece görsel */
.product-banner-container-bc{ background:transparent !important; gap:10px !important; }
.product-banner-bc, .product-banner-info-bc{ background:transparent !important; border:none !important; box-shadow:none !important; }
.product-banner-img-bc{ border-radius:8px; width:100%; height:auto; display:block; }

/* ── ŞU ANDA POPÜLER OYUNLAR: TEK SATIR, 12 kapak ──
   BC yalnızca columnCount<=5 için col-N sınıfı basıyor; sütunları kendimiz veriyoruz.
   Hedefleme: başlığı (.page-view-more) DOĞRUDAN kardeş olan tek satır bu satır. */
.hm-row-bc-inner > .page-view-more{ margin-bottom:8px !important; }
.hm-row-bc-inner > .page-view-more .view-title-more{
  font-size:18px !important; font-weight:600 !important; color:rgba(255,255,255,.9) !important; margin:0 !important;
}
.hm-row-bc-inner:has(> .page-view-more) > .product-banner-container-bc{
  grid-template-columns:repeat(12,1fr) !important; gap:7px !important; overflow:visible !important;
}
.hm-row-bc-inner:has(> .page-view-more) > .product-banner-container-bc .product-banner-info-bc{
  width:100% !important; height:auto !important; border-radius:8px; overflow:hidden;
  transition:transform .18s ease;
}
.hm-row-bc-inner:has(> .page-view-more) > .product-banner-container-bc .product-banner-info-bc:hover{ transform:translateY(-3px); }
@media (max-width:1200px){ .hm-row-bc-inner:has(> .page-view-more) > .product-banner-container-bc{ grid-template-columns:repeat(8,1fr) !important; } }
@media (max-width:760px){ .hm-row-bc-inner:has(> .page-view-more) > .product-banner-container-bc{ grid-template-columns:repeat(6,1fr) !important; gap:5px !important; } }
@media (max-width:460px){ .hm-row-bc-inner:has(> .page-view-more) > .product-banner-container-bc{ grid-template-columns:repeat(4,1fr) !important; } }

/* ── CASİNO LOBİSİ: üst şerit (sekmeler + arama + filtreler) içerik sütunuyla aynı ──
   BC bu bloğu tam genişlikte (x=10 w=1580) basıyordu, altındaki oyun/sağlayıcı
   satırları ise 1452px içerik sütunundaydı → dikey hizasızlık. */
.casinoGamesContainer > .casinoNavigationAndFilters,
.casinoGamesContainer > .casinoLobbyContainer,
.casinoGamesContainer > .casinoGamesListWrapper,
.casinoGamesContainer > .casinoGamesList{
  max-width:1480px !important; margin-inline:auto !important;
  padding-inline:14px !important; box-sizing:border-box; width:100%;
}
/* sağlayıcı logoları kutuya SIĞSIN (BC svg'leri kutuyu taşırıyordu) */
.casinoProvidersWidget .providerItemsBtn{ display:flex; align-items:center; justify-content:center; }
.casinoProvidersWidget .providerItemsBtn svg{
  max-width:100%; max-height:28px; width:auto; height:auto; object-fit:contain;
}
.casinoProvidersWidget .providerItemsInner{ overflow:hidden; }

/* ── SAĞ DOCK: tek tip altın gradient (BC'nin marka renkleri ezilir) ── */
.sidebar-content{ gap:6px; }
.sidebar-content .sidebar-item{
  background:#0d97f8 !important;
  color:#ffffff !important; border:none !important;
  box-shadow:0 2px 6px rgba(0,0,0,.45); border-start-start-radius:8px; border-end-start-radius:8px;
  transition:transform .16s ease, filter .16s ease;
}
.sidebar-content .sidebar-item:hover{ transform:translateX(-3px); filter:brightness(1.07); }
/* ‼️ İkon BC'nin BEYAZ yuvarlağının içinde duruyor (.sidebar-image bg:#fff) →
   ikon rengi beyaz olursa görünmez oluyordu. İkon KOYU MAVİ, başlık beyaz. */
.sidebar-content .sidebar-item i{ color:#0558da !important; }
.sidebar-content .sidebar-item .sidebar-title{ color:#ffffff !important; font-weight:700; }

/* ── OYUN KATEGORİLERİ satırı: 5'li tek satır, kartlar EŞİT yükseklikte ──
   Hedef: başlıksız + col-N sınıfsız tek satır (columnCount 6 verildiği için col yok). */
.hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]){
  grid-template-columns:repeat(5,1fr) !important; gap:12px !important; align-items:stretch !important;
}
.hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]) .product-banner-info-bc{
  width:100% !important; height:100% !important;
}
/* görseller farklı yükseklikte geldiği için ortak orana oturtulup içeri sığdırılır */
.hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]) .product-banner-img-bc{
  aspect-ratio:640/900; object-fit:contain !important; height:auto !important;
}
/* ‼️ KEMER DÜZENİ KALDIRILDI (kullanıcı isteği): kartlar AYNI HİZADA, eşit boyda.
   Eskiden kenardakiler uzun, ortadaki kısaydı (scale ile); artık sadece hover büyümesi var. */
.hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]) > *{
  transform-origin:center center; transition:transform .18s ease;
}
.hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]) > *:hover{
  transform:scale(1.03);
}
@media (max-width:760px){
  .hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]){
    grid-template-columns:repeat(2,1fr) !important; }
  /* hızlı kategoriler (col-5) mobilde 5'e sıkışmasın → 2'li */
  .product-banner-container-bc.col-5{ grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
}

/* ── YASAL / YARDIM SAYFALARI: BC'nin içerik tipografisi ──
   şablon metinleri HTML (<p>/<ul>/<strong>) ama BC global reset marjları sıfırlıyor,
   sayfa "düz metin" gibi görünüyordu. Okunur bir tipografi veriyoruz. */
   ‼️ BC bu sayfada içeriği ham HTML olarak basıp (dangerouslySetInnerHTML) neredeyse
   hiç stil vermiyor — görünümün tamamı CMS metnine kalıyor. şablon metinleri sade
   olduğu için sayfa çıplak/okunaksız duruyordu (1068px genişlikte 14px satırlar).
   Çözüm: gerçek bir sayfa çerçevesi + kitap gibi dar okuma sütunu + tipografi. */
/* Referans: Rixoss/BC'nin kendi yasal sayfası — GENİŞ kutu, ince çerçeve,
   küçük köşe yuvarlaması, sade başlık satırı (geri oku + başlık solda,
   "DOWNLOAD AND PRINT" sağda), düz gri gövde metni. Renkli başlık şeridi,
   mavi başlıklar ve bölüm ayıraçları KALDIRILDI (kendi tasarımımdı). */
.footerInfoPage{ padding:18px 14px 48px; }
.footerInfoPage .footerInfoContent{
  max-width:1480px; margin-inline:auto;
  background:rgba(8,14,22,.55); border:1px solid rgba(255,255,255,.08);
  border-radius:6px; overflow:hidden;
}
/* başlık satırı: zeminsiz, sade */
.footerInfoPage .footerInfoTitle{
  height:auto !important; padding:22px 28px 6px !important; margin-inline-start:0 !important;
  background:none !important; border:0 !important;
  display:flex; align-items:center; gap:10px;
}
.footerInfoPage .footerInfoTitleText{
  font-size:18px !important; font-weight:700; letter-spacing:.3px;
  color:#e8eef6 !important; text-transform:uppercase; padding-inline-start:6px !important;
}
.footerInfoPage .footerInfoTitle .btn{
  flex:none; margin-inline-start:auto; border-radius:4px;
}
/* gövde: tam genişlik, düz metin */
.footerInfoPage .content{
  padding:10px 28px 34px;
  font-size:13.5px; line-height:1.7; color:rgba(226,235,245,.82);
  overflow-wrap:break-word;
}
.footerInfoPage .content > *:first-child{ margin-top:0 !important; }
.footerInfoPage .content p{ margin:0 0 10px; }
.footerInfoPage .content h1,.footerInfoPage .content h2,
.footerInfoPage .content h3,.footerInfoPage .content h4{
  color:#f2f6fb; font-weight:700; line-height:1.4; margin:18px 0 6px;
}
.footerInfoPage .content h1{ font-size:16px } .footerInfoPage .content h2{ font-size:15px }
.footerInfoPage .content h3{ font-size:14px } .footerInfoPage .content h4{ font-size:13.5px }
.footerInfoPage .content strong,.footerInfoPage .content b{ color:#f2f6fb; font-weight:700; }
/* BC list-style-position:inside veriyor → saran satırlar girintisiz kalıyordu */
.footerInfoPage .content ul,.footerInfoPage .content ol{
  margin:0 0 10px; padding-inline-start:22px; list-style-position:outside !important;
}
.footerInfoPage .content ul{ list-style:disc } .footerInfoPage .content ol{ list-style:decimal }
.footerInfoPage .content li{ margin:0 0 4px; }
.footerInfoPage .content li::marker{ color:rgba(226,235,245,.6); }
.footerInfoPage .content a{ color:#38c6fb; text-decoration:underline; }
.footerInfoPage .content hr{ border:none; border-top:1px solid rgba(255,255,255,.08); margin:18px 0; }
.footerInfoPage .content img{ max-width:100%; height:auto; }
.footerInfoPage .content table{
  width:100%; border-collapse:collapse; margin:0 0 16px; font-size:13px; display:block; overflow-x:auto;
}
.footerInfoPage .content th,.footerInfoPage .content td{
  border:1px solid rgba(255,255,255,.12); padding:8px 10px; text-align:start; }
.footerInfoPage .content th{ background:rgba(255,255,255,.04); color:#f2f6fb; font-weight:700; }
@media (max-width:760px){
  .footerInfoPage{ padding:10px 8px 36px; }
  .footerInfoPage .footerInfoTitle{ padding:16px 14px 4px !important; }
  .footerInfoPage .footerInfoTitleText{ font-size:15px !important; }
  .footerInfoPage .content{ padding:8px 14px 24px; font-size:13px; }
}

/* ── KİŞİSEL DETAYLAR düzeni ──
   ‼️ BC bu formu flex-wrap + öğelere DÖNÜŞÜMLÜ margin-left:10px ile iki sütun yapıyor.
   İçinde İKİ BOŞ HÜCRE var (şifre üstü hr ve hata-mesajı kabı);
   biri gizlenince marj sırası kayıyor ve "Geçerli Şifre" 10px sağa kayıyordu.
   Çözüm: kabı gerçek ızgaraya çevir, marj hilesini kapat, boş hücreleri kaldır. */
.userProfileWrapper-bc{
  display:grid !important; grid-template-columns:1fr 1fr; gap:0 10px; align-items:start;
}
.userProfileWrapper-bc > .u-i-p-control-item-holder-bc{
  margin-inline:0 !important; width:auto !important;
}
.userProfileWrapper-bc > .u-i-p-control-item-holder-bc:has(input[name="username"]){ grid-column:1 / -1; }
/* "Geçerli Şifre" akıştan bağımsız olarak HER ZAMAN sol sütunda ve yeni satırda */
.userProfileWrapper-bc > .u-i-p-control-item-holder-bc:has(input[name="password"]),
.userProfileWrapper-bc > .u-i-p-control-item-holder-bc:has(input[type="password"]){ grid-column:1; }
/* kontrolü olmayan (boş) hücreler yer kaplamasın */
.userProfileWrapper-bc > .u-i-p-control-item-holder-bc:not(:has(input, select, textarea, .form-control-bc, .multi-select-bc)){
  display:none !important;
}
@media (max-width:760px){ .userProfileWrapper-bc{ grid-template-columns:1fr; } }

/* TOPLAM BONUS PARA kartı: kırmızı (#aa0900) yerine turuncu */
.u-i-p-amounts-bc.bonuses .u-i-p-a-content-bc{ background:#c9701a !important; }
.u-i-p-amounts-bc.frozen  .u-i-p-a-content-bc{ background:#a85c14 !important; }

/* ── SAYFA-BAZLI AÇILIR PENCERE ── BC'nin popup diliyle aynı görünüm */
#mb-popup{ position:fixed; inset:0; z-index:60; display:flex; align-items:center; justify-content:center; padding:16px; }
#mb-popup .mb-popup-arka{ position:absolute; inset:0; background:rgba(0,0,0,.72); }
#mb-popup .mb-popup-kutu{
  position:relative; width:min(460px,100%); max-height:86vh; overflow:auto;
  background:#0a1430; border:1px solid rgba(13,151,248,.28); border-radius:8px;
  padding:22px 22px 18px; box-shadow:0 18px 50px rgba(0,0,0,.6); text-align:center;
}
#mb-popup .mb-popup-kapat{
  position:absolute; top:6px; inset-inline-end:10px; background:none; border:0;
  color:#8fb6d6; font-size:26px; line-height:1; cursor:pointer;
}
#mb-popup .mb-popup-kapat:hover{ color:#fff; }
#mb-popup .mb-popup-baslik{
  margin:0 0 10px; font-size:17px; font-weight:700; color:#e8f2fb; text-transform:uppercase; letter-spacing:.3px;
}
#mb-popup .mb-popup-govde{ font-size:13.5px; line-height:1.65; color:rgba(226,235,245,.86); }
#mb-popup .mb-popup-govde img{ max-width:100%; height:auto; border-radius:6px; }
#mb-popup .mb-popup-govde p{ margin:0 0 8px; }
#mb-popup .mb-popup-btn{
  display:inline-block; margin-top:14px; padding:9px 26px; border-radius:4px;
  background:#0d97f8; color:#02131f; font-weight:700; font-size:13px; text-decoration:none;
}
#mb-popup .mb-popup-btn:hover{ filter:brightness(1.08); }


/* ── MULTİ ÇARK penceresi ───────────────────────────────────────────────── */
#mb-cark{
  /* ‼️ BC başlığı z-index 950/953 kullanıyor; pencere ONUN ÜSTÜNDE olmalı,
     yoksa mobilde başlık çarkın tepesini örtüyor. */
  position:fixed; inset:0; z-index:960; display:flex; align-items:center; justify-content:center;
  padding:16px; overflow-y:auto; background:rgba(0,0,0,.82); backdrop-filter:blur(3px);
}
html.mb-cark-acik body{ overflow:hidden; }
#mb-cark .mb-cark-kutu{
  position:relative; width:100%; max-width:430px; margin:auto;
  background:#0a1430; border:1px solid rgba(13,151,248,.32); border-radius:18px;
  padding:22px 22px 24px; box-shadow:0 24px 64px rgba(0,0,0,.72);
}
#mb-cark .mb-cark-kapat{
  position:absolute; top:10px; inset-inline-end:12px; z-index:3;
  width:34px; height:34px; border:0; border-radius:50%; cursor:pointer;
  background:rgba(0,0,0,.5); color:#fff; font-size:22px; line-height:1;
}
#mb-cark .mb-cark-kapat:hover{ background:rgba(0,0,0,.8); }
#mb-cark .mb-cark-baslik{
  margin:0 0 4px; text-align:center; font-size:22px; font-weight:800; letter-spacing:1.6px;
  background:linear-gradient(90deg,#2bc7fa,#0d97f8,#0350ea);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

#mb-cark .mb-cark-sahne{ position:relative; width:100%; max-width:330px; margin:14px auto 6px; }
#mb-cark .mb-cark-ok{
  position:absolute; top:-3px; left:50%; transform:translateX(-50%); z-index:4;
  width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent;
  border-top:20px solid #0d97f8; filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));
}
#mb-cark .mb-cark-disk{ position:relative; filter:drop-shadow(0 8px 22px rgba(0,0,0,.6)); }
#mb-cark .mb-cark-svg{ display:block; width:100%; height:auto; }
#mb-cark .mb-cark-logo{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:15%; display:grid; place-items:center; pointer-events:none;
}
#mb-cark .mb-cark-logo img{ width:100%; height:auto; display:block; }
#mb-cark .mb-cark-salla{ animation:carkSalla .55s ease-in-out; }
@keyframes carkSalla{
  0%,100%{ transform:rotate(0) } 20%{ transform:rotate(-9deg) }
  55%{ transform:rotate(8deg) } 80%{ transform:rotate(-3deg) }
}

#mb-cark .mb-cark-btn{
  display:block; width:100%; margin-top:16px; padding:15px; border:0; border-radius:12px;
  cursor:pointer; background:linear-gradient(90deg,#2bc7fa 0%,#0d97f8 50%,#0350ea 100%);
  color:#04131f; font:800 15px/1 inherit; letter-spacing:1.3px;
  box-shadow:0 8px 22px rgba(13,151,248,.3); transition:filter .15s;
}
#mb-cark .mb-cark-btn:hover{ filter:brightness(1.08); }

#mb-cark .mb-cark-hata{
  display:none; margin-top:12px; padding:11px 13px; border-radius:9px; text-align:center;
  font-size:12.5px; line-height:19px; color:#ffb4b0;
  background:rgba(229,50,45,.12); border:1px solid rgba(229,50,45,.34);
}
#mb-cark .mb-cark-hata.acik{ display:block; }

@media (max-width:480px){
  #mb-cark .mb-cark-kutu{ padding:18px 14px 20px; border-radius:15px; }
  #mb-cark .mb-cark-baslik{ font-size:19px; }
}

/* ── SPOR / CANLI BAHİS iframe katmanı (site içinde açılır) ── */
#mb-spor{
  position:fixed; left:0; right:0; z-index:40; background:#040b1f; overflow:hidden;
  top:var(--mb-ust,0px);
  /* ‼️ alt kenar yerine YÜKSEKLİK veriliyor: mobil tarayıcının adres çubuğu
     açılıp kapanınca fixed kutunun altı kayıyordu. dvh destekleyen tarayıcı
     ikinci satırı kullanır.                                                    */
  height:calc(100vh - var(--mb-ust,0px) - var(--mb-alt,0px));
  height:calc(100dvh - var(--mb-ust,0px) - var(--mb-alt,0px));
}
#mb-spor iframe{ width:100%; height:100%; border:0; display:block; }
html.mb-spor-acik body{ overflow:hidden; }
/* Sağdaki sabit dock spor açıkken kupon/"Bahis Yap" düğmesinin üstüne biniyordu. */
html.mb-spor-acik .sidebar-content{ display:none !important; }

/* ‼️ Sağdaki sabit dock, etiketleri açılınca sayfayı YATAYDA taşırıyordu
   (scrollWidth > viewport). İçerik zaten ortalanmış; yatay kaydırma kapalı. */
html, body{ overflow-x:hidden; }

/* ── SİTE ARKA PLANI ──
   BC tema zemini düz siyah; üzerine marka görselini sabitliyoruz. İçerik katmanları
   şeffaflaştırılmazsa görsel görünmez → ana sarmalayıcılar saydam yapılıyor. */
body, .layout-bc{
  background-image:url('/media/bg.webp') !important;
  background-size:cover !important; background-position:center top !important;
  background-repeat:no-repeat !important; background-attachment:fixed !important;
  background-color:#040b1f !important;
}
.layout-content-holder-bc, .hm-row-bc, .hm-row-bc-inner, .layout-bc > .layout-content-holder-bc{
  background:transparent !important;
}
/* ‼️ MOBİLDE AYRI ARKA PLAN: masaüstü görseli geniş kadrajlı, dar ekranda
   köpekbalığı kırpılıp tanınmaz oluyordu. Dikey ekrana göre hazırlanmış
   ayrı görsel veriliyor (1080px genişlik, webp — 1,5MB PNG yerine ~24KB). */
@media (max-width:1023px){
  body, .layout-bc{ background-image:url('/media/mobilbg.webp') !important; }
}

/* ── ÇARK ŞERİDİ + İŞ ORTAKLARI ── tam genişlik, mobilde oranlı küçülür */
.product-banner-container-bc.col-1{ grid-template-columns:1fr !important; }
.product-banner-container-bc.col-1 .product-banner-info-bc{ background:transparent !important; border:0 !important; }
.product-banner-container-bc.col-1 .product-banner-img-bc{
  width:100% !important; height:auto !important; object-fit:contain !important; aspect-ratio:auto !important;
}
.product-banner-container-bc.col-1 .product-banner-info-bc{ transition:transform .2s ease; }
.product-banner-container-bc.col-1 .product-banner-info-bc:hover{ transform:scale(1.01); }

/* ── NAVBAR ÜSTÜ DUYURU ŞERİDİ ── */
/* ‼️ Şerit tam genişlik olmalı: BC duyuruları swiper slaytı olarak basıyor ve
   varsayılanda ortada dar bir kutu gibi duruyordu. */
.hdr-dynamic-content{
  background:linear-gradient(90deg,#062a8d,#052a7e 50%,#062a8d);
  border-bottom:1px solid rgba(13,151,248,.25);
}
.hdr-dynamic-content .hm-row-bc{ max-width:none !important; padding:0 !important; margin:0 !important; }
.hdr-dynamic-content .swiper, .hdr-dynamic-content .swiper-wrapper,
.hdr-dynamic-content .swiper-slide{ width:100% !important; }
.hdr-dynamic-content .informative-widget{ display:flex; justify-content:center; width:100%; }
.hdr-dynamic-content .informative-widget-link{ display:block; width:100%; }
.hdr-dynamic-content .informative-widget-container{
  margin:0; padding:7px 14px; font-size:12.5px; line-height:1.35; text-align:center;
  color:#e3eefb; letter-spacing:.2px;
}
.hdr-dynamic-content .mb-duyuru-bag{ color:#38c6fb; font-weight:700; text-decoration:underline; }
@media (max-width:760px){ .hdr-dynamic-content .informative-widget-container{ font-size:11px; padding:6px 10px; } }

/* ── MOBİL HIZLI BAĞLANTILAR (slider altı 4x2 ikon ızgarası) ── */
/* ‼️ BC satırlara id/data basmıyor → ikon ızgarası İÇERİĞİNDEN hedefleniyor
   (ikon tipli tek satır bu). */
.hm-row-bc:has(.product-banner-info-bc .product-banner-icon-bc),
.hm-row-bc:has(.product-banner-info-bc .CMSIconSVGWrapper){ display:none; }
@media (max-width:760px){
  /* Slider ile ikon ızgarası arası diğer bölüm aralıklarından fazla açıktı
     (satır marjı + kutu iç boşluğu üst üste biniyordu) → sıkıştırıldı. */
  .hm-row-bc:has(.product-banner-info-bc .product-banner-icon-bc),
  .hm-row-bc:has(.product-banner-info-bc .CMSIconSVGWrapper){ display:block; margin-top:8px !important; }
  .hm-row-bc:has(.product-banner-info-bc .CMSIconSVGWrapper) .product-banner-container-bc,
  .hm-row-bc:has(.product-banner-info-bc .product-banner-icon-bc) .product-banner-container-bc{
    display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:10px !important;
    /* ‼️ Kartların ARKASINDAKİ panel KALDIRILDI (Rixoss referansı): kap saydam,
       her kart kendi gradienti + kenarlığıyla ayrı duruyor. Panel varken kartlar
       tek blok gibi görünüyordu. */
    background:transparent !important; border:0 !important;
    border-radius:0 !important; padding:3px 8px !important;
  }
  .hm-row-bc:has(.product-banner-info-bc .CMSIconSVGWrapper) .product-banner-info-bc,
  .hm-row-bc:has(.product-banner-info-bc .product-banner-icon-bc) .product-banner-info-bc{
    display:flex !important; flex-direction:column; align-items:center; justify-content:center;
    gap:8px; padding:10px 4px; height:100%;
    /* ‼️ KART ZEMİNİ = GRADIENT (Rixoss referansı, birebir yapı):
       179 derece — üstte saydam, aşağı indikçe koyu laciverte, en altta
       mavi tabana. Düz yarı saydam beyaz film yerine derinlik veriyor. */
    background-image:linear-gradient(179deg, rgba(0,10,37,0) 0%, #0c1a3d 55%, #071229 100%) !important;
    background-color:transparent !important;
    border:1px solid #0a70f3 !important; border-radius:10px;
  }
  .product-banner-info-bc .product-banner-icon-bc, .product-banner-info-bc .CMSIconSVGWrapper{
    width:26px; height:26px; font-size:24px; color:#cfe3f7;
  }
  .hm-row-bc:has(.product-banner-info-bc .CMSIconSVGWrapper) .product-banner-title-bc,
  .hm-row-bc:has(.product-banner-info-bc .product-banner-icon-bc) .product-banner-title-bc{
    margin:0; font-size:10px; font-weight:700; letter-spacing:.2px; text-align:center;
    color:#cfe3f7; text-transform:uppercase; line-height:1.15;
  }
}

@media (max-width:760px){
  /* ── MOBİL: casino / canlı casino sayfalarında yan boşluk fazlaydı → daraltıldı ── */
  .casinoGamesContainer > .casinoNavigationAndFilters,
  .casinoGamesContainer > .casinoLobbyContainer,
  .casinoGamesContainer > .casinoGamesListWrapper,
  .casinoGamesContainer > .casinoGamesList{ padding-inline:6px !important; }
  .layout-content-holder-bc{ padding-inline:6px !important; }
  .hm-row-bc{ padding-inline:0 !important; }

  /* ── MOBİL SLIDER: 430x275 oranı; mobil görsel yoksa masaüstü görseli KIRPILIR
     (esnetilmez). Adminden mobil görsel yüklenince birebir oturur. ── */
  .slider-bc, .slider-bc .swiper, .slider-bc .swiper-slide,
  .slider-bc .sdr-item-bc, .slider-bc .sdr-item-holder-bc{
    aspect-ratio:430/275 !important;
  }
  .slider-bc .sdr-image-bc{
    width:100% !important; height:100% !important; object-fit:cover !important;
  }

  /* ‼️ MOBİLDE HIZLI KATEGORİ ŞERİDİ GİZLİ (Canlı Destek / Arama Talebi / Bonus
     Talep / Multi Çark / Para Yatır görselleri): slider altındaki ikon ızgarası
     zaten aynı işi yapıyor, ikisi birden ekranı dolduruyordu. */
  .hm-row-bc-inner > .product-banner-container-bc.col-5{ display:none !important; }

  /* ── MOBİL OYUN KATEGORİLERİ: tek satırda 3 kart (Spor · Slot · Canlı Casino) ── */
  .hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]){
    grid-template-columns:repeat(3,1fr) !important; gap:6px !important;
  }
  /* DB sırası: 1 Spor · 2 Canlı Casino · 3 Slot · 4 Hızlı · 5 Bonus
     → istenen sıra Spor, Slot, Canlı Casino; son ikisi mobilde gizli. */
  .hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]) > *:nth-child(2){ order:3; }
  .hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]) > *:nth-child(3){ order:2; }
  .hm-row-bc-inner:not(:has(> .page-view-more)) > .product-banner-container-bc:not([class*="col-"]) > *:nth-child(n+4){ display:none !important; }
}

/* ── ÖDEME YÖNTEMİ KARTLARI ──
   BC görseli kartın küçük bir köşesine sıkıştırıyordu, yöntem adı okunmuyordu.
   Görseli kartın genişliğine yaydık (Rixoss'teki gibi). */
.paymentMethodItem, .payment-method-bc, [class*="paymentMethodCard"]{ overflow:hidden; }
.paymentMethodItem img, .payment-method-bc img,
.paymentsList img, .ftr-payments-bc img, [class*="paymentMethod"] img{
  width:100% !important; height:auto !important; max-height:none !important;
  object-fit:contain !important;
}
/* profil modalındaki yöntem seçici kartları */
.paymentMethodWrapper .paymentMethodItem{ padding:4px !important; }
.paymentMethodWrapper .paymentMethodItem img{ min-height:44px; }
/* footer "YÖNTEMLER" şeridi — kartlar ve görseller büyütüldü (74x34 okunmuyordu) */
/* ‼️ display:flex VERME — şerit dikey yığına dönüşüyor (carousel öğe düzenini bozuyor).
   Sadece ölçü büyütülüyor, yerleşim BC'de kalıyor. */
.sliderContent .horizontalSliderElem{
  min-width:170px !important; height:78px !important; padding:6px !important;
}
.sliderContent .horizontalSliderElem img{
  width:100% !important; height:100% !important; max-height:none !important;
  object-fit:contain !important;
}
/* lisans + iş ortakları görselleri şeritten etkilenmesin */
.sliderContent .sliderSingleElWrapper img{ max-height:none !important; }

/* Doğum tarihi takvimi: Türkçe gün kısaltmaları ("Perş/Cuma/Cmt") sütuna sığmayıp
   üst üste biniyordu — sütunlar eşitlenip yazı biraz küçültüldü. */
.react-datepicker__day-names{ display:flex !important; }
.react-datepicker__day-name{ flex:1 1 0 !important; min-width:0 !important; font-size:11px !important;
  overflow:hidden !important; text-overflow:clip !important; }

/* kayıt modalında tek tip kalınca sekme şeridi görünmesin */
.registrationTypeTabs:has(.registrationTypeTab:only-child), .registrationTypeTabIndicator{ display:none !important; }

/* ── BONUS TALEBİ KARTLARI ──
   Kartlar bizim promosyonlarımız; BC'nin kural motoruna ait alanlar bizde YOK.
   Boş kalan satırlar (geçerlilik tarihi, ödül, kural listesi) gizleniyor. */
.bonusRequestItemValidTime{ display:none !important; }
.bonusRequestItemDescription:has(> div:empty){ display:none !important; }   /* boş "Ödül:" satırı */
.bonusRequestItemRulesTitle{ display:none !important; }                     /* boş "Bonus kuralları:" */
.bonusRequestItemRulesList:empty{ display:none !important; }
.bonusRequestItemRules{ display:none !important; }   /* masaüstünde talep düğmesi kartın üstünde */
.bonusRequestItem{ cursor:pointer; }
.bonusRequestItem .btn{ cursor:pointer; }
/* açıklama metni uzun promosyonlarda kartı şişiriyor → 6 satırda kes */
.bonusRequestItemDescription > div{
  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;
}

/* ‼️ KAYDIRMA OKLARI: kaydırılacak slayt yoksa GİZLİ.
   BC oklara SİYAH GEÇİŞLİ arka plan veriyor (taşan kartı yumuşak kesmek için).
   "Öne çıkan etkinlikler" gibi şeritlerde slaytlar yuvaya sığınca (ör. 2
   etkinlik, 3 yuva) Swiper okları `swiper-button-lock` ile kilitliyor ama BC
   stili onları yine çiziyordu: sağda boş alanın üstünde keskin kenarlı
   karanlık bir şerit ("yarım silinmiş kart" gibi) ve ilk kartın sol kenarı
   soluk. Swiper'ın kendi varsayılanı da kilitli oku gizlemek. */
.swiper-button-prev.swiper-button-lock,
.swiper-button-next.swiper-button-lock{ display:none !important; }
/* Başta/sonda (gidilecek yer yok) ok ve gölgesi görünmez; kartın kenarını yemesin. */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{ opacity:0 !important; pointer-events:none !important; }

/* ── Arama talebi penceresi (BC pencere sınıfları + birkaç tamamlayıcı kural) ── */
.mb-ara-holder{ position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.72); }
.mb-ara-holder .popup-middleware-bc{ width:100%; display:flex; align-items:center; justify-content:center; padding:16px; box-sizing:border-box; }
.mb-ara-holder .popup-inner-bc{ position:relative; width:100%; max-width:420px; }
.mb-ara-kanal{ display:flex; gap:8px; }
.mb-ara-kanal .btn{ flex:1; }
.mb-ara-mesaj{ margin:4px 0 10px; padding:10px 12px; border-radius:4px; font-size:13px; line-height:1.45; text-align:center; }
.mb-ara-mesaj.ok{ background:rgba(16,185,129,.16); color:#6ee7b7; }
.mb-ara-mesaj.hata{ background:rgba(239,68,68,.16); color:#fca5a5; }
.mb-ara-holder .entrance-form-action-item-bc{ width:100%; }
.mb-ara-holder .entrance-form-action-item-bc .btn{ width:100%; }
#mb-ara .entrance-popup-bc .entrance-form-bc.login.popup{ position:static; height:auto; overflow:visible; inset:auto; transform:none; }
#mb-ara .entrance-popup-bc .e-p-body-bc{ height:auto; }
.mb-ara-holder .popup-inner-bc{ max-height:calc(100vh - 32px); overflow-y:auto; }
.mb-ara-holder .e-p-content-bc{ flex-direction:column; }
.mb-ara-kanal .btn{ min-width:0; }

/* bcp-tasarim-bas */
/* Tasarım aktarma katmanı — görsel/logo içermez */
body{
  overflow-x: hidden !important;
}

.nav-menu-container.header-navigation{
  background-color:#000!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;
  padding:8px 0!important;width:100%!important;padding-left:0!important;overflow:visible!important
}
.nav-menu-container.header-navigation .nav-menu-item{
  background-image:linear-gradient(to right,#F9FCFC 0%,#D8D6E0 34%,#9995A2 67%,#F9FCFC 100%)!important;background-size:200% auto!important;
  color:#fff!important;font-weight:bold!important;font-size:14px!important;padding:6px 20px!important;display:flex!important;align-items:center!important;gap:6px!important;
  transition:background-position .5s ease!important;margin:0 2.5px!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;position:relative!important;overflow:hidden!important
}

.nav-menu-container.header-navigation .nav-menu-item::after{
  content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-20deg);animation:shine 2s linear infinite;pointer-events:none;display:block
}
@keyframes shine{0%{left:-75%}100%{left:125%}}

.btn.sign-in{padding:0;color:rgba(var(--header-sc),1);background:none;text-decoration:underline;transition:color var(--default-transition-duration)}
.btn.sign-in{padding:0 8px!important;color:#fff!important;background:radial-gradient(circle,#0D97F8,#0350EA)!important;transition:background var(--default-transition-duration)!important;position:relative!important;overflow:hidden!important;border-radius:4px!important;z-index:1!important}
.btn.sign-in::before{content:""!important;position:absolute!important;top:-3px!important;left:-3px!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;border-radius:4px!important;box-sizing:border-box!important;pointer-events:none!important;z-index:-1!important;border:2px solid transparent!important;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 50%,rgba(255,255,255,0) 100%)!important;animation:borderShine 2s linear infinite!important}
@keyframes borderShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.btn.register,.btn.btn-color{padding:0 8px!important;color:#fff!important;background:radial-gradient(circle,#0A70F3,#053DBF)!important;transition:background var(--default-transition-duration)!important;position:relative!important;overflow:hidden!important;border-radius:4px!important;z-index:1!important}
.btn.register::before,.btn.btn-color::before{content:""!important;position:absolute!important;top:-3px!important;left:-3px!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;border-radius:4px!important;box-sizing:border-box!important;pointer-events:none!important;z-index:-1!important;border:2px solid transparent!important;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 50%,rgba(255,255,255,0) 100%)!important;animation:borderShine 2s linear infinite!important}

/* cepbet: logo bara TAM otursun (rixoss scale(1.6) taçlı logoyu üstten kesiyordu) */
.hdr-logo-bc{transform:none!important;height:60px!important;max-width:240px!important;padding:2px 0!important}

.horizontal-sl-list{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;text-align:center!important}
.horizontal-sl-item-bc:not(:empty){background:#D8D6E0!important}
.horizontal-sl-item-bc{display:inline-flex;align-items:center!important;flex-shrink:0!important;border-radius:var(--border-radius)!important;color:#fff!important;position:relative!important}
.promotions-article-title{height:32px!important;margin-top:12px!important;padding:0 10px!important;color:rgba(var(--b-sc),1)!important;background:#0D97F8!important;font-size:12px!important;line-height:34px!important}
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horizontalCategoryItem i,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem i,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active .horizontalCategoryItem i{
  background:linear-gradient(rgba(var(--b-sc),1),rgba(var(--b-sc),.6))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:#0A70F3!important
}
.hdr-main-content-bc .infoTime{position:relative!important;flex-shrink:0!important;min-width:62px!important;height:28px!important;color:rgba(var(--header-sc),1)!important;padding:0 6px!important;background:#0A70F3!important;border-radius:var(--border-radius)!important;font-size:12px!important}
.hdr-toggle-button-bc{display:flex;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:rgba(var(--header-sc),.8)!important;background:#0A70F3!important;position:relative!important;font-size:14px!important}
.popup-inner-bc{margin:auto!important;border-radius:var(--border-radius)!important;box-shadow:-1px -2px 13px 3px #2BC7FA,0 6px 15px 1px rgb(13 151 248 / 54%)!important;border:2px solid #2BC7FA!important;overflow:hidden!important;position:relative!important;background:rgb(0 0 0 / 68%)!important}

.promotionsListEl-bc:hover:before{animation:slide 1s!important}
@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.promotionsListEl-bc:before{
  content:"";top:0;transform:translateX(100%);width:100%;height:100%;pointer-events:none;position:absolute;z-index:1;
  background:linear-gradient(272deg,rgba(255,255,255,0) 0,rgba(243,243,242,.31) 50%,rgba(128,186,232,0) 99%,rgba(255,0,0,0))!important
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc{transform:scale(1)!important}
h3{font-weight:bold;font-size:18px;margin:15px 0 8px}

.horizontal-sl-list .horizontal-sl-item-bc::after{
  content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-20deg);pointer-events:none;animation:shine 2s linear infinite
}
.horizontal-sl-list .horizontal-sl-item-bc{position:relative;overflow:hidden}

.nav-menu-container.header-navigation .nav-menu-item:has(> ul,> .more-menu,> .dropdown,> .submenu){
  overflow:visible!important;clip-path:none!important;position:relative!important;z-index:1000!important
}
.nav-menu-container.header-navigation .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu){
  position:absolute!important;top:100%!important;right:0!important;min-width:220px!important;display:none!important;
  flex-direction:column!important;gap:4px!important;padding:8px!important;background:#0f0f0f!important;border:1px solid #2BC7FA!important;
  border-radius:8px!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important;z-index:1001!important;overflow:visible!important
}
.nav-menu-container.header-navigation .nav-menu-item:hover > :is(ul,.more-menu,.dropdown,.submenu),
.nav-menu-container.header-navigation .nav-menu-item:focus-within > :is(ul,.more-menu,.dropdown,.submenu){
  display:flex!important
}
.nav-menu-container.header-navigation .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item{
  clip-path:none!important;overflow:visible!important;width:100%!important;justify-content:flex-start!important;margin:0!important
}

.nav-menu-container.header-navigation .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item::after{
  content:""!important;position:absolute!important;top:0!important;left:-75%!important;width:50%!important;height:100%!important;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%)!important;
  transform:skewX(-20deg)!important;animation:shine 2s infinite!important;pointer-events:none!important
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item{
  display:flex!important; align-items:center!important; gap:6px!important;
  width:100%!important; margin:0!important; 
  padding:6px 20px!important; 
  font-size:14px!important; font-weight:bold!important; color:#fff!important;
  position:relative!important; overflow:hidden!important;
  background-image:linear-gradient(to right,#F9FCFC 0%,#D8D6E0 34%,#9995A2 67%,#F9FCFC 100%)!important;
  background-size:200% auto!important; background-position:left center!important;
  transition:background-position .5s ease!important;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item:hover{
  background-position:right center!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item::after{
  content:""!important; position:absolute!important; top:0!important; left:-75%!important;
  width:50%!important; height:100%!important;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,
                                     rgba(255,255,255,.4) 50%,
                                     rgba(255,255,255,0) 100%)!important;
  transform:skewX(-20deg)!important; animation:shine 2s infinite!important;
  pointer-events:none!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu){
  overflow:visible!important; z-index:1001!important;
}

.nav-menu-container.header-navigation .nav-menu-item::after{ pointer-events:none!important; }

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item > *{
  display:inline-flex!important; align-items:center!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item {
  background-image:linear-gradient(to right,#F9FCFC 0%,#D8D6E0 34%,#9995A2 67%,#F9FCFC 100%)!important;
  background-size:200% auto!important;
  background-position:left center!important;
  transition:background-position .5s ease!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) .nav-menu-item:hover {
  background-position:right center!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) :is(a,button){
  display:flex!important; align-items:center!important; gap:6px!important;
  width:100%!important; margin:0!important; padding:6px 20px!important;
  font-size:14px!important; font-weight:bold!important; color:#fff!important;
  position:relative!important; overflow:hidden!important;
  background-image:linear-gradient(to right,#F9FCFC 0%,#D8D6E0 34%,#9995A2 67%,#F9FCFC 100%)!important;
  background-size:200% auto!important; background-position:left center!important;
  transition:background-position .5s ease!important;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;
  text-decoration:none!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) :is(a,button):hover{
  background-position:right center!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) :is(a,button)::after{
  content:""!important; position:absolute!important; top:0!important; left:-75%!important;
  width:50%!important; height:100%!important;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,
                                   rgba(255,255,255,.4) 50%,
                                   rgba(255,255,255,0) 100%)!important;
  transform:skewX(-20deg)!important; animation:shine 2s linear infinite!important;
  pointer-events:none!important;
}

.nav-menu-container.header-navigation 
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu){
  overflow:visible!important; z-index:1001!important;
}

.nav-menu-container.header-navigation .nav-menu-item::after{ pointer-events:none!important; }

.nav-menu-container.header-navigation
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) :is(a,button,.nav-menu-item){
  position: relative !important;
  overflow: hidden !important;
}

.nav-menu-container.header-navigation
  .nav-menu-item > :is(ul,.more-menu,.dropdown,.submenu) :is(a,button,.nav-menu-item)::after{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -75% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(120deg,
              rgba(255,255,255,0) 0%,
              rgba(255,255,255,.4) 50%,
              rgba(255,255,255,0) 100%) !important;
  transform: skewX(-20deg) !important;
  animation: shine 2s linear infinite !important;
  pointer-events: none !important;
  display: block !important; 
}
/* ── Rixoss marka renkleri: neon mavi + gümüş metalik ── */
.btn.sign-in,.btn.register,.btn.btn-color{box-shadow:0 0 10px rgba(43,199,250,.55)!important}
/* bcp-tasarim-son */

/* 2026-10-14 müşteri: bakiye ve ana sayfa spor yazıları küçük → büyütüldü */
.hdr-user-info-texts-bc.ext-1{font-size:15px!important;font-weight:700!important}
.hdr-user-info-texts-bc.ext-2{font-size:12px!important}
.c-team-info-team-bc{font-size:13px!important}
.c-team-info-scores-bc,.c-info-score-bc{font-size:13px!important}
.market-odd-bc{font-size:13px!important}
.market-name-bc{font-size:12px!important}
.c-info-markets-count-bc{font-size:12px!important}
.c-title-bc{font-size:13px!important}

/* girişli oyuncuya footer menü sütunları gösterilmez (yalnız yöntemler/lisans/dil kalır) */
/* ‼️ GİRİŞLİYE FOOTER MENÜ + "Düzenlemeler ve İş Ortakları" GİZLİ — gidip gelmesin diye VARSAYILAN GİZLİ.
   Eskiden başlıktan anlık okunuyordu: açılışta / oturum geri yüklenirken başlıkta kısa süre GİRİŞ butonu
   çıkıyor → footer açılıp kapanıyordu. Artık yalnız KESİN misafire gösterilir: html.mb-girisli yok
   (mb.js giriş durumunu tarayıcıda hatırlar) VE başlıkta GİRİŞ butonu var. */
.footerLinksSection,
.footerContainer > .sliderGroup > .sliderContent:has(.sliderSingleElWrapper){ display:none !important; }
html:not(.mb-girisli) body:has(.hdr-main-content-bc .sign-in) .footerLinksSection{ display:flex !important; }
html:not(.mb-girisli) body:has(.hdr-main-content-bc .sign-in) .footerContainer > .sliderGroup > .sliderContent:has(.sliderSingleElWrapper){ display:block !important; }

/* footer YÖNTEMLER: para yatırma (sol) / para çekme (sağ) görselleri — renkli, büyük, karanlık süzgeç yok */
.sliderContent .horizontalSliderElem{ min-width:220px !important; height:auto !important; padding:0 !important; background:transparent !important; border:0 !important; }
.sliderContent .horizontalSliderElem img, .sliderContent .horizontalSliderImg{
  width:220px !important; height:auto !important; max-width:100% !important; filter:none !important; opacity:1 !important; object-fit:contain !important;
}

/* "Düzenlemeler ve İş Ortakları" şeridinde ödeme görselleri gösterilmez (yalnız lisans) */
.sliderSingleElWrapper:has(img[src*="__odeme-"]){ display:none !important; }

/* kurulu uygulamada (ana ekrandan açılınca) BC'nin "uygulamayı yükle" penceresi çıkmasın */
@media (display-mode: standalone){ .mobApp-bottom-holder{ display:none !important; } }

/* slot sayfası: BC "Lobby" sekmesi kaldırıldı — açılışta "Tüm Oyunlar" seçili (conf casino.allGamesDefaultSelected) */
.casinoCategories .category-Lobby{ display:none !important; }

/* bcp-tema */
.bc-loader-contain::before{display:none !important}
.nav-content-bc{background-color:#030817 !important;background-image:none !important}
.nav-content-bc .nav-menu-container.header-navigation{background-color:#030817 !important;background-image:none !important}
html body .sidebar-content .sidebar-item.whatsapp .sidebar-image{background:#25d366 !important;border-color:#25d366 !important;box-shadow:0 0 10px rgba(37,211,102,.45) !important}
html body .sidebar-content .sidebar-item.whatsapp .sidebar-image i,html body .sidebar-content .sidebar-item.telegram .sidebar-image i{color:#fff !important}
html body .sidebar-content .sidebar-item.telegram .sidebar-image{background:#229ed9 !important;border-color:#229ed9 !important;box-shadow:0 0 10px rgba(34,158,217,.45) !important}
html body .sidebar-content .sidebar-item.promotions .sidebar-image i::before{content:"\1F381" !important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;color:initial !important;font-style:normal !important}
html body .nav-menu-container.header-navigation.header-navigation.header-navigation .nav-menu-item{background-color:#0350ea !important;background-image:linear-gradient(to right,#0350ea 0%,#2bc7fa 50%,#0350ea 100%) !important;background-size:200% auto !important}
html body .nav-menu-container.header-navigation.header-navigation.header-navigation .nav-menu-item,html body .nav-menu-container.header-navigation.header-navigation.header-navigation .nav-menu-item *{color:#f4f4f6 !important;-webkit-text-fill-color:currentColor !important}
html body .nav-menu-container.header-navigation.header-navigation.header-navigation .nav-menu-item{box-shadow:0 0 8px #2bc7fa80 !important}
html body .nav-menu-container.header-navigation.header-navigation.header-navigation .nav-menu-item:hover,html body .nav-menu-container.header-navigation.header-navigation.header-navigation .nav-menu-item.active{box-shadow:0 0 12px #2bc7fa,0 0 26px #2bc7fa99 !important}
body,.layout-bc{background-image:none !important}
.nav-content-bc .nav-content-menu{max-width:none !important}
.layout-content-holder-bc .hm-row-bc{max-width:none !important;padding-inline:0 !important}
.casinoGamesContainer > .casinoNavigationAndFilters,.casinoGamesContainer > .casinoLobbyContainer,.casinoGamesContainer > .casinoGamesListWrapper,.casinoGamesContainer > .casinoGamesList{max-width:none !important;padding-inline:0 !important}
.footerInfoPage .footerInfoContent{max-width:none !important}
body,.layout-bc{background-image:linear-gradient(180deg,#030817,#031f45) !important;background-attachment:fixed !important;background-size:cover !important}