/* body{
    background: url(https://fghjklcvccbcnskfjnz.cloud/media/ukra/images/pageskin.jpg?2) !important;
    background-size: 100%;
    background-attachment:fixed;
} */



html, body {
  overflow-x: hidden !important;
  width: 100% !important;
}

/* body {
  font-family: "ITC Kabel", system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial,
               "Apple Color Emoji","Segoe UI Emoji", sans-serif;
} */

.sidebar__nav a {
    border: 0px solid #EB5E1B !important;
    margin-bottom: 10px !important;
}
span.chat__online {
    display: none;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    display: none;
}

    .ukra-special-t {
        margin-top: 10px;
    }
    .ukra-special-t .special-sport-card .row {
        --bs-gutter-x: .5rem;
    }
    .ukra-special-t .special-sport-card .sport-card {
        height: 170px !important;
        background: url(https://fghjklcvccbcnskfjnz.cloud/media/ukra/images/sport/card-bg.jpg);
        border: 1px solid #ffffff32;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        justify-content: center;
        overflow: hidden;
        border-radius: 10px;
        z-index: 1;
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Kart için geçiş */
    }
    .ukra-special-t .special-sport-card .sport-card:hover {
        transform: translateY(-10px); /* Hover'da kart yükselir */
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Gölge efekti */
    }
    .ukra-special-t .special-sport-card .sport-card:before {
        content: '';
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 1;
        height: 70%;
        background: linear-gradient(181deg, transparent 0%, #11174b 100%);
    }
    .ukra-special-t .special-sport-card .sport-card img {
        left: 50%;
        transform: translateX(-50%) scale(1); /* Başlangıç ölçeği */
        bottom: -10px;
        z-index: 0;
        position: absolute;
        transition: transform 0.4s ease, filter 0.4s ease; /* Görsel için geçiş */
    }
    .ukra-special-t .special-sport-card .sport-card:hover img {
        transform: translateX(-50%) scale(1.1); /* Hover'da büyür */
    }
    .ukra-special-t .special-sport-card .sport-card:hover::after{
        opacity: 1;
    }
    .ukra-special-t .special-sport-card .sport-card span {
        position: relative;
        z-index: 3;
        font-weight: 900;
        font-size: 21px;
        position: absolute;
        bottom: 10px;
        text-shadow: 0px 0px 10px black;
        opacity: 0.8; /* Başlangıç opaklığı */
        transform: translateY(0); /* Başlangıç konumu */
        transition: transform 0.3s ease, opacity 0.3s ease; /* Metin için geçiş */
    }
    .ukra-special-t .special-sport-card .sport-card:hover span {
        transform: translateY(-5px); /* Hover'da yukarı kayar */
        opacity: 1; /* Opaklık artar */
    }

    /* Sporlara özel renkler */
    .ukra-special-t .special-sport-card .sport-card.soccer:before {
        background: linear-gradient(181deg, transparent 0%, #00ff55 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.soccer {
        border-color: #00ff55;
    }
    .ukra-special-t .special-sport-card .sport-card.basketball:before {
        background: linear-gradient(181deg, transparent 0%, #ff4d00 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.basketball {
        border-color: #ff4d00;
    }
    .ukra-special-t .special-sport-card .sport-card.volleyball:before {
        background: linear-gradient(181deg, transparent 0%, #001aff 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.volleyball {
        border-color: #001aff;
    }
    .ukra-special-t .special-sport-card .sport-card.tennis:before {
        background: linear-gradient(181deg, transparent 0%, #c8ff00 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.tennis {
        border-color: #c8ff00;
    }
    .ukra-special-t .special-sport-card .sport-card.mma:before {
        background: linear-gradient(181deg, transparent 0%, #ff0000 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.mma {
        border-color: #ff0000;
    }
    .ukra-special-t .special-sport-card .sport-card.formula1:before {
        background: linear-gradient(181deg, transparent 0%, #0099ff 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.formula1 {
        border-color: #0099ff;
    }
    .ukra-special-t .special-sport-card .sport-card.cricket:before {
        background: linear-gradient(181deg, transparent 0%, #ff5500 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.cricket {
        border-color: #ff5500;
    }
    .ukra-special-t .special-sport-card .sport-card.icehockey:before {
        background: linear-gradient(181deg, transparent 0%, #e7e7e7 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.icehockey {
        border-color: #e7e7e7;
    }
    .ukra-special-t .special-sport-card .sport-card.motogp:before {
        background: linear-gradient(181deg, transparent 0%, #ff006a 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.motogp {
        border-color: #ff006a;
    }
    .ukra-special-t .special-sport-card .sport-card.handball:before {
        background: linear-gradient(181deg, transparent 0%, #fff700 100%);
    }
    .ukra-special-t .special-sport-card .sport-card.handball {
        border-color: #fff700;
    }

    .ukra-special-t .special-sport-card .sport-card:after {
        content: '';
        height: 87px !important;
        width: 60px !important;
        background: url(https://fghjklcvccbcnskfjnz.cloud/media/ukra/images/icon.png);
        color: #fff;
        top: 10px;
        opacity: 0.3;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        background-size: 100% 100%;
        position: absolute;
        z-index: -1;
        transition: all ease-in-out;
    }

    html[lang="tr"] .ukra-special-t .en {
        display: none;
    }
    html:not([lang="tr"]) .ukra-special-t .tr {
        display: none;
    }

          .ukra-special-t .welcome {
            display: flex;
            align-items: center;
            color: #fff;
            justify-content: space-between;
          }
          .ukra-special-t .cards-section{
            display: flex;
          }
            .ukra-special-t .welcome .header-section {
                display: flex;
                flex-direction: column;
                gap: 15px;
            }

            .ukra-special-t .welcome .header-section h1 {
                font-size: 36px;
                margin: 0px;
                font-weight: bold;
                color: #fed585;
                text-shadow: 0px 0px 30px;
            }
            .ukra-special-t .welcome .header-section h1 span{
                margin-right: 1px;
            }

            .ukra-special-t .welcome .header-section p {
                font-size: 20px;
                color: #ffffff;
                margin: 0px;
            }

            .ukra-special-t .register-btn {
                color: #000 !important;
                background: linear-gradient(90deg, #F28C03 0%, #EB5E1B 100%) !important;
                padding: 12px 30px;
                border: none;
                display: block;
                text-align: center;
                width: 220px;
                border-radius: 5px;
                font-size: 16px;
                font-weight: 600;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }
            .ukra-special-t .banner-gifs{
                margin-bottom: 10px;
            }

            .ukra-special-t .banner-gifs img{
                border-radius: 10px;
                border: 1px solid #fed585;
            }

            .ukra-special-t .cards-section .register-btn:hover {
                background-color: #0056b3;
            }

            .ukra-special-t .cards-section .social-icons {
                display: flex;
                gap: 15px;
                margin-top: 20px;
            }

            .ukra-special-t .cards-section .social-icons img {
                width: 30px;
                height: 30px;
                cursor: pointer;
                transition: transform 0.3s ease;
            }

            .ukra-special-t .cards-section .social-icons img:hover {
                transform: scale(1.1);
            }

            .ukra-special-t .cards-section .cards-section {
                display: flex;
                gap: 20px;
                margin-top: 30px;
            }

            .ukra-special-t .cards-section .card {
                background-color: #00000024;
                margin-left: 10px;
                border-radius: 10px;
                overflow: hidden;
                color: #fff;
                width: 300px;
                position: relative;
                transition: transform 0.3s ease;
            }

            .ukra-special-t .cards-section .card:hover {
                transform: translateY(-5px);
            }

            .ukra-special-t .cards-section .card img {
                width: 100%;
                height: 150px;
                object-fit: cover;
            }

            .ukra-special-t .cards-section .card-content {
                padding: 15px;
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .ukra-special-t .cards-section .card-content .icon {
                width: 30px;
                height: 30px;
            }

            .ukra-special-t .cards-section .casino{
                border: 1px solid #fff200;
            }
            .ukra-special-t .cards-section .sportsbook{
                border: 1px solid #62e100dd;
            }
            .ukra-special-t .cards-section .card-content span {
                font-size: 16px;
                display: flex;
                align-items: center;
                font-weight: 600;
            }
            .ukra-special-t .cards-section .card-content span svg{
                width: 20px;
                height: 20px;
                fill: #fff;
                margin-right: 10px;
            }

            .ukra-special-t .cards-section .card-content .user-count {
                color: #68ff00;
                font-weight: 700;
                margin-left: auto;
            }


        .ukra-special-t .header-section .social {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 10px;
        }

        .ukra-special-t .welcome{
            margin-bottom: 20px;
        }
        .ukra-special-t .header-section .social .item {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #fff;
            padding: 10px 15px;
            background-color: #ffffff1c;
            border-radius: 10px;
            transition: transform 0.3s ease, background-color 0.3s ease;
        }

        .ukra-special-t .header-section .social .item:hover {
            transform: scale(1.1);
            color: #000 !important;
            background: linear-gradient(90deg, #F28C03 0%, #EB5E1B 100%) !important;
        }

        .ukra-special-t .header-section .social .item svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }
        @keyframes glow {
            0% {
                text-shadow: 0 0 10px rgba(0, 255, 85, 0.5);
            }
            100% {
                text-shadow: 0 0 20px rgba(0, 255, 85, 0.8);
            }
        }
        
        

        @media (min-width:996px) {
          
            .header__signin span {
                display: block;
            }
            .ukra-special-t .welcome {
              padding: 30px 0;
            }
          #main-slider .swiper-button-next,#main-slider  .swiper-button-prev {
    top: 50% !important;
    transform: none !important;
}
          div#main-slider-swiper {
    width: 100% !important;
}
          #main-slider .swiper-button-next {
            right:0px !important;
          }
          .swiper-button-next {
    right: 60px !important;
}
          .swiper.swiper-initialized {
    width: 100% !important;
}
        }


        @media (max-width:996px) {
          .header--logged .header__logo {
    /* background: url(https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/Gadgkadkgakdjgjhqe/logos/CZh7RBtlw4f8bnDeSnaiWp75CHx5r6UD7v4rMyQO.png) !important; */
        width: 110px;
        background-size: 100% !important;
        height: 25px;
}
          body:not([data-theme="light"]).header__signup, body:not([data-theme="light"]) .header__signin{
    padding: 0 10px !important;
}
.header__signup{
    width: 80px !important;
  font-weight: 700 !important;
}

          .header__signin {
            font-weight: 600 !important;
          }
          
#main-slider .swiper-button-next, #main-slider .swiper-button-prev {
    display:none;
}
          .ukra-special-t .cards-section .card-content .user-count{
            font-size: 12px;
          }
            .ukra-special-t .welcome .header-section{
               display:none !important;
            }
            .ukra-special-t .welcome{
                flex-direction: column;
            }   
            .ukra-special-t .cards-section {
                gap: 10px;
                margin-top: 0px;
            }
            .ukra-special-t .cards-section .card{
                width: 100%;
                margin: 0px;
            }
            .banner-gifs .row{
                    flex-direction: column;
            }
            .banner-gifs .row a{
                    margin-bottom: 5px;
                    display: block;
            }
            .ukra-special-t .welcome {
                margin-bottom: 10px;
            }
            .special-sport-card .row{
                flex-wrap: nowrap;
                -webkit-overflow-scrolling: touch;
                white-space: nowrap;
                overflow-x: scroll;
            }
            .special-sport-card .row .col{width: 130px;flex: none !important;}
        }


html[lang='tr'] div#game-shows-wrapper h2.section__title {
    font-size: 0px;
}
html[lang='tr'] div#game-shows-wrapper h2.section__title:after {
    content:'Canlı Casino';
    font-size:20px;
}

html:not([lang="tr"]) div#game-shows-wrapper h2.section__title {
    font-size: 0px;
}
html:not([lang="tr"]) div#game-shows-wrapper h2.section__title:after {
    content:'Live Games';
    font-size:20px;
}

html[lang='tr'] div#popular-games-wrapper h2.section__title {
    font-size: 0px;
}
html[lang='tr'] div#popular-games-wrapper h2.section__title:after {
    content:'EGT Özel';
    font-size:20px;
}

html:not([lang="tr"]) div#popular-games-wrapper h2.section__title {
    font-size: 0px;
}
html:not([lang="tr"]) div#popular-games-wrapper h2.section__title:after {
    content:'EGT Special';
    font-size:20px;
}

.header__signin span {
    display: block !important;
}
@media (max-width:996px){
  table.xtable.mobile .mobile-hidden {
      display: none !important;
  }
  .content__main.content__main--big .article iframe {
      width: 100% !important;
      height: 300px!important;
  }
}

body:not([data-theme="light"]) .sidebar__links a.sidebar__link.sidebar__link--casino:first-child {
    /* background: url(https://fghjklcvccbcnskfjnz.cloud/media/ukra/images/casino-bg.png) !important; */
    background: linear-gradient(to right, #EE7011, #EB5E1B) !important;
    border: none !important;
    background-size: 100% !important;
    filter: none !important;
    color: #fff !important;
}

body:not([data-theme="light"]) .sidebar__links a.sidebar__link.sidebar__link--casino:last-child {
    /* background: url(https://fghjklcvccbcnskfjnz.cloud/media/ukra/images/sport-bg.png) !important; */
    background: linear-gradient(to right, #EE7011, #EB5E1B) !important;
    border: none !important;
    background-size: 100% !important;
    filter: none !important;
    color: #fff !important;
}

body:not([data-theme="light"]) a.sidebar__link.sidebar__link--casino span {
    /* margin-left: 35px; */
    color: #fff !important;
}

.sidebar__link--casino {
  font-family: "Clash Display" !important;
}


/* a.sidebar__link.sidebar__link--bonus{
    background: url(https://fghjklcvccbcnskfjnz.cloud/media/ukra/images/bonus-btn.png) !important;
    /* border: 1px solid #e6c054 !important; */
    border: none !important;
    background-size: cover  !important;
    filter: none !important;
    height:50px;
} */

.sidebar__big {
  padding: 0px 8px !important;
}

@media (min-width: 768px) {

  #root {
    overflow-y: hidden;
  }
  
  .sidebar__big {
    padding: 0px 16px !important;
  }
}


/* UKRA HEADERS */
.ukra-header-buttons { display:flex; align-items:center; gap:14px; }
.ukra-divider { width:1px; height:22px; background:rgba(255,255,255,.2); display:inline-block; }

.ukra-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(90deg, #F28C03 0%, #EB5E1B 100%);
  color: #000; border:none; text-decoration:none; white-space:nowrap;
  height:32px;
  line-height:32px;
  /* font-weight:900; */
  transition: filter .2s ease;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;
}
  
.ukra-btn:hover { filter: brightness(1.05); }
.ukra-btn:active { filter: brightness(.95); }

.ukra-pill { border-radius:10px; padding:0 12px; gap:8px; font-size:14px; }
.ukra-square { width:32px; min-width:32px; max-width:32px; border-radius:8px; }

.ukra-ic { width:16px; height:16px; display:block; }
.ukra-ic--tv { width:18px; height:18px; }


.header__actions {
  gap: 0px !important;
}

@media (max-width: 1024px) {
  .ukra-header-buttons {
    display: none !important;
  }
}

/* UKRA SLIDERS */
/* #main-slider { margin-top: 24px; } */
#main-slider .swiper { width: 100%; }
#main-slider .swiper-slide { position: relative; }
#main-slider .slide-image { display:block; width:100%; height:auto; border-radius: 12px; }
#main-slider .swiper-button-prev,
#main-slider .swiper-button-next { width:28px;height:28px;border-radius:9999px;background: #EB5E1B; }
/* #main-slider .swiper-button-prev:after,
#main-slider .swiper-button-next:after { font-size:18px; color:#000; } */
#main-slider .swiper-pagination-bullet { opacity:.75; }
#main-slider .swiper-pagination-bullet-active { opacity:1; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 50% !important;
  transform: translateX(-50%);
}


.swiper-button-prev:after,
.swiper-button-next:after {
  background: none !important;
  color: #000 !important;
  font-weight: 900 !important;
  font-size: 12px !important;
}

.swiper-button-next {
  margin-right: 14px !important;
}

.swiper-button-prev {
  margin-left: 14px !important;
}

.section.fade-in {
  display: none !important;
}


.quick-actions {
  display: flex;
  align-items: center;
  justify-content: space-evenly;  
  flex-wrap: nowrap;             
  gap: 12px;                         
  width: 100%;
  margin-top: 14px;
  padding: 0px 24px;
}

.quick-actions-item {
  display: block;
  transition: transform .2s ease-out;
  width: 100% !important;
}

.quick-actions-item:hover { transform: translateY(-8px); }

.quick-actions-item img {
  display: block;
  width: 100%;
  height: auto;         
  object-fit: contain;   
}

@media (max-width: 768px) {
  .quick-actions { display: none !important; }
}


.slot-casin-section-container {
      display: grid;
      grid-template-columns: clamp(100px, 19.5vw, 340px) minmax(0, 1fr);
      gap: 10px;
      padding: 0 12px;
      align-items: stretch;
      width: 100%;
      max-width: 100%;
    }

    .slot-casino-section-banner {
      display: flex;
      min-width: 0;
    }
    .slot-casino-section-banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
      display: block;
    }

    .slot-casino-section {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      grid-template-rows: repeat(2, 1fr);
      gap: 10px;
      aspect-ratio: calc((5 * 3) / (2 * 4));
      min-width: 0;
      position: relative;
      overflow: hidden;
    }

    .slot-casino-section > a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 12px;
    }
    .slot-casino-section > a > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .slot-slider-track {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: auto;
    }

    .slot-slider-inner {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      will-change: transform;
      transition: transform 400ms ease;
    }

    .slot-slider-page {
      position: absolute;
      left: 0;
      width: 100%;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      grid-template-rows: repeat(2, 1fr);
      gap: 10px;
    }

    .slot-slider-page a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 12px;
      transition: 0.25s all ease-out;
    }

    .slot-slider-page a:hover {
      filter: brightness(1.15);
      transform: scale(1.01);
    }

    .slot-slider-page a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .slot-btn[disabled] {
      opacity: 0.4;
      pointer-events: none;
      filter: grayscale(1);
    }

    .slot-casino-section.slot-overlay-active > a {
      visibility: hidden;
    }


