@media only screen and (min-width:1201px){

  section.landing-slider .container {
      overflow: visible !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
  }


  header .navigation {
      width: 100%;
      height: 70px;
      background-color: none !important;
      background-image: none;
      padding: 0;
      position: relative !important;
      border-bottom: 2px solid var(--theme-color);
  }

  header .navigation nav ul{
      display: flex !important;
  }
  
    section.casino .all-games .heading .icon, section.live-casino .heading .icon {
        width: 6px !important;
        height: 48px;
        line-height: 48px;
    }
    
  :root { --btn-hover: #ffffff !important; }

  header .navigation nav ul li{
      background-color: #00000000 !important;
  }

  #FlashBar{
    background: linear-gradient(to right, #db340c 0%, #fc6825 50%, #fc6825 100%) !important;
  }

  header .top .functions a.button.primary.deposit{
    background: linear-gradient(to right, #db340c 0%, #fc6825 50%, #fc6825 100%) !important;
  }

  header .top .logo img {
      width: 190px !important;
      height: auto !important;
  }

  /* (eski 992px bloğu) */
  header .navigation nav {
    background-color: transparent;
    border-radius: 10px;
  }
  header .navigation nav ul{
    display: flex !important;
    justify-content: space-around !important;
  }

  section.user-form{ background: none !important; }

  header .navigation {
      background-color: #00000000 !important;
      border-bottom: none !important;
      float: none !important;
  }
  
  section.live-casino .icon-card-roulette:before,section.casino .icon-nav-casino:before,section.casino .icon-nav-bingo:before{
      display: none;
  }

  header .navigation nav ul li span.icon { color: snow !important; }
  header .navigation nav ul li span.icon{ background-color: #191b1e !important; }

  header .top .functions a.button.secondary{
      box-shadow:
      0 -1px 0 rgb(255 255 255 / 15%),
      1px 0 0 rgb(255 255 255 / 15%);
      background-color: #101419;
  }

  header .navigation { height: auto !important; }

  main.bonus::before{ background-image: none !important; }

  .hero .container .cards .row .item a{
    background:linear-gradient(to top, #000000 0%, #000000 50%, #00121c 100%) !important;
    border-radius: 10px;
    box-shadow:
      0 0px 3px rgb(255 255 255 / 15%),
      0px 0 0 rgb(255 255 255 / 15%);
    background-color: #101419;
  }

  header .top .functions .promotions a {
    box-shadow:
      0 -1px 0 rgb(255 255 255 / 15%),
      1px 0 0 rgb(255 255 255 / 15%);
    background-color: #101419;
  }

  /* (eski 992px bloğu) */
  main.home::before {
      content: "";
      width: 100%;
      position: fixed;
      height: 100vh;
      top: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-image: url(https://benebet.ytseogency.com/assets/bg.jpg) !important;
      background:
        linear-gradient(to right,
          #000000 0%,
          #000000 10%,
          #00121B 20%,
          #00121B 50%,
          #00121B 60%,
          #00121B 80%,
          #000000 90%,
          #000000 100%) !important;
      z-index: -10;
  }

  header .top .functions .language .selected {
    box-shadow:
      0 -1px 0 rgb(255 255 255 / 15%),
      1px 0 0 rgb(255 255 255 / 15%);
  }

  header .navigation nav{
    /* eski yorumlu box-shadow kalsın */
    height: 50px !important;
  }

  /* (eski 992px bloğu) */
  header .navigation nav ul li.event::after {
    top: 13px !important;
    font-size: 6px !important;
  }

  .navigation nav ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 9px !important;
      list-style: none;
      margin: 0;
      padding: 14px 8px;
      border-top: 1px solid rgba(255, 255, 255, .08);
      border-bottom: 1px solid rgba(255, 255, 255, .08);
      position: relative;
  }

  section.cards.landing .container{ margin-top: -160px  !important; }

  /* Sosyal ikon kutuları */
  header .top .social-functions ul li.whatsapp,
  header .top .social-functions ul li.telegram{
   width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, .2);
    display: inline-block;
    font-size: 20px;
    margin: 0 5px;
    color: #fff;
    line-height: 38px;
    transition: all .3s;
    text-align: center;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .2);
  }
  header .top .social-functions ul li a.xx-ico{
    width:100% !important; height:100% !important;
    display:flex; align-items:center; justify-content:center;
    text-decoration:none;
    outline:0 !important;
    box-shadow:none !important;
  }
  header .top .social-functions ul li.whatsapp:hover,
  header .top .social-functions ul li.telegram:hover{
    background:#fff !important;
    transform:translateY(-1px);
    box-shadow:0 2px 8px rgba(0,0,0,.12);
  }



  header .top .social-functions ul li.whatsapp::before{
        color: white !important;
        font-size: 17px;
        border-radius: 50%;
        padding: 14% 20%;
        line-height: initial;
  }
  header .top .social-functions ul li::before{ left: 5px !important; top: 5px !important; }

  .xx-left .social-functions li a{ width: 30px !important; height: 30px  !important; }

  header .top .social-functions ul li.telegram::before{
    font-size: 5px !important;
    left: 0.04rem !important;
    top: -7.3px !important;
    padding: 11%;
    border-radius: 50%;
  }

  section.landing-slider img{ width: 100% !important; }

  .xx-right .guest .button.primary {
      background: #ff4600 !important;
      color: #fff !important;
      border-radius: 999px !important;
      padding: 12px !important;
      font-weight: 900 !important;
      border-color: #ff4600 !important;
  }
  .xx-right .guest .button.secondary {
      background: #0b0f14 !important;
      color: #fff !important;
      border-radius: 999px !important;
      padding: 12px !important;
      font-weight: 800 !important;
      margin-right: 15px !important;
  }

  .cta--bonus svg{ display: none !important; }
  .button.secondary.cta-btn.cta--bonus{ border: 1px solid white !important; background-color: black !important; margin-left: -183px !important}

  /* NAV hover arka planını tamamen kapat */
  header nav ul li,
  header nav ul li > a{
    background: transparent !important;
    box-shadow: none !important;
  }
  header nav ul li:hover,
  header nav ul li:focus-within,
  header nav ul li:active,
  header nav ul li:hover > a,
  header nav ul li:active > a,
  header nav ul li:focus > a{
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  header nav ul li::before,
  header nav ul li::after,
  header nav ul li > a::before,
  header nav ul li > a::after{
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  header nav ul li.current,
  header nav ul li.current > a,
  header nav ul li.active > a{
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }

  :root{ --cat-red:#ff6801; }

  .quick_link .link_item a{
    position: relative !important;
    display:block !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  .quick_link .link_item a .cat-ov{
    position:absolute; inset:0; z-index:9;
    background:var(--cat-red);
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
    color:#fff; text-align:center; pointer-events:none;
    border-radius:inherit;
  }
  .quick_link .link_item a .cat-ov img{ width:56px; height:56px; filter:brightness(0) invert(1); }
  .quick_link .link_item a .cat-ov .t{ font-weight:700; font-size:20px; line-height:1.2; }

  /* Full-bleed alan */
  .quick_link{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 4vw !important;
  }

  /* Ortalı, eşit sütunlu flex-grid (yalnızca >1200px) */
  .quick_link .link_item{
    --gap:24px;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:var(--gap) !important;
    width:100% !important;
  }
  .quick_link .link_item > [class*="col-"]{
    float:none !important;
    padding:0 !important;
    margin:0 !important;
    flex:0 0 calc((100% - (var(--gap) * 5)) / 6) !important; /* 6 sütun */
  }

  /* Kart kutusu – eşit yükseklik */
  .quick_link .link_item a{
    width:100% !important;
    height:220px !important;
    border-radius:20px !important;
  }
  .quick_link .link_item a img{
    width:100% !important; height:100% !important; object-fit:cover !important; display:block;
  }

  /* Kırmızı overlay (mevcut .cat-ov) */
  .quick_link .link_item a .cat-ov{
    position:absolute; inset:0; border-radius:inherit;
    background:#e30613;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;
    color:#fff; pointer-events:none;
  }
  .quick_link .link_item a .cat-ov img{ width:56px; height:56px; filter:brightness(0) invert(1); }
  .quick_link .link_item a .cat-ov .t{ font-weight:700; font-size:20px; }
  
  
  /* Hepsinin ortak pilli görünümü */
.xx-right .cta-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
   padding:0 28px;
  border-radius:999px; font-weight:900; font-size:22px; line-height:1.2 !important;
  text-decoration:none; color:#fff;
  transition:transform .15s ease, box-shadow .15s ease;
}
.xx-right .cta-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.22); }

/* BONUS TALEBİ — kırmızı dolgu + beyaz 3px çerçeve + solda ikon */
.xx-right .promotions .cta-btn{
  background: black !important;
  border:3px solid #fff;
}
.xx-right .promotions .cta-btn svg{
  width:26px; height:26px; flex:0 0 26px;
  fill:#fff; stroke:none;
}

/* GİRİŞ — koyu zemin + beyaz 3px stroke */
.xx-right .guest .button.secondary.cta-btn{
  background:#0b0f14;
  border:3px solid #fff;
  color:#fff;
}

/* KAYIT OL — düz dolu turuncu/kırmızı, çerçevesiz */
.xx-right .guest .button.primary.cta-btn{
  background:linear-gradient(90deg,#ff4600 0%,#ff4d13 60%,#ff4d13 100%);
  border:none;
  color:#fff;
}

/* BONUS–GİRİŞ arası dik ayraç */
.xx-right .cta-sep{
  display:none; width:6px; height:56px; margin:0 18px;
  background:#e30613; border-radius:3px;
}



} /* min-width:1201px sonu */

/* Zaten >1200 olduğu için ayrıca bırakıyorum */
@media only screen and (min-width:1280px) {
  .container { width: 100% !important; }
}


footer {
    background: #050607 !important;
}

.xx-right .guest .button.secondary.cta-btn:hover,.button.secondary.cta-btn.cta--bonus:hover{
    background-color: white !important;
    color: #ff4201 !important;
}



.xx-right, .xx-right * {
    font-size: 11px !important;
}
.xx-right .guest .button.secondary.cta-btn,.xx-right .guest .button.primary.cta-btn{
    font-size: 13px !important;
}

@media only screen and (min-width: 1201px) {
    header .top .logo img {
        width: 190px !important;
        height: auto !important;
    }
}

@media only screen and (min-width: 1200px) {
    header .navigation nav ul li span.title {
        font-size: 11px !important;
        line-height: 27px !important;;
        letter-spacing: -0.45px !important;;
    }
}


@media only screen and (max-width: 700px) {
        .xx-sponsors .card img{
    max-width: 185px !important;
}
    section.casino .all-games .games{
  margin-left: -20px;
}

section.casino .all-games{
    /*oyun ortalamas*/
  width: 105% !important;
  margin-top: 20px;
}
section.live-casino .games{
    width: 104% !important;
}
#xxLiveStrip {
    margin-left: -13px;
}


    section.landing-slider img{
    border: none !important;
}
    .landing-slider .container{
    padding: 0 !important;
}
section.landing-slider {
    margin: 0px !important;
}


    
    header .navigation .hamburger{
        background: transparent !important; 
    box-shadow: none !important; 
    }
    .header-social-buttons a {
    margin-right: 5px;
    border-radius: 18px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    background: #ffffff;
    box-shadow: none !important;
    }
    .whatsapp-header {
    background-color: #24d366 !important;
    color: #ffffff !important;
    margin-right: 5px;
}
    header .mobile-sticky-bar{
        display: none;
    }
}


footer .top{
    height: 100px;
}



section.landing-slider img{
border-bottom: 2px solid #ff4600 !important;
    
}

section.live-casino .background, section.zeplin .background, section.virtual .background{
    display: none !important;
}

@media only screen and (min-width: 1100px) {
    section.casino .all-games .games .item .thumbnail {
        height: 212px !important;
    }
    section.casino .all-games .games {
    width: 100%;
    float: left;
    padding: 0px 39.5px;
}

section.casino .top{
    padding-left: 32px !important;
}
}


section.casino .casino-filter{
    margin-top: -25px;
}

    header .top .social-functions ul li.whatsapp, header .top .social-functions ul li.telegram {
        display: none !important;
    }
    
    header .top .social-functions ul li a{
        display: flex !important;
    }
    header .top .social-functions ul li{
        box-shadow: none !important;
    }
    .xx-left .social-functions li a{
                box-shadow: none !important;
    }
    header .top .social-functions ul li{
        background: none !important;
    }

    
   header .xx-left .social-functions li a {
    box-shadow: none !important;
}
.xx-left {
    margin-left: 0rem;}
    
    header .top .social-functions ul{
        top: -13px !important;
    }
    
    header .top .social-functions ul li a{
        padding: 21px !important;
    }
    
    @media only screen and (min-width: 1200px) {
    section.live-casino.landing {
        margin-top: 20px;
    }
}



@media only screen and (min-width: 1100px) {
    section.casino .all-games .games .item .thumbnail {
        height: 78% !important;
        width: -webkit-fill-available !important;
    }
}

@media only screen and (min-width: 1100px) {
    #fixedPosition{
    display: none !important;
}
    section.casino .all-games .games {
        width: 100%;
        float: left;
        padding: 0px 59.5px;
    }
}
section.live-casino .games .item .thumbnail{
    height: 100% !important;
}

section.casino .all-games .games{
    padding: 0px !important;
}



@media only screen and (min-width: 1201px) {
    

}
@media only screen and (max-width: 700px) {
    header .navigation .guest{
        display: none !important;

    }
    
    #quick_link_icons_enhanced .cell a{
        height: 100% !important;
    }
    
    
    
    [data-casino-custom-menu="1"] {
    margin-bottom: 10% !important;
}
     #fixedPosition{
    display: none !important;
}
    .ccm-icon{
    color: #000000 !important;
}
   header .navigation {
       border-bottom: none !important;
       background-image: linear-gradient(#000000 2%, #000000 13%) !important;
   }
   header .navigation .hamburger i::before{
   font-style: bolder !important
   }
   .telegram-header {
    border: 1px solid rgb(0 136 202) !important;
       
   }
       .whatsapp-header {
        background-color: #ffffff !important;
        color: #23d366 !important;
        border: 1.5px solid rgb(35 211 102);
    }
    .icon-whatsapp:before {
    content: '\f232';
    background-color: #23d366;
    padding: 0% 30%;
    border-radius: 20px;
    color: white;
}
.icon-telegram:before {
    font-size: larger !important;
}
header .navigation .logo img {
    max-width: 150px;
}
header .navigation .my-account{
    display: none !important;
}
.header-social-buttons{
    right: 10px !important; 
}
}


@media only screen and (min-width: 1200px) {
    section.casino .all-games.jackpot .games .item .thumbnail {
        height: 212px !important;
        width: 100% !important;
    }
}
@media only screen and (min-width: 1280px) {
    .container, #quick_link_icons_enhanced {
        max-width: 1610px;
    }
.landing-slider .container{
    max-width: none !important;
}

}


@media only screen and (min-width: 1201px) {
    header .navigation nav {
      display: flex !important;
      justify-content: center !important;

    }
        header .navigation nav ul,header .container {
            max-width: 1400px;
            
        }
}

@media only screen and (min-width: 1201px) {
    section.casino .all-games {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 2%;
}
  body:not(.is-home) header .container .xx-bar{
    border-bottom: 1px solid #ff4600;
  }
  body:not(.is-home) header .navigation nav ul {
    margin-top: 5px !important;
  }
}

section.promotions .hero::after,section.live-casino .hero::after{
    background-image: none !important;
    
}

header .top .social-functions ul > li.social-pill > a > i{
    height: 26px !important;
}

div[data-casino-custom-menu="1"]{
  border-radius: 8px 8px 0px 0px !important;
}

div[data-v-5a69d0a6]{
      border-radius: 0px 0px 8px 8px !important;

}

header .top .social-functions ul li {
    line-height: 40px !important;
    background-color: white !important;
}


header .top .social-functions ul > li.social-pill > a > i{
    margin-left: -1px !important;
}

@media only screen and (min-width: 702px) {
    section.casino section.casino .container {
        margin-bottom: 16px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/*test social*/


/* 1) .icon-whatsapp'ı referans noktası yap */
header .top .social-functions ul > li.social-pill.whatsapp > a .icon-whatsapp{
        margin-top: -1px;
  position: relative !important; /* pseudo öğeyi buna göre konumlayacağız */
  /* opacity: 0; */
}

/* 2) Görseli üstte ve ortalı ekle */
header .top .social-functions ul > li.social-pill.whatsapp > a .icon-whatsapp::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 100% !important;              /* tam üst kenar */
  transform: translate(-50%, -8px) !important; /* 8px yukarı boşluk */
  width: 35px !important;
  height: 35px !important;
  background: url("https://benebet.ytseogency.com/wp.png") no-repeat center/contain !important;
  pointer-events: none !important;
  z-index: 2 !important;
top:7%;
}


/* 1) .icon-whatsapp'ı referans noktası yap */
header .top .social-functions ul > li.social-pill.telegram > a .icon-telegram{
        margin-top: -1px;
  position: relative !important; /* pseudo öğeyi buna göre konumlayacağız */
}

/* 2) Görseli üstte ve ortalı ekle */
header .top .social-functions ul > li.social-pill.telegram > a .icon-telegram::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 100% !important;              /* tam üst kenar */
  transform: translate(-50%, -8px) !important; /* 8px yukarı boşluk */
  width: 35px !important;
  height: 35px !important;
  background: url("https://benebet.ytseogency.com/telegram.png") no-repeat center/contain !important;
  pointer-events: none !important;
  z-index: 2 !important;
top:7%;
}

/* 1) .icon-whatsapp'ı referans noktası yap */
header .top .social-functions ul > li.social-pill.twitter > a .icon-twitter{
        margin-top: -1px;
  position: relative !important; /* pseudo öğeyi buna göre konumlayacağız */
}

/* 2) Görseli üstte ve ortalı ekle */
header .top .social-functions ul > li.social-pill.twitter > a .icon-twitter::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 100% !important;              /* tam üst kenar */
  transform: translate(-50%, -8px) !important; /* 8px yukarı boşluk */
  width: 35px !important;
  height: 35px !important;
  background: url("https://benebet.ytseogency.com/x.png") no-repeat center/contain !important;
  pointer-events: none !important;
  z-index: 2 !important;
top:7%;
}

