<title>Alışveriş Sepetim</title>
<meta name="keywords" content="<?php echo $ayar['sitekey']; ?>">
<meta name="description" content="<?php echo $ayar['sitedesc']; ?>">
<meta property="og:url" content="<?php echo $url; ?>"/>
<meta property="og:title" content="Üyelik Sözleşmesi ve Rıza Metni"/>
<meta property="og:description" content="<?php echo $ayar['sitedesc']; ?>"/>

             <?php if($system['misafirok']!='1'){?>
			 <?php if ($_SESSION['uyegirisdurumu'] == 'true') { ?>
             <?php } else { ?>			 
             <meta http-equiv="refresh" content="0; url='<?php echo $url;?>/kontrol/">
			 <?php } ?>
			 
	         <?php } ?>
	
<main id="MainContent">
   <div id="shopify-section-breadcrumb" class="shopify-section laber_section laber-breadcrumb">
      <div class="breadcrumbs">
         <div class="container">
            <div class="outline-breadcrum">
               <div class="wrap-breadcrum h_left v_middle">
                  <div class="breadcrum text_left">
                     <ul class="list-unstyled ">
                        <li><a href="<?php echo $url;?>">Anasayfa</a></li>
                        <li><span>Alışveriş Sepetim</span></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>

   </div>
 <div  id="shopify-section-template--18643475824925__main" style="background: white;" class="shopify-section cms_section contact-page">
   <section id="laber_template--18643475824925__main">
      <div class="container ">
       
         <!-- End Map Element -->  
         <div class="main-content shop-page">
            <div class="content-form" style="padding-top: 30px;">
               <div class="row pr_center ">
             
		  <?php if($sepetsayi<='0'){?>
                  <div class="col-md-12">
                     <div class="bossepet">
                        <img src="<?php echo $sitetemasi;?>/extra/bos.jpg"></img>
                        <h6 style="font-weight: 500;">SEPETİNİZDE ÜRÜN BULUNAMADI</h6>
                        <span>Binlerce ürünü büyük indirimlerle satın almak için hemen alışverişe başlayın.</span>
						<a href="<?php echo $url;?>" class="btn btn-success btn-theme-2">
                        ALIŞVERİŞE BAŞLA <i class="fa fa-chevron-right"></i></a>
                     </div>
                  </div>
                  <?php } else { ?>
                  
				  
<div class="fluid-container">
   <div class="container cart-container my-4">
      <div class="row mb-3">
         <div class="col-sm-8 col-12 okey">
            <div class="cart-container-left">
			
				  <form action="alisverisi-tamamla/" method="POST"/>
		  <h2 class="checkout-title" style="text-align: center;background: <?php echo $tema['t37'];?>;color:white;border-radius: 0.37rem;padding: 10px;font-size: 14px;margin-bottom:20px;">Sipariş Detayları</h2><!-- End .checkout-title -->
		                				<div class="row">
							
							
							<div class="col-sm-4">			
						    <div class="md-form md-outline">
							<label for="form15" class="active">Adınız Soyadınız</label>
                            <input value="<?php echo $uyebilgileri['isim'];?>" name="adsoyad" type="text" id="form15" class="form-control"  onblur="this.value.split(' ').length < 2 ? alert('Adınızı ve Soyadınızı eksiksiz girmelisiniz.') : '';"  required>
                            
                            </div>
				            </div>
							
							
							
							
							<div class="col-sm-4">			
						    <div class="md-form md-outline">
							 <label for="form15" class="active">Telefon Numaranız</label>
                            <input value="<?php echo $uyebilgileri['telefon'];?>" name="telefon" type="tel"   class="form-control" required>
                           
                            </div>
				            </div>
							
							<div class="col-sm-4">			
						    <div class="md-form md-outline">
							<label for="form15" class="active">Eposta Adresiniz</label>
                            <input value="<?php echo $uyebilgileri['email'];?>" name="email" type="email"   class="form-control" required>
                            
                            </div>
				            </div>
							
							
							
							<?php if ($_SESSION['uyegirisdurumu'] == 'true') { 
							
							$deger =4;
                            $adresbak = $ozy->prepare("SELECT COUNT(*) FROM adreslerim where uyeid='{$uyeid}'");
                            $adresbak->execute();
                            $adressay = $adresbak->fetchColumn();
							if($adressay>='1'){?>
							
							
							<div class="col-sm-12">			
						    <div class="md-form md-outline">
							<label for="form15" class="active">Kayıtlı Adreslerim</label>
                            <select id="adresgeldi" class="form-control">
							<option>Kayıtlı Adreslerimden Kullan</option>
							<?php $adresim = $ozy->query("select * from adreslerim where uyeid='{$uyeid}' order by id DESC")->fetchAll(PDO::FETCH_ASSOC);
							foreach($adresim as $adresoku){?>
                            <option data-il="<?php echo $adresoku['il']; ?>" data-ilce="<?php echo $adresoku['ilce']; ?>" data-adres="<?php echo $adresoku['adres']; ?>"> <?php echo $adresoku['adi']; ?> / <?php echo $adresoku['adres']; ?> <?php echo $adresoku['il']; ?> <?php echo $adresoku['ilce']; ?></option>
                            <?php } ?>
							</select>
                           
                            </div>
	
				            </div>
							
							
							
							
							<?php }}else{ ?>	
							
							<?php $deger =6;?>
							
							<?php } ?>
							
							
							
							<div class="col-sm-4">			
						    <div class="md-form md-outline">
							<label for="form15" class="active">Sipariş İli</label>
                            <select name="il" id="adresil" class="form-control" required>
							<?php foreach($sehir as $key => $val){?>
                            <option value="<?=$val;?>"><?=$val;?></option>
                            <?php }?>
							</select>
                            
                            </div>
							</div>
							
							<div class="col-sm-4">	
							<div class="md-form md-outline">
                            <label for="form15" class="active">Sipariş İlçesi</label>
							<input name="ilce" type="text" id="adresilce"  class="form-control" required>
                            
                            </div>
				            </div>
							
							
							
							
							<div class="col-sm-12">			
						    <div class="md-form md-outline">
							<label for="form15" class="active">Sipariş Adresiniz</label>
                            <textarea name="adres" style="min-height:200px;padding-top: 15px !important;
  padding-left: 5px !important;" class="form-control" id="uyeadresal" cols="30" rows="4" placeholder="" required></textarea>
                            
                            </div>
				            </div>
							
						
							
						
<div class="col-sm-6">
	<div class="md-form md-outline">
		<label for="form15" class="active">Fatura Bilgisi</label>
		<div class="kutu">
			<input value="0" checked name="uyetip" type="radio" class="login-check" id="register-check-20" required>
			<span class="radio-btn"></span>
			<span class="radio-label">Bireysel</span>
		</div>
	</div>
</div>
<div class="col-sm-6">
	<div class="md-form md-outline">
		<label for="form15" class="active" style="vertical-align: top;">Fatura Bilgisi</label>
		<div class="kutu">
			<input  value="1" name="uyetip" type="radio" class="login-check" id="register-check-20" required>
			<span class="radio-btn"></span>
			<span class="radio-label">Kurumsal</span>
		</div>
	</div>
</div>

							
						    <div class="col-lg-12 mobilodemekismi">	
							<div class="col-sm-12" id="bireysel" style="padding:0px;">			
						    <div class="md-form md-outline">
							 <label for="form15" class="active">TC. Numaranız</label>
                            <input value="<?php echo $uyebilgileri['tc'];?>" name="tc" type="text"  class="form-control" size="11" maxlength="11">
                           
                            </div>
				            </div>
							
							<div class="col-sm-12" id="kurumsal" style="display:none;padding:0px;">			
						    <div class="md-form md-outline">
							<label for="form15" class="active">Firma Adı</label>
                            <input value="<?php echo $uyebilgileri['vergi1'];?>" name="vergi1" type="text"  class="form-control">
                            
                            </div>
				            </div>
							
							<div class="col-sm-12" id="kurumsal2" style="display:none;padding:0px;">			
						    <div class="md-form md-outline">
							 <label for="form15" class="active">Vergi Dairesi Adı</label>
                            <input value="<?php echo $uyebilgileri['vergi2'];?>" name="vergi2" type="text"  class="form-control">
                           
                            </div>
				            </div>
							</div>
							
							<div class="col-sm-12" id="kurumsal3" style="display:none;">			
						    <div class="md-form md-outline">
							<label for="form15" class="active">Vergi No</label>
                            <input value="<?php echo $uyebilgileri['vergi3'];?>" name="vergi3" type="text"  class="form-control">
                           
                            </div>
				            </div>
						 
						 
						 
					        <div class="col-sm-6">			
						    <div class="md-form md-outline">
							 <label for="form15" class="active">Fatura Adres Bilgisi</label>
						    <div class="kutu">
							<input checked value="0" name="faturatip" type="radio" class="login-check" id="register-check-202" required> 
							<span class="radio-btn"></span>
			                <span class="radio-label">Faturam Sipariş Adresime Gelsin</span>
						    </div>
                           
                            </div>
							</div>
							
							<div class="col-sm-6">		
				            <div class="md-form md-outline">
						     <label for="form15" class="active">Fatura Adres Bilgisi</label>
							<div class="kutu">
							<input  value="1" name="faturatip" type="radio" class="login-check" id="register-check-202" required> 
							<span class="radio-btn"></span>
			                <span class="radio-label">Yeni Fatura Adresi Oluştur</span>
						    </div>
                           
                            </div>
				            </div>
					  
					   
					
							<div class="col-sm-12 mobilodemekismi" id="faturaadres" style="display:none;">		
						    <div class="md-form md-outline">
							<label for="form15" class="active">Fatura Adresiniz</label>
                            <textarea name="faturaadres" style="min-height:200px;padding-top: 15px !important;
  padding-left: 5px !important;" class="form-control" cols="30" rows="4" placeholder=""></textarea>
                            
                            </div>
				            </div>
							
							<div class="col-sm-12" id="faturail" style="display:none;">		
						    <div class="md-form md-outline" style="width: 48%;float: left;">
							<label for="form15" class="active">Fatura İli</label>
                            <select name="faturail" id="sehir" class="form-control">
							<?php foreach($sehir as $key => $val){?>
                            <option value="<?=$val;?>"><?=$val;?></option>
                            <?php }?>
							</select>
                            
                            </div>
							<div class="md-form md-outline" style="width: 48%;float: left;margin-left: 4%;display:none;" id="faturailce">	
                            <label for="form15" class="active">Fatura İlçesi</label>
							<input name="faturailce" type="text"   class="form-control">
                            
                            </div>
				            </div> 
						
							
							
							<div class="col-sm-12 mobilodemekismi">		
						    <div class="md-form md-outline">
							 <label for="form15" class="active">Notunuz </label>
                            <textarea name="mesaj" style="min-height:200px;padding-top: 15px !important;
  padding-left: 5px !important;" class="form-control" cols="30" rows="4" placeholder="Bırakmak istediğiniz not ."></textarea>
                           
                            </div>
				            </div>
							
							
							<div class="col-sm-12 mesafe">	
							
                            <input class="yenisoz" type="checkbox" name="onay" value="1" class="custom-control-input" id="register-policy" required>
 
							<a style="color: black;font-size: 17px;" class="sozlesme" href="mesafeli-satis-sozlesmesi/" target="_blank"><b>Mesafeli Satış Sözleşmesi ve Ön Bilgilendirme Formunu</b> okudum ve kabul ediyorum.</a>
							
                            </div><!-- End .custom-checkbox -->
													 
							
	                		


							

	                			</div><!-- End .col-lg-9 -->
            </div>
         </div>
         <div class="col-sm-4 col-12">
            <div class="cart-container-right">
               <div class="row">
                  <div class="col-12 px-0 mb-3">
				  
		
				
				
                   
				  
					
                
				   
					
                

		
				    <div class="cart-summary">
                         <h2 class="checkout-title">Ödeme Yöntemleri</h2><!-- End .checkout-title -->
		   
                        <table cellspacing="0" cellpadding="0" style="margin: 0px !important;">
                           <tbody>
						    <?php if($system['havaleok']=='1'){?>
                              <tr class="odemetablo">
                              <td>
							 <label class="custom-control custom-radio custom-control-inline">
					         <input onclick="kapidaodemeekle(2)" type="radio" name="odemetipi" value="Havale/EFT" required class="custom-control-input">
					         <div class="custom-control-label"><b class="yontemyazi">Havale/EFT</b></div>
					         </label>
							 </td>  
                              </tr>
							 <?php } ?>
							  <?php if($system['kapidaok']=='1'){?>
							   <tr class="odemetablo">
                                 <td>
					<label class="custom-control custom-radio custom-control-inline">
					  <input onclick="kapidaodemeekle(1)" type="radio" name="odemetipi" value="Kapıda Ödeme" required class="custom-control-input">
					  <div class="custom-control-label"><b class="yontemyazi">Kapıda Ödeme + <?php echo fiyatgoster($system['kapitutar']);?></b></div>
					</label>
								 </td>
                              </tr>
							    <?php } ?>
								<?php if($system['kartok']=='1'){?>
								
							    <tr class="odemetablo">
                                 <td>
					<label class="custom-control custom-radio custom-control-inline">
					  <input onclick="kapidaodemeekle(0)" type="radio" name="odemetipi" value="Kredi Kartı" required class="custom-control-input">
					  <div class="custom-control-label"><b class="yontemyazi">Kredi Kartı</b></div>
					</label>
								 </td>
                              </tr>
							  <?php } ?>
							 
						
						
							  
                              <tr>
                                 <td colspan="2">
                                    <hr>
                                 </td>
                              </tr>

                           </tbody>
                        </table>
                     </div> 
				  
				  
				  
                     <div class="cart-summary">
                        <h2 class="checkout-title">Sipariş Özeti</h2>
                        <table cellspacing="0" cellpadding="0">
                           <tbody>
                              <tr>
                                 <td class="black">Ara Tutar :</td>
                                 <td class="text-end"><?php echo $aratutari;?></td>
                              </tr>
							   <tr>
                                 <td class="black">KDV :</td>
                                 <td class="text-end"><?php echo $kdvtutari;?></td>
                              </tr>
							
							  <tr>
                                 <td class="black">Kargo Bedeli :</td>
                                 <td class="text-end"><?php echo $kargometni;?></td>
                              </tr>
							    <tr id="kapidaodemediv" style="display:none;">
                                 <td class="black">Kapıda Ödeme:</td>
                                 <td class="text-end"><b><?php echo fiyatgoster($system['kapitutar']);?></b></td>
                              </tr>
	
							  <?php if($kuponindirim!='0'){?>
							   <tr>
                                 <td class="black">İndirim Bedeli :</td>
                                  <td class="text-end" style="color: red !important;">- <?php echo fiyatgoster($kuponindirim)?></td>
                              </tr>
							  <?php } ?>
							  <?php if($cekindirim!='0'){?>
							   <tr>
                                 <td class="black">Çek İndirimi :</td>
                                  <td class="text-end" style="color: red !important;">- <?php echo fiyatgoster($cekindirim)?></td>
                              </tr>
							  <?php } ?>
							  
							  <?php if($havaleindirimbedeli!='0'){?>
							   <tr id="havaleodemediv" style="display:none;">
                                 <td class="black">Havale/EFT İndirimi :</td>
                                 <td class="text-end" style="color: red !important;">- <?php echo fiyatgoster($havaleindirimbedeli)?></td>
                              </tr>
							  <?php } ?>
							  
							
                              <tr>
                                 <td colspan="2">
                                    <hr>
                                 </td>
                              </tr>
                              <tr>
                                 <td class="black">Ödenecek Tutar :</td>
                                 <td id="toplam-price-val" data-price="<?php echo $toplamtutarim;?>" class="cart-summary-total-price"><?php echo $toplamtutari;?></td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </div>
                  <div class="col-12 mb-3 px-0">
				     
                    
					 <button type="submit" class="cart-confirm butonok">
					 <span class="me-3">Alışverişi Tamamla</span><span> <i class="fa fa-shopping-bag">
					 </i></span>
					 </button>
					
				</form>
					 
                  </div>
			
			 
				  
               </div>
            </div>
         </div>
      </div>
      <div class="row"></div>
   </div>
</div>

						
                  <?php } ?>
		
               </div>
            </div>
         </div>
      </div>
   </section>
   <style data-shopify="">#laber_template--18643475824925__main {padding-top:;		 padding-right:; padding-bottom: 80px ; padding-left:;		 	 	}@media only screen and (max-width: 1024px) {		#laber_template--18643475824925__main {padding-top: ;padding-right: ;padding-bottom: 40px;padding-left: ;}	}</style>
