<?php
$id = temizle($_GET['id']);
$query = $ozy->prepare("UPDATE urunler SET hit = (hit+1) WHERE seo=?");
$update = $query->execute(array($id));
?>
<?php 
$id = temizle($_GET['id']); 
$durum = "1";
$sayfaqq = $ozy->prepare("SELECT * FROM urunler WHERE seo=:id and durum=:durum");
$page = $sayfaqq->execute([':id' => $id,':durum' => $durum]);
$page = $sayfaqq->fetch(PDO::FETCH_ASSOC);
$sayfaid = $page['id'];
$urunyorumsayisi = $ozy->prepare("SELECT COUNT(*) FROM tumyorumlar where sayfaid='$sayfaid' and konu='urunler' and durum='1'");
$urunyorumsayisi->execute();
$urunyorumsayimis = $urunyorumsayisi->fetchColumn();


$markaid = $page['marka'];
$markasayisi = $ozy->prepare("SELECT COUNT(*) FROM markalar where id='$markaid' and durum='1'");
$markasayisi->execute();
$markasayimiz = $markasayisi->fetchColumn();
$markam = $ozy->query("select * from markalar where id='{$markaid}'")->fetch(PDO::FETCH_ASSOC);

////////URUN FİYAT BELİRMELE ALANI///////

if($page['idurum']=='1'){								
if($page['kdv']>'0'){
$eskifiyat = fiyatgoster(KdvDahil($page['fiyat'],$page['kdv']));
$yenifiyat = fiyatgoster(KdvDahil($page['ifiyat'],$page['kdv']));
} else {
$eskifiyat = fiyatgoster(KdvDahil($page['fiyat'],$system['kdv']));

$yenifiyat = fiyatgoster(KdvDahil($page['ifiyat'],$system['kdv']));

}

} else {
if($page['kdv']>'0'){
$yenifiyat = fiyatgoster(KdvDahil($page['fiyat'],$page['kdv']));
} else { 
$yenifiyat = fiyatgoster(KdvDahil($page['fiyat'],$system['kdv']));
}} 



////////URUN FİYAT BELİRMELE ALANI///////									



?>

<?php if($page['seodurum']=='1'){?>

<title><?php echo $page['stitle']; ?></title>

<meta name="keywords" content="<?php echo $page['skey']; ?>">

<meta name="description" content="<?php echo $page['sdesc']; ?>">

<meta property="og:url" content="<?php echo $url; ?>"/>

<meta property="og:title" content="<?php echo $ayar['stitle']; ?>"/>

<meta property="og:description" content="<?php echo $page['sdesc']; ?>"/>

<?php } else { ?>

<title><?php echo $page['adi']; ?></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="<?php echo $page['adi']; ?>"/>

<meta property="og:description" content="<?php echo $ayar['sitedesc']; ?>"/>

<?php } ?>


<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>
			
			
				    <?php 
						$number =  $page['kategori'];
			            $kat = $ozy->query("select * from kategoriler where durum='1' and id='$number'")->fetchAll(PDO::FETCH_ASSOC); 
			            foreach($kat as $ukat){?>

				  <li itemprop="itemListElement" itemscope="">

                     <a itemprop="item" href="kategori/<?php echo $ukat['seo'];?>"><span itemprop="name"><?php echo $ukat['adi'];?></span></a>

                     <meta itemprop="position" content="1">

                     <i class="delimiter delimiter-2"></i>

                  </li>

				<?php }?>  

				  

				  

				  

				    </li>

				  <li><?php echo $page['adi']; ?>
				  </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="page-container clearfix " id="PageContainer">
  <div class="container ">
    <div class="row row-15">
      <main id="MainContent " class="col">
        <div id="shopify-section-template--18526473093405__main" class="shopify-section laber-product-information">
          <section>
		  

		  
		  
		  
            <div itemscope itemtype="http://schema.org/Product">
             <div class="main-content shop-page main-content-detail">
                <div id="laber_template--18526473093405__main" class="alo-border-radius" style="--alo-border-radius:5px;">
                  <div class="content-offset thumb_left">
                    <div class="js_product_single" id="product-single" data-js-product>
                     
                      <script src="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/global.js?v=147286491778344657391681116945" defer="defer"></script>
                      <link href="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/component-product-model.css?v=111730425153017858421681116943" rel="stylesheet" type="text/css" media="all" />
                      <link
                        id="ModelViewerStyle"
                        rel="stylesheet"
                        href="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/model-viewer-ui.css"
                        media="print"
                        onload="this.media='all'"
                        >
                      <link
                        id="ModelViewerOverride"
                        rel="stylesheet"
                        href="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/component-model-viewer-ui.css?v=25716232018097176631681116944"
                        media="print"
                        onload="this.media='all'"
                        >
                      <div class="row">
                        <div id ="js-stickySidebar" class="details-thumb col-xs-12 col-sm-12  col-md-6 col-lg-6 ">
                          <div class="js-sticky-sidebar">
                            <div class="product-cover-thumbnails">
                              <div class="cms-wrap-main-slider thumb_left">
                                <div class="wrap-main-slider">
                                  <div data-js-gallery class="open_gallery">
                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                      <path d="M0.000357628 13.3636L0.000596046 10.1813C0.000596046 9.82984 0.28544 9.54512 0.636787 9.54512C0.988253 9.54512 1.27286 9.82984 1.27286 10.1814V11.8261L4.96974 8.12603C5.09417 8.00148 5.25721 7.93963 5.42013 7.93963C5.58281 7.93963 5.7455 8.0016 5.8698 8.12591C6.1183 8.37416 6.11853 8.77699 5.87016 9.02549L2.17208 12.7271H3.81643C4.16789 12.7271 4.45274 13.0121 4.45274 13.3637C4.45274 13.715 4.16777 14 3.81643 14H0.636787C0.467907 14 0.306178 13.9329 0.186758 13.8134C0.067338 13.6941 0.000357628 13.532 0.000357628 13.3636ZM0.636668 4.45524C0.988253 4.45524 1.27286 4.16992 1.27286 3.81869V2.17399L4.90777 5.77791C5.1565 6.02641 5.57638 6.02665 5.82487 5.77815C6.07348 5.53002 6.08206 5.12694 5.83381 4.87857L2.23561 1.27286H3.88174H3.88305C4.23452 1.27286 4.51972 0.988133 4.51984 0.636548C4.51995 0.285439 4.23559 0.000356674 3.884 0.000356674L0.70484 0C0.53584 0 0.339906 0.0670996 0.220843 0.186399C0.101542 0.3057 0.000238419 0.467548 0.000238419 0.636189V3.81881C0.000357628 4.17004 0.285321 4.45524 0.636668 4.45524ZM9.09271 5.80592L12.7273 2.17375V3.81881C12.7273 4.17028 13.0065 4.45452 13.3579 4.45452H13.3552C13.7067 4.45452 13.9902 4.16992 13.9902 3.81881L13.99 0.636667C13.99 0.467787 13.9227 0.305939 13.8034 0.186638C13.6838 0.0672178 13.5217 0.000237465 13.353 0.000237465H10.1732C9.82174 0.000237465 9.5369 0.285201 9.5369 0.636548C9.5369 0.988253 9.82186 1.2731 10.1732 1.2731H11.8171L8.18705 4.90646C7.93832 5.15483 7.94153 5.55826 8.19003 5.8064C8.43852 6.05453 8.84409 6.0543 9.09271 5.80592ZM11.8283 12.6698H10.1842C9.8327 12.6698 9.54798 12.9544 9.54798 13.3058C9.54798 13.6574 9.83282 13.9423 10.1842 13.9423L13.3636 13.9426H13.3637C13.5326 13.9426 13.6942 13.8758 13.8137 13.7565C13.9329 13.6372 14 13.4755 14 13.3064L13.9996 10.124C13.9996 9.77299 13.7148 9.48767 13.3635 9.48767C13.012 9.48767 12.7273 9.77299 12.7273 10.124V11.7689L9.05934 8.09802C8.93503 7.97359 8.77199 7.91138 8.60907 7.91138C8.4465 7.91138 8.28358 7.97335 8.1594 8.09766C7.91079 8.34592 7.91043 8.74911 8.15904 8.99784L11.8283 12.6698Z" fill="#212529"/>
                                    </svg>
                                    Büyüt
                                  </div>
                                  <div data-slide-main data-enable-zoom="true" data-width-zoom="0" data-height-zoom="0"  class="slider-fors">
                               
							   <div id="main_img_32355952984349" data-image-id="32355952984349" data-media_type="image"  class="image full-item alo-border-radius" style="--alo-border-radius:px;"><img
              data-style-zoom ="1" data-zoom-image="resimler/urunler/<?php echo $page['resim']?>?v=1670906467"  
              srcset="resimler/urunler/<?php echo $page['resim']?>?v=1670906467&width=550 550w,resimler/urunler/<?php echo $page['resim']?>?v=1670906467 1000w"
              sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
              src="resimler/urunler/<?php echo $page['resim']?>?v=1670906467&width=1445"
              sizes="(min-width: 1170px) 260px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
              alt="<?php echo $page['adi']?>"
              class="main-image js-image-32355952984349"
              width="1000"
              height="1000"
              loading="lazy"
              ></div>
							   
							   
                <?php 
              $gelenid = $page['id'];
              
              $sayfaresimi = $ozy->query("select * from tumresimler where sayfaid='$gelenid' and alan='urunler' order by id desc")->fetchAll(PDO::FETCH_ASSOC); 
              
                             foreach($sayfaresimi as $genelresim){?>
            <div id="main_img_32355953082653<?php echo $genelresim['id'];?>" data-image-id="32355953082653" data-media_type="image"  class="image full-item alo-border-radius" style="--alo-border-radius:px;"><img
              data-style-zoom ="1" data-zoom-image="resimler/genel/<?php echo $genelresim['sayfaresim'];?>g?v=1687334434"  
              srcset="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1687334434&width=550 550w,resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1687334434 1000w"
              sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
              src="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1687334434&width=1445"
              sizes="(min-width: 1170px) 260px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
              alt="resimler/genel/<?php echo $page['adi'];?>"
              class="main-image js-image-32355953082653<?php echo $genelresim['id'];?>"
              width="1000"
              height="1000"
              loading="lazy"
              ></div>
            <?php } ?>            
						   
			
                                  </div>
                                  <div class="zoomContainerAppendTo"></div>
                                <?php 