/* 1) .icon-whatsapp'ı referans noktası yap */
header .top .social-functions ul > li.social-pill.instagram > a .icon-instagram{
        margin-top: -1px;
  position: relative !important; /* pseudo öğeyi buna göre konumlayacağız */
}

/* 2) Görseli üstte ve ortalı ekle */
header .top .social-functions ul > li.social-pill.instagram > a .icon-instagram::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 100% !important;              /* tam üst kenar */
  transform: translate(-50%, -8px) !important; /* 8px yukarı boşluk */
  width: 35px !important;
  height: 35px !important;
  background: url("https://benebet.ytseogency.com/insta.png") no-repeat center/contain !important;
  pointer-events: none !important;
  z-index: 2 !important;
top:7%;
}


header .top .social-functions ul > li.social-pill > a{
    left: -5px !important;
}


    header .top .social-functions ul > li.social-pill > a > i.icon-desktop{
        width: 33px !important;
    border-radius: 8px !important;
    height: 32px !important;
    margin-top: -6px;
    border-radius: 3px !important;
    }
 .icon-desktop:before{
     color: white !important;
    padding: 7px !important;
    border-radius: 20px;
    font-size: medium;
    height: 32px !important;
    width: 32px !important;
 }

.social-functions ul{
gap: 0px !important;
}


    header .top .social-functions ul li.whatsapp, header .top .social-functions ul li.telegram {
        display: none !important;
    }