</div>

</main>
<style>

@media screen and (max-device-width: 480px) and (orientation: portrait){
	
.cart-container-right{
	
 margin-left: 0% !important;
 width: 100% !important;
 margin-top: 10px;
 
}
.cart-summary{
 margin-top: 10px;
 padding: 10px !important;
}



}


.odemetablo{
background: #f1f5f6;
  text-align: left !important;
  padding: 10px;
  border-radius: 5px;
  border-bottom: 4px solid #fff;
}
.custom-control-inline{

top:0px !important;
background: #f1f5f6;
}

.custom-control-label{
float: right;
  position: relative;
  top: 8px;
  left: 5px;
}

.mesafe{
margin-bottom: 30px;
  margin-top: 10px;
}

input[type="checkbox"]{
  height: 20px;
  width: 20px;
}


input[type="radio"]{
  margin-right: 5px;
  height: 30px;
  width: 30px;
}

.radio-label{
  top: -8px !important;
  position: relative;
  font-weight: 500;
  letter-spacing: -0.5px;
}


label
{
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  position: relative;
  top: 12px;
  background: #ffffff6e;
  left: 9px;
  color: #535251;
  letter-spacing: -0.5px;
}

.checkout-title{
  padding: 15px !important;
  margin-bottom: 0px !important;
  font-weight: 500 !important;
  border-radius: 5px !important;
  border: none !important;
  background: <?php echo $tema['t37'];?> !important;
  color:white !important;
}