if (isset($page['instagram']) && !empty($page['instagram']) && strlen(strip_tags($page['instagram'])) >= 2) {
?>
    <a class="products-video" data-page-open-popup data-effect="mfp-move-horizontal" href="#products-video">
        <i class="icon-play-circle"></i> Ürün Videosu
    </a>
<?php
}
?>
								
								</div>
                              </div>
                              <div data-slide-nav class="slider-nav row" data-slidesToShow ="7"  data-vertical ="true">
                              <div id="thumb_img_32355952984349" data-media_type="image" data-thumb-id="32355952984349" data-image="resimler/urunler/<?php echo $page['resim'];?>?v=1670906467" data-z-image="//demo-uminex.myshopify.com/cdn/shop/products/products_7_1_1920x.jpg?v=1670906467" class="image thumb_img">
                                  <div class="lazyload pr_lazy_img" data-bgset="resimler/urunler/<?php echo $page['resim'];?>?v=1670906467" data-ratio="1.0" data-sizes="auto" style="padding-top:100.0%;"></div>
                                </div>
								
								<?php 
              $gelenid = $page['id'];
              
              $sayfaresimi = $ozy->query("select * from tumresimler where sayfaid='$gelenid' and alan='urunler' order by id desc")->fetchAll(PDO::FETCH_ASSOC); 
              
                             foreach($sayfaresimi as $genelresim){?>
                                <div id="thumb_img_32355953082653<?php echo $genelresim['id'];?>" data-media_type="image" data-thumb-id="32355953082653<?php echo $genelresim['id'];?>" data-image="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1687334434" data-z-image="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1687334434" class="image thumb_img">
                                  <div class="lazyload pr_lazy_img" data-bgset="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1687334434" data-ratio="1.0" data-sizes="auto" style="padding-top:100.0%;"></div>
                                </div>
  <?php } ?>                             
                              </div>
							  
							  
<?php 
if (isset($page['instagram']) && !empty($page['instagram']) && strlen(strip_tags($page['instagram'])) >= 2) {
?>					  
							  
							  
							  
                              <div id="products-video" class="mfp-hide mfp-with-anim size-chart-open-popup">
                                <div id="main_img_youtube" data-image-id="youtube-SI5p_rLCzdA"  class="video full-item">
                                  <iframe class="lazyload" loading="lazy" data-src="https://www.youtube.com/embed/<?php echo $page['instagram'];?>" title="<?php echo $page['adi'];?>" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </div>
                              </div>
							  
<?php } ?>  							  
							  
							  
                              <div data-fotorama data-allow-full-screen="native" style="width:1px;height:1px;overflow: hidden;">
                                
								<img class="lazyload" loading="lazy" data-image-id="32355952984349" data-src="resimler/urunler/<?php echo $page['resim']?>?v=1670906467" style="width:auto; height:auto" alt=""/>                
            <?php 
            $gelenid = $page['id'];
              
            $sayfaresimi = $ozy->query("select * from tumresimler where sayfaid='$gelenid' and alan='urunler' order by id desc")->fetchAll(PDO::FETCH_ASSOC); 
              
            foreach($sayfaresimi as $genelresim){?>  
								<img class="lazyload" loading="lazy" data-image-id="32355953082653<?php echo $genelresim['id'];?>" data-src="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1687334434" style="width:auto; height:auto" alt=""/>                
                              
							  
			<?php } ?> 				  
							  </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="details-info col-xs-12 col-sm-12  col-md-6 col-lg-6"
                          >
                          <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                          
                            <link
                              itemprop="availability"
                              href="http://schema.org/InStock"
                              >
							  
	<?php if($page['alode']=='1'){?> 

						
														  		  
		  <div class="circle">
    <div class="top-text"><?php echo $page['al'];?> AL</div>
    <div class="bottom-text"><?php echo $page['ode'];?> ÖDE</div>
</div>
<style>



.circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #dc0e5b;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: white;
    box-shadow: 0px 2px 16px #b0aaaa;
    position: relative;
    float: right;
	margin-top: -3%;
}

.top-text {
    font-size: 17px;
  margin-top: 7px;
  font-weight: 500;
}

.bottom-text {
    font-size: 18px;
  margin-bottom: auto;
  font-weight: bold;
}


</style>
		<?php } ?>							  
							  
                            <form method="POST" action="" class="form" enctype="multipart/form-data" novalidate="novalidate">
                              <input type="hidden" value="<?php echo $page['id'];?>" name="urunid"/>
							  <h1 class="product-name">
                                <a href="urun/<?php echo $page['seo'];?>"><?php echo $page['adi'];?></a>
                              </h1>
                              <style data-shopify>
                                .details-info .product-name{
                                text-transform:none;
                                margin-top:0px;
                                margin-bottom:10px;
                                font-size: 24px;
                                font-weight:500;
                                }
                                @media (max-width: 767px) {
                                .details-info .product-name{
                                font-size: 24px
                                }
                                }
                              </style>
                              <div class="star-rating">
   <span class="spr-badge" id="spr_badge_8033088438557" data-rating="5.0">
   <span class="spr-starrating spr-badge-starrating">
<?php
$yildiz = intval($page['yildiz']);
echo str_repeat('★', $yildiz);
?>

   </span>
   <span class="spr-badge-caption"><?php echo $urunyorumsayimis;?> Yorum</span>
   </span>

</div>



<?php 
$duzgunFiyat = str_replace(" TL", "", $yenifiyat);
$duzgunFiyat = str_replace(".", "", $duzgunFiyat);
$duzgunFiyat = str_replace(",", ".", $duzgunFiyat);
?>

                              <div id="detayfiyat" data-price="<?php echo $duzgunFiyat;?>" class="product-price">
							   <span class="price price--sale" data-js-product-price>

							  

									<?php if($page['idurum']=='1'){?>	

								    <span class="compare"><?php echo $eskifiyat;?></span>&nbsp;&nbsp;

								   <span id="js-product-price" class="current"><?php echo $yenifiyat;?></span>

									<?php } else { ?>

									<span id="js-product-price" class="current"><?php echo $yenifiyat;?></span>

									<?php } ?>
								</span>
								
								<?php if($page['havaledurum']=='1'){?>
                                <p class="price-sale-details" data-js-product-price-sale-details>
								 Havale/EFT Fiyatı : 

                                    <?php if($page['kdv']>='0'){?>	
								    <?php echo $hfiyat = fiyatgoster(KdvDahil($page['hfiyat'],$system['kdv']));?>
									<?php } else { ?>
									<?php echo $hfiyat = fiyatgoster(KdvDahil($page['hfiyat'],$page['kdv']));?>
                                    <?php } ?>
								
                                </p>
								<?php } ?>
								
                              </div>
							  
							        <?php if($page['kdv']>'0'){?>	
								    <?php  $ekkdv = $page['kdv'];?>
									<?php } else { ?>
					                <?php  $ekkdv = $system['kdv'];?>
									<?php } ?>

							  
							  
							  
                              <div class="product_description clearfix">
                                <ul>
                                 <?php  echo $page['kisa'];?>
                                </ul>
                              </div>
							  
							  <div class="product_infor">
   <div class="pr-availability clearfix">
      <p>
         <label class="label">Stok Durumu:</label>
		 <?php if($page['stok']>='1'){?>	
         <span style="color:#008a00" class="available" id="js-pr-available">Stokta Var</span>
         <?php } else { ?>
		 <span style="color:#dd3842" class="unavailable" id="js-pr-unavailable">
         Tükendi</span>
		 <?php } ?>
      </p>
   </div>
   <div class="product-collection__sku">
      <p data-js-product-sku="">
         <label class="label">Ürün Kodu:</label>
         <span><?php echo $page['urunkodu'];?></span>
      </p>
   </div>
   
   
   <div class="product-collection__vendor" <?php echo $markasayimiz == '0' ? 'style="display:none;"' : null; ?>>
      <p data-js-product-vendor="">
         <label class="label">Marka:</label>
         <span><?php echo $markam['adi'];?></span>
      </p>
   </div>
   
   
   
   <div class="name_category">
      <div class="name_collection" data-js-product-collection="">
         <label class="label">Kategorisi:</label>
		 
				    <?php 
						$number =  $page['kategori'];
			            $kat = $ozy->query("select * from kategoriler where durum='1' and id='$number'")->fetchAll(PDO::FETCH_ASSOC); 
			            foreach($kat as $ukat){?>

		
         <p><a class="collection_item" href="kategori/<?php echo $ukat['seo'];?>">
            <?php echo $ukat['adi'];?>
            </a>
         </p>
		 	<?php }?>  
		 
		 
      </div>
   </div>
   <div class="tags_product clearfix">
      <div class="tags" data-js-product-tags="">
         <label class="label">Etiketler:</label>
         <p>
		 	<?php $etiketlerz = $page['skey'];
	$etiketlerz = explode(',', $etiketlerz);
    foreach( $etiketlerz as $anahtarz => $degerz ){?>
    <a> <span><?php echo $degerz;?> </span></a>
	<?php } ?>
	
	
         </p>
      </div>
   </div>
</div>

							  
							  
							  
							  
                              <div class="text_countdown_html">
                                <div class="product-page-info__visitors clearfix">
                                  <div class="visitors js-visitors" data-min="10" data-max="25" data-interval-min="2" data-interval-max="6" data-stroke="4">
                                    <i class="icon-eye"></i> 
                                    <p>
                                      <span class="visitors__counter d-inline-block px-8" data-js-counter>17</span>
                                    kullanıcı şu anda bu ürünü inceliyor
                                    </p>
                                  </div>
                                </div>
                              </div>
                              <div class="page_product_countdown">
                              </div>
                              <div class="popup-product flex flex-wrap">
                                <div class="product-shipping-returns">
                                  <a
                                    class="shipping-returns-page"
                                    data-page-open-popup
                                    href="#shipping-returns-page"
                                    data-effect="mfp-move-horizontal"
                                    >
                                  <i class="icon-shield"></i>
                                  <span>İade & Değişim Şartları</span>
                                  </a>
                                  <div
                                    id="shipping-returns-page"
                                    data-effect="mfp-move-horizontal"
                                    class="mfp-hide mfp-with-anim size-chart-open-popup"
                                    >
                                    <div class="shipping_return">
                                      <h3 class="py-15">İADE VE DEĞİŞİM ŞARTLARI</h3>
                                      
                                     
                                      <ul>
                                          <?php echo $system['iade']; ?>
                                      </ul>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-contact-us">
                                  <a
                                    class="contact-us"
                                    href="iletisim/"
                                    >
                                  <i class="icon-mail"></i>
                                  <span class="text">Bize Ulaşın</span>
                                  </a>
                                </div>
                              </div>
	    <?php 

								      $kod = $page['urunkodu'];

								      $varyant = $ozy->prepare("SELECT COUNT(*) FROM urunler where durum='1' and  urunkodu='$kod' and urunkodu!=''");

                                      $varyant->execute();

                                      $varyantsayi = $varyant->fetchColumn();?>						  