header .top .social-functions ul > li.social-pill{
  width: 13px !important;
    height: 14px  !important;
}

header .top .social-functions ul > li.social-pill{
  --size: 30px !important;
}

header .top .social-functions ul li.whatsapp::before{
  opacity: 0;
}
header .top .social-functions ul > li.social-pill{
  width: 23px !important;
    height: 23px !important;
}


/*footer sosyal medya ikonları*/

/* TEMEL: <a> merkez referans, eski <i> gizlenir */
.social-medias ul li > a{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.social-medias ul li > a > i{
  opacity: 0 !important;         /* font ikon görünmesin */
  font-size: 0 !important;
  line-height: 0 !important;
}

/* PNG overlay (tam üstüne, ortalı) */
.social-medias ul li > a::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important; top: 50% !important;
  width: 42px !important; height: 42px !important;   /* gerekirse 24-26 yapabilirsin */
  transform: translate(-50%, -50%) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  pointer-events: none !important;
  image-rendering: -webkit-optimize-contrast !important;
}

/* HARİTA: class -> PNG (Twitter yerine X kullanılıyor) */
.social-medias ul li.facebook  > a::after{ background-image: url("https://benebet.ytseogency.com/facebook.png") !important; }
.social-medias ul li.twitter   > a::after{ background-image: url("https://benebet.ytseogency.com/x.png") !important; }      /* X */
.social-medias ul li.instagram > a::after{ background-image: url("https://benebet.ytseogency.com/insta.png") !important; }
.social-medias ul li.youtube   > a::after{ background-image: url("https://benebet.ytseogency.com/youtube.png") !important; }
.social-medias ul li.whatsapp  > a::after{ background-image: url("https://benebet.ytseogency.com/wp.png") !important; }     /* WhatsApp */
.social-medias ul li.telegram  > a::after{ background-image: url("https://benebet.ytseogency.com/telegram.png") !important; }
.social-medias ul li.pinterest > a::after{ background-image: url("https://benebet.ytseogency.com/pinterest.png") !important; }