@media (max-width: 1536px) {
  .slot-casin-section-container {
      grid-template-columns: clamp(100px, 19.5vw, 320px) minmax(0, 1fr) !important;
    }
}

@media (min-width: 1536px) {
  .slot-casin-section-container {
    grid-template-columns: clamp(100px, 19.5vw, 340px) minmax(0, 1fr) !important;
  }
}

@media (max-width: 1200px) {
  #ukra-slot-wrapper {
    display: none !important;
  }
}



.slot-casin-section-container {
  display: grid;
  grid-template-columns: clamp(100px, 19.5vw, 320px) minmax(0, 1fr);
  gap: 10px;
  padding: 0 12px;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
}

.slot-casino-section-banner {
  display: flex;
  min-width: 0;
}
.slot-casino-section-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.slot-casino-section {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  aspect-ratio: calc((5 * 3) / (2 * 4));
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.slot-casino-section > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.slot-casino-section > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slot-slider-track {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
}
.slot-slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  transition: transform 400ms ease;
}
.slot-slider-page {
  position: absolute;
  left: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}
.slot-slider-page a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.slot-slider-page a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slot-btn[disabled] {
  opacity: 0.4;
  pointer-events: none;
  filter: grayscale(1);
}

.slot-casino-section.slot-overlay-active > a {
  visibility: hidden;
}