<div data-position="2" class="cms-option-item" <?php echo $varyantsayi <= '1' ? 'style="display:none;"' : null; ?>>
   <label class="title-options">Renk:
  
   <div class="product-options__section style_left  laber-Color d-flex flex-wrap px-2">
               <?php 

										$sayfaidmiz = $page['id'];

										$urunvaryant = $ozy->query("select * from urunler where durum='1' and urunkodu='$kod' and id!='$sayfaidmiz' ORDER BY sira desc")->fetchAll(PDO::FETCH_ASSOC); 

                                        foreach($urunvaryant as $varyantbak){?>  
    <a class="varyant" href="urun/<?php echo $varyantbak['seo'];?>"><img src="resimler/urunler/<?php echo $varyantbak['resim'];?>"></a>

      
	  		<?php } ?>	
	  
	  
     
   </div>
</div>

   <div class="product-options product-options--type-collection js-product-options " data-js-product-options="" data-variant-was-chanched="true">
   
   
                                    <?php 

									$urunid = $page['id'];

									$iozellik = $ozy->query("select * from anaozellik where tip='1' and urunid='$urunid' ORDER BY id desc")->fetchAll(PDO::FETCH_ASSOC); 

                                    foreach($iozellik as $ianaozellik){?>  

   <div data-position="1" class="cms-option-item">
      <label class="title-options"><?php echo $ianaozellik['adi'];?>:
      <span class="label-selected"></span></label>
      <div class="product-options__section style_left laber-Size d-flex flex-wrap" data-style="text" data-property="size">
       			
        
		  <label for="size" style="width: 17%;font-weight: 500;"><?php echo $ianaozellik['adi'];?> :</label>

									<?php 

									$ialtanaid = $ianaozellik['id'];

									$iozellikalt = $ozy->query("select * from anaozellikalt where anaid='$ialtanaid' ORDER BY id asc")->fetchAll(PDO::FETCH_ASSOC); 

                                    foreach($iozellikalt as $ianaozellikalt){?>

			                        <label id="sizex" class="size-item">

				                    <input  onclick="detayfiyathesapla(this);" data-price="<?php echo KdvDahil($ianaozellikalt['fiyat'],$ekkdv);?>" class="varyantradio" type="radio" name="ozellik[]" level="2" <?php echo $ianaozellikalt['stok'] <= '0' ? 'disabled' : null; ?> value="<?php echo $ianaozellikalt['id'];?>" stocksize="<?php echo $ianaozellikalt['adi'];?>" available="1" required>

				                    <span <?php echo $ianaozellikalt['stok'] <= '0' ? 'style="   border-color: #eee;color: #ccc;background: linear-gradient(to top, #e6e6e6 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);"' : null; ?> class="size-slt-box" level="2" value="<?php echo $ianaozellikalt['id'];?>" name="ozellik[]"><?php echo $ianaozellikalt['adi'];?></span></label>

				                    <?php } ?>

		
      </div>
   </div>
   
   
       <?php } ?>
	   
	   
	   
	   
	   
	   
	    
   		<?php 

									$urunid = $page['id'];

									$ozellik = $ozy->query("select * from anaozellik where tip='0' and urunid='$urunid' ORDER BY id desc")->fetchAll(PDO::FETCH_ASSOC); 

                                    foreach($ozellik as $anaozellik){?>  

   <div data-position="1" class="cms-option-item">
      <label class="title-options"><?php echo $anaozellik['adi'];?>:
      <span class="label-selected"></span></label>
      <div class="product-options__section style_left laber-Size d-flex flex-wrap" data-style="text" data-property="size">
               <select class="input-info varyantselect" onchange="detayfiyathesapla(this);" name="ozellik[]" id="size"  required>

                                    <option data-price="0.00" value="0">Seçim Yapınız</option>

									<?php 

									$altanaid = $anaozellik['id'];

									$ozellikalt = $ozy->query("select * from anaozellikalt where anaid='$altanaid' ORDER BY id asc")->fetchAll(PDO::FETCH_ASSOC); 

                                    foreach($ozellikalt as $anaozellikalt){?> 		

                                    <option data-price="<?php echo KdvDahil($anaozellikalt['fiyat'],$ekkdv);?>" value="<?php echo $anaozellikalt['id'];?>" <?php echo $anaozellikalt['stok'] <= '0' ? 'disabled' : null; ?>><?php echo $anaozellikalt['adi'];?> <?php echo $anaozellikalt['stok'] <= '0' ? '(Tükendi)' : null; ?></option>

                                    <?php } ?>	  

                                    </select>

      </div>
   </div>
   
   
       <?php } ?>
   
	   
	   
	   
	   
	   
	   
	   
	   
	   
   
   
   
</div>

                          
                              <div data-product-meta class="cms-product-meta clearfix">
                                <div
                                  data-product-quantity
                                  class="js-quantity quantity "
                                  >
                                  <label class="d-none">
								  Adet:</label>
                                  <div class="group-quantity-button">
    <a class="js_minus" href="#">
        <i class="icon-minus"></i>
    </a>
    <?php if($system['sinirsizstok']!='1'){ ?>
        <?php $max = 999999999; ?>
    <?php } else { ?> 
        <?php $max = $page['stok']; ?>
    <?php } ?>	  
    <input
        id="Quantity"
        data-step="1"
        data-min="1"
        class="input-text js_qty"
        onchange="updateQuantity(this.value);"
        oninput="updateQuantity(this.value);"
        type="number"
        class="adetsayisi"
        name="adet"
        value="1"
        min="1"
        max="<?php echo $max; ?>"
        step="1"
        data-decimals="0"
        required
    >
    <a class="js_plus" href="#">
        <i class="icon-plus"></i>
    </a>
</div>
                                </div>
								
								
								
								
								
								
								
								
								
<div class="js_sticky_atc_wrapper sticky_atc_wrapper sticky_atc_shown" data-js-product="">
  <div class="container">
      <div class="row">
         <div class="col-sm-6 col-md-5 col-lg-4 sticky_atc_content">
            <div class="col-auto sticky_atc_thumb" data-js-product-image="">
			<img data-image-lazy="" alt="<?php echo $page['adi'];?>" data-widths="[75, 150]" data-sizes="auto" 
			class="js_fgr_img pr_lazy_img lazyautosizes lazyloaded" 
			src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 
			data-srcset="resimler/urunler/<?php echo $page['resim'];?>?v=1678075833 75w, 
			resimler/urunler/<?php echo $page['resim'];?>?v=1678075833 150w" sizes="60px" 
			srcset="resimler/urunler/<?php echo $page['resim'];?>?v=1678075833 75w, 
			resimler/urunler/<?php echo $page['resim'];?>?v=1678075833 150w"> 
            </div>
            <div class="col sticky_atc_info">
               <h2><?php echo $page['adi'];?></h2>
             
               <div class="sticky_atc_price" data-js-product-price="">
			   
			   		<?php if($page['idurum']=='1'){?>	

								    <span class="compare"><?php echo $eskifiyat;?></span>&nbsp;&nbsp;

								   <span id="js-product-price" class="current"><?php echo $yenifiyat;?></span>

									<?php } else { ?>

									<span id="js-product-price" class="current"><?php echo $yenifiyat;?></span>

					<?php } ?>
			   
			   </div>
            </div>
         </div>
         <div class="col-sm-6 col-md-7 col-lg-8 sticky_variant_content sticky_atc_btn variations_form">
           
            
<div data-product-quantity="" class="js-quantity quantity">
    <input
        type="number"
        id="ikinciBolum"
        class="input-text js_sticky_qty js_qty"
        data-step="1"
        data-min="1"
        data-max="<?php echo $max;?>"
        name="quantity"
        value="1"
        size="4"
        pattern="[0-9]*"
        inputmode="numeric"
        onchange="updateQuantity(this.value);"
        oninput="updateQuantity(this.value);"
    >
    <div class="qty"> 
        <a rel="nofollow" data-no-instant="" class="js_plus plus" href="#">
            <i class="icon-plus"></i>
        </a> 
        <a rel="nofollow" data-no-instant="" class="js_minus minus" href="#">
            <i class="icon-minus"></i>
        </a>
    </div>
</div>


  <?php if($page['stok']>='1'){?>	
                                 
            <button type="submit" name="sepetle" class="single_add_to_cart_button  sticky_atc_js">
               <span class="txt_add_to_cart">Sepete Ekle</span>
             
            </button>
			
									
									<?php } else { ?>
									
									
            <button data-js-product-button-add-to-cart="" class="single_add_to_cart_button js_add_to_cart_button   sticky_atc_js">
               <span class="txt_out_stock">Tükendi</span>
            </button>
			
									
									<?php } ?>



			
			
			
			
         </div>
      </div>
   </div>
</div>
						
								
								
<script>
  function updateQuantity(value) {
        document.getElementById('Quantity').value = value;
        document.getElementById('ikinciBolum').value = value;
    }