.okey {
  box-shadow: 0 1px 3px rgba(37, 35, 35, 0.14);
  padding-top: 20px;
  border-radius: 5px;
}
.kutu {
  margin-top: 15px;
  background: #f1f5f6;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #e7e7e7 !important;
}


   .bossepet {
   display:flex;
   justify-content:center;
   align-items:center;
   flex-direction:column;
   min-height:300px;
   font-size:14px;
   width: 100%;
   padding-bottom: 100px;
   padding-top: 20px;
   }
   .bossepet img{
   width: 200px;
   margin-bottom: 10px;
   }
   .bossepet .btn {
   font-size: 16px;
   margin-top: 15px;
   font-weight: 500;
   border-radius: 5px;
   background: <?php echo $tema['t37'];?> !important;
   border: none;
   padding: 10px;
   padding-right: 30px;
   padding-left: 30px;
   }
   .cart-container {
   padding:0
   }
   .cart-container,
   .cart-container-title {
   width:100%;
   height:auto
   }
   .cart-container-title h1 {
   font-size:22px;
   color:#555
   }
   .cart-container-left {
   position:relative;
   float:left;
   width:100%;
   height:auto
   }
   .cart-container-right {
   height:auto;
   border-radius:10px;
   }
   .cart-product-container {
   position:relative;
   float:left;
   width:100%;
   height:auto;
   border:2px solid #f5f5f5;
   background-color:#fff;
   border-radius:5px;
   padding:15px;
   margin-bottom:15px;
   z-index: 99999999999;
   }
   .cart-product-container-left {
   position:relative;
   float:left;
   width:100px;
   height:auto
   }
   .cart-product-container-left img {
   width:100%;
   height:120px;
   -o-object-fit:cover;
   object-fit:cover;
   border-radius:5px
   }
   .cart-product-container-middle {
   position:relative;
   float:left;
   width:calc(100% - 140px);
   height:auto;
   padding-left:20px
   }
   .cart-product-container-right {
   position:relative;
   float:left;
   width:40px;
   height:auto;
   margin-top: 2% !important;
   }
   .cart-product-title>a {
   text-decoration:none
   }
   .cart-product-title h2 {
   font-size:15px;
   margin-bottom:3px;
   color:#555;
   font-weight:500;
   }
   .cart-product-variant-title h3 {
   color:#555;
   font-weight:400;
   font-size:12px;
   margin-bottom:0;
   line-height: 16px;
   }
   .cart-product-quantity-changer {
   width:100%;
   height:100px;
   border:1px solid <?php echo $tema['t37'];?> !important;
   border-radius:10px
   }
   .cart-product-quantity-changer-decreaser,
   .cart-product-quantity-changer-increaser,
   .cart-product-quantity-changer-quantity {
   height:40px;
   text-align:center;
   font-size:10px;
   color:#777;
   width:100%;
   cursor:pointer
   }
   .cart-product-quantity-changer-quantity {
   height:20px
   }
   .cart-product-quantity-changer-decreaser:hover,
   .cart-product-quantity-changer-increaser:hover {
   color:#000
   }
   .cart-product-quantity-changer-decreaser,
   .cart-product-quantity-changer-increaser {
   line-height:40px
   }
   .cart-product-quantity-changer-quantity input[type=text] {
   width: 100%;
   height: 20px !important;
   text-align: center;
   border: none;
   font-size: 13px;
   font-weight: 500;
   color: #555 !important;
   padding: 0px !important;
   }
   .cart-product-remove {
   width:40px;
   height:40px;
   line-height:40px;
   text-align:center;
   border:1px solid #e0e0e0;
   border-radius:5px;
   margin-top:5px;
   font-size:14px;
   color:#777;
   cursor:pointer;
   line-height: 0px;
   display: block !important;
   }
   .cart-product-remove:hover {
   border:1px dashed var(--themeColor);
   color:var(--themeColor)
   }
   .cart-product-quantity {
   font-size:12px;
   color:#555;
   font-weight:400
   }
   .text-end {
   font-size: 14px;
   font-weight: 500;
   }	
   .product-card-min {
   position:relative;
   float:left;
   display:block;
   width:150px;
   height:auto;
   background:#fff;
   border-radius:10px;
   margin-right:0;
   transition:transform .3s
   }
   .product-card-min:hover {
   transform:scale(1)
   }
   .product-card-min a {
   text-decoration:none
   }
   .product-card-min>img {
   vertical-align:baseline!important;
   width:100%;
   height:245px;
   border-radius:5px;
   -o-object-fit:cover;
   object-fit:cover;
   -o-object-position:50% 50%;
   object-position:50% 50%
   }
   .product-card-min-image {
   width:100%
   }
   .product-card-min-image img {
   width:100%;
   height:200px;
   -o-object-fit:cover;
   object-fit:cover;
   border-radius:5px
   }
   .product-card-min-image img:first-child {
   display:block
   }
   .product-card-min-image img:last-child {
   display:none
   }
   .product-card-min:hover>.product-card-min-image img:last-child {
   display:block
   }
   .product-card-min:hover>.product-card-min-image img:first-child {
   display:none
   }
   .product-card-min-title {
   width:100%;
   height:25px;
   line-height:25px;
   margin-top:5px;
   padding:0 10px;
   color:#777;
   font-size:13px;
   word-wrap:break-word;
   overflow-wrap:break-word;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis
   }
   .product-card-min-price {
   width:100%;
   height:25px;
   position:relative;
   padding:0 10px
   }
   .product-card-min-price1 {
   font-weight:500;
   color:var(--themeColor)
   }
   .product-card-min-price1,
   .product-card-min-price2 {
   float:left;
   height:25px;
   line-height:25px;
   font-size:14px
   }
   .product-card-min-price2 {
   text-decoration:line-through;
   color:#999;
   margin-right:5px
   }
   .message-container {
   position:fixed;
   top:10px;
   right:10px;
   width:250px;
   height:auto;
   z-index:15
   }
   .message-box {
   height:auto;
   background:#fff;
   font-size:12px;
   box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
   margin-bottom:10px
   }
   .cart-confirm,
   .message-box {
   width:100%;
   padding:10px 15px;
   border-radius:5px;
   color:#fff;
   font-weight:500
   }
   .cart-confirm {
   background: <?php echo $tema['t37'];?>;
   text-align: center;
   font-size: 16px;
   cursor: pointer;
   margin-bottom: 30px;
   }
   .cart-confirm-disabled {
   background:#bdbdbd;
   cursor:not-allowed
   }
   .cart-gift-certificate-container {
   width:100%;
   height:auto;
   padding:15px;
   background:#f5f5f5;
   box-shadow:0 1px 3px rgb(0 0 0/20%);
   border-radius:3px
   }
   .cart-gift-certificate-container h2 {
   font-size:14px;
   color:#555;
   font-weight:400;
   padding-bottom:10px
   }
   .cart-summary {
   width: 100%;
   height: auto;
   padding: 15px 20px;
   background: #fff;
   box-shadow: 0 1px 3px rgba(37, 35, 35, 0.14);
   border-radius: 3px;
   padding-top:5px;
   }
   .cart-summary h2 {
   font-size: 14px;
   color: #555;
   margin-bottom: 10px;
   margin-top: 10px;
   border-bottom: 1px solid black;
   text-align: center;
   padding-bottom: 10px;
   font-weight: 600;
   }
   .cart-summary table {
   width:100%;
   height:auto
   }
   .cart-summary table tr {
   height: 30px;
   line-height: 1px;
   font-size: 15px;
   color: #555;
   margin-top: 14px;
   }
    .cart-summary-total-price, .cart-product-prices span {
   text-align: right;
   color: var(--color-current-product);
   font-size: 17px;
   font-weight: bold !important;
   }
   .cart-recommended-products-container,
   .cart-recommended-products-title {
   width:100%;
   height:auto
   }
   .cart-recommended-products-title h2 {
   font-size:20px;
   color:#555
   }
   .cart-recommended-products {
   width:100%;
   height:auto;
   overflow-x:auto;
   overflow-y:hidden;
   white-space:nowrap;
   -webkit-overflow-scrolling:touch;
   padding-bottom:10px
   }
   .link-block {
   width: 120px;
   text-decoration: none;
   color: #fff;
   font-size: 12px;
   }