@media (max-width: 1200px) {
  #ukra-slot-wrapper {
    display: none !important;
  }
}


/* --- SLOT item hover overlay (kurumsal/soft) --- */
.clost-casino-section-item {
  position: relative;           /* overlay için konumlandırma */
  overflow: hidden;             /* köşeler dışına taşmasın */
  border-radius: 12px;          /* mevcut radius ile uyumlu */
  isolation: isolate;           /* blend taşmasını engeller */
}

/* Görselin micro-lift ve netlik artışı */
.clost-casino-section-item > img {
  transition: transform 240ms ease, filter 240ms ease;
  transform-origin: 50% 50%;
}
.clost-casino-section-item:hover > img {
  transform: scale(1.02);
  filter: contrast(1.05) saturate(1.05);
}

/* Kenarlardan hafif kararma + çok hafif turuncu ambiyans */
.clost-casino-section-item::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  /* Vinyet + çok hafif turuncu film */
  background:
    radial-gradient(120% 90% at 50% 55%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.38) 80%),
    linear-gradient(0deg, rgba(235,94,27,0.08), rgba(235,94,27,0.08));
  transition: opacity 220ms ease;
}

/* Destekliyorsa daha doğal karışım için blend */
@supports (mix-blend-mode: multiply) {
  .clost-casino-section-item::after {
    mix-blend-mode: multiply;
  }
}