/*footer üstü görünme sorunu*/
/* Görünürlük + katmanlama düzeltmesi */
#xx-sponsors{
  display:block !important;
  position: relative !important;
  z-index: 100 !important;     /* üstte kalsın */
  isolation: isolate !important;
  clear: both !important;
  margin-top: 16px !important;
}
#xx-sponsors .container{ display:block !important; }

/* Olası global gizleme kurallarını ez */
#xx-sponsors, #xx-sponsors *{
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100%;
}

/* Casino bölümünün olası taşan overlay’ini etkisizleştir (sadece alt sınır için) */
section.casino:last-of-type::after,
section.casino:last-of-type .bg, 
section.casino:last-of-type .overlay{
  pointer-events: none !important;
}

/* Sponsor alanının kendi stili (varsa öncekiyle aynı) */
.xx-sponsors .sponsor-logos{ display:grid; 

grid-template-columns:repeat(5,1fr); 

gap:16px; margin-bottom:18px;}
.xx-sponsors .card{
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:84px;
}
.xx-sponsors .card img{max-width:100%;/* max-height:56px; */object-fit:contain;display:block;}
.xx-sponsors .bn{ border-radius:14px; overflow:hidden; display:block; }
.xx-sponsors .bn + .bn{ margin-top:14px; }

