/* Storex 2022 Yakup Çevik */
.acilirmenu{
    position: absolute !important;
    left: 0px !important;
    width: 100%;
    min-height: 250px;
}
.acilirmenu li{
    float: left;
    width: 20%;
}
.acilirmenu li a.menubaslik{font-size: 14px;color: #3c3c3c !important;font-weight: 500;}
.acilirmenu li a:after{content:'' !important}
.acilirmenu li ul{
    display: block !important;
    position: unset;
    width: 100%;
    box-shadow: unset;
    top: 0px !important;
    float: left;
    padding: 0px;
}
.acilirmenu li ul li{
    width: 100%;
}
.acilirmenu li ul li a{}

.geri_sayim{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.geri_sayim span{
    width: 23%;
    display: inline-block;
    border: .05rem solid #f2f2f2;
    border-radius: .2rem;
    padding: .4rem;
    text-align: center;
    color: #2a3643;
    font-size: 18px;
    background: #fafbfc;
    font-weight: bold;
}
.geri_sayim span small{float: left;width: 100%;font-size: 10px;font-weight: normal;}
.geri_sayim span.bitti{
    display: none;
    width: 100%;
}
.imgdis{justify-content: center;align-items: center;display: flex !important;}
.imgdis img{
    
transition-duration: 0.2s;
    
transition-timing-function: linear;
    
max-width: 100%;
    
max-height: 100%;
}

.imgdis:hover div, .imgdis:hover div{
    display: block;
}


.imgdis div, .imgdis div{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 4px;
    bottom: 40px;
    display: none;
}
.imgdis div span, .imgdis div span{
    height: 4px;
    background: #a99a96;
    float: left;
    margin-right: 4px;
}
.old-price{
    text-decoration: line-through !important;
}

.urun_detay{

    float: left;

    width: 100%;

    padding-bottom: 0px;

}


.urun_detay h1{

    padding: 0px;

    margin: 0px;

    font-size: 23px;

    margin-bottom: 10px;

}

.urun_detay .degerlendirme_paylas{

    float: left;

    width: 100%;

}

.urun_detay .degerlendirme_paylas .yildiz{

    width: auto;

}

.urun_detay .degerlendirme_paylas .yildiz small{

    margin-left: 10px;

}

.urun_detay .degerlendirme_paylas .paylas{}

.urun_detay .degerlendirme_paylas .paylas a{

    margin-right: 5px;

    font-size: 17px;

}

.urun_detay .marka{

    float: left;

    width: 100%;

}



.urun_detay .marka a{



    float: left;



    border: 1px solid #ddd;



    padding: 5px 10px;



}



.urun_detay .marka a img{



    max-height: 25px;



}











.urun_detay .stok_kod_durum{



    float: left;



    width: 100%;



}



.urun_detay .stok_kod_durum div{



    float: left;



    margin-right: 20px;



    padding-right: 20px;



    border-right: 1px solid #ddd;



}



.urun_detay .stok_kod_durum div:last-child{



    border-right: 0px;



}



.urun_detay .stok_kod_durum div span{}



.urun_detay .stok_kod_durum div strong{



    color: green;



}



.urun_detay .stok_kod_durum div strong.durum0{



    color: red;



}











.fiyat{



    float: left;



    width: 100%;



}



.fiyat .eski_fiyat{



    padding: 10px 0px;



}



.fiyat .yeni_fiyat{



    padding: 10px 0px;



}



.fiyat .eski_fiyat .col-md-8:nth-child(2) span{



    text-decoration: line-through;



}



.fiyat .yeni_fiyat .col-md-4:nth-child(1){



    font-size: 20px;



}



.fiyat .yeni_fiyat .col-md-8:nth-child(2) span{



    font-size: 25px;



    float: left;



    color: green;



}











.adet_butonlar{



    float: left;



    width: 100%;



    margin-top: 10px;



}



.adet_butonlar .adet{



    position: relative;



    overflow: hidden;



}



.adet_butonlar .adet input{}



.adet_butonlar .adet button.eksi{

font-size: 12px;

font-weight: bold;

padding: 0px;

width: auto;

position: absolute;

right: 5px;

bottom: 21px;

background: none;

outline: none;

min-width: 40px !important;
}



.adet_butonlar .adet button.arti{

font-size: 12px;

font-weight: bold;

padding: 0px;

width: auto;

position: absolute;

right: 5px;

top: 1px;

background: none;

outline: none;

min-width: 40px !important;
}



.adet_butonlar button{



    width: 100%;



}











.varyant, .varyant1, .varyant2, .varyant3, .varyant4, .varyant55{display: grid;}



.varyant ul li, .varyant1 ul li, .varyant2 ul li, .varyant3 ul li, .varyant4 ul li, .varyant55 ul li{float: left;border-radius: 3px;border: solid 3px #999999;font-size: 13px;color: #333333;padding: 5px 8px 4px;cursor: pointer;margin-right: 7px;margin-bottom: 2.5px;margin-top: 2.5px;}



.varyant ul li:hover, .varyant1 ul li:hover, .varyant2 ul li:hover, .varyant3 ul li:hover, .varyant4 ul li:hover, .varyant55 ul li:hover{



    border: solid 3px #5cb85c;



}



.varyant ul li.aktif, .varyant1 ul li.aktif, .varyant2 ul li.aktif, .varyant3 ul li.aktif, .varyant55 ul li.aktif{border: solid 3px #008000; background-color: #66666626;}  



.kargo_bedava{



    color: green;



}

.border{



    border: .05rem solid #f2f2f2;



}







.border-b{



    border-bottom: .05rem solid #e8e8e8;



}



.border-b-1{



    border-bottom: .05rem solid #8c8989;



}







.border-t{



   /* border-top: .05rem solid #f2f2f2; */



}







.border-l{



    border-left: .05rem solid #f2f2f2;



}







.border-r{



    border-right: .05rem solid #f2f2f2;



}



.border-n{



    border: none !important;

}


#sepet{



    display: none;



    position: fixed;



    top: 0px;



    right: 0px;



    width: 300px;



    height: 100%;



    z-index: 999999999;



    background: #fff;



}



#sepet .sepet_baslik{



    color: #fff;



    float: left;



    width: 100%;



    padding: 10px 20px;



    border-bottom: 1px solid #ddd;



    background: #444444;



    font-size: 15px;



    position: relative;



}



#sepet .sepet_baslik span{



}



#sepet .sepet_baslik i{

float: right;
    background: #ffffff;
    padding: 5px 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #444444;
    font-size: 17px;
    font-weight: 700;



}