.clost-casino-section-item:hover::after {
  opacity: 1;
}

/* Erişilebilirlik: hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .clost-casino-section-item > img,
  .clost-casino-section-item::after {
    transition: none;
  }
}



.casino_section-container {
  display: grid;
  grid-template-columns: clamp(100px, 19.5vw, 320px) minmax(0, 1fr);
  gap: 10px;
  padding: 0 12px;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1536px) {
  .casino_section-container {
    grid-template-columns: clamp(100px, 19.5vw, 320px) minmax(0, 1fr) !important;
  }
}

@media (min-width: 1536px) {
  .casino_section-container {
    grid-template-columns: clamp(100px, 19.5vw, 340px) minmax(0, 1fr) !important;
  }
}

.casino_section-banner {
  display: flex;
  min-width: 0;
}
.casino_section-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.casino_section {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  aspect-ratio: calc((5 * 3) / (2 * 4));
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.casino_section > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.casino_section > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.casino_section-slider-track {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
}
.casino_section-slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  transition: transform 400ms ease;
}
.casino_section-slider-page {
  position: absolute;
  left: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}
.casino_section-slider-page a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
  transition: 0.25s all ease-out;
}

.casino_section-slider-page a:hover {
  transform: scale(1.01);
  filter: brightness(1.15);
}

.casino_section-slider-page a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.casino_section-btn[disabled] {
  opacity: 0.4;
  pointer-events: none;
  filter: grayscale(1);
}

.casino_section.casino_section-overlay-active > a {
  visibility: hidden;
}

@media (max-width: 1200px) {
  #ukra-casino-wrapper {
    display: none !important;
  }

  .providers-head > section:last-child > span:first-child {
    display: none !important;
  }
}

/* PROVIDERS */

