/* tüm site bg */
body{
  /* background:rgb(37 0 0) !important; */
  background: #14181C !important;
}







:root {
  --custom-menu-bg-color: 142, 65, 65 !important;
  --custom-menu-hover-bg-color: 0, 27, 64 !important;
  --oc-1-sc: 255, 255, 255 !important;
  --hero-sc: 255, 255, 255 !important;

/* --menu: 57, 13, 19 !important; */
/* --b: 39, 0, 0 !important; */
}

.informative-widget-container strong u:nth-of-type(1)  {
  text-decoration: none !important;
  color:#ffffff !important; /* kırmızı renk */
  border-bottom: 3px solid #ba8e47; /* Kalın kırmızı çizgi */
  padding-bottom: 1px; /* Çizgiyi aşağıya kaydırmak için boşluk */
}




.informative-widget-link {
    border-top: 2px solid #ba8e47 !important;
}


.layout-footer-holder-bc {
  background: transparent !important;
}

.product-banner-info-bc::before {
  background: transparent !important;
}

.sdr-item-bc::before {
  background: transparent !important;
}

.layout-footer-holder-bc {
  background: transparent !important;
}

body .ftr-payments-row-img-bc {
  width: 100px;
  height: 30px;
  padding: 0;
  background: none;
  border-radius: 0;
}

.layout-footer-holder-bc .sliderSingleElWrapper,
.layout-footer-holder-bc .sliderSingleEl,
.layout-footer-holder-bc .sliderImage {
  overflow: visible !important;
  height: auto !important;
}

.layout-footer-holder-bc .sliderImage img[src*="hizliresim.com/t0r6xbl"] {
  width: auto !important;
  height: 60px !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: inline-block !important;
  vertical-align: middle;
}

