<?php
$id = temizle($_GET['id']);
$query = $ozy->prepare("UPDATE kategoriler SET hit = (hit+1) WHERE seo=?");
$update = $query->execute(array($id));
?>

<?php 
$id = temizle($_GET['id']); 
$durum = "1";
$sayfaqq = $ozy->prepare("SELECT * FROM kategoriler WHERE seo=:id and durum=:durum");
$page = $sayfaqq->execute([':id' => $id,':durum' => $durum]);
$page = $sayfaqq->fetch(PDO::FETCH_ASSOC);
$katid = $page['id'];
$katsorgu = $ozy->prepare("SELECT COUNT(*) FROM urunler where durum='1' and FIND_IN_SET($katid,kategori)");
$katsorgu->execute();
$katsay = $katsorgu->fetchColumn();
?>
<?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 } ?>
<?php 

$bakz = $ozy->prepare("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori)");
$bakz->execute(array());
$pageoku = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori)  order by sira DESC")->fetchAll(PDO::FETCH_ASSOC);
$urunmarkalari.="";
foreach ($pageoku as $katurunler) {

$urunmarkalari.="".$katurunler['marka'].",";


	?>
<?php } ?>	

	
<main id="MainContent">
   <div id="shopify-section-template--18643475071261__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_center">
                     <ul class="list-unstyled ">
                        <li><a href="<?php echo $url;?>">Anasayfa</a></li>
								
<?php if($page['level']=='2'){?>
<?php $ustkat1 = $page['ustkat'];
$ustu = $ozy->query("select * from kategoriler where durum='1' and id='$ustkat1'")->fetch(PDO::FETCH_ASSOC);
$ustkat2 = $ustu['ustkat'];
$ustu2 = $ozy->query("select * from kategoriler where durum='1' and id='$ustkat2'")->fetch(PDO::FETCH_ASSOC);?>
<li><a href="kategori/<?php echo $ustu2['seo'];?>"><?php echo $ustu2['adi'];?><i class="delimiter delimiter-2"></i> </li></a> 
<li><a href="kategori/<?php echo $ustu['seo'];?>"><?php echo $ustu['adi'];?><i class="delimiter delimiter-2"></i> </li></a>
<?php } ?>

<?php if($page['level']=='1'){?>
<?php $ustkat1 = $page['ustkat'];
$ustu = $ozy->query("select * from kategoriler where durum='1' and id='$ustkat1'")->fetch(PDO::FETCH_ASSOC);
$ustkat2 = $ustu['ustkat'];
$ustu2 = $ozy->query("select * from kategoriler where durum='1' and id='$ustkat2'")->fetch(PDO::FETCH_ASSOC);?>
<li><a href="kategori/<?php echo $ustu['seo'];?>"><?php echo $ustu['adi'];?><i class="delimiter delimiter-2"></i> </li></a>
<?php } ?>

  <li><?php echo $page['adi']; ?></li>
                       
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

<div id="shopify-section-template--18643476316445__product-grid" class="shopify-section section">

<link href="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/base.css" rel="stylesheet" type="text/css" media="all" />
<link href="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/component-facets.css" rel="stylesheet" type="text/css" media="all" />

<section id="laber_template--18643476316445__product-grid">
  <div class=" main-content-grid js_container_cat">
    <div class="js_categories_content">
      <div class="container">
        <div class="">
          <div
            class="product-grid-container js_products_arrivals products-arrivals grid-5-style"
            id="ProductGridContainer"
          >
            
<aside 
                  aria-labelledby="verticalTitle"
                  class="facets-wrapper"
                  id="main-collection-filters"
                  data-id="template--18643476316445__product-grid"
                >
                  

<div class="facets-container facets-container-drawer ">
  <menu-drawer
    class="mobile-facets__wrapper"
    data-breakpoint="mobile"
  >
    <details class="mobile-facets__disclosure disclosure-has-popup">
      <summary class="mobile-facets__open-wrapper focus-offset">
        <span class="mobile-facets__open">
          <i class="icon-filter"></i>
          <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Filtreleme ve Sıralama
</span>
          <span class="mobile-facets__open-label button-label small-hide">Ürün Filtreleme