.providers-section {
  max-width: 1280px;
  margin: 0 auto;
  padding-inline: 16px;
  /* display: none; */
}

.providers-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.providers-head h2 {
  margin: 0;
}

.providers-grid {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.providers-track {
  display: flex;
  transition: transform 400ms ease;
  will-change: transform;
}

.providers-page {
  min-width: 100%;
  display: grid;
  gap: 48px; 
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
}

.providers-grid-item {
  display: grid;
  place-items: center;
  aspect-ratio: 3 / 1;
}

.providers-grid-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

@media (max-width: 768px) {
  .providers-page {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.pv-btn[aria-disabled="true"] {
  opacity: 0.45;
  filter: grayscale(1);
  pointer-events: none;
}

@media (max-width: 768px) {
  .section {
    padding-left: 24px;
    padding-right: 24px;
  }

  header {
    padding-left: 24px;
    padding-right: 24px
  }
}

/* #game-chooser #slot-game-chooser-section,
#game-chooser #casino-game-chooser-section{
  position: relative;
  isolation: isolate; 
}


#game-chooser .game-chooser-hovered-effect{
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
  z-index: 10;
}


#game-chooser .play-btn{
  width:56px; height:56px;
  transform: scale(.82);
  opacity: 0;
  transition: transform .25s cubic-bezier(.2,.9,.38,1), opacity .25s ease;
  will-change: transform, opacity;
}


#slot-game-chooser-section:hover .game-chooser-hovered-effect,
#casino-game-chooser-section:hover .game-chooser-hovered-effect{ opacity: 1; }

#slot-game-chooser-section:hover .play-btn,
#casino-game-chooser-section:hover .play-btn{
  opacity: 1;
  animation: chooser-pop .24s cubic-bezier(.2,.9,.38,1) both,
             chooser-pulse 1.25s ease-in-out .24s infinite;
}


@keyframes chooser-pop{
  0%{ transform: scale(.7) }
  60%{ transform: scale(1.10) }
  100%{ transform: scale(1) }
}
@keyframes chooser-pulse{
  0%,100%{ transform: scale(1) }
  50%{ transform: scale(1.08) }
}


#game-chooser img.slot-game-chooser-item,
#game-chooser img.casino-game-chooser-item{
  display:block; width:100%; height:100%; object-fit:cover;
  backface-visibility:hidden;
  transition: transform .35s ease, filter .35s ease;
  will-change: transform;
}
#slot-game-chooser-section:hover img.slot-game-chooser-item,
#casino-game-chooser-section:hover img.casino-game-chooser-item{
  transform: scale(1.06);
  filter: brightness(1.05) saturate(1.02);
}


#game-chooser.is-spinning .game-chooser-hovered-effect{ opacity: 0 !important; }


#game-chooser #slot-game-chooser-section a,
#game-chooser #casino-game-chooser-section a{
  display:block; width:100%; height:100%;
  transform: translateY(0);
  transition: transform var(--spin-dur, 3200ms) cubic-bezier(.16,.84,.44,1);
  will-change: transform;
}

@media (max-width: 768px) {
 #game-chooser-wrapper {
   width: 90% !important;
 }

  #game-chooser-title-1 {
    font-size: 30px !important;
  }

  #game-chooser-title-2 {
    font-size: 22px !important;
  }
} */


#game-chooser #slot-game-chooser-section,
#game-chooser #casino-game-chooser-section{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#game-chooser .game-chooser-hovered-effect{
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
  z-index: 999 !important;
}

#game-chooser .play-btn{
  width:56px; height:56px;
  transform: scale(.82);
  opacity: 0;
  transition: transform .25s cubic-bezier(.2,.9,.38,1), opacity .25s ease;
  will-change: transform, opacity;
}


#game-chooser #slot-game-chooser-section > a,
#game-chooser #casino-game-chooser-section > a{
  position: relative;
  z-index: 1;
  display:block; width:100%; height:100%;
  transform: translateY(0);
  transition: transform var(--spin-dur, 3200ms) cubic-bezier(.16,.84,.44,1);
  will-change: transform;
}