</script>								
								
								
								
								
								
								
								
								
								
                                <div class="group-button">
                                  <div class="inner">
								  
								    <?php if($page['stok']>='1'){?>	
                                    <button
                                      class="add-to-cart "
                                      type="submit"  name="sepetle"
                                      >
                                      <div class="laber-loading">
                                        <div class="circle-loadding"><span></span></div>
                                      </div>
                                      <span class="text">Sepete Ekle</span>
                                    </button>
									
									  <button style="background: red;
                                      border: red;"
                                      class="add-to-cart "
                                      type="submit"  name="hemenal"
                                      >
                                      <div class="laber-loading">
                                        <div class="circle-loadding"><span></span></div>
                                      </div>
                                      <span class="text">Hemen Al</span>
                                    </button>
									
									<?php } else { ?>
									
									<button
                                      class="add-to-cart "
                                      style="background: red;width: 100% !important;" type="button"
                                      >
                                      <div class="laber-loading">
                                        <div class="circle-loadding"><span></span></div>
                                      </div>
                                      <span class="text">Tükendi</span>
                                    </button>
									
									<?php } ?>
									
									
                                     <?php if($system['whatsapal']=='1'){?> 

									   <a class="add-to-cart  whats"
  width: 98% !important;" target="_blank" href="https://api.whatsapp.com/send?phone=<?php echo $ayar['whatsapp']; ?>&amp;text=<?php echo $page['adi']; ?>%20sipari%C5%9Fi%20vermek%20istiyorum. <?php echo $url;?>/urun/<?php echo $page['seo']; ?>" class="single_add_to_cart_button button alt">WhatsApp ile Satın Al</a>

                                       <?php } ?>

									
                                  </div>
                                </div>
                              </div>
                             
                              <style data-shopify>
                                .details-info .group-button .add-to-cart{
                                background-color: #2b38d1;
                                border-color: #2b38d1;
                                color:#ffffff
                                }
                                .details-info .group-button .add-to-cart:hover {
                                background-color: #ef262c;
                                border-color: #ef262c;
                                color:#ffffff
                                }
                                .group-button-buyitnow .shopify-payment-button button{
                                background-color: #212529;
                                color:#ffffff
                                }
                                .group-button-buyitnow .shopify-payment-button__button--unbranded:hover:not([disabled]){
                                background-color: #ef262c;
                                color:#ffffff
                                }
                              </style>
                              <div class="product-iteam flex flex-wrap">
                                <div class="compare-wishlist">
                                  <a href="?favoriekle=<?php echo $page['id']; ?>" class="wishlist-button wishlist btn btn--status js-store-lists-add-wishlist js-wishlist"
                                    aria-label="link"
                                    >
                                  <i class="icon-heart"></i>
                                  <i class="icon-check" data-button-content="added"></i>
                                  <span class="text">Favorilerime Ekle</span>
                                  </a>
                                  <a href="?karsilastir=<?php echo $page['id']; ?>" class="compare-button btn btn--status js-store-lists-add-compare js-compare"
                                    data-pid="proenza-schouler-white-label-20"
                                    aria-label="link"
                                    >	
                                  <i class="icon-layers"></i>
                                  <i class="icon-check" data-button-content="added"></i>
                                  <span class="text">Karşılaştırma Listeme Ekle</span>
                                 
                                  </a>
                                </div>
                                <div class="product_page_social">
                                  <a class="popup_social" data-page-open-popup href="#popup_social" data-effect="mfp-move-horizontal">
                                    <svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                      <path d="M8.46094 10.2305C8.47005 10.2122 8.47461 10.1986 8.47461 10.1895C8.48372 10.1803 8.49284 10.1712 8.50195 10.1621C8.50195 10.153 8.50651 10.1439 8.51562 10.1348C8.52474 10.1257 8.5293 10.1165 8.5293 10.1074C8.54753 10.071 8.57031 10.0391 8.59766 10.0117C8.625 9.98438 8.65234 9.95703 8.67969 9.92969C8.77995 9.82031 8.89844 9.73828 9.03516 9.68359C9.18099 9.61979 9.33594 9.58789 9.5 9.58789C9.66406 9.58789 9.81445 9.61979 9.95117 9.68359C10.097 9.73828 10.2201 9.82031 10.3203 9.92969C10.4297 10.0299 10.5117 10.153 10.5664 10.2988C10.6302 10.4355 10.6621 10.5859 10.6621 10.75C10.6621 10.9141 10.6302 11.069 10.5664 11.2148C10.5117 11.3516 10.4297 11.4701 10.3203 11.5703C10.2201 11.6797 10.097 11.7663 9.95117 11.8301C9.81445 11.8848 9.66406 11.9121 9.5 11.9121C9.33594 11.9121 9.18099 11.8848 9.03516 11.8301C8.89844 11.7663 8.77995 11.6797 8.67969 11.5703C8.57031 11.4701 8.48372 11.3516 8.41992 11.2148C8.36523 11.069 8.33789 10.9141 8.33789 10.75C8.33789 10.6589 8.34701 10.5677 8.36523 10.4766C8.38346 10.3854 8.41536 10.3034 8.46094 10.2305ZM8.51562 3.20312C8.50651 3.19401 8.50195 3.18945 8.50195 3.18945C8.50195 3.18034 8.4974 3.17578 8.48828 3.17578C8.48828 3.16667 8.48372 3.16211 8.47461 3.16211C8.47461 3.15299 8.47461 3.14388 8.47461 3.13477C8.42904 3.05273 8.39258 2.96615 8.36523 2.875C8.34701 2.78385 8.33789 2.68815 8.33789 2.58789C8.33789 2.42383 8.36523 2.27344 8.41992 2.13672C8.48372 1.99089 8.57031 1.86328 8.67969 1.75391C8.77995 1.65365 8.89844 1.57161 9.03516 1.50781C9.18099 1.44401 9.33594 1.41211 9.5 1.41211C9.66406 1.41211 9.81445 1.44401 9.95117 1.50781C10.097 1.57161 10.2201 1.65365 10.3203 1.75391C10.4297 1.86328 10.5117 1.99089 10.5664 2.13672C10.6302 2.27344 10.6621 2.42383 10.6621 2.58789C10.6621 2.74284 10.6302 2.89323 10.5664 3.03906C10.5117 3.17578 10.4297 3.29883 10.3203 3.4082C10.2201 3.51758 10.097 3.60417 9.95117 3.66797C9.81445 3.72266 9.66406 3.75 9.5 3.75C9.33594 3.75 9.18099 3.72266 9.03516 3.66797C8.89844 3.60417 8.77995 3.51758 8.67969 3.4082C8.64323 3.38086 8.61133 3.34896 8.58398 3.3125C8.55664 3.27604 8.53385 3.23958 8.51562 3.20312ZM3.48438 6.04688C3.49349 6.05599 3.49805 6.0651 3.49805 6.07422C3.49805 6.07422 3.5026 6.07422 3.51172 6.07422C3.51172 6.08333 3.51172 6.09245 3.51172 6.10156C3.52083 6.10156 3.52539 6.10612 3.52539 6.11523C3.57096 6.19727 3.60286 6.28385 3.62109 6.375C3.64844 6.46615 3.66211 6.56185 3.66211 6.66211C3.66211 6.76237 3.64844 6.86263 3.62109 6.96289C3.60286 7.05404 3.57096 7.14062 3.52539 7.22266C3.52539 7.23177 3.52083 7.24089 3.51172 7.25C3.5026 7.25911 3.49805 7.26823 3.49805 7.27734C3.49805 7.27734 3.49349 7.27734 3.48438 7.27734C3.46615 7.32292 3.44336 7.36393 3.41602 7.40039C3.38867 7.42773 3.35677 7.45964 3.32031 7.49609C3.22005 7.59635 3.09701 7.67839 2.95117 7.74219C2.81445 7.80599 2.66406 7.83789 2.5 7.83789C2.33594 7.83789 2.18099 7.80599 2.03516 7.74219C1.89844 7.67839 1.77995 7.59635 1.67969 7.49609C1.57031 7.38672 1.48372 7.26367 1.41992 7.12695C1.36523 6.98112 1.33789 6.82617 1.33789 6.66211C1.33789 6.50716 1.36523 6.36133 1.41992 6.22461C1.48372 6.07878 1.57031 5.95117 1.67969 5.8418C1.77995 5.73242 1.89844 5.65039 2.03516 5.5957C2.18099 5.5319 2.33594 5.5 2.5 5.5C2.66406 5.5 2.81445 5.5319 2.95117 5.5957C3.09701 5.65039 3.22005 5.73242 3.32031 5.8418C3.35677 5.86914 3.38867 5.90104 3.41602 5.9375C3.44336 5.97396 3.46615 6.01042 3.48438 6.04688ZM7.25781 3.2168L4.1543 5.02148C3.94466 4.81185 3.69401 4.64779 3.40234 4.5293C3.11979 4.40169 2.81901 4.33789 2.5 4.33789C2.18099 4.33789 1.87565 4.40169 1.58398 4.5293C1.30143 4.64779 1.05534 4.81185 0.845703 5.02148C0.636068 5.23112 0.467448 5.47721 0.339844 5.75977C0.221354 6.04232 0.162109 6.3431 0.162109 6.66211C0.162109 6.99023 0.221354 7.29557 0.339844 7.57812C0.467448 7.86068 0.636068 8.10677 0.845703 8.31641C1.05534 8.52604 1.30143 8.69466 1.58398 8.82227C1.87565 8.94076 2.18099 9 2.5 9C2.81901 9 3.11979 8.94076 3.40234 8.82227C3.69401 8.69466 3.94466 8.52604 4.1543 8.31641C4.1543 8.31641 4.1543 8.31185 4.1543 8.30273L7.25781 10.1074C7.23047 10.2168 7.20768 10.3262 7.18945 10.4355C7.17122 10.5358 7.16211 10.6406 7.16211 10.75C7.16211 11.069 7.22135 11.3743 7.33984 11.666C7.46745 11.9486 7.63607 12.1947 7.8457 12.4043C8.05534 12.6139 8.30143 12.778 8.58398 12.8965C8.87565 13.0241 9.18099 13.0879 9.5 13.0879C9.81901 13.0879 10.1198 13.0241 10.4023 12.8965C10.694 12.778 10.9447 12.6139 11.1543 12.4043C11.3639 12.1947 11.528 11.9486 11.6465 11.666C11.7741 11.3743 11.8379 11.069 11.8379 10.75C11.8379 10.431 11.7741 10.1302 11.6465 9.84766C11.528 9.55599 11.3639 9.30534 11.1543 9.0957C10.9447 8.88607 10.694 8.72201 10.4023 8.60352C10.1198 8.47591 9.81901 8.41211 9.5 8.41211C9.18099 8.41211 8.87565 8.47591 8.58398 8.60352C8.30143 8.72201 8.05534 8.88607 7.8457 9.0957C7.8457 9.0957 7.8457 9.10026 7.8457 9.10938L4.74219 7.30469C4.76953 7.20443 4.79232 7.09961 4.81055 6.99023C4.82878 6.88086 4.83789 6.77148 4.83789 6.66211C4.83789 6.55273 4.82878 6.44792 4.81055 6.34766C4.79232 6.23828 4.76953 6.13346 4.74219 6.0332L7.8457 4.22852C8.05534 4.43815 8.30143 4.60677 8.58398 4.73438C8.87565 4.85286 9.18099 4.91211 9.5 4.91211C9.81901 4.91211 10.1198 4.85286 10.4023 4.73438C10.694 4.60677 10.9447 4.43815 11.1543 4.22852C11.3639 4.01888 11.528 3.77279 11.6465 3.49023C11.7741 3.20768 11.8379 2.9069 11.8379 2.58789C11.8379 2.25977 11.7741 1.95443 11.6465 1.67188C11.528 1.38932 11.3639 1.14323 11.1543 0.933594C10.9447 0.723958 10.694 0.559896 10.4023 0.441406C10.1198 0.313802 9.81901 0.25 9.5 0.25C9.18099 0.25 8.87565 0.313802 8.58398 0.441406C8.30143 0.559896 8.05534 0.723958 7.8457 0.933594C7.63607 1.14323 7.46745 1.38932 7.33984 1.67188C7.22135 1.95443 7.16211 2.25977 7.16211 2.58789C7.16211 2.69727 7.17122 2.80664 7.18945 2.91602C7.20768 3.01628 7.23047 3.11654 7.25781 3.2168Z" fill="#515D66"/>
                                    </svg>
                                    Paylaş
                                  </a>
                                  <div id="popup_social" data-effect="mfp-move-horizontal" class="mfp-hide mfp-with-anim popup_social-open-popup">
                                    <div class="share-button__fallback">
                                      <label class="form-label">Linki Kopyala</label>    
                                      <div class="share-group copy-clipboard-warp">
                                        <div class="form-field">
                                          <input type="text" class="field__input copy-clipboard" id="url" value="<?php echo $url;?>/urun/<?php echo $page['seo']; ?>" placeholder="Link" data-url="<?php echo $url;?>/urun/<?php echo $page['seo']; ?>" onclick="this.select();" readonly="">
                                        </div>
                                        <button class="button button--primary button-copy">
                                          <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"></path>
                                          </svg>
                                          Linki Kopyala
                                          <span class="copied-tooltip" style="display: none;">Kopyalandı!</span>
                                        </button>
                                      </div>
                                      <div class="laber-social-sharing socials clearfix">
                                        <label>Paylaş:</label>
                                        <ul>
                                          <li class="linkedin">
                                            <a
                                              data-no-instant
                                              rel="noopener noreferrer nofollow"
                                              title="Linkedin"
                                              href="https://linkedin.com/sharing/share-offsite/?url=<?php echo $url;?>/urun/<?php echo $page['seo']; ?>"
                                              target="_blank"
                                              class="linkedin alo_tooltip"
                                              >
                                            <span class="alo_tooltip-content">Linkedin</span>
                                            <i class="fa fa-linkedin"></i>
                                            </a>
                                          </li>
                                          <li class="facebook">
                                            <a
                                              data-no-instant
                                              rel="noopener noreferrer nofollow"
                                              title="Facebook"
                                              href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $url;?>/urun/<?php echo $page['seo']; ?>"
                                              target="_blank"
                                              class="facebook alo_tooltip"
                                              >
                                            <span class="alo_tooltip-content">Facebook</span>
                                            <i class="fa fa-facebook-f"></i>
                                            </a>
                                          </li>
                                          <li class="twitter">
                                            <a
                                              data-no-instant
                                              rel="noopener noreferrer nofollow"
                                              title="Twitter"
                                              href="http://twitter.com/share?text=<?php echo $page['adi']; ?>&amp;url=<?php echo $url;?>/urun/<?php echo $page['seo']; ?>"
                                              target="_blank"
                                              class="twitter alo_tooltip"
                                              >
                                            <span class="alo_tooltip-content">Twitter</span>
                                            <i class="fa fa-twitter"></i>
                                            </a>
                                          </li>
                                          <li class="email">
                                            <a
                                              data-no-instant
                                              rel="noopener noreferrer nofollow"
                                              title="Email"
                                              href="mailto:?subject=Mükemmel Bir Ürün Buldum <?php echo $url;?>/urun/<?php echo $page['seo']; ?>"
                                              target="_blank"
                                              class="email alo_tooltip"
                                              >
                                            <span class="alo_tooltip-content">Email</span>
                                            <i class="fa fa-envelope"></i>
                                            </a>
                                          </li>
                                          <li class="pinterest">
                                            <a
                                              data-no-instant
                                              rel="noopener noreferrer nofollow"
                                              title="Pinterest"
                                              href="http://pinterest.com/pin/create/button/?url=<?php echo $url;?>/urun/<?php echo $page['seo']; ?>&amp;media=<?php echo $url;?>/resimler/urunler/<?php echo $page['resim']; ?>?v=1670906467&amp;description=<?php echo $page['adi']; ?>"
                                              target="_blank"
                                              class="pinterest alo_tooltip"
                                              >
                                            <span class="alo_tooltip-content">Pinterest</span>
                                            <i class="fa fa-pinterest"></i>
                                            </a>
                                          </li>
                                          <li class="tumblr">
                                            <a
                                              data-no-instant
                                              rel="noopener noreferrer nofollow"
                                              title="Tumblr"
                                              data-content="<?php echo $url;?>/resimler/urunler/<?php echo $page['resim']; ?>?v=1670906467"
                                              href="https://tumblr.com/widgets/share/tool?canonicalUrl=<?php echo $url;?>/urun/<?php echo $page['seo']; ?>"
                                              target="_blank"
                                              class="tumblr alo_tooltip"
                                              >
                                            <span class="alo_tooltip-content">Tumblr</span>
                                            <i class="fa fa-tumblr"></i>
                                            </a>
                                          </li>
                                          <li class="telegram">
                                            <a
                                              data-no-instant
                                              rel="nofollow"
                                              title="Telegram"
                                              target="_blank"
                                              class="telegram alo_tooltip"
                                              href="https://telegram.me/share/url?url=<?php echo $url;?>/urun/<?php echo $page['seo']; ?>"
                                              >
                                            <span class="alo_tooltip-content">Telegram</span>
                                            <i class="fa fa-telegram"></i>
                                            </a>
                                          </li>
                                          <li class="whatsapp">
                                            <a
                                              data-no-instant
                                              rel="nofollow"
                                              title="Whatsapp"
                                              target="_blank"
                                              class="whatsapp alo_tooltip"
                                              href="https://wa.me/?text=<?php echo $page['adi']; ?>;<?php echo $url;?>/urun/<?php echo $page['seo']; ?>"
                                              >
                                            <span class="alo_tooltip-content">Whatsapp</span>
                                            <i class="fa fa-whatsapp"></i>
                                            </a>
                                          </li>
                                        </ul>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="product-iteam box-prod" style="margin-top: -20px;border: none !important;">
							  
							  
							  	<?php if($page['ucretsizkargo']=='1'){?>
                                <div class="prod_delivery-times">
								
								<img style="width: 100px;" src="<?php echo $sitetemasi;?>/extra/bedavakargo.png">
                                 </div>
								<?php } ?>
								
								
								
                              </div>
                           
                            </form>
                          </div>
                        </div>
                      
