body{
    background:#202328!important;
    color:#fff!important;
    overflow-x:hidden!important;
}

.container{
    max-width:1400px!important;
}

/* =========================
   SLIDER
========================= */
iframe.iframeslider{
    height:370px!important;
    display:block!important;
    width:100%!important;
    background:#202328!important;
    border:0!important;
    overflow:hidden!important;
}

/* =========================
   STORY / ÜST YUVARLAK OYUNLAR
========================= */
.stories{
    background:#20242d!important;
    padding:12px 0!important;
    margin:0!important;
    overflow:hidden!important;
}

.stories .container{
    height:auto!important;
    max-width:1400px!important;
}

.stories .row{
    margin-top:0!important;
}

.game-category-button{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
}

.game-category-button .slick-list{
    overflow:hidden!important;
}

.game-category-button .slick-track{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
}

.game-category-button .item{
    width:84px!important;
    height:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    padding:4px!important;
    margin:0!important;
    background:#111827!important;
    border:2px solid #23d3ff!important;
    box-shadow:0 0 0 3px rgba(35,211,255,.08),0 10px 30px rgba(0,0,0,.35)!important;
    transition:.25s!important;
}

.game-category-button .item:hover{
    transform:translateY(-4px)!important;
    border-color:#53e5ff!important;
}

.game-category-button .item::after{
    display:none!important;
}

.game-category-button .item > div{
    width:100%!important;
    height:100%!important;
    display:block!important;
    border-radius:50%!important;
    overflow:hidden!important;
}

.game-category-button .item img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
    margin:0!important;
}

.game-category-button .item b,
.game-category-button .item span{
    display:none!important;
}

/* =========================
   POPÜLER OYUNLAR / ÜRÜNLER
========================= */
section.home-tabe{
    background:#202328!important;
    padding:35px 0 50px!important;
    margin-top:0!important;
}

section.home-tabe .tab-header{
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    margin-bottom:0!important;
}

section.home-tabe .tab-ul{
    display:flex!important;
    gap:28px!important;
    padding:0!important;
    margin:0!important;
    list-style:none!important;
}

section.home-tabe .tab-li{
    background:transparent!important;
    color:#fff!important;
    border-radius:0!important;
    padding:14px 0!important;
    font-weight:800!important;
    border-bottom:2px solid transparent!important;
}

section.home-tabe .tab-li.active{
    color:#35c7e8!important;
    border-bottom-color:#35c7e8!important;
}

section.home-tabe .tab-containermain{
    background:#2d333d!important;
    border-radius:8px!important;
    padding:18px!important;
    margin-top:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}

section.home-tabe .row{
    --bs-gutter-x:18px!important;
    --bs-gutter-y:18px!important;
}

section.home-tabe .row-cols-xxl-5>*,
section.home-tabe .row-cols-lg-3>*{
    width:20%!important;
    flex:0 0 20%!important;
}

section.home-tabe .game-box{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:#171b22!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:10px!important;
    overflow:hidden!important;
    box-shadow:none!important;
    transition:.25s!important;
}

section.home-tabe .game-box:hover{
    transform:translateY(-4px)!important;
    box-shadow:0 14px 35px rgba(0,0,0,.35)!important;
}

section.home-tabe .game-box .header-img{
    margin:0!important;
    padding:0!important;
}

section.home-tabe .game-box .image{
    display:block!important;
    position:relative!important;
    height:auto!important;
    width:100%!important;
    top:auto!important;
    border-radius:0!important;
    overflow:hidden!important;
}

section.home-tabe .game-box .image .img{
    width:100%!important;
    height:185px!important;
    border-radius:0!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
}

section.home-tabe .game-box .image .category{
    position:absolute!important;
    right:10px!important;
    bottom:10px!important;
    background:#35a7e8!important;
    color:#fff!important;
    border-radius:7px!important;
    padding:5px 9px!important;
    font-size:13px!important;
    font-weight:900!important;
}

section.home-tabe .game-box .footer{
    position:relative!important;
    display:block!important;
    margin:0!important;
    padding:12px!important;
    background:#171b22!important;
    height:auto!important;
    min-height:0!important;
    visibility:visible!important;
    opacity:1!important;
}

section.home-tabe .game-box .footer .text{
    height:auto!important;
    max-width:100%!important;
    display:block!important;
}

section.home-tabe .game-box .footer .text h2{
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.3!important;
    min-height:38px!important;
    margin:0 0 10px!important;
    text-align:left!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
}

section.home-tabe .game-box .footer .bottom{
    display:block!important;
    margin:0!important;
    padding:0!important;
}