#sepet .sepet_urunler{



    width: 100%;



    height: 65%;



    overflow-y: scroll;



}



#sepet .sepet_urunler li{border-bottom: 1px solid #ddd;margin-bottom: 10px;padding: 5px 0px;float: left;width: 100%;}



#sepet .sepet_urunler li:last-child{border-bottom: 0px solid #ddd}



#sepet .sepet_urunler a{



    float: left;



    width: 100%;



    color: #8cb0ff;



}



#sepet .sepet_urunler a img{



    border: 1px solid #ddd;



}



#sepet .sepet_urunler .col-md-9 div{



    float: left;



    width: 100%;



}



#sepet .sepet_urunler .col-md-9 div span:first-child{



    font-weight: bold;



}



#sepet .sepet_urunler .col-md-9 div span:last-child{}



#sepet .sepet_urunler .col-md-9 [data-sepet-sil]{



    cursor: pointer;



    position: absolute;



    right: 0px;



    width: 20px;



    top: 0px;



    color: #b73f3f;



}



#sepet .sepet_alt{



    float: left;



    width: 100%;



}



#sepet .sepet_alt .toplam_tutar{



    color: #fff;



    float: left;



    width: 100%;



    padding: 10px 20px;



    border-bottom: 1px solid #ddd;



    background: #8cb0ff;



    font-size: 15px;



    position: relative;



}



#sepet .sepet_alt .toplam_tutar span:first-child{}



#sepet .sepet_alt .toplam_tutar span:last-child{}



#sepet .sepet_alt a{float: left;width: 100%}











#sepet_durum.hata{



    width: 100%;



    display: inline-block;



    background-color: #e85353;



    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;



    padding: 10px 15px;



    margin-bottom: 13px;



    color: #fff;



    font-weight: bold;



    text-align: center;



}



#sepet_durum.basari{



    width: 100%;



    display: inline-block;



    background-color: #53e89c;



    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;



    padding: 10px 15px;



    margin-bottom: 13px;



    color: #005f2e;



    font-weight: bold;



    text-align: center;



}



.sepet_bos{



    text-align: center;



    width: 100%;



    margin-top: 30px;



}







#saydam_bg{

background: #000;

position: fixed;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

z-index: 9999;

opacity: 0.3;

cursor: pointer;

display: none;
}




.sepet_ust{



    overflow: hidden;



}







.sepet_ust .row:first-child .col-md-5{



    text-align: center;



}



.sepet_ust .la-trash{



    float: right;



    margin-right: 10px;



    background: red;



    color: white;



    padding: 5px 7px;



    border-radius: 5px;



    cursor: pointer;



}
.bg2{



    background-color: #fff;



    box-shadow: -8px 12px 18px 0 #dadee8;



}