<script>

    document.querySelector('button[name="sepetle"]').addEventListener('click', function(event) {
        var selectElement = document.getElementById('size');

        if (selectElement.value === '0') {
            alert('Lütfen bir seçim yapınız!');
            event.preventDefault(); // Form submit işlemini engeller
        }
		
		
    });
</script>





                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <style data-shopify>#laber_template--18526473093405__main { margin-top: 0 ;			margin-right: 0 ;			margin-bottom: 60px ;			margin-left: 0 ;padding-top: 40px ;		 padding-right: 40px ; padding-bottom: 40px ; padding-left: 40px ;background-color:#ffffff;		 				border-radius:5				}@media only screen and (max-width: 1024px) {		#laber_template--18526473093405__main {margin-top: 0;margin-right: 0;margin-bottom: 15px;margin-left: 0;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}	}</style>
          </section>
        </div>
        <div id="shopify-section-template--18526473093405__9f36477b-8fb3-4e23-bb54-d871aed8206a" class="shopify-section alo-bought-together">
          <link href="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/product-bought-together.css?v=165541254707656202161695749983" rel="stylesheet" type="text/css" media="all" />
          <script src="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/product-bought-together.js?v=136588668962820479941696675341" defer="defer"></script>
        </div>
        <div id="shopify-section-template--18526473093405__product-page-tab" class="shopify-section tab_product_page">
          <section id="laber_template--18526473093405__product-page-tab" class="tabs-product">
            <div id="tab_product" class="cms-tab">
              <ul class="nav list-nav">
                <li class="active"><a class="h3" data-animated="fadeIn" data-toggle="pill" href="#tab_des">Ürün Açıklaması</a></li>
                <li><a class="h3" data-animated="rotateInDownLeft" data-toggle="pill" href="#tab_review">Değerlendirme ( <?php echo $urunyorumsayimis;?> ) </a></li>
              </ul>
              <div class="tab-content">
                <div id="tab_des" class="tab-panel active ">
                  <h3 class="heading-title d-none sm:d-block"><span>Ürün Açıklaması</span> <i class="icon-plus"></i></h3>
                  <div class="description">
				    <?php echo $page['aciklama'];?>
                  </div>
                </div>
           
                
                <div id="tab_review" class="tab-panel">
                  <h3 class="heading-title d-none sm:d-block"><span>Değerlendirme ( <?php echo $urunyorumsayimis;?> )</span> <i class="icon-plus"></i></h3>
                  <div class="custom-review description">
                    <div class="row">
                    
					<div id="shopify-product-reviews" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" data-id="8033088504093">
  <style scoped="">.spr-container {
    padding: 24px;
    border-color: #ECECEC;}
    .spr-review, .spr-form {
    border-color: #ECECEC;
    }
  </style>
       <div class="yorum">

					<div class="comments">

                    <?php if($urunyorumsayimis>'0'){?>

                    <?php } else { ?>

					<h5 class="title">Bu ürüne henüz yorum yapılmamış. İlk yorumu sen yapmak ister misin ?</h5><!-- End .title -->

					<?php } ?>	



            

			   

			<ul id="comments-list" class="comments-list">

			 <?php 

				$blogid = $page['id'];

				$deneme = $ozy->query("select * from tumyorumlar where durum='1' and sayfaid='$blogid' and konu='urunler' order by id desc")->fetchAll(PDO::FETCH_ASSOC); 

                foreach ($deneme as $blogyorum) {?>	

			

			

			<li>

				<div class="comment-main-level">



					

					<div class="comment-box">

						<div class="comment-head">

							<h6 class="comment-name"><?php $adimiz = $blogyorum['adi']; 

                                            echo ilkharfler($adimiz, 1);

											?></h6> 	  <span><?php echo $blogyorum['tarih']; ?></span>  


							

							

						</div>

						<div class="comment-content">

						<?php echo strip_tags($blogyorum['yorum']); ?>

						</div>

					</div>

				</div>

				

				  <?php 

									$karakter_sayisi = strlen($blogyorum['cevap']);

									

									if($karakter_sayisi>'1'){?>



				<div class="comment-main-level" style=" padding: 20px;
  
  border-radius: 6px;
  margin-bottom: 5px;
  font-size: 16px;border: 1px solid <?php echo $tema['t37'];?> !important;">



					

					<div class="comment-box">

						<div class="comment-head">

							<h6 class="comment-name by-author"><a href="<?php echo $siteurl;?>"><?php echo $ayar['siteadi']; ?></a></h6>

							

						
							
						</div>

						<div class="comment-content">

								<?php echo strip_tags($blogyorum['cevap']); ?>

						</div>

					</div>

				</div>

	       <?php } ?>

			</li>

        <?php } ?>

			

		</ul>

								

						

                            </div>

					

					

                    <div class="reply">

                  

                        <form action="" method="POST">

						    <div class="row" style="padding:0px !important;">
                               					  <div class="col-md-12">
								  <label for="reply-message" class="sr-only">Yorumunuz</label>

                            <textarea style="min-height: 150px;padding-top: 20px;

  margin-bottom: 10px;" name="yorum" id="reply-message" cols="30" rows="4" class="form-control" required="" placeholder="Yorumunuz *"></textarea>

</div>

								
								
								
								
								
								<div class="col-md-4">

                                    <label for="reply-name" class="sr-only">Adınız Soyadınız</label>

                                    <input type="text" class="form-control" id="reply-name" name="adi" required="" placeholder="Adınız Soyadınız *" value="<?php echo $uyebilgileri['isim'];?>">

                                </div><!-- End .col-md-6 -->



                                <div class="col-md-4">

                                    <label for="reply-email" class="sr-only">Eposta Adresiniz</label>

                                    <input type="email" class="form-control" id="reply-email" name="email" required="" placeholder="Eposta Adresiniz *" value="<?php echo $uyebilgileri['email'];?>">

                                </div><!-- End .col-md-6 -->

								  <div class="col-md-4">

                                    <label for="reply-email" class="sr-only">Yıldız Sayısı</label>

                                   <select name="yildiz" class="form-control">

								   <option value="1">1 Yıldız</option>

								   <option value="2">2 Yıldız</option>

								   <option value="3">3 Yıldız</option>

								   <option value="4">4 Yıldız</option>

								   <option value="5">5 Yıldız</option>

								   </select>

                                </div><!-- End .col-md-6 -->
								
		
                            
 <div class="col-md-12">
                            <input type="hidden" name="sayfaid" value="<?php echo $page['id'];?>"/>

                            <button style="margin-top:10px !important;;margin-bottom:10px !important;" type="submit" name="urunyorum" class="butonok btn-primary">

                                <span>YORUMU GÖNDER</span>

                                <i class="icon-long-arrow-right"></i>

                            </button>
							
						 </div>		

                          

                       
 </div><!-- End .reply -->
                    
 </form>
                           </div>

						     </div>

</div>

					
					
					
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <script type="text/javascript">
            document.addEventListener("DOMContentLoaded", () => {
              $(document).on('click', '.tab-panel .heading-title', function (e) {
                $(this).next("div.description").slideToggle("fast");
                var tab = $(this).closest('.tab-panel');
                tab.toggleClass('active');
                $('html, body').animate({
                    scrollTop: tab.offset().top - 50
                }, 1000);
              });   
            }); 
          </script>
          <style data-shopify>#laber_template--18526473093405__product-page-tab { margin-top: 0 ;			margin-right: 0 ;			margin-bottom: 60px ;			margin-left: 0 ;padding-top: 40px ;		 padding-right: 40px ; padding-bottom: 40px ; padding-left: 40px ;background-color:#ffffff;		 				border-radius:5px 5px 5px 5px				}@media only screen and (max-width: 1024px) {		#laber_template--18526473093405__product-page-tab {margin-top: 0;margin-right: 0;margin-bottom: 15px;margin-left: 0;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}	}</style>
        </div>
      </main>
    </div>
  </div>
</div>


   
     <div id="shopify-section-template--18526473224477__3b396d6377777777-312d-415e-b7f7-8165d39c2c99" class="shopify-section cms_section type_countdown2 product_section products_collection_countdown type_carousel">
      <section id="laber_template--18526473224477__3b396d637777-312d-415e-b7f7-8165d39c2c99">
        <div class="container">
          <div class="laber-section use_banner">
            <div class="wrap_title small style_2">
              <h3 class="section-title" style="color: var(--color-main);">
             
              BENZER ÜRÜNLER
             
            </div>
            <div class="content-section flex">
            
              <div class="products-arrivals products-list-countdown col-lg-12 col-md-12 col-12">
                <div class="content_section slick-carousel">
                  <div
                    class="grid-slider js_carousel"
                    data-wrapper='#shopify-section-template--18526473224477__3b396d637777-312d-415e-b7f7-8165d39c2c99'  data-adaptive-Height='false' data-autoplay='false' data-autoplay-Speed='3000' data-arrows='true' data-center-Mode='false' data-dots='false' data-fade='false' data-infinite='false' data-padding='2.5' data-rows='1' data-slides-To-Show='6' data-slides-To-Scroll='1' data-speed='300' data-vertical='false' data-vertical-Swiping='false' data-responsive='[{"breakpoint": 1921, "settings": {"slidesToShow":  6 }},{"breakpoint": 1920, "settings": {"slidesToShow":  6 }},{"breakpoint": 1480, "settings": {"slidesToShow":  6 }},{"breakpoint": 1200, "settings": {"slidesToShow":  6 }},{"breakpoint": 992, "settings": {"slidesToShow":  5 }},{"breakpoint": 768, "settings": {"slidesToShow":  5 }},{"breakpoint": 576, "settings": {"slidesToShow":  3 }},{"breakpoint": 481, "settings": {"slidesToShow":  2 }},{"breakpoint": 361, "settings": {"slidesToShow":  2 }},{"breakpoint": 1, "settings": {"slidesToShow":  1 }}]' 
                    data-mobile="2"
                    data-portrait="2"
                    data-landscape="2"
                    data-tablet="4"
                    data-notebook="6"
                    data-laptop="6"
                    data-desktop="6"
                    data-widescreen="6"
                    data-visible="6"
                    data-spacing="5.0"
                    data-append-Arrows=".arrows_template--18526473224477__3b396d637777-312d-415e-b7f7-8165d39c2c99"
                    data-append-Dots=".dots_template--18526473224477__3b396d637777-312d-415e-b7f7-8165d39c2c99"
                    style="--perload-gap: 5.0px"
                    >
               
		
				<?php 

				$katid =  $ukat['id'];

				$benzerurunler = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori) ORDER BY RAND() limit 18")->fetchAll(PDO::FETCH_ASSOC);

				foreach ($benzerurunler as $coksatan) {?>
			
					
                    <div class="post-item">
                      <div class="product-item" data-col="">
                        <div class="product-collection" data-js-product >
                         <div class="product-collection__image product-image js-product-images-navigation js-product-images-hovered-end">
                              <div class="card__media">
                                <div class="media  secondary_image_hover">
                                  <a href="urun/<?php echo $coksatan['seo']; ?>" 
                                    class="d-block image_product cursor-default  ratio" 
                                    style="--ratio-percent: 100%;"
                                    data-js-product-image >
                                  <img
                                    srcset="resimler/urunler/<?php echo $coksatan['resim']; ?>?v=1672302391&width=165 165w,resimler/urunler/<?php echo $coksatan['resim']; ?>?v=1672302391&width=360 360w,resimler/urunler/<?php echo $coksatan['resim']; ?>?v=1672302391&width=533 533w,resimler/urunler/<?php echo $coksatan['resim']; ?>?v=1672302391&width=720 720w,resimler/urunler/<?php echo $coksatan['resim']; ?>?v=1672302391&width=940 940w,resimler/urunler/<?php echo $coksatan['resim']; ?>?v=1672302391 1000w
                                    "
                                    src="resimler/urunler/<?php echo $coksatan['resim']; ?>?v=1672302391&width=533"
                                    sizes="(min-width: 1170px) 260px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                                    alt="<?php echo $coksatan['adi']; ?>"
                                    class=" motion-reduce default_media"
                                    width="1000"
                                    height="1000"
                                    loading= "lazy"
                                    >
									
									
			 <?php 

			 $sayfaidm = $coksatan['id'];

			 $urunyorumsayisiz = $ozy->prepare("SELECT COUNT(*) FROM tumresimler where sayfaid='$sayfaidm' and alan='urunler'");

             $urunyorumsayisiz->execute();

             $urunyorumsayimizzz = $urunyorumsayisiz->fetchColumn();?>

     

			 <?php if($urunyorumsayimizzz>='1'){?>	
			 
			  <?php 

			 $gelenid = $coksatan['id'];

			 $sayfaresimi = $ozy->query("select * from tumresimler where sayfaid='$gelenid' and alan='urunler' order by id desc limit 1")->fetchAll(PDO::FETCH_ASSOC); 

             foreach($sayfaresimi as $genelresim){?> 
			 
                                  <img
                                    srcset="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1672302391&width=165 165w,resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1672302391&width=360 360w,resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1672302391&width=533 533w,resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1672302391&width=720 720w,resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1672302391&width=940 940w,resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1672302391 1000w
                                    "
                                    src="resimler/genel/<?php echo $genelresim['sayfaresim'];?>?v=1672302391&width=533"
                                    sizes="(min-width: 1170px) 260px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                                    alt="<?php echo $coksatan['adi']; ?>"
                                    class="motion-reduce secondary_image"
                                    width="1000"
                                    height="1000"
                                    loading= "lazy"
                                    >
									
								 <?php }} ?>  

									
									
                                  </a>
                                </div>
                              </div>
							  
							
                              <div class="product-image__overlay-top-left ">
							    <?php if($coksatan['idurum']=='1'){?>
                                <div class="label label--sale" data-js-product-label-sale>-%<?php echo yuzdeHesaplama($coksatan['fiyat'],$coksatan['ifiyat']);?></div>
                                <?php } ?>
							    <?php if($coksatan['yeni']=='1'){?>
							    <div class="label label--new" data-js-product-label-new="">Yeni</div>
							    <?php } ?>
							 </div>
							 
							  
							  
							 
							  
                              <div class="product-image__overlay-bottom">
                                <div class="group-button">
                                  <div class="inner">
                                    <a href="?favoriekle=<?php echo $coksatan['id'];?>" class="wishlist-button wishlist btn btn--status">
                                    <i class="icon-heart"></i>
                                   
                                    <span class="text">Favorilerime Ekle</span>
                                    </a>
                                    <a href="?karsilastir=<?php echo $coksatan['id'];?>" class="compare-button btn btn--status">	
                                    <i class="icon-layers"></i>
                                   
                                    <span class="text">Karşılaştırma Listeme Ekle</span>
                                    </a>
                                    <a href="urun/<?php echo $coksatan['seo']; ?>" class="button-quick-view"
                                      >
                                      <i class="laber-icon icon-eye"></i>
                                     
                                      <span class="text">Hızlı Gözat</span>
                                    </a>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="product-collection__content style_left">
                              <div class="product-collection__title">
                                <h2>
                                  <a href="urun/<?php echo $coksatan['seo']; ?>"><?php echo $coksatan['adi']; ?></a>
                                </h2>
                              </div>
                             <div class="product-collection__reviews">
   <div class="spr">
      <span class="spr-badge">
<?php
$yildiz = intval($coksatan['yildiz']);
echo str_repeat('★', $yildiz);
?>

	  </span>
	  <span class="spr-badge-caption"><?php 

								      $sayfaid = $coksatan['id'];

								      $urunyorumsayisi = $ozy->prepare("SELECT COUNT(*) FROM tumyorumlar where sayfaid='$sayfaid' and konu='urunler' and durum='1'");

                                      $urunyorumsayisi->execute();

                                      $urunyorumsayimis = $urunyorumsayisi->fetchColumn();?><?php echo $urunyorumsayimis;?> Yorum</span>
	  
   </div>
</div>

                              <div class="frm-price-color">
                                <div class="product-collection__price ">
                                  <span class="price price--sale">
                                 <?php echo urunfiyatbelirle($coksatan['kdv'],$coksatan['idurum'],$coksatan['fiyat'],$coksatan['ifiyat']);?>

                                  </span>
                                </div>
                              </div>
							  
							  
							  
			<div class="product-collection__availability">
			
			<?php if($coksatan['stok']>='1'){?>
			<p class="in_stock" data-js-product-availability="">
              
                <i class="icon-check"></i>Stokta Var
              
            </p>
			
				<?php } else { ?>
			
            <p class="out_stock" data-js-product-availability="">
              <i class="icon-check"></i>Stokta Yok
            </p>
			<?php } ?>
           </div>
		  
		  
		  
		  
   <div class="button-cart-bottom flex">
   <a href="urun/<?php echo $coksatan['seo']; ?>" class="add-to-cart">
    <div class="laber-loading">
        <div class="circle-loadding"><span></span></div>
    </div>
    <span class="text">Sepete Ekle</span>
  </a>

                              </div>
                            </div>
                           
                        </div>
                      </div>
                    </div>
					
					 <?php }?> 	
					
					
                  </div>
                  <div class="laber_append_arrows arrows_template--18526473224477__3b396d637777-312d-415e-b7f7-8165d39c2c99"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <style data-shopify>#laber_template--18526473224477__3b396d637777-312d-415e-b7f7-8165d39c2c99 { margin-top:;			margin-right:;			margin-bottom: 55px ;			margin-left:;background-color:rgba(0,0,0,0);		 			}@media only screen and (max-width: 1024px) {		#laber_template--18526473224477__3b396d637777-312d-415e-b7f7-8165d39c2c99 {margin-top: ;margin-right: ;margin-bottom: 15px;margin-left: ;}	}</style>
      <style data-shopify>:root {
        --color-status-bg:#f3f4f6;
        --color-sold-bg:#ef262c;
        --color-title-countdown:;
        --color-number-countdown:#ffffff;
        --bg-text-countdown:#dd3842;
        }
      </style>
    </div>
   