.xx-sponsors h2 img.xx-sponsors-title{
  display:block !important;
  height:100% !important;   /* gerekirse 28-32 yapabilirsin */
  width:100% !important;
}


/*ANASAYFA OYUNLARI DÜZETLME DENEMESİ*/

/* Şerit */
#xxMyGamesStrip{display:block!important;overflow-x:auto!important;overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;margin-top:12px!important;scrollbar-width:none!important}
#xxMyGamesStrip::-webkit-scrollbar{display:none!important}
#xxMyGamesStrip .xx-row{display:flex!important;flex-wrap:nowrap!important;gap:18px!important}

/* Desktop 6 / Mobil 3 görünür */
@media(min-width:992px){
  #xxMyGamesStrip .xx-item{flex:0 0 calc((100% - 18px*5)/6)!important;max-width:calc((100% - 18px*5)/6)!important}
}
@media(max-width:991.98px){
  #xxMyGamesStrip .xx-item{flex:0 0 calc((100% - 12px*2)/3)!important;}
  #xxMyGamesStrip .xx-row{gap:12px!important}
}

/* Kart: 4:5 oran, kırpma yok (contain) */
#xxMyGamesStrip .xx-card{
  display:block!important;width:102%!important;
  position:relative!important;border-radius:16px!important;overflow:hidden!important;
  background:none center/contain no-repeat!important;   /* ← kritik: contain */
  box-shadow:0 6px 18px rgba(0,0,0,.35)!important;
}
/* Oranı korumak için padding-top tekniği (4:5 => %125) */
#xxMyGamesStrip .xx-card::before{
  content:""!important;display:block!important;min-height: 27px;
}
#xxMyGamesStrip .xx-card:hover{transform:translateY(-2px)!important;transition:.15s ease!important}