#game-chooser img.slot-game-chooser-item,
#game-chooser img.casino-game-chooser-item{
  display:block; width:100%; height:100%; object-fit:cover;
  backface-visibility:hidden;
  transition: transform .35s ease, filter .35s ease;
  will-change: transform, filter;
}

#slot-game-chooser-section:hover .game-chooser-hovered-effect,
#casino-game-chooser-section:hover .game-chooser-hovered-effect{
  opacity: 1 !important;
}
#slot-game-chooser-section:hover .play-btn,
#casino-game-chooser-section:hover .play-btn{
  opacity: 1 !important;
  animation: chooser-pop .24s cubic-bezier(.2,.9,.38,1) both,
             chooser-pulse 1.25s ease-in-out .24s infinite !important;
}

#slot-game-chooser-section:hover img.slot-game-chooser-item,
#casino-game-chooser-section:hover img.casino-game-chooser-item{
  transform: scale(1.06) !important;
  filter: brightness(1.05) saturate(1.02) !important;
}

#game-chooser.is-spinning .game-chooser-hovered-effect{
  opacity: 0 !important;
}

/* Spin sırasında link tıklamalarını kapat */
#game-chooser.is-spinning #slot-game-chooser-section > a,
#game-chooser.is-spinning #casino-game-chooser-section > a{
  pointer-events: none !important;
}