.layout-footer-holder-bc .sliderImage img[src*="hizliresim.com/e7w7cto"] {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

.casino-info-content-tournament .casino-info-img {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  object-fit: cover !important;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}

/* Sayfa geçişi loader: MAXSPIN logo */
.bc-loader .bc-loader-contain img {
  max-width: 160px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}




.header-bc {
  width: 100% !important;
  background: #14181c !important;
}

/* connect to wallet remove */
.wallet-btn {
  display: none !important;
}
.connect-wallet:not(:only-child) {
  display: none !important;
}

.promotions-article-title {
  height: 0px !important;
}

body .crypto-info-link {
  display: none !important;
}

.hdr-logo-bc {
  max-width: 200px !important;
  padding: -7px 0 !important;
}

/* Header: her zaman yerel logo.png (MAXSPIN) */
img.hdr-logo-bc,
.logo-container .logo img.hdr-logo-bc,
.popup-t-logo-w-bc img.hdr-logo-bc {
  content: url('/logo.png?v=1781812200') !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: rgb(20 24 28) !important;
}

/* Bakiye butonu - normal */
.nav-menu-container.header-user-nav a[aria-label="Bakiye"] {
  background-color: #ba8e47 !important;
  color: white !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
}

/* Bakiye butonu - hover olduğunda köşeler düz */
.nav-menu-container.header-user-nav a[aria-label="Bakiye"]:hover {
  background-color: #c79a52 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Profil butonu - normal */
.nav-menu-container.header-user-nav a[aria-label="Profile Details"] {
  background-color: #ba8e47 !important;
  color: white !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
}

/* Profil butonu - hover olduğunda köşeler düz */
.nav-menu-container.header-user-nav a[aria-label="Profile Details"]:hover {
  background-color: #c79a52 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ftr-partners-row-inner-bc:first-child > a:only-child img {
  max-height: 90px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
  background: rgba(186, 142, 71, 1) !important;
  box-shadow: none !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active {
  background: rgba(var(--custom-menu-hover-bg-color), 1) !important;
  color: #fff !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li:first-child>.nav-menu-item {
    padding-inline-start: 10px !important;
    border-start-start-radius: 10px !important;
     border-end-start-radius:  10px !important;
}

/* Ana menü öğesine hover yapıldığında VEYA alt menüde geziniliyorsa ikon beyaz kalsın */
.nav-menu > li:hover > a > i {
  color: white !important;
}

/* Normalde ikonlar kırmızı olsun */
/* .nav-menu > li > a > i {
  color: #ba8e47 !important;
  transition: color 0.2s ease;
} */





.nav-menu-container .nav-menu {
  background: none !important;
  height: 45px !important;
}


.hdr-dynamic-content {
  background: #2C1111 !important;
  padding: 0px !important;
  padding-left: 20px !important;
  margin-top: 4px;
}

body .layout-header-holder-bc .hdr-dynamic-content:first-child .product-banner-container-bc {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.crypto-wallet-switcher-container {
  display: none !important;
}

body .header-custom-buttons + .sign-in {
  background: rgba(186, 142, 71, 1) !important;
  color: rgba(var(--hero-sc), 1) !important;
  text-decoration: none !important;
}

body .header-custom-buttons + .sign-in:hover {
  background: #c79a52 !important;
  color: rgba(var(--hero-sc), 1) !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease !important;
}

.layout-bc.smart-panel-is-visible .smartPanel-bc + .hdr-user-bc .nav-menu-other {
  height: 30px;
  background: #ba8e47 !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item > * {
  font-size: small !important;
}

.u-i-p-c-body-bc {
  display: flex;
  height: 100%;
  /* background: #2C1111 !important; */
}

body .crypto-currency-data {
  display: none !important;
  position: absolute;
  left: -99999px;
  top: -99999px;
  height: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
}

.wallet-menu-content {
  display: none !important;
}

.hdr-crypto-btn .connect-wallet {
  cursor: pointer;
  display: none !important;
}

.fastex-wallet-banner .sdr-image-bc {
  display: none !important;
}

html[dir="ltr"] .casino-category-chooser-container .accordion-items .accordion-button {
  width: 148px;
  border: 1px solid #8C4141 !important;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  margin: 0 5px 5px;
  padding: 5px 1px;
}

.casino-category-chooser-container .accordion-items .accordion-button:hover {
  color: #8C4141 !important;
  box-shadow: 0 0 0 1px #8C4141 !important;
}

.promotion-details-container {
  display: flex !important;
  padding: 15px !important;
  height: 100% !important;
  background-position: center !important;
  background-attachment: initial !important;
  border: 1px solid #ba8e47 !important;
  box-shadow: 1px -4px 7px rgba(186, 142, 71, 0.45) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.accordion-items-resize span {
  width: 11.11%;
}

.accordion-items-resize span button {
  width: calc(100% - 8px) !important;
  border: 1px solid #8C4141;
  max-width: calc(100% - 8px) !important;
}



[dir=ltr] .countdown-banner-content {
  left: 145px !important;
  top: 28px !important;
  transform: scale(1.3) !important;
}

@media(max-width:1600px) {
  [dir=ltr] .is-home-page .countdown-banner-content {
    transform: scale(1) !important;
    left: 7% !important;
    top: 30% !important;
  }
}






.promotionsList-bc {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important;
}
.promotions-article-title {
  display: none !important;
}

.promotionsListEl-bc {
  border-radius: 20px !important;
  position: relative !important;
}
.promotionsListEl-bc:hover:before {
  animation: slide 1s;
}
.promotionsListEl-bc:before {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(232, 128, 128, 0) 99%, rgba(232, 125, 125, 0)) !important;
}

@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

[dir=ltr] .countdown-banner-content {
  left: 145px !important;
  top: 28px !important;
  transform: scale(1.3) !important;
}

@media(max-width:1600px) {
  [dir=ltr] .is-home-page .countdown-banner-content {
    transform: scale(1) !important;
    left: 7% !important;
    top: 30% !important;
  }
}

body .layout-header-holder-bc .hdr-dynamic-content:first-child .product-banner-container-bc {
  z-index: 999999 !important;
}
.promotionsListEl-bc {
  border: 5px solid rgba(186, 142, 71, 0.18) !important;
}

body .my-profile-info-block .dep-w-info-bc .horizontal-items-expanded .horizontal-sl-item-bc {
  display: flex !important;
}

.is-home-page .product-banner-without-titles .product-banner-img-bc {
  border-radius: 40px !important;
  width: 100%;
}

div#root.layout-bc.theme-default.betslip-Hidden .layout-content-holder-bc {
  max-width: 1630px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .layout-header-holder-bc .hdr-dynamic-content:first-child .product-banner-container-bc {
  top: 4px !important;
}
[class*=is-web] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc {
  height: 27px !important;
}

@media (max-width:1400px) {
  [class*=is-web] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc {
    height: 20px !important;
  }
}

#mainLinks .swiper-slide img {
  border: 1px solid #fbe184 !important;
  display: block;
  border-radius: 20px;
}


.layout-header-holder-bc {
  box-shadow: none !important;
}




.hdr-dynamic-content {
  padding: 0px !important;
  margin-top: 0px !important;
}

/* Mobil: logo yanindaki guncel-link gif yerine Juventus logosu */
@media screen and (max-width: 1200px) {
  .logo-container a.header-icon img[src*="media_1872355"],
  .logo-container .header-icon img[src*="media_1872355"] {
    content: url('/images/juventus-logo.png') !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
    display: block !important;
  }
}

/* güncellemeler */

.header-custom-buttons a[class*=promotions], .hdr-user-bc a[class*=promotions], .hdr-user-bc a[class*=live-chat ]{
  background: #ba8e47 !important;
}

/* VIP butonu */
/* VIP butonu normal ve hover */
a.bc-i-Vip {
  background-color: #ba8e47 !important;
  color: #fff !important;
  transition: background-color 0.3s ease !important;
}

a.bc-i-Vip:hover {
  background-color: #c79a52 !important;
}

/* TV butonu normal ve hover */
a[aria-label="TV"] {
  background-color: #ba8e47 !important;
  color: #fff !important;
  transition: background-color 0.3s ease !important;
}

a[aria-label="TV"]:hover {
  background-color: #c79a52 !important;
}

/* Tüm kırmızı butonlar */
.header-custom-buttons a[class*="bc-i-"] {
  background-color: rgba(186, 142, 71, 1) !important;
  color: white !important;
  transition: background-color 0.3s ease !important;
}

/* Hover'da kırmızı butonlar */
.header-custom-buttons a[class*="bc-i-"]:hover {
  background-color: #c79a52 !important;
}

/* PARA YATIR butonu özel: yeşil */
.header-custom-buttons a.deposit-btn {
  background-color: #ba8e47 !important;
  color: #000000 !important;
  transition: background-color 0.3s ease !important;
}

/* Hover olduğunda açık yeşil */
.header-custom-buttons a.deposit-btn:hover {
  background-color: #c79a52 !important;
  color: #000000 !important;
}






/*diğerleri*/

.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.is-home-page .status-popup-content-w-bc {
    width: 700px !important;
}
.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.is-home-page .popup-holder-bc.windowed .popup-inner-bc {
    width: 700px !important;
}
.casino-popup-content img {
    width: 600px !important;
    height: 600px !important;
}
/*
body {
background-image: url(https://cmsbetconstruct.com/storage/medias/betovis/media_1872355_d0898ff40eff31da06f2bb16c39ec0dd.jpeg)!important; 
background-attachment: fixed !important; 
background-position: center !important; 
background-repeat: no-repeat !important; 
background-size: cover !important;
}
*/








.YoPhoneAppImg {
  display: none !important;
}


.YoPhoneApp {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.YoPhoneAppImg,
.YoPhoneAppTitle,
.YoPhoneAppButtons {
  display: none !important;
}

.YoPhoneAppLink {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  background-image: url(https://i.postimg.cc/ZnLBm8zM/5000-freespin-BANNER.jpg); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 3 / 1; 
  border-radius: 8px;
}








/* PROMOSYON SAYFASI RENK GÜNCELLEMESİ */
.overlay-header,
.promotion-details-container {
  background-color: #14181C !important;
  background-image: none !important;
}

.promotion-details-header,
.promotion-details-info {
  background-color: transparent !important;
}

.promotion-details-container .spoiler {
  background-color: #1E2227 !important;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 12px;
}

.promotion-details-container .spoiler-title {
  color: #fff !important;
}

.overlay-header h1.back-nav-title-bc-h1 {
  color: #fff !important;
  font-size: 20px !important;
}

.spoiler-title span {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.spoiler-content p {
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-left: 20px !important; 
}

.spoiler-content a,
.promotion-details-container a,
a[href*="bonus-request"],
a[href*="deposit"] {
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: 24px !important;
  display: inline-block !important;
  line-height: 1.2 !important;
}













/* Promosyonlar için görsel-metin hizalanması */
.popup-holder-bc.promotion-details-popup .popup-inner-bc {
    height: 650px !important;
    border: 2px solid #ba8e47 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-container {
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 400px auto !important;
    border: none !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info {
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    padding-right: 15px;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/masterpay"]),
.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/ovisbonustalep"]) {
    display: inline-block !important;
    width: 49.5% !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/masterpay"]) {
    text-align: right !important;
    padding-right: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/ovisbonustalep"]) {
    text-align: left !important;
    padding-left: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/masterpay"],
.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/ovisbonustalep"] {
    display: inline-block !important;
    width: 150px !important;
    height: 42px !important;

    font-size: 0 !important;        
    color: transparent !important;   
    text-indent: -9999px !important;
    overflow: hidden !important;

    /* Arka Plan Ayarları (Değişmedi) */
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}


.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/masterpay"] {
    background-image: url(https://i.imgur.com/wTSjSxD.png) !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/ovisbonustalep"] {
    background-image: url(https://i.imgur.com/BbeGqGw.png) !important;
}



/* Görüş ve öneri promosyonu */
.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="api.whatsapp.com/send/?phone=380993316977"]),
.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="t.me/Betovis_Marketing"]) {
    display: inline-block !important;
    width: 49.5% !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="api.whatsapp.com/send/?phone=380993316977"]) {
    text-align: right !important;
    padding-right: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="t.me/Betovis_Marketing"]) {
    text-align: left !important;
    padding-left: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="api.whatsapp.com/send/?phone=380993316977"],
.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="t.me/Betovis_Marketing"] {
    display: inline-block !important;
    width: 150px !important;
    height: 42px !important;
    font-size: 0 !important;        
    color: transparent !important;   
    text-indent: -9999px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="api.whatsapp.com/send/?phone=380993316977"] {
    background-image: url(https://i.imgur.com/arinCZF.png) !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="t.me/Betovis_Marketing"] {
    background-image: url(https://i.imgur.com/LPVfEVb.png) !important;
}





























/* WEB HEADER BUTTONS - clean icon style (no gif) */
@media screen and (min-width: 1201px) {
  .hdr-user-bc .header-custom-buttons {
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
  }

  .hdr-user-bc .header-custom-buttons .bc-i-promotions-3,
  .hdr-user-bc .header-custom-buttons .bc-i-promotions,
  .hdr-user-bc .header-custom-buttons .bc-i-Vip,
  .hdr-user-bc .header-custom-buttons .bc-i-tv {
      width: 38px !important;
      height: 38px !important;
      border-radius: 8px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: rgba(var(--hero), 1) !important;
      color: #000000 !important;
      border: 0 !important;
      box-shadow: none !important;
      padding: 0 !important;
      margin: 0 !important;
      font-size: 0 !important;
      line-height: 0 !important;
  }

  .hdr-user-bc .header-custom-buttons .bc-i-promotions-3::before,
  .hdr-user-bc .header-custom-buttons .bc-i-promotions::before,
  .hdr-user-bc .header-custom-buttons .bc-i-Vip::before,
  .hdr-user-bc .header-custom-buttons .bc-i-tv::before {
      font-size: 22px !important;
      line-height: 1 !important;
      color: #000000 !important;
  }
}



/* Mouse ikonların üstüne gelince hiçbir efekt çıkmasın */
.hdr-user-bc .header-custom-buttons .bc-i-promotions-3:hover,
.hdr-user-bc .header-custom-buttons .bc-i-promotions:hover,
.hdr-user-bc .header-custom-buttons .bc-i-Vip:hover,
.hdr-user-bc .header-custom-buttons .bc-i-tv:hover,
.hdr-user-bc .header-custom-buttons .bc-i-promotions-3:active,
.hdr-user-bc .header-custom-buttons .bc-i-promotions:active,
.hdr-user-bc .header-custom-buttons .bc-i-Vip:active,
.hdr-user-bc .header-custom-buttons .bc-i-tv:active {
    background: rgba(var(--hero), 1) !important;
    background-color: rgba(var(--hero), 1) !important;
    box-shadow: none !important;
    filter: none !important;
    outline: none !important;
    border: 0 !important;
    opacity: 1 !important;
    mask: none !important;
    -webkit-mask: none !important;
    mix-blend-mode: normal !important;
}





/* Yeşil para yatırma butonu */
.deposit-btn {
  margin-right: 15px !important; /* Boşluk mesafesini artırıp azaltabilirsiniz */
}







/* WEB - MÜK.HİZMET / LİSANS / ŞİKAYET VAR LOGOLARI */
.sliderSingleEl .sliderImage img[src$="bf56186a8e22a2cc696c303537e3d7bc.png"],
.sliderSingleEl .sliderImage img[src$="b1a99c98d7faa00e591f624aa789c99c.png"] {
  width: 160px !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 0 !important;
  margin: 0 10px !important;
}














/* Sidebar butonları düzenleme - Küçültülmüş versiyon */
.sidebar-content .sidebar-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 8px 12px !important;
    min-height: 45px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Sidebar buton resimleri */
.sidebar-content .sidebar-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}

.sidebar-content .sidebar-image img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
}

/* Sidebar buton yazıları */
.sidebar-content .sidebar-title {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    flex: 1 !important;
}

/* Tüm butonların eşit yüksekliği için */
.sidebar-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}






