<script src="<?php echo $sitetemasi;?>/jquery-3.5.1.slim.min.js"></script>
<script src="<?php echo $sitetemasi;?>/bootstrap.min.js"></script>
<style>
.varyant {

  width: 60px;
  margin-left: 0px !important;
  border: 1px solid #ececee;
  margin-top: 10px;
  border-radius: 2px;	
	
}

.varyantselect {

background: #fff;
  border: 1px solid #e5e8ec;
  border-radius: 3px;
  padding: 5px 15px;
  height: 45px;
  width: 100%;

}


.popup-container .popup-box {
  width: 500px;
  background: #f2f2f2;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  padding: 10px;
  transform: scale(0);
  top: 50px !important;
  margin-top: 15% !important;
  position: absolute !important;
}

.size-item {
 position:relative;
 margin-right:5px;
 margin-bottom:10px;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.size-item .size-slt-box {
 display:block;
 position:relative;
 border:1px solid #ffd369;
 text-align:center;
 padding:8px 14px;
 color:#000;
 -webkit-box-shadow:0 0 2px 0 rgba(50,50,50,0);
 box-shadow:0 0 2px 0 rgba(50,50,50,0);
 background: white;
 border-radius: 5px;
}
.size-item .size-slt-box .size-last {
 position:absolute;
 top:-7px;
 right:-5px;
 font-size:10px;
 line-height:12px;
 height:13px;
 font-weight:700;
 text-align:center;
 background:#e82222;
 padding:0 4px;
 color:#fff;
 border-radius:8px;
 display:block
}
.size-item input {
 position:absolute;
 opacity:0;
 cursor:pointer
}
.size-item input:checked~.size-slt-box {
 background: #e1a635;
 color: white;
}
.size-item input[available="0"]~.size-slt-box {
 color:#a6a6a6;
 background:linear-gradient(to top right,#fff calc(50% - 1px),#d3d3d3,#fff calc(50% + 1px))
}
.size-item input:not([available="0"])~.size-slt-box:hover {
 background: #e1a635;
 color: #fff;
}
.details-filter-row {
 display:flex;
 align-items:center;
 /*! flex-flow:row wrap; */
 margin-bottom:5px;
 /*! background: #fcf9f9; */
 padding: 5px;
 width: 100%;
 border: 1px solid #e3e2de;
 border-radius: 5px;
 background: whitesmoke !important;
}
.details-filter-row .form-control {
 font-weight:400;
 margin-bottom:0;
 padding-left:1rem;
 padding-right:1rem;
 background-color:#fff;
 border-color:#d7d7d7;
 min-width:0px !important;
}
.details-filter-row .select-custom {
 margin-bottom:0;
 /*! margin-right:3.9rem */
}
.details-filter-row .select-custom .form-control {
 padding-right:3rem
}
.details-filter-row .select-custom::after {
 font-size:1rem;
 right:.9rem
}
.details-filter-row label {
 display:inline-block;
 /*! width:67px; */
 font-weight:400;
 font-size:13px;
 margin-bottom:0;
 /*! margin-right: 10px; */
 /*! width: 100% !important; */
 /*! text-align: center; */
 font-weight: 600 !important;
}
.details-filter-row .product-nav {
 margin-bottom:0
}
.details-filter-row .product-nav-thumbs {
 padding-top:0
}



.cart-product-prices {
font-weight: 600;
  color: var(--color-current-product) !important;
  line-height: 1;
}
.msg {
  background: #1d1d1d !important;
}

.custom-review .spr-container {
  background: #ffffff;
  border: 1px solid #e6ecf0;
  border-radius: 3px;
  padding: 25px 30px;
}
.custom-review .spr-summary-actions-newreview {
  color: var(--color-link-menu-hover);
  font-size: 14px;
  font-weight: 500;
}
.custom-review .spr-header-title {
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid #e6ecf0;
  margin-bottom: 25px;
  padding-bottom: 25px;
  line-height: 25px;
  color: var(--color-main);
}
.custom-review .spr-form-title {
  font-weight: 500;
  font-size: 20px;
  border-bottom: 1px solid #e6ecf0;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.custom-review .spr-form-label {
  color: var(--color-main);
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 10px;
  display: block;
}
.details-info input.spr-form-input,
.custom-review input.spr-form-input {
  border: 1px solid #e6ecf0;
  line-height: 45px;
  padding: 0 15px;
  background: #fff;
  border-radius: 3px;
  font-weight: 400;
}
.details-info .spr-form-input-textarea,
.custom-review .spr-form-input-textarea {
  border: 1px solid #e6ecf0;
  padding: 15px;
  background: #fff;
  border-radius: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.details-info .spr-form-actions .btn,
.custom-review .spr-form-actions .btn {
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: var(--color-btn-text);
  background-color: var(--color-btn);
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  border-radius: 30px;
  padding: 0 30px;
}
.details-info
  .spr-form-actions
  .btn:hover
  .custom-review
  .spr-form-actions
  .btn:hover {
  background-color: var(--color-btn-hover);
  color: var(--color-btn-text_hover);
}

@font-face {
  font-family:'font-awesome-stars';
  src:url("data:application/octet-stream;base64,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") format("woff"),
  url("data:application/octet-stream;base64, ") format("truetype")
}
[class^="spr-icon-"]:before,
[class*=" spr-icon-"]:before {
  font-family:"font-awesome-stars";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  font-size:120%
}
.spr-icon-star:before {
  content:'\e800'
}
.spr-icon-star-hover:before {
  content:'\e800'
}
.spr-icon-star-empty:before {
  content:'\e801'
}
.spr-icon-star-empty.spr-icon-star-hover:before {
  content:'\e800'
}
.spr-icon-star-half:before {
  content:'\e802'
}
.spr-icon-star-half-alt:before {
  content:'\e803'
}
#shopify-product-reviews {
  *zoom:1;
  display:block;
  clear:both;
  overflow:hidden;
  margin:1em 0
}
#shopify-product-reviews:before,
#shopify-product-reviews:after {
  content:" ";
  display:table
}
#shopify-product-reviews:after {
  clear:both
}
.spr-loading {
  *zoom:1;
  display:block;
  border:1px solid rgba(0,0,0,0.1);
  padding:24px;
  text-align:center
}
.spr-loading:before,
.spr-loading:after {
  content:" ";
  display:table
}
.spr-loading:after {
  clear:both
}
.spr-container {
  *zoom:1;
  border:1px solid #DFDFDF;
  border:1px solid rgba(0,0,0,0.1);
  padding:2em
}
.spr-container:before,
.spr-container:after {
  content:" ";
  display:table
}
.spr-container:after {
  clear:both
}
.spr-header {
  *zoom:1
}
.spr-header:before,
.spr-header:after {
  content:" ";
  display:table
}
.spr-header:after {
  clear:both
}
.spr-header-title {
  *zoom:1;
  font-size:24px;
  margin:0 0 12px 0
}
.spr-header-title:before,
.spr-header-title:after {
  content:" ";
  display:table
}
.spr-header-title:after {
  clear:both
}
.spr-starratings {
  font-size:13px;
  margin:0 0 8px 0
}
.spr-icon {
  font-size:120%;
  position:relative;
  top:1px;
  width:1.3em;
  height:1.3em
}
.spr-icon.spr-icon-star-empty {
  opacity:0.6
}
.spr-badge {
  *zoom:1;
  min-height:auto;
  min-width:auto;
  display:block
}
.spr-badge:before,
.spr-badge:after {
  content:" ";
  display:table
}
.spr-badge:after {
  clear:both
}
.spr-badge-starrating {
  margin:0 3px 0 0
}
.spr-badge-starrating .spr-icon {
  font-size:100%
}
.spr-summary {
  *zoom:1
}
.spr-summary:before,
.spr-summary:after {
  content:" ";
  display:table
}
.spr-summary:after {
  clear:both
}
.spr-summary-actions-newreview {
  float:right
}
.spr-form {
  margin:24px 0 0 0;
  padding:24px 0 0 0;
  border-top:1px solid #DFDFDF;
  border-top:1px solid rgba(0,0,0,0.1)
}
.spr-form>form {
  margin:0
}
.spr-form-title {
  font-size:16px;
  line-height:24px;
  margin-top:0
}
.spr-form-contact-name,
.spr-form-contact-email,
.spr-form-contact-location,
.spr-form-review-rating,
.spr-form-review-title,
.spr-form-review-body {
  *zoom:1;
  margin:0 0 15px 0
}
.spr-form-contact-name:before,
.spr-form-contact-name:after,
.spr-form-contact-email:before,
.spr-form-contact-email:after,
.spr-form-contact-location:before,
.spr-form-contact-location:after,
.spr-form-review-rating:before,
.spr-form-review-rating:after,
.spr-form-review-title:before,
.spr-form-review-title:after,
.spr-form-review-body:before,
.spr-form-review-body:after {
  content:" ";
  display:table
}
.spr-form-contact-name:after,
.spr-form-contact-email:after,
.spr-form-contact-location:after,
.spr-form-review-rating:after,
.spr-form-review-title:after,
.spr-form-review-body:after {
  clear:both
}
.visuallyhidden {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap;
  width:1px
}
.spr-form-contact,
.spr-form-review,
.spr-form-actions {
  *zoom:1;
  padding:0;
  border:0;
  margin:0
}
.spr-form-contact:before,
.spr-form-contact:after,
.spr-form-review:before,
.spr-form-review:after,
.spr-form-actions:before,
.spr-form-actions:after {
  content:" ";
  display:table
}
.spr-form-contact:after,
.spr-form-review:after,
.spr-form-actions:after {
  clear:both
}
.spr-form-review-rating {
  clear:both;
  overflow:hidden
}
.spr-form-review-rating a,
.spr-form-review-rating a:hover {
  text-decoration:none;
  display:inline-block;
  float:left
}
.spr-form-label {
  font-size:13px;
  line-height:20px
}
.spr-form-input {
  margin:0
}
.spr-form-label+.spr-form-input {
  margin:0
}
.spr-form-input-text,
.spr-form-input-email,
.spr-form-input-textarea {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:0
}
.spr-form-input-textarea {
  resize:vertical
}
.spr-form-input-error,
input.spr-form-input-error[type="text"],
input.spr-form-input-error[type="email"] {
  border-color:#C0363A
}
.spr-starrating.spr-form-input-error a {
  color:#C0363A
}
.spr-form-message {
  padding:0.8em 1em;
  margin:0 0 1em 0
}
.spr-form-message-error {
  background:#C0363A;
  color:#FFF
}
.spr-form-message-success {
  padding:0;
  margin:0
}
.spr-button,
.spr-button-primary {
  width:auto;
  margin:0;
  min-height:1em
}
.spr-button-primary {
  float:right
}
.spr-reviews {
  margin:24px 0 0 0
}
.spr-review {
  padding:24px 0;
  border-top:1px solid #DFDFDF;
  border-top:1px solid rgba(0,0,0,0.1)
}
.spr-review:first-child {
  margin-top:24px
}
.spr-review:last-child {
  padding-bottom:0
}
.spr-review-header-byline {
  font-style:italic;
  font-size:13px;
  display:inline-block;
  margin:0 0 1em 0
}
.spr-review-header-starratings {
  margin:0 0 0.5em 0;
  display:inline-block
}
.spr-review-header-title {
  font-size:16px;
  line-height:24px;
  margin:0;
  padding:0;
  border:none
}
.spr-review-content {
  *zoom:1;
  margin:0 0 24px 0
}
.spr-review-content:before,
.spr-review-content:after {
  content:" ";
  display:table
}
.spr-review-content:after {
  clear:both
}
.spr-review-content-body {
  font-size:13px;
  line-height:20px;
  margin:0;
  padding:0
}
.spr-review-reply {
  *zoom:1;
  background:#ECECEC;
  background:rgba(0,0,0,0.06);
  margin:0 0 24px 0;
  padding:24px
}
.spr-review-reply:before,
.spr-review-reply:after {
  content:" ";
  display:table
}
.spr-review-reply:after {
  clear:both
}
.spr-review-reply-body,
.spr-review-reply-shop {
  font-size:13px;
  line-height:20px
}
.spr-review-reply-body {
  margin:0 0 12px 0
}
.spr-review-reply-shop {
  display:block;
  float:right;
  font-style:italic
}
.spr-review-footer {
  *zoom:1
}
.spr-review-footer:before,
.spr-review-footer:after {
  content:" ";
  display:table
}
.spr-review-footer:after {
  clear:both
}
.spr-review-reportreview {
  float:right;
  font-size:11px;
  line-height:16px
}
.spr-pagination {
  text-align:center;
  padding:12px 0 0 0;
  position:relative;
  border-top:1px solid #DFDFDF;
  border-top:1px solid rgba(0,0,0,0.1)
}
.spr-pagination-page,
.spr-pagination-deco,
.spr-pagination-next,
.spr-pagination-prev {
  display:inline-block
}
.spr-pagination-page.is-active {
  font-weight:bold
}
.spr-pagination-prev {
  position:absolute;
  left:0
}
.spr-pagination-next {
  position:absolute;
  right:0
}
@media only screen and (max-width: 480px) {
  .spr-header-title {
    text-align:center
  }
  .spr-summary {
    text-align:center
  }
  .spr-summary-actions-newreview {
    float:none;
    *zoom:1
  }
  .spr-summary-actions-newreview:before,
  .spr-summary-actions-newreview:after {
    content:" ";
    display:table
  }
  .spr-summary-actions-newreview:after {
    clear:both
  }
}
.form-control {
border: none;
  height: 50px;
  padding: 0 20px;
  margin-bottom: 10px;
  min-width: 100%;
  background: #F1F5F6;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-text-body);
}
 .col-md-4 {
    float: left;
  }
  

  
  .title {
    display: block;
  margin-bottom: 30px;
  font-size: 15px;
  }
  