</span>
        </span>
       
      </summary>
      <facet-filters-form>
        <form id="FacetFiltersFormMobile" class="mobile-facets" action="" method="GET">
		<input type="hidden" name="siralama" value="<?php echo temizle($_GET['siralama']);?>"/>	
        <input type="hidden" name="pages" value="<?php echo temizle($_GET['pages']);?>"/>	
          <div class="mobile-facets__inner gradient">
            <div class="mobile-facets__header">
              <div class="mobile-facets__header-inner">
                <h2 class="mobile-facets__heading medium-hide large-up-hide">Ürün Filtreleme ve Sıralama
</h2>
                <h2 class="mobile-facets__heading small-hide">Filtreleme
</h2>

 <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js">
          <i class="icon-x"></i>
        </span>



              </div>
            </div>
            <div class="mobile-facets__main has-submenu gradient">
                      <details
                        id="Details-Mobile-1-template--18643476316445__product-grid"
                        class="mobile-facets__details js-filter"
                        data-index="mobile-1"
                      >
                        <summary class="mobile-facets__summary focus-inset">
                          <div>
                            <span>Fiyat Aralığı</span>
                            <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
                            <noscript><i class="icon-plus icon-caret"></i></noscript>
                          </div>
                        </summary>
                        <div
                          id="FacetMobile-1-template--18643476316445__product-grid"
                          class="mobile-facets__submenu gradient"
                        >
                         

                          <price-range class="facets__price">
                          
                            <div class="field">
                              <input
                                class="field__input"
                               name="minfiyat" value="<?php echo $_GET['minfiyat'];?>">
                              <label class="field__label" for="Mobile-Filter-Price-GTE">Min Fiyat</label>
                            </div>
							  <span class="field-currency">TL</span>

                           
                            <div class="field">
                              <input
                                class="field__input"
                                name="maxfiyat" value="<?php echo $_GET['maxfiyat'];?>">
                              <label class="field__label" for="Mobile-Filter-Price-LTE">Max Fiyat</label>
                            </div>
							
							<span class="field-currency">TL</span>
							
							
							
							
                          </price-range>
                          <div class="no-js-hidden mobile-facets__footer">
    <input type="hidden" name="fiyatfiltre" value="">

    <script src="<?php echo $sitetemasi;?>/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
        $('input[name="minfiyat"], input[name="maxfiyat"]').on('input', function() {
            const minFiyat = $('input[name="minfiyat"]').val();
            const maxFiyat = $('input[name="maxfiyat"]').val();
            $('input[name="fiyatfiltre"]').val(minFiyat + '-' + maxFiyat);
        });
    });
    </script>
                            <button
                              type="submit"
                              class="no-js-hidden button button--primary"
                              
                            >
                              Uygula
                            </button>
                            <noscript
                              ><button type="submit" class="button button--primary">
                                Uygula
                              </button></noscript
                            >
                          </div>
                        </div>
                      </details>
                  

             <?php $filtre = $ozy->query("select * from filtre where FIND_IN_SET($katid,kategori) order by sira desc")->fetchAll(PDO::FETCH_ASSOC); 

	foreach($filtre as $filtregel){?>

                      <details
                        id="Details-Mobile-3-template--18643476316445<?php echo $filtregel['id']; ?>__product-grid"
                        class="mobile-facets__details js-filter"
                        data-index="mobile-3"
                      >
                        <summary class="mobile-facets__summary focus-inset">
                          <div>
                            <span><?php echo $filtregel['fadi']; ?></span>
                            <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
                            <noscript><i class="icon-plus icon-caret"></i></noscript>
                          </div>
                        </summary>
                        <div
                          id="FacetMobile-3-template--18643476316445<?php echo $filtregel['id']; ?>__product-grid"
                          class="mobile-facets__submenu gradient"
                        >
               
                          <ul class="mobile-facets__list list-unstyled" role="list">
						  	<?php
													
													


													$katoz= $filtregel['ozellik'];
													$katozel = explode(',', $katoz);
													foreach( $katozel as $katozellik => $verimiz ){
													if (isset($_GET["filtreleme"]) && $_GET["filtreleme"] != "") {	
													$gelenfiltreleme = $_GET['filtreleme'];
                                                   
													}	
														
														?>    
						  
						  
						  <li class="mobile-facets__item list-menu__item">
                                <label
                                  for="Filter-Size-mobile-1<?php echo $filtregel['id']; ?><?php echo $verimiz;?>"
                                  class="mobile-facets__label"
                                >
                                  <input
                                    class="mobile-facets__checkbox"
                                    <?php if (in_array($verimiz,$gelenfiltreleme)){echo "checked";}; ?> type="checkbox" name="filtreleme[]" value="<?php echo $verimiz;?>"
                                    id="Filter-Size-mobile-1<?php echo $filtregel['id']; ?><?php echo $verimiz;?>"  onchange='this.form.submit()'>

                                  <span class="mobile-facets__highlight"></span>

                                  <svg
                                    width="1.6rem"
                                    height="1.6rem"
                                    viewBox="0 0 16 16"
                                    aria-hidden="true"
                                    focusable="false"
                                  >
                                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                                  </svg>

                                  <svg
                                    class="icon icon-checkmark"
                                    width="1.1rem"
                                    height="0.7rem"
                                    viewBox="0 0 11 7"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                  >
                                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
                                  </svg>

                                  <span aria-hidden="true"><?php echo $verimiz; ?></span>
                                  <span class="visually-hidden"><?php echo $verimiz; ?></span
                                  >
                                  
                                </label>
                              </li>
							  
							  
														
                            <?php } ?>  
							  
							  
							  </ul>

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



                      <details
                        id="Details-Mobile-4-template--18643476316445__product-grid"
                        class="mobile-facets__details js-filter gizleyelim"
                        data-index="mobile-4"
                      >
                        <summary class="mobile-facets__summary focus-inset">
                          <div>
                            <span>Markalar</span>
                            <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
                            <noscript><i class="icon-plus icon-caret"></i></noscript>
                          </div>
                        </summary>
                        <div
                          id="FacetMobile-4-template--18643476316445__product-grid"
                          class="mobile-facets__submenu gradient"
                        >
                     
                          <ul class="mobile-facets__list list-unstyled" role="list">
						  
						    <?php
												$gid = 0;
												$array = array($urunmarkalari);
												
												foreach($array as $key => $value){
													if($key && $array[$key-1] != $value){
														$gid++; 
													}
													$array2[$gid][] = $value;
												}

												$markalarimiz="";
												$kelimeler= explode(",",$value); 
												foreach($kelimeler as $markamid){
													if($markamid==''){
														$newid = "0";  
													}else{
														$newid = $markamid;    
													}
													
													$markalarimiz.="".$newid.",";
												}
												$markalarimiz = mb_substr($markalarimiz,0,-1);
												
												$mark = $ozy->query("select adi,id from markalar where durum='1' AND id IN ($markalarimiz) group by adi asc")->fetchAll(PDO::FETCH_ASSOC); 
                                                $marka_sayisi = count($mark);
                                                if($marka_sayisi=='0'){?>
<style>
.gizleyelim {
	display:none !important;
}
</style>
  <?php } ?>
                                                <?php												
												foreach($mark as $marka){
													
												if (isset($_GET["markalar"]) && $_GET["markalar"] != "") {	
													$markafiltreleme = $_GET['markalar'];
                                                   
												}
						
                                              
													$markaidmmmm = $marka['id'];
													
													
													
													?>	
									     
						  
						  
						  
						  
						  <li class="mobile-facets__item list-menu__item">
                               


							   <label
                                  for="Filter-Availability-mobile-1<?php echo $marka['id']; ?>"
                                  class="mobile-facets__label"
                                >
                                  <input
                                    class="mobile-facets__checkbox"
                                     <?php if (in_array($markaidmmmm,$markafiltreleme)){echo "checked";}; ?> type="checkbox" name="markalar[]" value="<?php echo $marka['id']; ?>"
                                    id="Filter-Availability-mobile-1<?php echo $marka['id']; ?>" onchange='this.form.submit()'>

                                  <span class="mobile-facets__highlight"></span>

                                  <svg
                                    width="1.6rem"
                                    height="1.6rem"
                                    viewBox="0 0 16 16"
                                    aria-hidden="true"
                                    focusable="false"
                                  >
                                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                                  </svg>

                                  <svg
                                    class="icon icon-checkmark"
                                    width="1.1rem"
                                    height="0.7rem"
                                    viewBox="0 0 11 7"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                  >
                                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
                                  </svg>

                                  <span aria-hidden="true"><?php echo $marka['adi']; ?></span>
                                  <span class="visually-hidden"><?php echo $marka['adi']; ?></span
                                  >
                                  
                                </label>
                              </li>
							  
							  
							
							
							
							
							</ul>

                           <?php } ?>	
						 
                        </div>
                      </details>
                    
<div
                  class="mobile-facets__details js-filter medium-hide large-up-hide"
                  data-index="mobile-"
                >
                  <div class="mobile-facets__summary">
                    <div class="mobile-facets__sort">
                      <label for="SortBy-mobile">Sıralama:</label>
                      <div class="select">
                        
						
						     <select name="siralama" class="select__select" onchange='this.form.submit()'>
                            	    <option selected <?php echo $_GET['siralama'] == 'onerilen' ? 'selected="selected"' : null; ?> value="onerilen">Akıllı Sıralama</option>
                                    <option <?php echo $_GET['siralama'] == 'dusukfiyat' ? 'selected="selected"' : null; ?> value="dusukfiyat">Önce En Düşük Fiyat</option>
                                    <option <?php echo $_GET['siralama'] == 'yuksekfiyat' ? 'selected="selected"' : null; ?> value="yuksekfiyat">Önce En Yüksek Fiyat</option>
                                    <option <?php echo $_GET['siralama'] == 'encokyorum' ? 'selected="selected"' : null; ?> value="encokyorum">En Çok Yorum Alan</option>
                                    <option <?php echo $_GET['siralama'] == 'enbegenilen' ? 'selected="selected"' : null; ?> value="enbegenilen">En Çok Beğenilen</option>
                                    <option <?php echo $_GET['siralama'] == 'eskitarih' ? 'selected="selected"' : null; ?> value="eskitarih">En Eski Tarihe Göre</option>
                                    <option <?php echo $_GET['siralama'] == 'yenitarih' ? 'selected="selected"' : null; ?> value="yenitarih">En Yeni Tariha Göre</option>

                                      
						
						
						
						
						
						</select>
                        <i class="icon-chevron-down icon-caret"></i>
                      </div>
                    </div>
                  </div>
                </div>
				
					<div class="mobile-facets__footer">
             
                <button
                 type="submit"
                  class="no-js-hidden button button--primary"
                 
                >
                  Uygula
                </button>
				
				   <facet-remove class="mobile-facets__clear-wrapper">
                  <a href="kategori/<?php echo $page['seo'];?>" class="mobile-facets__clear underlined-link">Temizle</a>
                </facet-remove>
                <noscript
                  ><button type="submit" class="button button--primary">Uygula</button></noscript
                >
              </div>
				
            </div>

            
</div>
        </form>
      </facet-filters-form>
    </details>
  </menu-drawer>
  
  
  
    			
<?php
// GET parametrelerini al
$getParams = $_GET;

$filters = ['filtreleme', 'markalar', 'fiyatfiltre'];

$hasFilters = false;

foreach ($filters as $filter) {
    if (isset($getParams[$filter])) {
        $hasFilters = true;
        break;
    }
}

?>
<div class="filtretab" <?php if (!$hasFilters) { echo 'style="display: none;"'; } ?>>
    <?php
    foreach ($filters as $filter) {
        if (isset($getParams[$filter])) {
            $values = array_unique($getParams[$filter]);

            foreach ($values as $value) {
                $filteredParams = $getParams;
                $filterIndex = array_search($value, $filteredParams[$filter]);

                if ($filterIndex !== false) {
                    unset($filteredParams[$filter][$filterIndex]);
                }

                $url = generateUrl($filteredParams);

                ?>

                <div class="filtereler">
                    <?php
                    // Markalar için adları al
                    if ($filter === 'markalar') {
                        $markaAdi = getMarkaAdi($value);
                        echo $markaAdi;
                    } else if ($filter === 'fiyatfiltre') {
                        // Fiyat filtresi için uygun bir gösterim yapabilirsiniz.
                        // Örneğin, min-max şeklinde bir aralık gösterebilirsiniz.
                        $fiyatFiltre = getFiyatFiltre($getParams['fiyatfiltre']);
                        echo $fiyatFiltre;
                    } else {
                        echo $value;
                    }
                    ?>
                    <a href="<?php echo $url; ?>">
                        <i class="fa fa-close"></i>
                    </a>
                </div>

                <?php
            }
        }
    }

    function generateUrl($params) {
        $url = ''.$ayar['url'].'/';

        // Kategori ve ID'yi alın
        $kategori = isset($params['oziywebs']) ? $params['oziywebs'] : '';
        $id = isset($params['id']) ? $params['id'] : '';

        if (!empty($kategori) && !empty($id)) {
            $url .= '' . $kategori . '/' . $id . '';
        }

        unset($params['oziywebs']);
        unset($params['id']);

        if (!empty($params)) {
            $url .= '?';

            foreach ($params as $key => $values) {
                if (!is_array($values)) {
                    $url .= urlencode($key) . '=' . urlencode($values) . '&';
                } else {
                    foreach ($values as $value) {
                        $url .= urlencode($key) . '[]=' . urlencode($value) . '&';
                    }
                }
            }

            $url = rtrim($url, '&');
        }

        return $url;
    }

    function getMarkaAdi($markaId) {
        global $ozy;
        $markaadi = $ozy->query("select * from markalar where id='$markaId'")->fetch(PDO::FETCH_ASSOC);
        $markaadim = $markaadi['adi'];
        return $markaadim;
    }
    ?>
</div>
  
  
  
  
  <div
    class="product-count "
    role="status"
  >
  

  
  
  
  
  
    <div class="loading-overlay__spinner">
      <svg
        aria-hidden="true"
        focusable="false"
        role="presentation"
        class="spinner"
        viewBox="0 0 66 66"
        xmlns="http://www.w3.org/2000/svg"
      >
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
 
  
<facet-filters-form class="facets small-hide">
      <form id="FacetSortDrawerForm" class="facets__form" action="" method="GET">
	  <?php 
							    if (isset($_GET["filtreleme"]) && $_GET["filtreleme"] != "") {
								$fitregelenveri = temizle($_GET["filtreleme"]);
								foreach($fitregelenveri as $filtreverisi){?>
									<input type="hidden" name="filtreleme[]" value="<?php echo $filtreverisi;?>"/>
								<?php  }}?>
								
								<?php 
								if (isset($_GET["markalar"]) && $_GET["markalar"] != "") {
									$markagelenveri = temizle($_GET["markalar"]);
									foreach($markagelenveri as $markaverisi){?>
										<input type="hidden" name="markalar[]" value="<?php echo $markaverisi;?>"/>
									<?php  }}?>
									<input type="hidden" name="pages" value="<?php echo temizle($_GET['pages']);?>"/>
									<input type="hidden" name="fiyatfiltre" value="<?php echo temizle($_GET['fiyatfiltre']);?>"/>	
									 
        <div class="facet-filters sorting caption small-hide">
          <div class="facet-filters__field">
            <h2 class="facet-filters__label caption-large text-body">
              <label for="SortBy">Sıralama:</label>
            </h2>
            <div class="select">
			
			
			
			
			 <select name="siralama" class="facet-filters__sort select__select caption-large" onchange='this.form.submit()'>
                            	    <option selected <?php echo $_GET['siralama'] == 'onerilen' ? 'selected="selected"' : null; ?> value="onerilen">Akıllı Sıralama</option>
                                    <option <?php echo $_GET['siralama'] == 'dusukfiyat' ? 'selected="selected"' : null; ?> value="dusukfiyat">Önce En Düşük Fiyat</option>
                                    <option <?php echo $_GET['siralama'] == 'yuksekfiyat' ? 'selected="selected"' : null; ?> value="yuksekfiyat">Önce En Yüksek Fiyat</option>
                                    <option <?php echo $_GET['siralama'] == 'encokyorum' ? 'selected="selected"' : null; ?> value="encokyorum">En Çok Yorum Alan</option>
                                    <option <?php echo $_GET['siralama'] == 'enbegenilen' ? 'selected="selected"' : null; ?> value="enbegenilen">En Çok Beğenilen</option>
                                    <option <?php echo $_GET['siralama'] == 'eskitarih' ? 'selected="selected"' : null; ?> value="eskitarih">En Eski Tarihe Göre</option>
                                    <option <?php echo $_GET['siralama'] == 'yenitarih' ? 'selected="selected"' : null; ?> value="yenitarih">En Yeni Tariha Göre</option>

            </select>
			
			
              <i class="icon-chevron-down icon-caret"></i>
            </div>
          </div>

        </div>

        
</form>
    </facet-filters-form>

	
	</div>
                </aside>
            <div id="collection-product" class="collection">
                  <div class="loading-overlay gradient">
                    <div class="circle-loadding"><span></span></div>
                  </div>
                  <div id="product-grid" data-id="template--18643476316445__product-grid" class="product-grid row">



	 <?php 
							 $pages = intval(@$_GET['pages']);

										if (!$pages) {

											$pages = 1;

										}
										$bak = $ozy->prepare("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori)");

										$bak->execute(array());

										$toplam= $bak->rowCount();

										$limit = 30;

										$goster = $pages*$limit-$limit;

										$sayfasayisi = ceil($toplam/$limit);

										$forlimit = 10;

										$where = " ";

										$marka = " ";

										$wherex = " ";

										

										if (isset($_GET["filtreleme"]) && $_GET["filtreleme"] != "") {

											$fitregelenveri = temizle($_GET["filtreleme"]);
											foreach($fitregelenveri as $filtreverisi){
												$where .= " and FIND_IN_SET('".$filtreverisi."', filtre)";
											}

										}

										

									if (isset($_GET["fiyatfiltre"]) && $_GET["fiyatfiltre"] != "") {
					
												
												$gelenfiyat = temizle($_GET["fiyatfiltre"]);

												$fiyatexp=explode("-",$gelenfiyat);
												$kdv_orani= $system['kdv'];
												
												if($system['kdvdahil']=='0'){
                                                $kdvsiz_fiyat1 = KdvDahil(intval($fiyatexp[0]), $kdv_orani);
                                                $kdvsiz_fiyat2 = KdvDahil(intval($fiyatexp[1]), $kdv_orani);
                                                } else { 
                                                $kdvsiz_fiyat1 = KdvHaric(intval($fiyatexp[0]), $kdv_orani);
                                                $kdvsiz_fiyat2 = KdvHaric(intval($fiyatexp[1]), $kdv_orani);
												}
												
												$wherex = " and if(idurum=1,ifiyat,fiyat)>=".intval($kdvsiz_fiyat1)." and if(idurum=1,ifiyat,fiyat)<=".intval($kdvsiz_fiyat2);

											

										}
										
										
										if (isset($_GET["markalar"]) && $_GET["markalar"] != "") {

											$markagelenveri = temizle($_GET["markalar"]);

											foreach($markagelenveri as $markaverisi){

												
												if($markaverisi==''){
													$newid = "0";  
												}else{
													$newid = $markaverisi;    
												}
												
												$markammmmm.="".$newid.",";
											}
											$markammmmm = mb_substr($markammmmm,0,-1);
											

											$marka = " AND marka IN (".$markammmmm.") ";

											

										}

										
										if (isset($_GET["siralama"]) && $_GET["siralama"] != "") {

											

											if(temizle($_GET["siralama"]=='dusukfiyat')){

												

												$pageoku = $ozy->query("select *, if( idurum=1,ifiyat,fiyat) AS simdikifiyat from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by simdikifiyat ASC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

												

											} elseif (temizle($_GET["siralama"]=='yuksekfiyat')) {



												$pageoku = $ozy->query("select *, if( idurum=1,ifiyat,fiyat) AS simdikifiyat from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by simdikifiyat DESC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

												

											} elseif (temizle($_GET["siralama"]=='encokyorum')) {

												

												$pageoku = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by yorum DESC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

												

											} elseif (temizle($_GET["siralama"]=='enbegenilen')) {

												

												$pageoku = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by hit DESC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

												

											} elseif (temizle($_GET["siralama"]=='eskitarih')) {

												

												$pageoku = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by tarih DESC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

												

											} elseif (temizle($_GET["siralama"]=='yenitarih')) {

												

												$pageoku = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by tarih ASC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

												

											} elseif (temizle($_GET["siralama"]=='onerilen')) {	

												

												$pageoku = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by sira DESC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

												

											}

											

											

										} else {

											

											$pageoku = $ozy->query("select * from urunler where durum='1' and FIND_IN_SET($katid,kategori) ".$where." ".$wherex." ".$marka." order by sira DESC limit $goster,$limit")->fetchAll(PDO::FETCH_ASSOC);

											

										}

										

										
										$urunmarkalari.="";
										
										$__URUN__ = false;

										foreach ($pageoku as $katurunler) {
											
											$urunmarkalari.="".$katurunler['marka'].",";
											
											$__URUN__ = true;

											

											?>		
							
						







<div class="grid__item product-item laber-product-item-default">
  <div class="product-collection alo-border-radius" style="--alo-border-radius:5px;" 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 $katurunler['seo']; ?>" 
                                    class="d-block image_product cursor-default  ratio" 
                                    style="--ratio-percent: 100%;"
                                    data-js-product-image >
                                  <img
                                    srcset="resimler/urunler/<?php echo $katurunler['resim']; ?>?v=1672302391&width=165 165w,resimler/urunler/<?php echo $katurunler['resim']; ?>?v=1672302391&width=360 360w,resimler/urunler/<?php echo $katurunler['resim']; ?>?v=1672302391&width=533 533w,resimler/urunler/<?php echo $katurunler['resim']; ?>?v=1672302391&width=720 720w,resimler/urunler/<?php echo $katurunler['resim']; ?>?v=1672302391&width=940 940w,resimler/urunler/<?php echo $katurunler['resim']; ?>?v=1672302391 1000w
                                    "
                                    src="resimler/urunler/<?php echo $katurunler['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 $katurunler['adi']; ?>"
                                    class=" motion-reduce default_media"
                                    width="1000"
                                    height="1000"
                                    loading= "lazy"
                                    >
									
									
			 <?php 

			 $sayfaidm = $katurunler['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 = $katurunler['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 $katurunler['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($katurunler['idurum']=='1'){?>
                                <div class="label label--sale" data-js-product-label-sale>-%<?php echo yuzdeHesaplama($katurunler['fiyat'],$katurunler['ifiyat']);?></div>
                                <?php } ?>
							    <?php if($katurunler['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 $katurunler['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 $katurunler['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 $katurunler['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 product-grid-style style_left">  
        

                              <div class="product-collection__title">
                                <h2>
                                  <a href="urun/<?php echo $katurunler['seo']; ?>"><?php echo $katurunler['adi']; ?></a>
                                </h2>
                              </div>
                             <div class="product-collection__reviews">
   <div class="spr">
      <span class="spr-badge">
<?php
$yildiz = intval($katurunler['yildiz']);
echo str_repeat('★', $yildiz);
?>

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

								      $sayfaid = $katurunler['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($katurunler['kdv'],$katurunler['idurum'],$katurunler['fiyat'],$katurunler['ifiyat']);?>

                                  </span>
                                </div>
                              </div>
							  
							  
							  
			<div class="product-collection__availability">
			
			<?php if($katurunler['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 $katurunler['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>






			  <?php }

                        if (!$__URUN__){?>
						<p style="text-align: center;
  display: block;
  width: 100%;" class="woocommerce-info">
						Henüz ürün eklenmemiş.</p>
                           
                      <?php  }

                         ?>		
			










</div>

<link rel="stylesheet" href="<?php echo $sitetemasi;?>/cdn/shop/t/4/assets/component-pagination.css" media="print" onload="this.media='all'">

<div class="pagination-wrapper bot_page_collection">
    <nav class="pagination" role="navigation" aria-label="Pagination">
      <ul class="pagination__list list-unstyled page-numbers" role="list">
	  
	  
	  			<?php

															for ($i= $pages - $forlimit ; $i < $pages + $forlimit + 1 ; $i++) { 

																if ($i>0 and $i<=$sayfasayisi) {

																	

																	if ($i == $pages) {

																		

																		echo "<li><span class='pagination__item pagination__item--current' aria-current='page'>".$i."</span></li>";

																		

																	}else{

																		

																		$eklenecekstr="";

																		foreach($_GET as $key=>$value) {

			                                                            if($key!="pages" and $key!="oziywebs" and $key!="id") $eklenecekstr.=$key."=".$value."&";
																		
																		}

																		$eklenecekstr=$eklenecekstr!="" ? "&".$eklenecekstr : "";

																		

																		
                  echo "<li><a class='pagination__item link' href='kategori/".$page['seo']."?pages=".$i.$eklenecekstr.$GET['siralama']."'>".$i."</a></li>";

																		

																	}



																}

															}

															

															

															

															

															?> 

	  
	  </ul>
    </nav>
  </div>
</div></div>
        </div>
      </div>
    </div>
  </div>
</section>










<style id='grid-style'>#shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item{ float: left } @media (min-width: 1px) and (max-width: 360px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 1);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(1n+1){clear: left;}} @media (min-width: 361px) and (max-width: 480px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: left;}} @media (min-width: 481px) and (max-width: 575px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: left;}} @media (min-width: 576px) and (max-width: 767px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: left;}} @media (min-width: 768px) and (max-width: 991px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: left;}} @media (min-width: 992px) and (max-width: 1199px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 5);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(5n+1){clear: left;}} @media (min-width: 1200px) and (max-width: 1479px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 5);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(5n+1){clear: left;}} @media (min-width: 1480px) and (max-width: 1919px) { #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 6);} #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(6n+1){clear: left;}} @media (min-width: 1920px) {  #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item { padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px;  width: calc(100% / 6); } #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(6n+1){clear: left;}} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item{ float: right } @media (min-width: 1px) and (max-width: 360px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 1);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(1n+1){clear: right;}} @media (min-width: 361px) and (max-width: 480px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: right;}} @media (min-width: 481px) and (max-width: 575px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: right;}} @media (min-width: 576px) and (max-width: 767px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: right;}} @media (min-width: 768px) and (max-width: 991px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 2);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(2n+1){clear: right;}} @media (min-width: 992px) and (max-width: 1199px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 5);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(5n+1){clear: right;}} @media (min-width: 1200px) and (max-width: 1479px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 5);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(5n+1){clear: right;}} @media (min-width: 1480px) and (max-width: 1919px) { .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item {padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px; width: calc(100% / 6);} .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(6n+1){clear: right;}} @media (min-width: 1920px) {  .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item { padding-left:2.5px;padding-right:2.5px; padding-bottom:5.0px;  width: calc(100% / 6); } .rtl #shopify-section-template--18643476316445__product-grid #collection-product .product-item,#product-grid .product-item:nth-child(6n+1){clear: right;}} #collection-product,#product-grid {margin-left: -2.5px; margin-right: -2.5px;}</style>


<style data-shopify>#laber_template--18643476316445__product-grid { margin-top:;			margin-right:;			margin-bottom:;			margin-left:;padding-top: 30px ;		 padding-right:; padding-bottom: 100px ; padding-left:;background-color:;		 	 	}@media only screen and (max-width: 1024px) {		#laber_template--18643476316445__product-grid {margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;padding-top: 15px;padding-right: ;padding-bottom: 50px;padding-left: ;}	}</style><style data-shopify>
  @media only screen and (min-width : 1200px){.collection-hero__image-container .main-img{padding-top:200px !important;}}@media only screen and (min-width : 768px) and (max-width : 1199px){.collection-hero__image-container .main-img{padding-top:200px !important;}}@media only screen and (max-width : 767px){.collection-hero__image-container .main-img{padding-top:85px !important;}}
</style>

</div>
        </main>
      </div>
 <style>

.pin-wrapper {
  height: 634.2px;
}

.sidebar-wrapper {
  border-bottom: 0px rgb(119, 119, 119);
  width: 243.1px;
  top: 18px;
  position: fixed;
  left: 108.617px;
}

.sidebar-toggle {
  cursor: pointer;
}

.sidebar-content {
  padding-bottom: 10px;
}

.widget-title {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  padding-bottom: 10px !important;
}

.widget-title:hover .toggle {
  transform: rotate(225deg);
}

.product-categories,
.checkboxes_list {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}

.product-categories li,
.checkboxes_list li {
  margin-bottom: 10px;
}

.product-categories input[type=radio],
.checkboxes_list input[type=checkbox] {
  display: none;
}

.product-categories label,
.checkboxes_list label {
  cursor: pointer;
}

.product-categories label::before,
.checkboxes_list label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.product-categories input[type=radio]:checked + label::before,
.checkboxes_list input[type=checkbox]:checked + label::before {
  background-color: #ffd369 !important;
}

.widget {
  margin-bottom: 20px;
  
}


.filtretab {
  display: flex;
  width: 60%;
  float: left;
  padding-top: 0%;
  line-height: 19px;
  margin-top: 5px;
}

.filtereler {
font-weight: 500;
  margin-right: 10px;
  background: #f2f1f1;
  padding: 10px;
  border-radius: 5px;
  font-size: 12px;
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
	
.filtretab {
    display: contents  !important;
    text-align: center;
    width: 100% !important;
}

.filtereler {
margin-bottom: 8px;
}

.count {
display:none !important;
}

a.porto-product-filters-toggle
{
  -webkit-align-items: center;
  align-items: center;
  height: 45px;
  background: #fff;
  padding: 0 10px 0 3px;
  text-transform: uppercase;
  color: inherit;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 42% !important;
}



}	

</style>   