.ul_sifirla{list-style-type: none;margin: 0;padding:0;}

.sepet_btn_body{position: fixed;bottom: 20px;right: 20px;z-index: 200;}
.sepet_btn_body_top{bottom: 85px;}
.sepet_btn{display: flex;width: 50px;height: 50px;border-radius: 50%;background: var(--sepet-btn-bg);color: var(--sepet-btn-txt);justify-content: center;align-items: center; font-size: 1.5rem;box-shadow: 0px 0px 15px 2px #00000026; }

.sepet_btn_anime{animation-name: pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate;} 
 @keyframes pulse-shrink {to {transform: scale(0.9); }}
.sepet_btn:hover{background: var(--sepet-btn-bg-hv); color: var(--sepet-btn-txt);}
.sepet_btn_badge{position: absolute;min-width: 22px;text-align: center;padding:0 5px;font-size: 0.8rem;background: #000000;border-radius: 50px;}
@media only screen and (min-width: 768px) {.sepet_btn_badge{top: -5px;right: 0;} }
.sepet_body{position:fixed;right: -100%;top: 0;max-width: 400px;width: 100%;height: 100%;z-index: 300;overflow: hidden;overflow-y: scroll; 
	background: #fff;visibility: hidden;pointer-events: none;transition: 0.5s all;box-shadow: 0px 0px 20px 0px #858585;}
.sepet_body_active{visibility: visible;pointer-events: auto;right: 0;transition: 0.5s all;}
@media only screen and (min-width: 1260px) { 
	.sepet_btn{width: 70px;height: 70px; font-size: 2rem;}
	.sepet_btn_badge{top: -1px;}
}
.sepet_nav{position: sticky;top: 0;left: 0;z-index: 9; display: flex;width: 100%;justify-content: space-between;align-items: center;padding: 15px;background: #fff;}
.sepet_title{display: inline-block;font-size: 1.5rem;font-weight: 500;color: #000;}
.sepet_close{display: inline-block;color: #000;background: transparent; font-size: 1.5rem;padding: 10px;}
.sepet_close:hover{color: #f15d00;}
.sepet_content{display: block;padding: 15px; width: 100%;}
/* sepet mobil btn */
.sepetim{display: none;}
.sepetim_fiyat{display: none;}
.mobil_position_relative{position: static;}

@media only screen and (max-width: 768px) { 
.sepetim{display: block;font-size: 1rem;padding: 0 10px;}
.sepetim_fiyat{display: block;font-size: 1rem;padding: 0;}
.sepet_btn_body{display: flex;
    justify-content: space-around;
    width: 100%;
    bottom: 0px;
    right: 0;
    padding: 8px 20px;
    background-color: #fff;}
.sepet_btn{width: 100%;border-radius: 50px;font-size: 1.2rem;}
.sepet_btn_badge{top: -8px;left: -12px;}
.mobil_position_relative{position: relative;}
/* Wobble Horizontal */
@keyframes wobble-horizontal {16.65% {transform: translateX(8px); } 33.3% {transform: translateX(-6px); } 49.95% {transform: translateX(4px); } 66.6% {transform: translateX(-2px); } 83.25% {transform: translateX(1px); } 100% {transform: translateX(0); } }
.sepet_btn_anime{animation-name: wobble-horizontal;animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate;} 

}
@media only screen and (max-width: 310px) {.sepet_btn_body{padding: 10px}.sepet_btn{font-size: 1rem;}.sepetim,.sepetim_fiyat{font-size: 0.9rem}.sepet_btn_badge{font-size: 0.7rem} }

.product_box{position: relative; display: block;width: 100%;border-bottom: 1px dashed #ccc;margin-bottom: 10px;padding-bottom: 5px;}
.product_ul{display: flex;justify-content: space-between; width: 100%;}
.product_ul_sira{display: inline-flex;font-size: 1rem;font-weight: 500;padding-right: 5px;color: #000;}
.product_ul_name{display: flex;font-size: 1rem;color: #000;}
.product_ul_name:hover{color: #f15d00;}
.product_ul_price{display: inline-flex;padding:0 0px 0 15px;margin-left: auto;flex-shrink: 0;color: #000;}

.product_ul_varyant{display: flex;flex-wrap: wrap; font-size: 0.8rem;color: #818181;}
.product_ul_varyant > li{position: relative; padding-right: 8px;}
.product_ul_varyant > li:before{position: absolute;content: ',';right: 5px;}
.product_ul_varyant > li:last-child:before{position: absolute;content: '';}

.product_footer{display: flex;width: 100%;justify-content: space-between;align-items: center;}
.mesaj_btn{display: flex;align-items: center; font-size: 1rem;color: #000;background: transparent;}
.mesaj_btn:hover{color: #f15d00;}
.pro_adet_row{display: flex;}
.number_btn{display: flex;width: 40px;height: 40px;border-radius: 50%;justify-content: center;align-items: center;flex-shrink: 0;font-size: 1.2rem;background: #f5f5f5;color: #818181;margin: 5px;}
.number_btn:hover{background: #f9f9f9; color: #f15d00;}
.pro_delete_ico{display: flex;width: 40px;height: 40px;border-radius: 50%;justify-content: center;align-items: center;flex-shrink: 0;font-size: 1.2rem;background: none;color: #000;margin: 5px;}
.pro_delete_ico:hover{color: #f15d00;}
.mesaj_textarea{visibility: hidden;pointer-events: none;width: 100%;height: 0;display: none; transition: 0.5s all;}
.mesaj_textarea_active{visibility: visible;pointer-events: auto;display: block;height: auto; min-height: 130px; font-size: 0.8rem;border: 1px solid #f5f5f5;padding: 10px;margin-bottom: 5px; transition: 0.5s all;}

.sepet_footer{position: sticky;bottom: 0;left: 0;z-index: 9;padding: 15px; display: block;width: 100%;background: #fff;}

.sepet_ara_toplam, .sepet_teslimat_ucreti, .sepet_toplam{display: flex;width: 100%;justify-content: space-between;}
.sepet_odeme_btn{display:flex;justify-content: center;align-content: center; width: 100%;padding: 15px;border-radius: 50px;background: var(--sepet-btn2-bg);color: var(--sepet-btn2-txt);}
.sepet_odeme_btn:hover{background: var(--sepet-btn2-bg-hv);color: var(--sepet-btn2-txt);}

.pro_adet_row2{display: flex;}
.number_btn2{display: flex;width: 40px;height: 40px;border-radius: 50%;justify-content: center;align-items: center;flex-shrink: 0;font-size: 1.2rem;background: #f5f5f5;color: #818181;margin: 5px;}
.number_btn2:hover{background: #f9f9f9; color: #f15d00;}
.number_btn2:first-child{margin-left: 0px;}
.sepet_ara_toplam li{color: #000; font-size: 18px; }
.sepet_toplam_text{font-weight: 600; }

.sepet_overly{visibility: hidden;opacity: 0;pointer-events: none;transition: 0.5s all;}
.sepet_overly_active{position: fixed;z-index: 280;top: 0;left: 0;visibility: visible;opacity: 1;display: flex;width: 100%;height: 100%;background: #00000026;pointer-events: auto;transition: 0.5s all;}