.comment-main-level {
   padding: 20px;
  border: 1px solid #f1f5f6;
  border-radius: 6px;
  margin-bottom: 5px;
  font-size: 16px;
  }
  
  
    
.comment-name  {
  font-size: 16px;
  }
  
  
@media screen and (max-device-width: 480px) and (orientation: portrait){


.compare-wishlist a {
  padding: 0;
  text-transform: uppercase;
  gap: 5px;
  font-weight: 600;
  font-size: 11px !important;
  line-height: 15px;
}


		
  .details-info .btn.product-affiliate, .details-info .group-button .add-to-cart {
  width: 100% !important;
  display: flex;
  background-color: var(--color-btn);
  color: var(--color-btn-text);
  border-radius: 6px;
  border: none;
  padding: 0 30px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  float: left;
  margin-left: 2%;
  margin-bottom: 2px;
}
  
.whats {
 background: green !important;
 margin-top: 0px !important;
 width: 100% !important;
}  
  
 
.compare-wishlist, .product_page_social {
  display: flex;
  gap: 10px !important;
  margin-left: 10px !important;
  margin-bottom: 10px !important;
}
  .details-info .group-button {
    width: 100%;
    margin-left: -8px !important;
  }
 
}  
.whats {
 background: green !important;
 margin-top: 5px;
 width: 98% !important;
}  


.popup-box .close-btn {
  position: absolute;
  right: 14px !important;
  border: none;
  background: none;
  top: 17px !important;
  width: 30px !important;
}




</style>