section.home-tabe .game-box .footer .bottom .main-prices{
    display:flex!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
    flex-direction:row!important;
}

section.home-tabe .game-box .footer .bottom .main-prices button{
    width:100%!important;
    height:34px!important;
    border-radius:8px!important;
    font-size:14px!important;
    font-weight:900!important;
}

section.home-tabe .game-box .footer .bottom .main-prices .old-price{
    background:rgba(239,68,68,.10)!important;
    color:#ff6b6b!important;
    border:1px solid #ef4444!important;
    text-decoration:line-through!important;
}

section.home-tabe .game-box .footer .bottom .main-prices .new-price{
    background:rgba(52,211,153,.12)!important;
    color:#38e59d!important;
    border:1px solid #34d399!important;
}

section.home-tabe .game-box .footer .add-to-cart-div{
    margin:0!important;
    padding:0!important;
}

section.home-tabe .game-box .footer a.add-to-cart,
section.home-tabe .game-box .footer a.add-to-cart2{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:38px!important;
    border-radius:8px!important;
    background:#35a7e8!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    text-shadow:none!important;
    box-shadow:none!important;
}

/* =========================
   POPÜLER ÜRÜN KATEGORİLERİ
   BURSA GB GİBİ KAPAK KART
========================= */
.popular-category{
    background:#202328!important;
    padding:30px 0 55px!important;
}

.popular-category .header{
    margin-bottom:42px!important;
}

.popular-category .header .title{
    background:#343b48!important;
    color:#fff!important;
    border-radius:4px!important;
    height:56px!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
}

.popular-category .header .title span{
    color:#fff!important;
    font-size:22px!important;
    font-weight:900!important;
}

.popular-category .header .title .icon{
    width:24px!important;
    height:24px!important;
    color:#fff!important;
    fill:#fff!important;
}

.popular-category .tab-containermain{
    background:transparent!important;
    padding:0!important;
    margin:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}

.kategori-liste{
    display:grid!important;
    grid-template-columns:repeat(8,1fr)!important;
    gap:26px 22px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

.kategori{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
}

.kategori a.image{
    display:block!important;
    width:100%!important;
    background:#15191f!important;
    border-radius:6px!important;
    overflow:hidden!important;
    box-shadow:0 12px 25px rgba(0,0,0,.35)!important;
    transition:.25s!important;
    border:0!important;
}

.kategori a.image:hover{
    transform:translateY(-5px)!important;
}

.kategori a.image > .image{
    display:block!important;
    width:100%!important;
    height:230px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    overflow:hidden!important;
}

.kategori .image .img{
    width:100%!important;
    height:230px!important;
    min-height:230px!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    border-radius:0!important;
    margin:0!important;
    padding:0!important;
}

.kategori .text{
    display:none!important;
}

.kategori .text h3{
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    margin:0!important;
}

/* =========================
   PAZARYERİ
========================= */
section.ilan-pazari-content{
    background:#202328!important;
    padding:30px 0!important;
}

section.ilan-pazari-content .ilan-pazari-header{
    margin-bottom:22px!important;
}

section.ilan-pazari-content .ilan-pazari-header .title{
    background:#343b48!important;
    border-radius:4px!important;
    width:100%!important;
    height:56px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
}

section.ilan-pazari-content .ilan-pazari-header .title i{
    color:#fff!important;
    font-size:22px!important;
    margin-right:12px!important;
}

section.ilan-pazari-content .ilan-pazari-header .title span{
    font-size:22px!important;
    font-weight:900!important;
    color:#fff!important;
}

section.ilan-pazari-content .game-box{
    background:#171b22!important;
    border-radius:10px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.08)!important;
}

section.ilan-pazari-content .game-box .image img,
section.ilan-pazari-content .game-box .image .img{
    width:100%!important;
    height:200px!important;
    object-fit:cover!important;
    border-radius:0!important;
}

section.ilan-pazari-content .game-box .footer{
    margin:0!important;
    padding:12px!important;
    background:#171b22!important;
}

section.ilan-pazari-content .game-box .footer .text h2{
    color:#fff!important;
    font-size:15px!important;
    font-weight:900!important;
    height:auto!important;
    margin:0 0 6px!important;
}

section.ilan-pazari-content .game-box .footer .text span{
    color:#cbd5e1!important;
    font-size:13px!important;
    height:18px!important;
    overflow:hidden!important;
    display:block!important;
}