/* live-casino tek satır */
#xxLiveStrip{display:block!important;overflow-x:auto!important;overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;margin-top:12px!important;scrollbar-width:none!important}
#xxLiveStrip::-webkit-scrollbar{display:none!important}
#xxLiveStrip .xx-row{display:flex!important;flex-wrap:nowrap!important;gap:18px!important}

/* Desktop 6 / Mobil 3 görünür */
@media(min-width:992px){
  #xxLiveStrip .xx-item{flex:0 0 calc((100% - 18px*5)/6)!important;max-width:calc((100% - 18px*5)/6)!important}
}
@media(max-width:991.98px){
  #xxLiveStrip .xx-row{gap:12px!important}
  #xxLiveStrip .xx-item{flex:0 0 calc((100% - 12px*2)/3)!important; min-height: 188px;}
}

/* Kart: 4:5 oran, KESİLME YOK (contain) */
#xxLiveStrip .xx-card{
  display:block!important;width:102%!important;position:relative!important;border-radius:16px!important;
  overflow:hidden!important;background:none center/contain no-repeat!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important;
}
#xxLiveStrip .xx-card::before{content:""!important;display:block!important;padding-top:143%!important} /* 4:5 */

/* 2 sütun (≤576px): son tek elemanı ortala */
@media (max-width: 576px) {
    footer .link ul {
    margin-top: 100px !important;}
    
  .xx-sponsors .sponsor-logos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 16px;
  }
  .xx-sponsors .sponsor-logos > *:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
  }
}