@keyframes chooser-pop{
  0%{ transform: scale(.7) }
  60%{ transform: scale(1.10) }
  100%{ transform: scale(1) }
}
@keyframes chooser-pulse{
  0%,100%{ transform: scale(1) }
  50%{ transform: scale(1.08) }
}

@media (max-width: 768px) {
  #game-chooser-wrapper { width: 90% !important; }
  #game-chooser-title-1 { font-size: 30px !important; }
  #game-chooser-title-2 { font-size: 22px !important; }
  #main-slider .swiper-pagination {
    display: none !important;
  }
}



#ukra-mobile-boxes{ margin:10px 0; padding-left: 24px; padding-right: 24px; }
@media (min-width:769px){ #ukra-mobile-boxes{ display:none !important; } }


#ukra-mobile-boxes .grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}


#ukra-mobile-boxes .grid > a,
#ukra-mobile-boxes .grid > #btn-rtp-sorgu{
  background:#040404;
  border-radius:12px;
  padding:10px 4px;
  display:block;
  text-decoration:none;
  cursor:pointer;
  transition:transform .08s ease;
}


#ukra-mobile-boxes #btn-rtp-sorgu{
  border:0; box-shadow:none; color:inherit;
}


#ukra-mobile-boxes #btn-rtp-sorgu.rtp-grad{
  background:linear-gradient(135deg,#F28B03,#EB5E1B);
}

