/* ş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 (#fe4100 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,#14202b 0%,#14202b 35%,#101a24 50%,#122a3c 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,#14202b 0%,#14202b 35%,#101a24 50%,#122a3c 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:#fe4100 !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') 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:#fe4100; border-right-color:rgba(254,65,0,.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(254,65,0,0)) }
  50%{ transform:scale(1); filter:drop-shadow(0 0 10px rgba(254,65,0,.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:#fe4100 !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:#a5472a !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:#d78066; 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:#ffffff; border:1px solid rgba(254,65,0,.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:#fe4100; 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:#ffffff; border:1px solid rgba(254,65,0,.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,#ff6a33,#fe4100,#d83a00);
  -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 #fe4100; 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,#ff6a33 0%,#fe4100 50%,#d83a00 100%);
  color:#04131f; font:800 15px/1 inherit; letter-spacing:1.3px;
  box-shadow:0 8px 22px rgba(254,65,0,.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:#f4f6f7; 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:#f4f6f7 !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,#14202b,#0f2335 50%,#14202b);
  border-bottom:1px solid rgba(254,65,0,.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:#d78066; 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%, #ffffff 55%, #f4f6f7 100%) !important;
    background-color:transparent !important;
    border:1px solid #e3e6ea !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; }


/* 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; }

/* azbet-tema-bas — misli.az renkleri (2026-10-31) */
/* oran kutusu: koyu zemin + beyaz rakam (açık sayfada okunur); seçili = turuncu */
html body .market-bc:not(.m-g-header){background:#2b3542 !important;background-image:none !important;border-color:#2b3542 !important}
html body .market-bc:not(.m-g-header) .market-odd-bc,html body .market-bc:not(.m-g-header) .market-name-bc,html body .market-bc:not(.m-g-header) .market-coefficient-bc{color:#fff !important}
html body .market-bc:not(.m-g-header):hover{background:#3a4556 !important}
html body .market-bc.active,html body .market-bc.active:hover{background:#fe4100 !important;border-color:#fe4100 !important}
html body .market-bc.active .market-odd-bc,html body .market-bc.active .market-name-bc{color:#fff !important}
html body .market-bc.disabled,html body .market-bc.blocked{background:#c9ced6 !important}
/* üst bant düğmeleri: Daxil ol = beyaz çerçeve, Qeydiyyat = turuncu dolu */
html body .hdr-user-bc .btn{background-image:none !important;border-radius:4px !important;font-weight:700 !important}
html body .hdr-user-bc .btn.sign-in{background:transparent !important;border:1px solid #fff !important;color:#fff !important}
html body .hdr-user-bc .btn.register{background:#fe4100 !important;border:1px solid #fe4100 !important;color:#fff !important}
html body .hdr-user-bc .btn.register:hover{background:#d83a00 !important}
/* canlı rozeti kırmızı */
html body .live-icon-bc,html body .is-live .event-time-bc{color:#f00034 !important}
/* mobil alt çubuk: Kazino sekmesi yok (site yalnız spor) */
html body .tab-navigation-w-bc a.tab-nav-item-bc[href*="/casino"],html body .tab-navigation-w-bc a.tab-nav-item-bc[href*="games"]{display:none !important}
/* mobil alt çubuk: cam efekti yok, düz lacivert; yazılar okunur beyaz, seçili turuncu */
html body .tab-navigation-w-bc{background:#14202b !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-top:1px solid #22303d !important}
html body .tab-navigation-w-bc .tab-nav-item-bc{color:rgba(255,255,255,.82) !important}
html body .tab-navigation-w-bc .tab-nav-item-bc.active{color:#fe4100 !important}
/* başlıktaki sosyal ikonlar (Telegram, canlı destek): koyu kutuda beyaz ikon */
html body .hdr-user-bc .user-nav-icon{color:#fff !important;background:#2b3542 !important}
html body .hdr-user-bc .user-nav-icon::before{color:#fff !important}
html body .hdr-user-bc .user-nav-icon:hover{background:#fe4100 !important}
/* masaüstü üst menü (misli.az): lacivert şerit, düz beyaz yazı, seçili = turuncu alt çizgi; kutu/gradyan/animasyon yok */
html body .nav-menu-container.header-navigation .nav-menu{justify-content:flex-start !important;gap:4px !important}
html body .nav-menu-container.header-navigation li{margin:0 !important;flex:0 0 auto !important}
html body .nav-menu-container.header-navigation .nav-menu-item{background:transparent !important;background-image:none !important;clip-path:none !important;box-shadow:none !important;border-radius:0 !important;color:#fff !important;font-weight:700 !important;padding:0 14px !important;border-bottom:3px solid transparent !important;animation:none !important}
html body .nav-menu-container.header-navigation .nav-menu-item::before,html body .nav-menu-container.header-navigation .nav-menu-item::after{display:none !important}
html body .nav-menu-container.header-navigation .nav-menu-item:hover{color:#fe4100 !important}
html body .nav-menu-container.header-navigation .nav-menu-item.active{color:#fff !important;border-bottom-color:#fe4100 !important}
html body .nav-menu-sub .nav-menu-item{background:transparent !important;color:#fff !important}
html body .nav-menu-sub .nav-menu-item:hover,html body .nav-menu-sub .nav-menu-item.active{color:#fe4100 !important}
/* mobil üst menü: spor turnuvası yok; seçili alt çizgi turuncu */
html body .hdr-navigation-link-bc[href*="tournament"]{display:none !important}
/* yatay pazar sekmeleri: seçili koyu zemin + beyaz yazı, diğerleri açık zemin + koyu yazı */
html body .horizontal-sl-item-bc.active,html body .horizontal-sl-item-bc.active .horizontal-sl-title-bc{color:#fff !important}
html body .horizontal-sl-item-bc:not(.active) .horizontal-sl-title-bc{color:#14202b !important}
/* bahis geçmişi: oran ve tutarlar açık kartta koyu yazı */
html body .bet-history-odds-coeff,html body .bet-history-stake-money,html body .betHistoryListEl-list-item b,html body .bet-history-possible-win,html body .bet-history-possible-win *,html body .bet-history-freebet{color:#14202b !important}
/* profil avatarı (baş harfler): lacivert zemin + beyaz */
html body .u-i-p-p-u-i-avatar-holder-bc{background:#14202b !important;color:#fff !important}
/* sol menü: oran artırma (promosyon türü) kapalı */
html body .sp-sub-list-bc.boosted-bets{display:none !important}
/* giriş/kayıt penceresi açık zeminli: koyu yazılı logo */
html body .popup-t-logo-w-bc img.hdr-logo-bc{content:url(/media/azbet-logo-koyu.png) !important}
/* azbet-tema-son */

/* bcp-tema */
.bc-loader-contain{background:none !important}
.nav-content-bc{background-color:#14202b !important;background-image:none !important}
.nav-content-bc .nav-menu-container.header-navigation{background-color:#14202b !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,html body .nav-menu-container.header-navigation.header-navigation.header-navigation .nav-menu-item *{color:#ffffff !important;-webkit-text-fill-color:currentColor !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}