/* 3 sütun (577–992px): son eleman tekse orta kolona al */
@media (min-width: 577px) and (max-width: 992px) {

  .xx-sponsors .sponsor-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    gap: 16px;
  }
  .xx-sponsors .sponsor-logos > *:last-child:nth-child(3n + 1) {
    grid-column: 2;
    justify-self: center;
  }
}

/*düzenleme*/

header .navigation .mobile .menu ul li span.title{
    text-align: left !important;
    color: var(--white-color) !important;
}


div.last-winners{
    height: 423px !important;
}



.lang-proxy-btn{
    width:36px; height:36px; padding:0;
    border-radius:50%; border:2px solid rgba(255,255,255,.14);
    background:transparent; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    box-shadow:0 0 0 2px rgba(0,0,0,.55) inset;  /* koyu halka */
    transition:transform .06s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .lang-proxy-btn:active{ transform:translateY(1px); }
  .lang-proxy-btn .flagcircle{
    width:28px; height:28px; border-radius:50%;
    background-size:cover; background-position:center; display:block;
  }
  /* TR dairesel */
  .lang-proxy-btn .flagcircle.tr{
    background-image:url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 60 60\">\
      <circle cx=\"30\" cy=\"30\" r=\"30\" fill=\"%23e30a17\"/>\
      <circle cx=\"26\" cy=\"30\" r=\"12\" fill=\"%23fff\"/>\
      <circle cx=\"28\" cy=\"30\" r=\"10\" fill=\"%23e30a17\"/>\
      <polygon points=\"36,30 42,26 42,34\" fill=\"%23fff\"/>\
    </svg>');
  }
  /* EN dairesel (Union Jack) */
  .lang-proxy-btn .flagcircle.en{
    background-image:url('data:image/svg+xml;utf8,\
    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 60\">\
      <defs><clipPath id=\"c\"><circle cx=\"30\" cy=\"30\" r=\"30\"/></clipPath></defs>\
      <g clip-path=\"url(%23c)\">\
        <rect width=\"60\" height=\"60\" fill=\"%23012a6b\"/>\
        <path d=\"M0,0 L60,60 M60,0 L0,60\" stroke=\"%23fff\" stroke-width=\"12\"/>\
        <path d=\"M0,0 L60,60 M60,0 L0,60\" stroke=\"%23c8102e\" stroke-width=\"8\" \
              clip-path=\"url(%23c)\"/>\
        <path d=\"M30,0 V60 M0,30 H60\" stroke=\"%23fff\" stroke-width=\"20\"/>\
        <path d=\"M30,0 V60 M0,30 H60\" stroke=\"%23c8102e\" stroke-width=\"12\"/>\
      </g></svg>');
  }
  
  
  /* MOBİL DÜZENLEME */
  
  .mobile .menu{ background:#000 !important; }

  /* UL tek ekrana sığsın, sütun düzeni */
  .mobile .menu > ul.drawer-fit{
    display:flex !important;
    flex-direction:column !important;
    height: calc(100dvh - var(--drawer-head, 120px)) !important;
    margin:0 !important; padding:8px 0 !important; list-style:none !important;
    overflow:hidden !important;
  }

  /* Her madde eşit yükseklik + tam genişlik */
  .mobile .menu > ul.drawer-fit > li{
    flex:1 1 0 !important; display:flex !important; align-items:stretch !important;
    width:100% !important; margin:0 !important; padding:0 !important; border:0 !important;
    background:transparent !important; box-shadow:none !important; border-radius:0 !important;
  }

  /* Link satırı: full-width/full-height, sola dayalı bar */
  .mobile .menu > ul.drawer-fit > li > a{
    display:flex !important; align-items:center !important; justify-content:flex-start !important;
    gap:12px !important; width:100% !important; height:100% !important;
    padding:0 16px !important; text-decoration:none !important; text-align:left !important;
    background:transparent !important; box-shadow:none !important; border:0 !important; border-radius:0 !important;
    color:#fff !important; font-weight:700 !important; font-size:14px !important; line-height:1 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
  .mobile .menu > ul.drawer-fit > li:last-child > a{ border-bottom:0 !important; }

  /* İkonları tek boya sabitle */
  .mobile .menu > ul.drawer-fit i,
  .mobile .menu > ul.drawer-fit img,
  .mobile .menu > ul.drawer-fit .icon,
  .mobile .menu > ul.drawer-fit .dm-ico{
    width:25px !important; height:25px !important; min-width:25px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    filter:none !important; opacity:1 !important;margin-left: -6px;
    margin-top: -9px;
  }

  /* Tema “buton/kutu” stillerini kesin devre dışı bırak */
  .mobile .menu > ul.drawer-fit > li > a[class*="button"],
  .mobile .menu > ul.drawer-fit > li[class*="item"],
  .mobile .menu > ul.drawer-fit > li > a[class*="item"]{
    background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  }

  /* Çok kısa ekranlarda biraz sıkılaştır */
  @media (max-height: 680px){
    .mobile .menu > ul.drawer-fit > li > a{ gap:10px !important; font-size:13px !important; }
  }
  
  
  /*mobil menü ikon kaldırma*/
  header .navigation .mobile .menu ul li span.icon i{
      background: none !important;
  }
  header .navigation .mobile .menu{
    margin: -24px 0 0 0 !important;
}


/* Kartlar yüksekliği auto olsun; oranla kendini ayarlasın */
  #xxLiveStrip .xx-card{ height:auto !important; }

  /* Masaüstü: 6 sütun grid, genişlik merkezli */
  @media (min-width: 769px){
      header .top .container .xx-bar .xx-right .language{
font-size: 1px !important;
    width: 0px;
    opacity: 0;}
    
    #xxLiveStrip{ overflow: visible !important; }
    #xxLiveStrip .xx-row{
      display:grid !important;
      grid-template-columns: repeat(6, minmax(170px, 1fr)) !important;
      gap:16px !important;
      margin: 0 auto;                /* ortala */
    }
    #xxLiveStrip .xx-item{ min-width:0; }
    #xxLiveStrip .xx-card{
      display:block; width:100%;
      aspect-ratio: 16 / 9;          /* oran */
      border-radius:12px;
    }
  }
  
/* Varsayılan: gizli */
  .xx-bar .xx-right .lang-proxy-btn{ display:none !important; margin-left:10px; }

  /* 1400px ve üstü: göster */
  @media (min-width:1400px){
    .xx-bar .xx-right .lang-proxy-btn{
      display:inline-flex !important; align-items:center; height:40px;
    }
  }
  
  

#xx-cark-inline  a{
    background-color: #ff4600 !important;
}
#xx-cark-inline  a {
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 1px;
}