/* header notification */
.hdr-dynamic-content .carouselWrapper .swiper {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
}

.hdr-dynamic-content .carouselWrapper .swiper-wrapper {
    display: flex;
    width: 200%;
    animation: continuousSlide 20s infinite linear;
}

.hdr-dynamic-content .carouselWrapper .swiper-slide {
    flex-shrink: 0;
    width: 50% !important;
    min-width: 50%;
}

.hdr-dynamic-content .informative-widget {
    width: 100%;
}

.hdr-dynamic-content .informative-widget span {
    white-space: nowrap;
    display: inline;
}

.hdr-dynamic-content .informative-widget-container {
    overflow: hidden;
    width: 100%;
}

.hdr-dynamic-content .carouselWrapper .swiper-button-prev,
.hdr-dynamic-content .carouselWrapper .swiper-button-next {
    display: none !important;
}

.hdr-dynamic-content .carouselWrapper:hover .swiper-wrapper {
    animation-play-state: paused;
}

@keyframes continuousSlide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
























































































 
 
 
 
 
 
 
 
 
 
/* wp ve tg butonları düzenlemesi */
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) { 
  display: grid !important;
  grid-template-columns: max-content max-content !important;
  grid-template-rows: repeat(4, auto) !important;
  row-gap: 25px !important;
  column-gap: 80px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  transform: scale(0.75) !important; 
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  filter: brightness(1.2) !important; 
  opacity: 1 !important;
  transition: none !important;
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(1) { grid-column: 1; grid-row: 1; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(2) { grid-column: 1; grid-row: 2; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(3) { grid-column: 1; grid-row: 3; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(4) { grid-column: 2; grid-row: 1; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(5) { grid-column: 2; grid-row: 2; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(6) { grid-column: 2; grid-row: 3; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(7) { grid-column: 1; grid-row: 4; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(8) { grid-column: 2; grid-row: 4; } 
















 









/* Footer sosyal medya özel ikonları */
.footerSocialLinks .bc-i-instagram {
    background: url('https://i.postimg.cc/sx09Vzd8/inst.png') no-repeat center center !important;
    background-size: contain !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
    color: transparent !important;
    text-indent: -9999px; 
    width: 33px; 
    height: 33px; 
    display: inline-block;
}

.footerSocialLinks .bc-i-telegram {
    background: url('https://i.postimg.cc/P51Z7Yx0/teleg.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footerSocialLinks .bc-i-twitter {
    background: url('https://i.postimg.cc/CMtqLmnW/x.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footerSocialLinks .bc-i-whatsapp {
    background: url('https://i.postimg.cc/W1cq0zn8/whats.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

/* Gold + black theme overrides */
:root {
  --custom-gold: #ba8e47;
  --custom-black: #000000;
  --custom-dark: #161616;
  --custom-icon-gray: #828282;
  --custom-menu-bg-color: 0, 0, 0 !important;
  --custom-menu-hover-bg-color: 0, 0, 0 !important;
}

body,
.layout-bc,
.header-bc,
.hdr-main-content-bc,
.hdr-additional-info,
.hdr-dynamic-content,
.product-banner-container-bc,
.tab-navigation-w-bc,
.informative-widget-container,
.informative-widget,
.e-p-header-bc {
  background: var(--custom-black) !important;
}

.btn.sign-in,
.btn.a-outline.a-white,
.user-nav-icon.bc-i-promotions-3,
.user-nav-icon.bc-i-mines,
.user-nav-icon.bc-i-result,
.user-nav-icon.bc-i-tournament {
  background: var(--custom-gold) !important;
  color: var(--custom-black) !important;
  border-color: var(--custom-gold) !important;
}

.btn.register,
.bc-i-boost {
  color: var(--custom-gold) !important;
}

.btn.register,
.btn.register span {
  color: var(--custom-black) !important;
  -webkit-text-fill-color: var(--custom-black) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.featuredGameItem,
.featuredGameItemHeader:before,
.informative-widget-link {
  border-color: var(--custom-gold) !important;
}

.market-bc.active,
.providerItemsInner.active,
.casinoTournamentTabClm.active,
.generic-search-menu-item.active,
.market-filter-scrollable-navigation-bc-holder .horizontal-sl-item-bc.active {
  background: var(--custom-gold) !important;
  color: var(--custom-black) !important;
}

.header-icon.bc-i-telegram,
.bc-i-telegram,
.bc-i-twitter,
.bc-i-youtube,
.bc-i-instagram,
.bc-i-whatsapp {
  background-color: var(--custom-black) !important;
  color: var(--custom-icon-gray) !important;
}

/* Final force override: replace red accents with gold */
:root {
  --hero: 186, 142, 71 !important;
  --hero-sc: 0, 0, 0 !important;
}

.nav-menu-container.header-user-nav a[aria-label="Bakiye"],
.nav-menu-container.header-user-nav a[aria-label="Profile Details"],
.layout-bc.smart-panel-is-visible .smartPanel-bc + .hdr-user-bc .nav-menu-other,
.header-custom-buttons a[class*=promotions],
.hdr-user-bc a[class*=promotions],
.hdr-user-bc a[class*=live-chat],
a.bc-i-Vip,
a[aria-label="TV"],
.header-custom-buttons a[class*="bc-i-"],
.header-custom-buttons + .sign-in,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
  background: #ba8e47 !important;
  background-color: #ba8e47 !important;
  color: #000000 !important;
  border-color: #ba8e47 !important;
}

.nav-menu-container.header-user-nav a[aria-label="Bakiye"]:hover,
.nav-menu-container.header-user-nav a[aria-label="Profile Details"]:hover,
a.bc-i-Vip:hover,
a[aria-label="TV"]:hover,
.header-custom-buttons a[class*="bc-i-"]:hover,
.header-custom-buttons + .sign-in:hover {
  background: #c79a52 !important;
  background-color: #c79a52 !important;
  color: #000000 !important;
  border-color: #c79a52 !important;
}

.informative-widget-link {
  border-top-color: #ba8e47 !important;
  border-bottom-color: #ba8e47 !important;
}

/* Ultimate color lock */
html:root,
:root,
body {
  --hero: 186, 142, 71 !important;
  --hero-sc: 0, 0, 0 !important;
  --a: 186, 142, 71 !important;
  --accent: 186, 142, 71 !important;
  --primary: 186, 142, 71 !important;
  --custom-menu-bg-color: 0, 0, 0 !important;
  --custom-menu-hover-bg-color: 186, 142, 71 !important;
}

.btn,
button.btn,
a.btn,
.market-bc.active,
.nav-menu-item.active,
.nav-menu-item:hover,
.horizontal-sl-item-bc.active,
.tab-bc.active,
.providerItemsInner.active {
  background-color: #ba8e47 !important;
  border-color: #ba8e47 !important;
  color: #000000 !important;
}

/* Featured games: keep original dark widget look */
.ftr-game-item-bc {
  background-image: none !important;
  background-color: #223741 !important;
  border: 0 !important;
}

.ftr-g-i-head-bc,
.ftr-g-i-body-bc {
  background: #2a424c !important;
}

/* Remove story widget and close top gap */
.storiesWidgetWrapper,
[class*="storyWidget"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.layout-content-holder-bc > div:has(.storiesWidgetWrapper) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobile: quick icon style from reference CSS */
@media screen and (max-width: 1200px) {
  .hdr-additional-info .user-nav-icon {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-inline-start: 10px !important;
    background: rgba(var(--hero), 1) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 0 !important;
  }

  .hdr-additional-info .user-nav-icon::before {
    display: block !important;
    font-family: BetConstruct-Icons !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-transform: none !important;
  }
}

/* Desktop icon fixes (clean) */
@media screen and (min-width: 1201px) {
  /* Smart panel icons: primary font + explicit component fallback */
  .hdr-smart-panel-holder-bc .sp-button-bc .sp-button-icon-bc {
    display: inline-block !important;
    font-family: BetConstruct-Icons !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-indent: 0 !important;
    overflow: visible !important;
  }

  .hdr-smart-panel-holder-bc .sp-button-bc .sp-button-icon-bc::before {
    font-family: BetConstruct-Icons !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #ffffff !important;
  }

  .hdr-smart-panel-holder-bc .sp-button-bc[data-component="Notifications"] .sp-button-icon-bc::before { content: "🔔" !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; }
  .hdr-smart-panel-holder-bc .sp-button-bc[data-component="Messages"] .sp-button-icon-bc::before { content: "✉️" !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; }
  .hdr-smart-panel-holder-bc .sp-button-bc[data-component="FavoriteGames"] .sp-button-icon-bc::before { content: "⭐" !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; }
  .hdr-smart-panel-holder-bc .sp-button-bc[data-component="Bonuses"] .sp-button-icon-bc::before { content: "🎁" !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; }
  .hdr-smart-panel-holder-bc .sp-button-bc[data-component="Settings"] .sp-button-icon-bc::before { content: "⚙️" !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; }
  .hdr-smart-panel-holder-bc .sp-button-bc[data-component="LiveChat"] .sp-button-icon-bc::before { content: "💬" !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; }
  .hdr-smart-panel-holder-bc .sp-button-bc[data-component="Betslip"] .sp-button-icon-bc::before { content: "🧾" !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; }

  /* Left side menu: one fallback strategy only */
  .asideMenuNavLink .asideMenuNavItemIconWrapper,
  .sideMenuNavLink .sideMenuNavItemIconWrapper {
    display: none !important;
  }

  .asideMenuNavLink .asideMenuOpenNav,
  .asideMenuNavLink .asideMenuCompactNav,
  .sideMenuNavLink .sideMenuOpenNav,
  .sideMenuNavLink .sideMenuCompactNav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .asideMenuNavLink .asideMenuOpenNav::before,
  .asideMenuNavLink .asideMenuCompactNav::before,
  .sideMenuNavLink .sideMenuOpenNav::before,
  .sideMenuNavLink .sideMenuCompactNav::before {
    content: "✨";
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important;
  }

  .asideMenuNavLink[aria-label*="BAH"] .asideMenuOpenNav::before,
  .asideMenuNavLink[aria-label*="BAH"] .asideMenuCompactNav::before,
  .sideMenuNavLink[aria-label*="BAH"] .sideMenuOpenNav::before,
  .sideMenuNavLink[aria-label*="BAH"] .sideMenuCompactNav::before { content: "⚽"; }
  .asideMenuNavLink[aria-label*="CANLI"] .asideMenuOpenNav::before,
  .asideMenuNavLink[aria-label*="CANLI"] .asideMenuCompactNav::before,
  .sideMenuNavLink[aria-label*="CANLI"] .sideMenuOpenNav::before,
  .sideMenuNavLink[aria-label*="CANLI"] .sideMenuCompactNav::before { content: "📡"; }
  .asideMenuNavLink[aria-label*="CASINO"] .asideMenuOpenNav::before,
  .asideMenuNavLink[aria-label*="CASINO"] .asideMenuCompactNav::before,
  .sideMenuNavLink[aria-label*="CASINO"] .sideMenuOpenNav::before,
  .sideMenuNavLink[aria-label*="CASINO"] .sideMenuCompactNav::before { content: "🎰"; }
  .asideMenuNavLink[aria-label*="VIP"] .asideMenuOpenNav::before,
  .asideMenuNavLink[aria-label*="VIP"] .asideMenuCompactNav::before,
  .sideMenuNavLink[aria-label*="VIP"] .sideMenuOpenNav::before,
  .sideMenuNavLink[aria-label*="VIP"] .sideMenuCompactNav::before { content: "💎"; }
  .asideMenuNavLink[aria-label*="KAZ"] .asideMenuOpenNav::before,
  .asideMenuNavLink[aria-label*="KAZ"] .asideMenuCompactNav::before,
  .sideMenuNavLink[aria-label*="KAZ"] .sideMenuOpenNav::before,
  .sideMenuNavLink[aria-label*="KAZ"] .sideMenuCompactNav::before { content: "🔥"; }
  .asideMenuNavLink[aria-label*="TREN"] .asideMenuOpenNav::before,
  .asideMenuNavLink[aria-label*="TREN"] .asideMenuCompactNav::before,
  .sideMenuNavLink[aria-label*="TREN"] .sideMenuOpenNav::before,
  .sideMenuNavLink[aria-label*="TREN"] .sideMenuCompactNav::before { content: "🚆"; }

  /* Position-based overrides requested by user */
  .asideMenuNavItem:nth-child(1) .asideMenuOpenNav::before,
  .asideMenuNavItem:nth-child(1) .asideMenuCompactNav::before,
  .sideMenuNavItem:nth-child(1) .sideMenuOpenNav::before,
  .sideMenuNavItem:nth-child(1) .sideMenuCompactNav::before { content: "⚽"; } /* ball */

  .asideMenuNavItem:nth-child(2) .asideMenuOpenNav::before,
  .asideMenuNavItem:nth-child(2) .asideMenuCompactNav::before,
  .sideMenuNavItem:nth-child(2) .sideMenuOpenNav::before,
  .sideMenuNavItem:nth-child(2) .sideMenuCompactNav::before { content: "🏀"; } /* second ball */

  .asideMenuNavItem:nth-child(5) .asideMenuOpenNav::before,
  .asideMenuNavItem:nth-child(5) .asideMenuCompactNav::before,
  .sideMenuNavItem:nth-child(5) .sideMenuOpenNav::before,
  .sideMenuNavItem:nth-child(5) .sideMenuCompactNav::before { content: "🎲"; } /* dice */

  .asideMenuNavItem:nth-child(6) .asideMenuOpenNav::before,
  .asideMenuNavItem:nth-child(6) .asideMenuCompactNav::before,
  .sideMenuNavItem:nth-child(6) .sideMenuOpenNav::before,
  .sideMenuNavItem:nth-child(6) .sideMenuCompactNav::before { content: "✈️"; } /* plane */

  .asideMenuNavItem:nth-child(7) .asideMenuOpenNav::before,
  .asideMenuNavItem:nth-child(7) .asideMenuCompactNav::before,
  .sideMenuNavItem:nth-child(7) .sideMenuOpenNav::before,
  .sideMenuNavItem:nth-child(7) .sideMenuCompactNav::before { content: "🎁"; } /* gift */

  .asideMenuNavItem:nth-child(8) .asideMenuOpenNav::before,
  .asideMenuNavItem:nth-child(8) .asideMenuCompactNav::before,
  .sideMenuNavItem:nth-child(8) .sideMenuOpenNav::before,
  .sideMenuNavItem:nth-child(8) .sideMenuCompactNav::before { content: "🤝"; } /* partnership */
}

/* Para yatırma / çekme — ödeme yöntemi kartları */
.dep-w-info-bc .m-block-nav-items-bc {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)) !important;
  gap: 14px !important;
  padding: 8px 2px 20px !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 132px !important;
  padding: 16px 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(186, 142, 71, 0.24) !important;
  background: linear-gradient(165deg, rgba(34, 39, 46, 0.98) 0%, rgba(18, 22, 26, 0.98) 100%) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(186, 142, 71, 0.7), transparent);
  opacity: 0.55;
  pointer-events: none;
}

.dep-w-info-bc .m-nav-items-list-item-bc::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(186, 142, 71, 0.12), transparent 58%);
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}

.dep-w-info-bc .m-nav-items-list-item-bc:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(186, 142, 71, 0.58) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(186, 142, 71, 0.14) !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc:hover::after {
  opacity: 1;
}

.dep-w-info-bc .m-nav-items-list-item-bc.active {
  border-color: #ba8e47 !important;
  background: linear-gradient(165deg, rgba(186, 142, 71, 0.24) 0%, rgba(20, 24, 28, 0.98) 62%) !important;
  box-shadow: 0 14px 30px rgba(186, 142, 71, 0.2), inset 0 0 0 1px rgba(186, 142, 71, 0.38) !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc.active::after {
  opacity: 1;
}

.dep-w-info-bc .nav-ico-w-row-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  height: 54px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.dep-w-info-bc .payment-logo {
  max-width: 58px !important;
  max-height: 42px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

.dep-w-info-bc .m-nav-list-item-title-bc {
  margin: 0 !important;
  padding: 0 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  color: #f3f5f8 !important;
  letter-spacing: 0.02em !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc.active .m-nav-list-item-title-bc {
  color: #e8c789 !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc.deposit_paytopayzhavale::before {
  background: linear-gradient(90deg, transparent, #5eb3ff, transparent);
}

.dep-w-info-bc .m-nav-items-list-item-bc.deposit_paytopayzpapara::before {
  background: linear-gradient(90deg, transparent, #b06cff, transparent);
}

.dep-w-info-bc .m-nav-items-list-item-bc.deposit_paytopayzcrypto::before {
  background: linear-gradient(90deg, transparent, #f5b041, transparent);
}

.dep-w-info-bc .horizontal-items-expanded .horizontal-sl-item-bc {
  min-height: 44px !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(186, 142, 71, 0.2) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  transition: all 0.2s ease !important;
}

.dep-w-info-bc .horizontal-items-expanded .horizontal-sl-item-bc.active {
  background: linear-gradient(135deg, #ba8e47 0%, #c79a52 100%) !important;
  color: #14181c !important;
  border-color: #ba8e47 !important;
  box-shadow: 0 8px 18px rgba(186, 142, 71, 0.28) !important;
}

.dep-w-info-bc .payment-info-bc,
.dep-w-info-bc .description-container-bc {
  margin-top: 8px !important;
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(186, 142, 71, 0.16) !important;
  background: linear-gradient(180deg, rgba(24, 28, 33, 0.95) 0%, rgba(16, 20, 24, 0.95) 100%) !important;
}

.dep-w-info-bc .description-c-row-bc {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  overflow: hidden !important;
}

.dep-w-info-bc .description-c-row-column-bc.pay-logo > img {
  max-width: 72px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
}

@media (max-width: 520px) {
  .dep-w-info-bc .m-block-nav-items-bc {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .dep-w-info-bc .m-nav-items-list-item-bc {
    min-height: 118px !important;
    padding: 14px 10px 12px !important;
  }

  .dep-w-info-bc .nav-ico-w-row-bc {
    width: 68px !important;
    height: 48px !important;
  }
}

@media (min-width: 900px) {
  .dep-w-info-bc .m-block-nav-items-bc {
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
    max-width: 760px !important;
  }
}

.payment-info-bc iframe {
  display: block;
  width: 100%;
  min-height: 560px;
  height: 62vh;
  max-height: 720px;
  border: 0;
  border-radius: 14px;
  background: #14181c;
  box-shadow: inset 0 0 0 1px rgba(186, 142, 71, 0.18);
}

.payment-details-scrollable-container iframe {
  border-radius: 14px;
}

/* BONUS / PROMOSYON — yazı fontu, kalın metin, maddeli düzen */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap');

.promotion-details-info,
.promotion-details-info .promo-content {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: #f3f5f8 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.015em !important;
}

.promotion-details-info .promo-lead {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #e8c789 !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.45 !important;
}

.promotion-details-info .promo-section-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ba8e47 !important;
  margin: 16px 0 10px 0 !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid rgba(186, 142, 71, 0.35) !important;
  text-transform: none !important;
  letter-spacing: 0.03em !important;
}

.promotion-details-info .promo-text {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(243, 245, 248, 0.95) !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.65 !important;
}

.promotion-details-info .promo-rules {
  list-style: none !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

.promotion-details-info .promo-rules li {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 9px 0 !important;
  padding: 0 0 0 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  color: rgba(243, 245, 248, 0.92) !important;
}

.promotion-details-info .promo-rules li::before {
  content: "•" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #ba8e47 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.promotion-details-info .promo-rules-num {
  counter-reset: promo-item !important;
}

.promotion-details-info .promo-rules-num li {
  counter-increment: promo-item !important;
  padding-left: 24px !important;
}

.promotion-details-info .promo-rules-num li::before {
  content: counter(promo-item) "." !important;
  color: #ba8e47 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.promotion-details-info p:not([class]),
.promotion-details-info ul:not([class]),
.promotion-details-info li:not([class]) {
  font-weight: 600 !important;
  line-height: 1.65 !important;
}

.promotion-details-info ul:not([class]) {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 0 12px 0 !important;
}

.promotion-details-info ul:not([class]) li {
  position: relative !important;
  padding-left: 18px !important;
  margin-bottom: 8px !important;
}

.promotion-details-info ul:not([class]) li::before {
  content: "•" !important;
  position: absolute !important;
  left: 0 !important;
  color: #ba8e47 !important;
  font-weight: 700 !important;
}

.spoiler-content,
.bonusExchangeInnerInfoDesc-bc {
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.spoiler-title span {
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Promosyon — mobil düzen (PC görünümüne dokunmaz) */
@media (max-width: 900px) {
  .promotionsList-bc {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 10px 16px !important;
  }

  .promotionsListEl-bc {
    border-width: 3px !important;
    border-radius: 14px !important;
  }

  .popup-holder-bc.promotion-details-popup .popup-inner-bc {
    height: auto !important;
    max-height: 92vh !important;
    min-height: 0 !important;
    margin: 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 12px !important;
  }

  .popup-holder-bc.promotion-details-popup .promotion-details-container {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .popup-holder-bc.promotion-details-popup .promotion-details-header {
    width: 100% !important;
    flex-shrink: 0 !important;
  }

  .popup-holder-bc.promotion-details-popup .promotion-details-img {
    width: 100% !important;
    max-height: 220px !important;
    object-fit: cover !important;
  }

  .popup-holder-bc.promotion-details-popup .promotion-details-info {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    padding: 12px 14px 18px !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .promotion-details-container {
    flex-direction: column !important;
    display: flex !important;
    padding: 12px !important;
    height: auto !important;
  }

  .promotion-details-info,
  .promotion-details-info .promo-content {
    font-size: 13px !important;
    line-height: 1.6 !important;
    word-wrap: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .promotion-details-info .promo-lead {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
  }

  .promotion-details-info .promo-section-title {
    font-size: 13px !important;
    margin: 12px 0 8px 0 !important;
    padding-bottom: 5px !important;
  }

  .promotion-details-info .promo-text {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }

  .promotion-details-info .promo-rules li {
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin-bottom: 8px !important;
    padding-left: 16px !important;
    padding-right: 2px !important;
    word-break: break-word !important;
  }

  .promotion-details-info .promo-rules li::before {
    font-size: 14px !important;
  }

  .popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/masterpay"]),
  .popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/ovisbonustalep"]),
  .popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="api.whatsapp.com/send/?phone=380993316977"]),
  .popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="t.me/Betovis_Marketing"]) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/masterpay"],
  .popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/ovisbonustalep"],
  .popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="api.whatsapp.com/send/?phone=380993316977"],
  .popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="t.me/Betovis_Marketing"] {
    width: min(180px, 100%) !important;
    margin: 0 auto !important;
  }
}

[class*="is-mobile"] .promotionsList-bc {
  grid-template-columns: 1fr !important;
}

[class*="is-mobile"] .popup-holder-bc.promotion-details-popup .popup-inner-bc {
  height: auto !important;
  max-height: 92vh !important;
}

[class*="is-mobile"] .popup-holder-bc.promotion-details-popup .promotion-details-container {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
}

[class*="is-mobile"] .popup-holder-bc.promotion-details-popup .promotion-details-info {
  padding: 12px 14px 18px !important;
  font-size: 13px !important;
}

[class*="is-mobile"] .promotion-details-info .promo-rules li {
  font-size: 13px !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
}

/* === Canli destek kaldirildi === */
#comm100-button-2302e3dc-7fa5-40d7-ae2c-a408e590adf6,
[id^="comm100-button"],
[id*="comm100"],
.comm100-float-button,
.comm100-container,
iframe[src*="livechat"],
iframe[src*="comm100"],
iframe[src*="vve4cvnu5"],
.live-chat-adviser-bc,
.bc-i-live-chat-holder,
.sp-button-bc:has(.bc-i-live-chat) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}


/* === MaxSpin ozel canli destek butonu === */
.maxspin-destek-fab {
  position: fixed;
  right: 20px;
  bottom: 22px;
  z-index: 99990;
  display: block;
  width: min(280px, 52vw);
  max-width: 320px;
  line-height: 0;
  text-decoration: none;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), filter 0.28s ease, bottom 0.2s ease;
  filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.55));
  animation: maxspinDestekIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.maxspin-destek-fab:hover {
  transform: translateY(-4px) scale(1.03);
  filter: drop-shadow(0 14px 36px rgba(212, 175, 55, 0.38));
}
.maxspin-destek-fab:active {
  transform: translateY(-1px) scale(1.01);
}
.maxspin-destek-fab img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  user-select: none;
  -webkit-user-drag: none;
}
.maxspin-destek-fab--mobile {
  width: min(150px, 38vw) !important;
  max-width: 158px !important;
  right: 8px !important;
}
.maxspin-destek-fab--mobile img {
  border-radius: 10px;
}
@keyframes maxspinDestekIn {
  from { opacity: 0; transform: translateY(16px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 768px) {
  .maxspin-destek-fab {
    right: 8px;
    width: min(150px, 38vw);
    max-width: 158px;
    bottom: calc(var(--tab-navigation-height, 56px) + env(safe-area-inset-bottom, 0px) + 10px);
  }
}
@media (max-width: 420px) {
  .maxspin-destek-fab {
    width: min(138px, 36vw);
    max-width: 148px;
    right: 6px;
    bottom: calc(var(--tab-navigation-height, 56px) + env(safe-area-inset-bottom, 0px) + 8px);
  }
}

button.maxspin-destek-fab,
.maxspin-destek-fab {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
}