.bg3 {
    background-color: #f8f8f8;
}
.border-t {
    border-top: .05rem solid #f2f2f2;
}

.hesabim_menu{}



.hesabim_menu li{



    color: #000;



    float: left;



    width: 100%;



}



.hesabim_menu li a{



    float: left;



    width: 100%;



    padding: 10px 10px;



    font-size: 15px;



}



.hesabim_menu li a.aktif, .hesabim_menu li a:hover{



    background-color: #f8f8f8;



}



.basari{



    float: left;



    width: 100%;



    margin-bottom: 20px;



    background: #12a712;



    text-align: center;



    color: #fff;



    border-radius: 10px;



    padding: 10px 0px;



    box-shadow: 0px 0px 10px #02ce2c;



}



.hata{



    float: left;



    width: 100%;



    margin-bottom: 20px;



    background: #a7123b;



    text-align: center;



    color: #fff;



    border-radius: 10px;



    padding: 10px 0px;



    box-shadow: 0px 0px 10px #ce0202;



}



.onay_bekliyor{



    background: orange;



    color: #fff;



    padding: 3px 6px;



    float: left;



    border-radius: 10px;



}


.panel-title a{
    color: #000 !important;
    font-size: 17px;
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.panel-collapse.show{
    border: 1px solid #ddd;
    padding: 20px;
}



.kategori_sol{



    box-shadow: 0 1px 10px #f2f2f2;



}



.kategori_sol h2{



    margin: 0px;



    padding: 0px;



    font-size: 20px;



    padding-left: 15px;



    font-weight: bold;



}







.kategori_sol .kategoriler{



    padding-left: 15px;



    padding-right: 15px;



}



.kategori_sol .kategoriler li{


    float: left;

    width: 100%;



    margin-bottom: 5px;



    padding-bottom: 5px;



    border-bottom: .05rem solid #f2f2f2;



}



.kategori_sol .kategoriler li:last-child{



    border-bottom: none;



}



.kategori_sol .kategoriler li i{



    float: left;



    margin-top: 3px;



    margin-right: 5px;



}



.kategori_sol .kategoriler li a{



    float: left;



}



.kategori_sol .kategoriler li a:hover{



    color: #69bc45;



}







.kategori_sol .kategoriler li span{



    float: right;



}



.kategori_sol .secim_baslik{



    padding-left: 15px;



    font-weight: bold;



}



.kategori_sol .secimli{



    max-height: 200px;



    overflow-y: scroll;



}



.kategori_sol .secimli li{



    width: 100%;



}


.magaza_detay{}
.magaza_detay .magaza_profil{
    float: left;
    width: 100%;
}
.magaza_detay .magaza_profil img{
    border-radius: 50%;
    border: 1px solid #7d7777;
}
.magaza_detay h3{
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}
.magaza_detay .puan{
    float: left;
    width: 100%;
}
.magaza_detay .puan small{
    float: left;
}
.magaza_detay .puan span{
    float: right;
    font-size: 85%;
    color: green;
}
.magaza_detay .puan div{
    float: left;
    width: 100%;
    padding: 2px;
    background: #ddd;
    border-radius: 10px;
}
.magaza_detay .puan div div{
    background: green;
}
.magaza_detay .magaza_yorumlari{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.magaza_detay a.btn{
    width: 100%;
    padding: 2px;
    margin-bottom: 10px;
}
.magaza_detay .benzer_urun_baslik{
    margin-bottom: 5px;
}
.magaza_detay .benzer_urunler{
    padding: 10px;
}
.magaza_detay .benzer_urunler .row{
    padding-bottom: 10px;
    border-bottom: .05rem solid #f2f2f2;
    margin: 0px;
    margin-bottom: 10px;
}
.magaza_detay .benzer_urunler .row:last-child{
    border: none;
}
.magaza_detay .benzer_urunler .row a{
    float: left;
    width: 100%;
    font-size: 90%;
}
.magaza_detay .benzer_urunler .row a img{
    border: .05rem solid #f2f2f2;
}
.magaza_detay .benzer_urunler .row span{
    color: green;
}
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-slider{position:relative;text-align:left;border: 1px solid #80a4f2;border-radius: 10px;}
.ui-slider .ui-slider-handle{outline: none;position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none;background: #80a4f2;border-radius: 50%;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;cursor:pointer}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%;background: #47c6ea;border-radius: 10px;}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
#amount{
    border: none;
    text-align: center;
    width: 100%;
    color: #1b5f82;
    font-size: 16px;
    outline: none;
    background: none;
}
.mt-10 {
    margin-top: 10px;
}
.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}


@media only screen and (max-width: 600px){
    .hidden-xs{
        display: none;
    }
}