#ukra-mobile-boxes .box-icon-item{
  display:flex; flex-direction:column; align-items:center; gap:6px;
}
#ukra-mobile-boxes .box-icon-item img{
  width:28px; height:28px; object-fit:contain;
}
#ukra-mobile-boxes .box-icon-item span{
  color:#fff; font-size:12px; text-align:center; line-height:1.2;
}


#ukra-mobile-boxes .grid > a:active,
#ukra-mobile-boxes .grid > #btn-rtp-sorgu:active{
  transform:scale(0.98);
}


#ukra-mobile-boxes .grid > a:focus-visible,
#ukra-mobile-boxes .grid > #btn-rtp-sorgu:focus-visible{
  outline:2px solid #EB5E1B; outline-offset:2px;
}

#rtp-sorgu-overlay{
  position: fixed; inset: 0; display: none; align-items: flex-end;
  background: rgba(0,0,0,.5); z-index: 9999;
}
#rtp-sorgu-bottom-sheet{
  width: 100%; max-height: 85vh; background: #0b0b0b;
  border-radius: 16px 16px 0 0; transform: translateY(100%);
  transition: transform .35s ease;
  position: relative;
}
.rtp-close-btn{
  position: absolute; top: 8px; right: 8px; width: 36px; height: 36px;
  border: 0; border-radius: 999px; background: #1e1e1e; color: #fff;
  font-size: 20px; line-height: 36px; cursor: pointer;
}

#body.no-scroll, body.no-scroll { overflow: hidden; touch-action: none; }

.mobile-header-buttons {
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (min-width: 769px) {
  .mobile-header-buttons { display: none !important; }
}

  #header, .header {
    height: auto !important;
  }

.footer__content { padding-left: 24px; padding-right: 24px; }
/* .sidebar__links { margin-top: 12px !important; } */

/* .section--last {
  display: none !important;
} */

.mid-me {
  height: auto !important;
}

#top-games-wrapper,
#popular-games-wrapper,
#game-shows-wrapper,
#new-games-wrapper,
#last-played-games-wrapper {
  display: none !important;
}

.section:has(.section__view[href*="/casino/group/pragmatic-play"]) {
  display: none !important;
}

.sidebar {
  z-index: 1055 !important;
}


.sidebar__links-small > a.sidebar__link-small.sidebar__link-small--purple:nth-child(1 of :is([href$="/casino"], [href$="/casino/"])) {
  background: url("https://cdn.ukrabetmedia.com/sidebar/slotmini.png") left center / cover no-repeat !important;
}

a.sidebar__link-small.sidebar__link-small--purple[href$="/sportsbook"],
a.sidebar__link-small.sidebar__link-small--purple[href$="/sportsbook/"] {
  background: url("https://cdn.ukrabetmedia.com/sidebar/spormini.png") left center / cover no-repeat !important;
}

.sidebar__link--bonus {
	background: url("https://cdn.ukrabetmedia.com/sidebar/bonus-btn.png") left center / cover no-repeat !important;
    font-weight: 900 !important;
}


.sidebar__actions {
  justify-content: end !important;
}

.sidebar__actions .sidebar__scheme {
  display: none !important;
}

a[href="/tr/casino/group/lobby"] {
  display: none !important;
}