.badge {
 width: 16%;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #1f1d1d;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.8px;
  border: 1px solid #e6e0e0;
  padding: 12px;
  border-radius: 5px;
  background: #f7f9fc;
  margin-right: 8px;
}

.kuponbuton {
width: 32% !important;	
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
	
.kuponbuton {
width: 32% !important;	
}	
	
	
  .badge {
  width: 75% !important;  
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #1f1d1d;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.8px;
  border: 1px solid #eaeaea;
  padding: 12px;
  border-radius: 5px;
  background: #dddada;
  margin-right: 8px;
}
}		
.form-control {
  border: none;
  height: 50px;
  padding: 0 20px;
  min-width: 100%;
  background: #F1F5F6;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-text-body);
}	
   
   
   
   .black {
   font-weight: bold;
    }
</style>
<script src="<?php echo $sitetemasi;?>/extra/jquery.min.js"></script>
<script src="<?php echo $sitetemasi;?>/extra/bootstrap-input-spinner.js"></script>
<script src="<?php echo $sitetemasi;?>/extra/bootstrap-input-spinner.js"></script>
<script type="text/javascript">
    	var kapifiyat = parseFloat(<?php echo $system['kapitutar'];?>);
    var havalefiyat = parseFloat(<?php echo $havaleindirimbedeli;?>);
	var odemefiyati = parseFloat(<?php echo $toplamtutarim;?>);
    function kapidaodemeekle(id) {
   
        if (id == 1) {
			var yenifiyat = kapifiyat + odemefiyati;
            $("#toplam-price-val").html(yenifiyat.toFixed(2).toString() + " TL");
            $("#kapidaodemediv").show();
			 $("#havaleodemediv").hide();
        } else if (id == 2){
			var yenifiyat1 = odemefiyati - havalefiyat;
            $("#toplam-price-val").html(yenifiyat1.toFixed(2).toString() + " TL");
            $("#havaleodemediv").show();
			$("#kapidaodemediv").hide();
        }else{
		$("#toplam-price-val").html(odemefiyati.toFixed(2).toString() + " TL");
            $("#havaleodemediv").hide();
			$("#kapidaodemediv").hide();
		} 

    }
</script>