section.ilan-pazari-content .game-box .footer .bottom > span{
    width:100%!important;
    text-align:center!important;
    color:#38e59d!important;
    font-size:22px!important;
    font-weight:900!important;
}

/* =========================
   HABERLER
========================= */
.home-blog{
    background:#202328!important;
    padding:30px 0!important;
}

.home-blog .news .title{
    background:#343b48!important;
    border-radius:4px!important;
    height:56px!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    margin-bottom:22px!important;
}

.home-blog .news .title i{
    color:#fff!important;
}

.home-blog .news .title span{
    font-size:22px!important;
    font-weight:900!important;
    color:#fff!important;
}

.home-blog .item{
    background:#171b22!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    overflow:hidden!important;
    padding:12px!important;
    height:auto!important;
}

.home-blog .image .img{
    height:150px!important;
    background-size:cover!important;
    background-position:center!important;
    border-radius:8px!important;
}

.home-blog .item h4{
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    margin:12px 0 8px!important;
}

.home-blog .item p{
    color:#cbd5e1!important;
    font-size:13px!important;
}

.home-blog .news-button{
    color:#35c7e8!important;
    font-weight:900!important;
}

/* =========================
   MODAL / INPUT
========================= */
section.auth-page .auth-info-box:after{
    background:none!important;
}

section.auth-page .auth-info-box .box .text p{
    font-size:18pt!important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
}

input[type=number]{
    -moz-appearance:textfield!important;
}

/* =========================
   OWL
========================= */
.owl-nav button span{
    font-size:60px!important;
    padding:0 20px!important;
    color:crimson!important;
}

button.owl-prev{
    float:left!important;
}

button.owl-next{
    float:right!important;
}

.owl-nav{
    width:-webkit-fill-available!important;
    position:absolute!important;
}

#owlll .owl-nav{
    display:none!important;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:1200px){
    .kategori-liste{
        grid-template-columns:repeat(6,1fr)!important;
    }

    .kategori a.image > .image,
    .kategori .image .img{
        height:210px!important;
        min-height:210px!important;
    }
}

@media(max-width:991px){
    iframe.iframeslider{
        height:410px!important;
    }

    section.home-tabe .row-cols-xxl-5>*,
    section.home-tabe .row-cols-lg-3>*{
        width:33.333%!important;
        flex:0 0 33.333%!important;
    }

    section.home-tabe .game-box .image .img{
        height:150px!important;
    }

    .kategori-liste{
        grid-template-columns:repeat(4,1fr)!important;
        gap:18px!important;
    }
}

@media(max-width:768px){
    .container,
    .container-lg,
    .container-md,
    .container-sm{
        max-width:calc(100% - 15px)!important;
    }

    section.home-tabe{
        padding:20px 0 80px!important;
    }

    section.home-tabe .row-cols-xxl-5>*,
    section.home-tabe .row-cols-lg-3>*{
        width:50%!important;
        flex:0 0 50%!important;
    }

    section.home-tabe .tab-containermain{
        padding:10px!important;
    }

    section.home-tabe .tab-ul{
        gap:18px!important;
        overflow-x:auto!important;
        white-space:nowrap!important;
    }

    section.home-tabe .game-box .image .img{
        height:135px!important;
    }

    .game-category-button{
        gap:10px!important;
    }

    .game-category-button .slick-track{
        gap:10px!important;
    }

    .game-category-button .item{
        width:68px!important;
        height:68px!important;
        min-width:68px!important;
        max-width:68px!important;
    }

    .kategori-liste{
        grid-template-columns:repeat(3,1fr)!important;
        gap:14px!important;
    }

    .kategori a.image > .image,
    .kategori .image .img{
        height:170px!important;
        min-height:170px!important;
    }

    .home-blog{
        display:block!important;
    }

    .mobileFixed{
        display:block!important;
    }
}

@media(max-width:575px){
    iframe.iframeslider{
        height:300px!important;
    }

    .game-category-button .item{
        width:60px!important;
        height:60px!important;
        min-width:60px!important;
        max-width:60px!important;
    }

    section.home-tabe .game-box{
        min-height:330px!important;
        overflow:hidden!important;
    }

    section.home-tabe .game-box .image .img{
        height:170px!important;
    }

    section.home-tabe .game-box .footer{
        display:block!important;
        height:160px!important;
        min-height:160px!important;
        padding:12px!important;
        overflow:visible!important;
    }

    .kategori-liste{
        grid-template-columns:repeat(2,1fr)!important;
        gap:14px!important;
    }

    .kategori a.image > .image,
    .kategori .image .img{
        height:190px!important;
        min-height:190px!important;
    }
}