.cark{
    margin-top: -15px;
}

.xx-left .social-functions a i.cark{
    width: 22px;
    height: 22px;
    margin-top: -15px !important;
    order: -1;
}

/* XX-Sponsors hover büyütme */
#xx-sponsors .card,
#xx-sponsors a.bn { 
  overflow: hidden;          /* taşmayı kes */
  border-radius: 12px;       /* isteğe bağlı */
}

#xx-sponsors img {
  display: block;
  transition: transform .25s ease;
  will-change: transform;
}

#xx-sponsors .card:hover img,
#xx-sponsors a.bn:hover img {
  transform: scale(1.04);    /* hafif büyüt */
}

/* Mobilde biraz daha az büyüt */
@media (max-width: 576px){
  #xx-sponsors .card:hover img,
  #xx-sponsors a.bn:hover img {
    transform: scale(1.02);
  }
}

/* Erişilebilirlik: animasyon tercih etmeyenlerde kapat */
@media (prefers-reduced-motion: reduce){
  #xx-sponsors img { transition: none; }
}


header .navigation .guest.guest-telegram{
    display: flex !important;
}
header .navigation .guest a{
        box-shadow: none !important;
        line-height: 29px !important;
        /* margin-left: -1px; */
}
header .navigation .guest.guest-telegram a img{
    margin-left: -1px !important;
}