62005			</span>

        <span class="stext-107 cl6 p-lr-25">
				Categorie: Fuste			</span>
    </div>
</section>


<!-- Related Products -->
<section class="sec-relate-product bg0 p-t-45 p-b-105">
    <div class="container">
        <div class="p-b-45">
            <h3 class="ltext-106 cl5 txt-center">
                Articole din aceeasi categorie
            </h3>
        </div>

        <!-- Slide2 -->
        <div class="wrap-slick2">
            <div class="slick2">
                                <div class="item-slick2 p-l-15 p-r-15 p-t-15 p-b-15">
                    <!-- Block2 -->
                    <div class="block2">
                        <div class="block2-pic hov-img0">
                            <a href="/fusta-cu-buzunare/p/62005">
                                <img src="/product-images/medium/62005-Apricot.jpg" alt=" Fusta cu Buzunare">
                            </a>

                            <a href="/fusta-cu-buzunare/p/62005" class="block2-btn flex-c-m stext-103 cl2 size-102 bg0 bor2 hov-btn1 p-lr-15 trans-04">
                                Vezi produs
                            </a>
                        </div>

                        <div class="block2-txt flex-w flex-t p-t-14">
                            <div class="block2-txt-child1 flex-col-l ">
                                <a href="/fusta-cu-buzunare/p/62005" class="stext-104 cl4 hov-cl1 trans-04 js-name-b2 p-b-6">
                                     Fusta cu Buzunare                                </a>

                                <span class="stext-105 cl3">
										47 Lei
									</span>
                            </div>

                            <div class="block2-txt-child2 flex-r p-t-3">
                                <a href="#" class="btn-addwish-b2 dis-block pos-relative js-addwish-b2">
                                    <img class="icon-heart1 dis-block trans-04" src="/images/icons/icon-heart-01.png" alt="ICON">
                                    <img class="icon-heart2 dis-block trans-04 ab-t-l" src="/images/icons/icon-heart-02.png" alt="ICON">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="item-slick2 p-l-15 p-r-15 p-t-15 p-b-15">
                    <!-- Block2 -->
                    <div class="block2">
                        <div class="block2-pic hov-img0">
                            <a href="/fusta-dreapta-cu-buzunare-ascunse/p/8867">
                                <img src="/product-images/medium/8867-Green.jpg" alt=" Fusta Dreapta cu Buzunare Ascunse">
                            </a>

                            <a href="/fusta-dreapta-cu-buzunare-ascunse/p/8867" class="block2-btn flex-c-m stext-103 cl2 size-102 bg0 bor2 hov-btn1 p-lr-15 trans-04">
                                Vezi produs
                            </a>
                        </div>

                        <div class="block2-txt flex-w flex-t p-t-14">
                            <div class="block2-txt-child1 flex-col-l ">
                                <a href="/fusta-dreapta-cu-buzunare-ascunse/p/8867" class="stext-104 cl4 hov-cl1 trans-04 js-name-b2 p-b-6">
                                     Fusta Dreapta cu Buzunare Ascunse                                </a>

                                <span class="stext-105 cl3">
										350 Lei
									</span>
                            </div>

                            <div class="block2-txt-child2 flex-r p-t-3">
                                <a href="#" class="btn-addwish-b2 dis-block pos-relative js-addwish-b2">
                                    <img class="icon-heart1 dis-block trans-04" src="/images/icons/icon-heart-01.png" alt="ICON">
                                    <img class="icon-heart2 dis-block trans-04 ab-t-l" src="/images/icons/icon-heart-02.png" alt="ICON">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="item-slick2 p-l-15 p-r-15 p-t-15 p-b-15">
                    <!-- Block2 -->
                    <div class="block2">
                        <div class="block2-pic hov-img0">
                            <a href="/fusta-mini-tip-bulb/p/8870">
                                <img src="/product-images/medium/8870-Powder.jpg" alt=" Fusta Mini tip Bulb">
                            </a>

                            <a href="/fusta-mini-tip-bulb/p/8870" class="block2-btn flex-c-m stext-103 cl2 size-102 bg0 bor2 hov-btn1 p-lr-15 trans-04">
                                Vezi produs
                            </a>
                        </div>

                        <div class="block2-txt flex-w flex-t p-t-14">
                            <div class="block2-txt-child1 flex-col-l ">
                                <a href="/fusta-mini-tip-bulb/p/8870" class="stext-104 cl4 hov-cl1 trans-04 js-name-b2 p-b-6">
                                     Fusta Mini tip Bulb                                </a>

                                <span class="stext-105 cl3">
										62 Lei
									</span>
                            </div>

                            <div class="block2-txt-child2 flex-r p-t-3">
                                <a href="#" class="btn-addwish-b2 dis-block pos-relative js-addwish-b2">
                                    <img class="icon-heart1 dis-block trans-04" src="/images/icons/icon-heart-01.png" alt="ICON">
                                    <img class="icon-heart2 dis-block trans-04 ab-t-l" src="/images/icons/icon-heart-02.png" alt="ICON">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                            </div>
        </div>
    </div>
</section>
<!-- Footer -->
<footer class="bg3 p-t-75 p-b-32">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-lg-3 p-b-50">
                <h4 class="stext-301 cl0 p-b-30">
                    Categorii
                </h4>

                <ul>
                    <li class="p-b-10">
                        <a href="/Pulovere/c" class="stext-107 cl7 hov-cl1 trans-04">
                            Pulovere
                        </a>
                    </li>

                    <li class="p-b-10">
                        <a href="/Salopete/c" class="stext-107 cl7 hov-cl1 trans-04">
                           Salopete
                        </a>
                    </li>

                    <li class="p-b-10">
                        <a href="/Hanorace/c" class="stext-107 cl7 hov-cl1 trans-04">
                            Hanorace
                        </a>
                    </li>

                    <li class="p-b-10">
                        <a href="/Bluze/c" class="stext-107 cl7 hov-cl1 trans-04">
                            Bluze
                        </a>
                    </li>
                    <li class="p-b-10">
                        <a href="/Căciuli/c" class="stext-107 cl7 hov-cl1 trans-04">
                            Căciuli
                        </a>
                    </li>
                    <li class="p-b-10">
                        <a href="/Rochii/c" class="stext-107 cl7 hov-cl1 trans-04">
                            Rochii
                        </a>
                    </li>
                    <li class="p-b-10">
                        <a href="/Pantaloni/c" class="stext-107 cl7 hov-cl1 trans-04">
                            Pantaloni
                        </a>
                    </li>
                    <li class="p-b-10">
                        <a href="/Cardigane/c" class="stext-107 cl7 hov-cl1 trans-04">
                            Cardigane
                        </a>
                    </li>
                </ul>
            </div>

            <div class="col-sm-6 col-lg-3 p-b-50">
                <h4 class="stext-301 cl0 p-b-30">
                    Ajutor
                </h4>

                <ul>
                    <li class="p-b-10">
                        <a href="#" class="stext-107 cl7 hov-cl1 trans-04">
                            Urmărește comanda
                        </a>
                    </li>

                    <li class="p-b-10">
                        <a href="/termeni-si-conditii#RETUR" class="stext-107 cl7 hov-cl1 trans-04">
                            Retur
                        </a>
                    </li>

                    <li class="p-b-10">
                        <a href="/termeni-si-conditii#LIVRARE" class="stext-107 cl7 hov-cl1 trans-04">
                            Livrare
                        </a>
                    </li>

                    <li class="p-b-10">
                        <a href="#" class="stext-107 cl7 hov-cl1 trans-04">
                            FAQs
                        </a>
                    </li>
                    <li class="p-b-10">
                        <a href="/termeni-si-conditii" class="stext-107 cl7 hov-cl1 trans-04">
                            Termeni si conditii
                        </a>
                    </li>
                    <li>
                        <a href="http://www.anpc.gov.ro/" class="stext-107 cl7 hov-cl1 trans-04" ="_blank">
                            <b>Protecția Consumatorilor - ANPC</b>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="col-sm-6 col-lg-3 p-b-50">
                <h4 class="stext-301 cl0 p-b-30">
                    Contact
                </h4>

                <p class="stext-107 cl7 size-201">
                    Ai intrebari? Contacteaza-ne la adresa de email office[at]trendwear.ro
                </p>

                <div class="p-t-27">
                    <a ="_blank" href="https://www.facebook.com/trendwear.ro" class="fs-18 cl7 hov-cl1 trans-04 m-r-16">
                        <i class="fa fa-facebook"></i>
                    </a>

                    <a ="_blank" href="https://www.instagram.com/trendwear.ro/" class="fs-18 cl7 hov-cl1 trans-04 m-r-16">
                        <i class="fa fa-instagram"></i>
                    </a>

                    <a href="#" class="fs-18 cl7 hov-cl1 trans-04 m-r-16">
                        <i class="fa fa-pinterest-p"></i>
                    </a>
                    <hr>
                    <a href='https://play.google.com/store/apps/details?id=ro.trendwear.apps.trendwearro'>
                        <img alt='acum pe Google Play' src='/images/icons/google-play-badge.png' width="130"/>
                    </a>
                    <br>
                    <script language="JavaScript" type="text/javascript">TrustLogo("https://www.trendwear.ro/images/icons/comodo_secure_seal_113x59_transp.png","CL1","none");</script>
                    <a href="https://ssl.comodo.com" id="comodoTL">Comodo SSL</a>

<!-- START 3CHEAPS.com verification code -->
<a href="https://3cheaps.com" ="_blank">
    <img src="https://images.3cheaps.com/badge_145x40.png?120e6da89e6a3ece894a107712d4bbbc" width="145" height="40">
</a>
<!-- END 3CHEAPS.com verification code -->
                                                            

                </div>
            </div>

            <div class="col-sm-6 col-lg-3 p-b-50">
                <h4 class="stext-301 cl0 p-b-30">
                    Newsletter
                </h4>

                <form>
                    <div class="wrap-input1 w-full p-b-4">
                        <input class="input1 bg-none plh1 stext-107 cl7" type="text" name="email" ="email@example.com">
                        <div class="focus-input1 trans-04"></div>
                    </div>

                    <div class="p-t-18">
                        <button class="flex-c-m stext-101 cl0 size-103 bg1 bor1 hov-btn2 p-lr-15 trans-04">
                            Aboneaza-te
                        </button>
                    </div>
                </form>
                <hr>
                <a ='_blank' href='//api.2performant.com/public/affiliates/recruit_affiliate?unique_code=cf1f38924'>
                    <img src='https://badges.2performant.com/recruitment/tmeasures/work_with_me.png'/>
                </a>
            </div>
        </div>

        <div class="p-t-40">
            <div class="flex-c-m flex-w p-b-18">
                <a href="#" class="m-all-1">
                    <img src="/images/icons/icon-pay-01.png" alt="ICON-PAY">
                </a>

                <a href="#" class="m-all-1">
                    <img src="/images/icons/icon-pay-02.png" alt="ICON-PAY">
                </a>

                <a href="#" class="m-all-1">
                    <img src="/images/icons/icon-pay-03.png" alt="ICON-PAY">
                </a>

<!--                <a href="#" class="m-all-1">-->
<!--                    <img src="/images/icons/icon-pay-04.png" alt="ICON-PAY">-->
<!--                </a>-->
<!---->
<!--                <a href="#" class="m-all-1">-->
<!--                    <img src="/images/icons/icon-pay-05.png" alt="ICON-PAY">-->
<!--                </a>-->
            </div>

            <p class="stext-107 cl6 txt-center">
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                Copyright &copy;<script>document.write(new Date().getFullYear());</script> <b>trendwear.ro</b> - All rights reserved | This template is made with <i class="fa fa-heart-o" � �n="true"></i> by <a href="https://colorlib.com" ="_blank">Colorlib</a>
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->

            </p>
        </div>
    </div>
</footer>


<!-- Back to top -->
<div class="btn-back-to-top" id="myBtn">
		<span class="symbol-btn-back-to-top">
			<i class="zmdi zmdi-chevron-up"></i>
		</span>
</div>

<!--===============================================================================================-->
<script src="/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="/vendor/bootstrap/js/popper.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="/vendor/select2/select2.min.js?ver=2"></script>
<script>$(document).ready(function(){$(".js-select2").each(function(){$(this).select2({minimumResultsForSearch:10,dropdownParent:$(this).next('.dropDownSelect2')});})
$('#js-select2-city').on('select2:select',function(e){$.post("/ajax/getShippingCost",e.params.data,function(data){$("#shipping-cost").text(data.cost);var total=parseFloat(data.cost)+parseFloat($("#cart-total").attr("data-value"));$("#cart-total").text(total);$("#place-order-1st").attr('href','/plasare-comanda?city='+encodeURI(e.params.data.text)+'&cityId='+e.params.data.id)})});$('#js-select2-city').select2({ajax:{url:'/ajax/getShippingCities',method:"POST",delay:250,data:function(params){var query={search:params.term}
return query;}},placeholder:'Localitate',escapeMarkup:function(markup){return markup;},minimumInputLength:3,templateResult:formatRepo,templateSelection:formatRepoSelection});function formatRepo(repo){if(repo.loading){return repo.text;}var markup="<div class='select2-result-repository clearfix'>"+"<div class='select2-result-repository__title'>"+repo.text+"</div>";return markup;}function formatRepoSelection(repo){return repo.full_name||repo.text;}})</script>
<!--===============================================================================================-->
<script src="/vendor/daterangepicker/moment.min.js"></script>
<script src="/vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="/vendor/slick/slick.min.js?ver=1"></script>
<script src="/js/slick-custom.js"></script>
<!--===============================================================================================-->
<script src="/vendor/parallax100/parallax100.js"></script>
<script>$('.parallax100').parallax100();</script>
<!--===============================================================================================-->
<script src="/vendor/MagnificPopup/jquery.magnific-popup.min.js"></script>
<script>$('.gallery-lb').each(function(){$(this).magnificPopup({delegate:'a',type:'image',gallery:{enabled:true},mainClass:'mfp-fade'});});</script>
<!--===============================================================================================-->
<script src="/vendor/isotope/isotope.pkgd.min.js"></script>
<!--===============================================================================================-->
<script src="/vendor/sweetalert/sweetalert.min.js"></script>
<script>$(document).ready(function(){$('.js-addwish-b2, .js-addwish-detail').on('click',function(e){e.preventDefault();});$('.js-addwish-b2').each(function(){var nameProduct=$(this).parent().parent().find('.js-name-b2').html();$(this).on('click',function(){swal(nameProduct,"a fost adaugat in lista de favorite !","success");$(this).addClass('js-addedwish-b2');$(this).off('click');});});$('.js-addwish-detail').each(function(){var nameProduct=$(this).parent().parent().parent().find('.js-name-detail').html();$(this).on('click',function(){swal(nameProduct,"a fost adaugat in lista de favorite !","success");$(this).addClass('js-addedwish-detail');$(this).off('click');});});$('.js-addcart-detail').each(function(){var nameProduct=$(this).parent().parent().parent().parent().find('.js-name-detail').html();$(this).on('click',function(){if($(".productColor.color-selector").length==0){swal("Te rugam sa alegi o culoare!","","info");}else{if($(".productColor.color-selector").parent("div").hasClass("no_stock")){swal("Stoc epuizat!","","info");}else{var cartItem={};cartItem['qty']=$(this).parent().parent().parent().parent().find('.num-product').val();cartItem['size']=$(this).parent().parent().parent().parent().find('.productSize').val();cartItem['color']=$(this).parent().parent().parent().parent().find('.productColor').attr('data-color');cartItem['code']=$(this).parent().parent().parent().parent().find('.productCode').val();cartItem['price']=$.trim($(this).parent().parent().parent().parent().find('.productPrice').text());cartItem['name']=$.trim($(this).parent().parent().parent().parent().find('.js-name-detail').text());$.post("/addToCart",cartItem,function(){$.get("/getCartDetails",function(data){$(".header-cart-content").html(data);$('.js-show-cart').attr('data-notify',$("#totalCartProducts").val());});swal(nameProduct,"a fost adaugat in cos !","success");});}}});});$.get("/getCartPageDetails",function(data){$(".table-shopping-cart").append(data);});$("body").on('change','.num-product',function(){updateCart($(this).parent().find('.cartUpdateQty:eq(1)'))});$('body').on('click','.cartUpdateQty',function(){updateCart(this)});$('body').on('click','.updateCartDiscount',function(){updateCartDiscount();});function updateCart(elem){var cartItem={};cartItem['code']=$(elem).attr('data-productCode');cartItem['size']=$(elem).attr('data-productSize');cartItem['color']=$(elem).attr('data-productColor');cartItem['qty']=Number($(elem).parent().find("input").val());$.post("/updateCartQty",cartItem,function(){$.get("/getCartPageDetails",function(data){$(".table-shopping-cart").find(".table_row").remove();$(".table-shopping-cart").append(data);});$.get("/getCartJSON",function(data){cart=$.parseJSON(data);$("#cart-subtotal").text(cart['amount']+" Lei");$("#cart-discount").text(cart['discount']+" Lei");$("#cart-total").text((cart['amount']-cart['discount'])+" Lei");});});}function updateCartDiscount(){var cartItem={};cartItem['coupon']=$('input[name="coupon"]').val();$.post("/updateCartDiscount",cartItem,function(){$.get("/getCartJSON",function(data){console.log(data);cart=$.parseJSON(data);$("#cart-subtotal").text(cart['amount']+" Lei");$("#cart-discount").text(cart['discount']+" Lei");$("#cart-total").text((cart['amount']-cart['discount'])+" Lei");});});}$(".color-selector").click(function(){$('.color-selector').removeClass('productColor');$(this).addClass('productColor');$("#slick-color-"+$(this).attr('data-color')).click();})});</script>


<!--===============================================================================================-->
<script src="/vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script>$('.js-pscroll').each(function(){$(this).css('position','relative');$(this).css('overflow','hidden');var ps=new PerfectScrollbar(this,{wheelSpeed:1,scrollingThreshold:1000,wheelPropagation:false,});$(window).on('resize',function(){ps.update();})});</script>
<!--===============================================================================================-->
<!--===============================================================================================-->
<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAbAC4d7TKIr6Y7yGssyVTHj4gsdBSGFCs"></script>-->
<!--<script src="/js/map-custom.js"></script>-->
<!--===============================================================================================-->
<script src="/js/main.js"></script>
<!-- MAILCHIMP TRACKING CODE -->
<!--<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/000b48ebbf69622499ecae0d5/43d301e2b67801841a6ea0fda.js");</script>-->
</body>
</html>
<!DOCTYPE HTML>
<html lang="ro" class="light-style layout-menu-fixed layout-navbar-fixed" dir="ltr" data-theme="theme-default" data-assets-path="/assets/" data-template="vertical-menu-template-free">
<head>
<base href="yeo.ro"/>
  <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>Torget - YEO</title>
	<link rel="canonical" href=""/>
    <meta name="description" content=""/>
	<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/xapple-touch-icon.png.pagespeed.ic.Uy56o0unWC.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/xfavicon-32x32.png.pagespeed.ic.yyEKjoCrna.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png.pagespeed.ce.xVh6NJdmnc.png">
    <link rel="manifest" href="/assets/favicon/site.webmanifest">


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TXH4X4C8FF"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-TXH4X4C8FF');</script>

<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7406011897773184"
     crossorigin="anonymous"></script> --> <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com"/>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"/>

    <!-- Icons. Uncomment required icon fonts -->
    <link rel="stylesheet" href="/assets/vendor/fonts/A.boxicons.css.pagespeed.cf.t4e8KYWTW0.css"/>

    <!-- Core CSS -->
    <link rel="stylesheet" href="/assets/vendor/css/A.core.css,qver=1.pagespeed.cf.0gv5B1GFU4.css" class="template-customizer-core-css"/>
    <style>.carousel{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.carousel-track{display:flex;animation:scroll 20s linear infinite}.carousel-track img{padding:0 10px}@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(
      calc(-150px * 2)
    ); /* Adjust based on the number of images */
  }
}@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-150px * 2));
  }
}.longer-text{overflow:hidden;text-overflow:ellipsis;max-height:100px;height:100px}</style>
    <link rel="stylesheet" href="/assets/vendor/css/A.theme-default.css,qver=1.pagespeed.cf.uqR1m4HOU8.css" class="template-customizer-theme-css"/>

    <!-- Vendors CSS -->
    <link rel="stylesheet" href="/assets/vendor/libs/perfect-scrollbar/A.perfect-scrollbar.css.pagespeed.cf.nt_Gkb7Q5g.css"/>

    <!-- Page CSS -->

    <!-- Helpers -->
    <script src="/assets/vendor/js/helpers.js.pagespeed.jm.TnTky64Nu9.js"></script>

    <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
    <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
    <script>//<![CDATA[
'use strict';let config={colors:{primary:'#696cff',secondary:'#8592a3',success:'#71dd37',info:'#03c3ec',warning:'#ffab00',danger:'#ff3e1d',dark:'#233446',black:'#000',white:'#fff',body:'#f4f5fb',headingColor:'#566a7f',axisColor:'#a1acb8',borderColor:'#eceef1'}};
//]]></script>


</head>
<body>
 <div class="layout-wrapper layout-content-navbar">
      <div class="layout-container">
      <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
          <div class="app-brand demo">
            <a href="/" class="app-brand-link">
              <img src="/assets/img/xyeo.ro.png.pagespeed.ic.WVEkFAv424.png" alt="yeo logo"/>
            </a>

            <a class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
              <i class="bx bx-chevron-left bx-sm align-middle"></i>
            </a>
          </div>

          <div class="menu-inner-shadow"></div>

          <ul class="menu-inner py-1">
            <!-- Dashboard -->
              
                                 <li class="menu-header small text-uppercase">
      <span class="menu-header-text">Filtre</span>
</li>
 <li class="menu-item">
                  <a href="javascript:void(0);" class="menu-link menu-toggle">
                    <i class="menu-icon tf-icons bx bx-box"></i>
                    <div data-i18n="Layouts">Magazin</div>
                  </a>

                  <ul class="menu-sub">
                    <div class="card overflow-hidden mb-4" style="height: 300px">
                      <h5 class="card-header">
                        <input class="form-control" list="id0List" id="filter0" placeholder="Cauta..."/>
                      </h5>
                      <div class="card-body vertical-scroll-filter">
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="claumarpescar.ro" class="form-check-input" type="checkbox" value="" id="idclaumarpescar.ro"/>
                          <label class="form-check-label" for="idclaumarpescar.ro">
                           claumarpescar.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="elefant.ro" class="form-check-input" type="checkbox" value="" id="idelefant.ro"/>
                          <label class="form-check-label" for="idelefant.ro">
                           elefant.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="libris.ro" class="form-check-input" type="checkbox" value="" id="idlibris.ro"/>
                          <label class="form-check-label" for="idlibris.ro">
                           libris.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="pescar-expert.ro" class="form-check-input" type="checkbox" value="" id="idpescar-expert.ro"/>
                          <label class="form-check-label" for="idpescar-expert.ro">
                           pescar-expert.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="answear.ro" class="form-check-input" type="checkbox" value="" id="idanswear.ro"/>
                          <label class="form-check-label" for="idanswear.ro">
                           answear.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="notino.ro" class="form-check-input" type="checkbox" value="" id="idnotino.ro"/>
                          <label class="form-check-label" for="idnotino.ro">
                           notino.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="anticexlibris.ro/" class="form-check-input" type="checkbox" value="" id="idanticexlibris.ro/"/>
                          <label class="form-check-label" for="idanticexlibris.ro/">
                           anticexlibris.ro/                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="carturesti.ro" class="form-check-input" type="checkbox" value="" id="idcarturesti.ro"/>
                          <label class="form-check-label" for="idcarturesti.ro">
                           carturesti.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="autoxl.ro" class="form-check-input" type="checkbox" value="" id="idautoxl.ro"/>
                          <label class="form-check-label" for="idautoxl.ro">
                           autoxl.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="liki24.ro" class="form-check-input" type="checkbox" value="" id="idliki24.ro"/>
                          <label class="form-check-label" for="idliki24.ro">
                           liki24.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="bonami.ro" class="form-check-input" type="checkbox" value="" id="idbonami.ro"/>
                          <label class="form-check-label" for="idbonami.ro">
                           bonami.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="infinity.ro" class="form-check-input" type="checkbox" value="" id="idinfinity.ro"/>
                          <label class="form-check-label" for="idinfinity.ro">
                           infinity.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="mezoni.ro" class="form-check-input" type="checkbox" value="" id="idmezoni.ro"/>
                          <label class="form-check-label" for="idmezoni.ro">
                           mezoni.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="mycloset.ro" class="form-check-input" type="checkbox" value="" id="idmycloset.ro"/>
                          <label class="form-check-label" for="idmycloset.ro">
                           mycloset.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="bookzone.ro" class="form-check-input" type="checkbox" value="" id="idbookzone.ro"/>
                          <label class="form-check-label" for="idbookzone.ro">
                           bookzone.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="jocurinoi.ro" class="form-check-input" type="checkbox" value="" id="idjocurinoi.ro"/>
                          <label class="form-check-label" for="idjocurinoi.ro">
                           jocurinoi.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="epantofi.ro" class="form-check-input" type="checkbox" value="" id="idepantofi.ro"/>
                          <label class="form-check-label" for="idepantofi.ro">
                           epantofi.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="libhumanitas.ro" class="form-check-input" type="checkbox" value="" id="idlibhumanitas.ro"/>
                          <label class="form-check-label" for="idlibhumanitas.ro">
                           libhumanitas.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="redgoblin.ro" class="form-check-input" type="checkbox" value="" id="idredgoblin.ro"/>
                          <label class="form-check-label" for="idredgoblin.ro">
                           redgoblin.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="spy-shop.ro" class="form-check-input" type="checkbox" value="" id="idspy-shop.ro"/>
                          <label class="form-check-label" for="idspy-shop.ro">
                           spy-shop.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="1cctv.ro" class="form-check-input" type="checkbox" value="" id="id1cctv.ro"/>
                          <label class="form-check-label" for="id1cctv.ro">
                           1cctv.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="airsoft.ro" class="form-check-input" type="checkbox" value="" id="idairsoft.ro"/>
                          <label class="form-check-label" for="idairsoft.ro">
                           airsoft.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="grupdzc.ro" class="form-check-input" type="checkbox" value="" id="idgrupdzc.ro"/>
                          <label class="form-check-label" for="idgrupdzc.ro">
                           grupdzc.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="noriel.ro" class="form-check-input" type="checkbox" value="" id="idnoriel.ro"/>
                          <label class="form-check-label" for="idnoriel.ro">
                           noriel.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="aguu.ro" class="form-check-input" type="checkbox" value="" id="idaguu.ro"/>
                          <label class="form-check-label" for="idaguu.ro">
                           aguu.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="aleo.ro" class="form-check-input" type="checkbox" value="" id="idaleo.ro"/>
                          <label class="form-check-label" for="idaleo.ro">
                           aleo.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="brasty.ro" class="form-check-input" type="checkbox" value="" id="idbrasty.ro"/>
                          <label class="form-check-label" for="idbrasty.ro">
                           brasty.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="cupio.ro/" class="form-check-input" type="checkbox" value="" id="idcupio.ro/"/>
                          <label class="form-check-label" for="idcupio.ro/">
                           cupio.ro/                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="davopro.ro" class="form-check-input" type="checkbox" value="" id="iddavopro.ro"/>
                          <label class="form-check-label" for="iddavopro.ro">
                           davopro.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="drmax.ro/" class="form-check-input" type="checkbox" value="" id="iddrmax.ro/"/>
                          <label class="form-check-label" for="iddrmax.ro/">
                           drmax.ro/                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="hippoland.ro" class="form-check-input" type="checkbox" value="" id="idhippoland.ro"/>
                          <label class="form-check-label" for="idhippoland.ro">
                           hippoland.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="imperios.ro" class="form-check-input" type="checkbox" value="" id="idimperios.ro"/>
                          <label class="form-check-label" for="idimperios.ro">
                           imperios.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="librariadelfin.ro" class="form-check-input" type="checkbox" value="" id="idlibrariadelfin.ro"/>
                          <label class="form-check-label" for="idlibrariadelfin.ro">
                           librariadelfin.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="magazin.visuel.ro" class="form-check-input" type="checkbox" value="" id="idmagazin.visuel.ro"/>
                          <label class="form-check-label" for="idmagazin.visuel.ro">
                           magazin.visuel.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="magazinuldegene.ro" class="form-check-input" type="checkbox" value="" id="idmagazinuldegene.ro"/>
                          <label class="form-check-label" for="idmagazinuldegene.ro">
                           magazinuldegene.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="magazinuldesah.ro" class="form-check-input" type="checkbox" value="" id="idmagazinuldesah.ro"/>
                          <label class="form-check-label" for="idmagazinuldesah.ro">
                           magazinuldesah.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="minuneanaturii.ro/" class="form-check-input" type="checkbox" value="" id="idminuneanaturii.ro/"/>
                          <label class="form-check-label" for="idminuneanaturii.ro/">
                           minuneanaturii.ro/                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="mxenduro.ro" class="form-check-input" type="checkbox" value="" id="idmxenduro.ro"/>
                          <label class="form-check-label" for="idmxenduro.ro">
                           mxenduro.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="nobilacasa.ro" class="form-check-input" type="checkbox" value="" id="idnobilacasa.ro"/>
                          <label class="form-check-label" for="idnobilacasa.ro">
                           nobilacasa.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="obio.ro" class="form-check-input" type="checkbox" value="" id="idobio.ro"/>
                          <label class="form-check-label" for="idobio.ro">
                           obio.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="ookee.ro" class="form-check-input" type="checkbox" value="" id="idookee.ro"/>
                          <label class="form-check-label" for="idookee.ro">
                           ookee.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="orioudh.ro" class="form-check-input" type="checkbox" value="" id="idorioudh.ro"/>
                          <label class="form-check-label" for="idorioudh.ro">
                           orioudh.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="petmart.ro" class="form-check-input" type="checkbox" value="" id="idpetmart.ro"/>
                          <label class="form-check-label" for="idpetmart.ro">
                           petmart.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="photosetup.ro" class="form-check-input" type="checkbox" value="" id="idphotosetup.ro"/>
                          <label class="form-check-label" for="idphotosetup.ro">
                           photosetup.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="putereaplantelor.ro/" class="form-check-input" type="checkbox" value="" id="idputereaplantelor.ro/"/>
                          <label class="form-check-label" for="idputereaplantelor.ro/">
                           putereaplantelor.ro/                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="robazar.ro" class="form-check-input" type="checkbox" value="" id="idrobazar.ro"/>
                          <label class="form-check-label" for="idrobazar.ro">
                           robazar.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="sportdepot.ro" class="form-check-input" type="checkbox" value="" id="idsportdepot.ro"/>
                          <label class="form-check-label" for="idsportdepot.ro">
                           sportdepot.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="tala.ro" class="form-check-input" type="checkbox" value="" id="idtala.ro"/>
                          <label class="form-check-label" for="idtala.ro">
                           tala.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="topline.ro" class="form-check-input" type="checkbox" value="" id="idtopline.ro"/>
                          <label class="form-check-label" for="idtopline.ro">
                           topline.ro                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="shopName" data-filter-value="vitamix.ro" class="form-check-input" type="checkbox" value="" id="idvitamix.ro"/>
                          <label class="form-check-label" for="idvitamix.ro">
                           vitamix.ro                          </label>
                        </div>
                                                </div>
                    </div>
                  </ul>
                </li>
  <li class="menu-item">
                  <a href="javascript:void(0);" class="menu-link menu-toggle">
                    <i class="menu-icon tf-icons bx bx-box"></i>
                    <div data-i18n="Layouts">Marca</div>
                  </a>

                  <ul class="menu-sub">
                    <div class="card overflow-hidden mb-4" style="height: 300px">
                      <h5 class="card-header">
                        <input class="form-control" list="id1List" id="filter1" placeholder="Cauta..."/>
                      </h5>
                      <div class="card-body vertical-scroll-filter">
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Live Target" class="form-check-input" type="checkbox" value="" id="idLive Target"/>
                          <label class="form-check-label" for="idLive Target">
                           Live Target                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="LIVETARGET" class="form-check-input" type="checkbox" value="" id="idLIVETARGET"/>
                          <label class="form-check-label" for="idLIVETARGET">
                           LIVETARGET                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Hodder Education" class="form-check-input" type="checkbox" value="" id="idHodder Education"/>
                          <label class="form-check-label" for="idHodder Education">
                           Hodder Education                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Pearson Education Limited" class="form-check-input" type="checkbox" value="" id="idPearson Education Limited"/>
                          <label class="form-check-label" for="idPearson Education Limited">
                           Pearson Education Limited                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Elmwood Education Limited" class="form-check-input" type="checkbox" value="" id="idElmwood Education Limited"/>
                          <label class="form-check-label" for="idElmwood Education Limited">
                           Elmwood Education Limited                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Daiwa" class="form-check-input" type="checkbox" value="" id="idDaiwa"/>
                          <label class="form-check-label" for="idDaiwa">
                           Daiwa                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Ebury Publishing" class="form-check-input" type="checkbox" value="" id="idEbury Publishing"/>
                          <label class="form-check-label" for="idEbury Publishing">
                           Ebury Publishing                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Little, Brown Book Group" class="form-check-input" type="checkbox" value="" id="idLittle, Brown Book Group"/>
                          <label class="form-check-label" for="idLittle, Brown Book Group">
                           Little, Brown Book Group                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Gardner" class="form-check-input" type="checkbox" value="" id="idGardner"/>
                          <label class="form-check-label" for="idGardner">
                           Gardner                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Oakley" class="form-check-input" type="checkbox" value="" id="idOakley"/>
                          <label class="form-check-label" for="idOakley">
                           Oakley                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="-" class="form-check-input" type="checkbox" value="" id="id-"/>
                          <label class="form-check-label" for="id-">
                           -                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="GOD SAVE QUEENS" class="form-check-input" type="checkbox" value="" id="idGOD SAVE QUEENS"/>
                          <label class="form-check-label" for="idGOD SAVE QUEENS">
                           GOD SAVE QUEENS                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Farmona" class="form-check-input" type="checkbox" value="" id="idFarmona"/>
                          <label class="form-check-label" for="idFarmona">
                           Farmona                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="LaQ" class="form-check-input" type="checkbox" value="" id="idLaQ"/>
                          <label class="form-check-label" for="idLaQ">
                           LaQ                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Norfin" class="form-check-input" type="checkbox" value="" id="idNorfin"/>
                          <label class="form-check-label" for="idNorfin">
                           Norfin                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="HarperCollins Publishers" class="form-check-input" type="checkbox" value="" id="idHarperCollins Publishers"/>
                          <label class="form-check-label" for="idHarperCollins Publishers">
                           HarperCollins Publishers                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Headline Publishing Group" class="form-check-input" type="checkbox" value="" id="idHeadline Publishing Group"/>
                          <label class="form-check-label" for="idHeadline Publishing Group">
                           Headline Publishing Group                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Yen on" class="form-check-input" type="checkbox" value="" id="idYen on"/>
                          <label class="form-check-label" for="idYen on">
                           Yen on                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="DC Comics" class="form-check-input" type="checkbox" value="" id="idDC Comics"/>
                          <label class="form-check-label" for="idDC Comics">
                           DC Comics                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="IdeallStore" class="form-check-input" type="checkbox" value="" id="idIdeallStore"/>
                          <label class="form-check-label" for="idIdeallStore">
                           IdeallStore                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Jordan" class="form-check-input" type="checkbox" value="" id="idJordan"/>
                          <label class="form-check-label" for="idJordan">
                           Jordan                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Kodansha America, Inc" class="form-check-input" type="checkbox" value="" id="idKodansha America, Inc"/>
                          <label class="form-check-label" for="idKodansha America, Inc">
                           Kodansha America, Inc                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="LDA" class="form-check-input" type="checkbox" value="" id="idLDA"/>
                          <label class="form-check-label" for="idLDA">
                           LDA                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="RMS" class="form-check-input" type="checkbox" value="" id="idRMS"/>
                          <label class="form-check-label" for="idRMS">
                           RMS                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Select Baits" class="form-check-input" type="checkbox" value="" id="idSelect Baits"/>
                          <label class="form-check-label" for="idSelect Baits">
                           Select Baits                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Colmic" class="form-check-input" type="checkbox" value="" id="idColmic"/>
                          <label class="form-check-label" for="idColmic">
                           Colmic                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Nerf" class="form-check-input" type="checkbox" value="" id="idNerf"/>
                          <label class="form-check-label" for="idNerf">
                           Nerf                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Victorinox" class="form-check-input" type="checkbox" value="" id="idVictorinox"/>
                          <label class="form-check-label" for="idVictorinox">
                           Victorinox                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="ATHENA" class="form-check-input" type="checkbox" value="" id="idATHENA"/>
                          <label class="form-check-label" for="idATHENA">
                           ATHENA                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="BBC Books" class="form-check-input" type="checkbox" value="" id="idBBC Books"/>
                          <label class="form-check-label" for="idBBC Books">
                           BBC Books                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Ebury" class="form-check-input" type="checkbox" value="" id="idEbury"/>
                          <label class="form-check-label" for="idEbury">
                           Ebury                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Hari Tea" class="form-check-input" type="checkbox" value="" id="idHari Tea"/>
                          <label class="form-check-label" for="idHari Tea">
                           Hari Tea                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Hodder & Stoughton" class="form-check-input" type="checkbox" value="" id="idHodder & Stoughton"/>
                          <label class="form-check-label" for="idHodder & Stoughton">
                           Hodder & Stoughton                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Hope Comerford" class="form-check-input" type="checkbox" value="" id="idHope Comerford"/>
                          <label class="form-check-label" for="idHope Comerford">
                           Hope Comerford                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="James Patterson" class="form-check-input" type="checkbox" value="" id="idJames Patterson"/>
                          <label class="form-check-label" for="idJames Patterson">
                           James Patterson                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Little, Brown & Company" class="form-check-input" type="checkbox" value="" id="idLittle, Brown & Company"/>
                          <label class="form-check-label" for="idLittle, Brown & Company">
                           Little, Brown & Company                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Orion Publishing Co" class="form-check-input" type="checkbox" value="" id="idOrion Publishing Co"/>
                          <label class="form-check-label" for="idOrion Publishing Co">
                           Orion Publishing Co                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Pan Macmillan" class="form-check-input" type="checkbox" value="" id="idPan Macmillan"/>
                          <label class="form-check-label" for="idPan Macmillan">
                           Pan Macmillan                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Revuele" class="form-check-input" type="checkbox" value="" id="idRevuele"/>
                          <label class="form-check-label" for="idRevuele">
                           Revuele                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="SAS Gardners EU" class="form-check-input" type="checkbox" value="" id="idSAS Gardners EU"/>
                          <label class="form-check-label" for="idSAS Gardners EU">
                           SAS Gardners EU                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Södahl" class="form-check-input" type="checkbox" value="" id="idSödahl"/>
                          <label class="form-check-label" for="idSödahl">
                           Södahl                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Taylor & Francis Ltd" class="form-check-input" type="checkbox" value="" id="idTaylor & Francis Ltd"/>
                          <label class="form-check-label" for="idTaylor & Francis Ltd">
                           Taylor & Francis Ltd                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Tom King" class="form-check-input" type="checkbox" value="" id="idTom King"/>
                          <label class="form-check-label" for="idTom King">
                           Tom King                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Austin Macauley Publishers" class="form-check-input" type="checkbox" value="" id="idAustin Macauley Publishers"/>
                          <label class="form-check-label" for="idAustin Macauley Publishers">
                           Austin Macauley Publishers                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Baker Publishing Group" class="form-check-input" type="checkbox" value="" id="idBaker Publishing Group"/>
                          <label class="form-check-label" for="idBaker Publishing Group">
                           Baker Publishing Group                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Bloomsbury Publishing PLC" class="form-check-input" type="checkbox" value="" id="idBloomsbury Publishing PLC"/>
                          <label class="form-check-label" for="idBloomsbury Publishing PLC">
                           Bloomsbury Publishing PLC                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="CamCat Publishing, LLC" class="form-check-input" type="checkbox" value="" id="idCamCat Publishing, LLC"/>
                          <label class="form-check-label" for="idCamCat Publishing, LLC">
                           CamCat Publishing, LLC                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Cornerstone" class="form-check-input" type="checkbox" value="" id="idCornerstone"/>
                          <label class="form-check-label" for="idCornerstone">
                           Cornerstone                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="David Baldacci" class="form-check-input" type="checkbox" value="" id="idDavid Baldacci"/>
                          <label class="form-check-label" for="idDavid Baldacci">
                           David Baldacci                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Delphin" class="form-check-input" type="checkbox" value="" id="idDelphin"/>
                          <label class="form-check-label" for="idDelphin">
                           Delphin                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="HIKVISION" class="form-check-input" type="checkbox" value="" id="idHIKVISION"/>
                          <label class="form-check-label" for="idHIKVISION">
                           HIKVISION                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Head of Zeus" class="form-check-input" type="checkbox" value="" id="idHead of Zeus"/>
                          <label class="form-check-label" for="idHead of Zeus">
                           Head of Zeus                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Jill Elizabeth Nelson" class="form-check-input" type="checkbox" value="" id="idJill Elizabeth Nelson"/>
                          <label class="form-check-label" for="idJill Elizabeth Nelson">
                           Jill Elizabeth Nelson                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Legami" class="form-check-input" type="checkbox" value="" id="idLegami"/>
                          <label class="form-check-label" for="idLegami">
                           Legami                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Lurchi" class="form-check-input" type="checkbox" value="" id="idLurchi"/>
                          <label class="form-check-label" for="idLurchi">
                           Lurchi                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Lysa Terkeurst" class="form-check-input" type="checkbox" value="" id="idLysa Terkeurst"/>
                          <label class="form-check-label" for="idLysa Terkeurst">
                           Lysa Terkeurst                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Meopta" class="form-check-input" type="checkbox" value="" id="idMeopta"/>
                          <label class="form-check-label" for="idMeopta">
                           Meopta                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Penguin Books Ltd" class="form-check-input" type="checkbox" value="" id="idPenguin Books Ltd"/>
                          <label class="form-check-label" for="idPenguin Books Ltd">
                           Penguin Books Ltd                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Poppy Green" class="form-check-input" type="checkbox" value="" id="idPoppy Green"/>
                          <label class="form-check-label" for="idPoppy Green">
                           Poppy Green                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Quercus Publishing" class="form-check-input" type="checkbox" value="" id="idQuercus Publishing"/>
                          <label class="form-check-label" for="idQuercus Publishing">
                           Quercus Publishing                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="SAGE Publications Inc" class="form-check-input" type="checkbox" value="" id="idSAGE Publications Inc"/>
                          <label class="form-check-label" for="idSAGE Publications Inc">
                           SAGE Publications Inc                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Amazon Publishing" class="form-check-input" type="checkbox" value="" id="idAmazon Publishing"/>
                          <label class="form-check-label" for="idAmazon Publishing">
                           Amazon Publishing                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Balvi" class="form-check-input" type="checkbox" value="" id="idBalvi"/>
                          <label class="form-check-label" for="idBalvi">
                           Balvi                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Capitol Records" class="form-check-input" type="checkbox" value="" id="idCapitol Records"/>
                          <label class="form-check-label" for="idCapitol Records">
                           Capitol Records                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Carthusia" class="form-check-input" type="checkbox" value="" id="idCarthusia"/>
                          <label class="form-check-label" for="idCarthusia">
                           Carthusia                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Createspace Independent Publishing Platform" class="form-check-input" type="checkbox" value="" id="idCreatespace Independent Publishing Platform"/>
                          <label class="form-check-label" for="idCreatespace Independent Publishing Platform">
                           Createspace Independent Publishing Platform                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="DAYCO" class="form-check-input" type="checkbox" value="" id="idDAYCO"/>
                          <label class="form-check-label" for="idDAYCO">
                           DAYCO                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Debra Kostiw" class="form-check-input" type="checkbox" value="" id="idDebra Kostiw"/>
                          <label class="form-check-label" for="idDebra Kostiw">
                           Debra Kostiw                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Declan Donnellan" class="form-check-input" type="checkbox" value="" id="idDeclan Donnellan"/>
                          <label class="form-check-label" for="idDeclan Donnellan">
                           Declan Donnellan                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Enzo" class="form-check-input" type="checkbox" value="" id="idEnzo"/>
                          <label class="form-check-label" for="idEnzo">
                           Enzo                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="FERODO" class="form-check-input" type="checkbox" value="" id="idFERODO"/>
                          <label class="form-check-label" for="idFERODO">
                           FERODO                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Good Books" class="form-check-input" type="checkbox" value="" id="idGood Books"/>
                          <label class="form-check-label" for="idGood Books">
                           Good Books                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="HarperCollins Publishers Inc" class="form-check-input" type="checkbox" value="" id="idHarperCollins Publishers Inc"/>
                          <label class="form-check-label" for="idHarperCollins Publishers Inc">
                           HarperCollins Publishers Inc                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Jessica R. Patch" class="form-check-input" type="checkbox" value="" id="idJessica R. Patch"/>
                          <label class="form-check-label" for="idJessica R. Patch">
                           Jessica R. Patch                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Jessica Strawser" class="form-check-input" type="checkbox" value="" id="idJessica Strawser"/>
                          <label class="form-check-label" for="idJessica Strawser">
                           Jessica Strawser                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Leonard Cohen" class="form-check-input" type="checkbox" value="" id="idLeonard Cohen"/>
                          <label class="form-check-label" for="idLeonard Cohen">
                           Leonard Cohen                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="M. C. Beaton" class="form-check-input" type="checkbox" value="" id="idM. C. Beaton"/>
                          <label class="form-check-label" for="idM. C. Beaton">
                           M. C. Beaton                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Maria Scrivan" class="form-check-input" type="checkbox" value="" id="idMaria Scrivan"/>
                          <label class="form-check-label" for="idMaria Scrivan">
                           Maria Scrivan                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Mark Greaney" class="form-check-input" type="checkbox" value="" id="idMark Greaney"/>
                          <label class="form-check-label" for="idMark Greaney">
                           Mark Greaney                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Marvel" class="form-check-input" type="checkbox" value="" id="idMarvel"/>
                          <label class="form-check-label" for="idMarvel">
                           Marvel                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Marvel Comics" class="form-check-input" type="checkbox" value="" id="idMarvel Comics"/>
                          <label class="form-check-label" for="idMarvel Comics">
                           Marvel Comics                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Newland" class="form-check-input" type="checkbox" value="" id="idNewland"/>
                          <label class="form-check-label" for="idNewland">
                           Newland                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Orion" class="form-check-input" type="checkbox" value="" id="idOrion"/>
                          <label class="form-check-label" for="idOrion">
                           Orion                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Phyllis Good" class="form-check-input" type="checkbox" value="" id="idPhyllis Good"/>
                          <label class="form-check-label" for="idPhyllis Good">
                           Phyllis Good                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Simon & Schuster" class="form-check-input" type="checkbox" value="" id="idSimon & Schuster"/>
                          <label class="form-check-label" for="idSimon & Schuster">
                           Simon & Schuster                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Simon & Schuster Ltd" class="form-check-input" type="checkbox" value="" id="idSimon & Schuster Ltd"/>
                          <label class="form-check-label" for="idSimon & Schuster Ltd">
                           Simon & Schuster Ltd                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Skyler" class="form-check-input" type="checkbox" value="" id="idSkyler"/>
                          <label class="form-check-label" for="idSkyler">
                           Skyler                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Soho Press" class="form-check-input" type="checkbox" value="" id="idSoho Press"/>
                          <label class="form-check-label" for="idSoho Press">
                           Soho Press                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Sony Music" class="form-check-input" type="checkbox" value="" id="idSony Music"/>
                          <label class="form-check-label" for="idSony Music">
                           Sony Music                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Susan Wittig Albert" class="form-check-input" type="checkbox" value="" id="idSusan Wittig Albert"/>
                          <label class="form-check-label" for="idSusan Wittig Albert">
                           Susan Wittig Albert                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Swarovski" class="form-check-input" type="checkbox" value="" id="idSwarovski"/>
                          <label class="form-check-label" for="idSwarovski">
                           Swarovski                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Terri Reed" class="form-check-input" type="checkbox" value="" id="idTerri Reed"/>
                          <label class="form-check-label" for="idTerri Reed">
                           Terri Reed                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Thomas Nelson Publishers" class="form-check-input" type="checkbox" value="" id="idThomas Nelson Publishers"/>
                          <label class="form-check-label" for="idThomas Nelson Publishers">
                           Thomas Nelson Publishers                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Transworld Publishers Ltd" class="form-check-input" type="checkbox" value="" id="idTransworld Publishers Ltd"/>
                          <label class="form-check-label" for="idTransworld Publishers Ltd">
                           Transworld Publishers Ltd                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="UMAGE" class="form-check-input" type="checkbox" value="" id="idUMAGE"/>
                          <label class="form-check-label" for="idUMAGE">
                           UMAGE                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Willow Winters" class="form-check-input" type="checkbox" value="" id="idWillow Winters"/>
                          <label class="form-check-label" for="idWillow Winters">
                           Willow Winters                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="Yonah Jeremy Bob" class="form-check-input" type="checkbox" value="" id="idYonah Jeremy Bob"/>
                          <label class="form-check-label" for="idYonah Jeremy Bob">
                           Yonah Jeremy Bob                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="15751604159316101587160" class="form-check-input" type="checkbox" value="" id="id15751604159316101587160"/>
                          <label class="form-check-label" for="id15751604159316101587160">
                           15751604159316101587160                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="A. L. Jackson" class="form-check-input" type="checkbox" value="" id="idA. L. Jackson"/>
                          <label class="form-check-label" for="idA. L. Jackson">
                           A. L. Jackson                          </label>
                        </div>
                                                  <div class="form-check mt-3">
                          <input data-filter-group="brand" data-filter-value="AK Press" class="form-check-input" type="checkbox" value="" id="idAK Press"/>
                          <label class="form-check-label" for="idAK Press">
                           AK Press                          </label>
                        </div>
                                                </div>
                    </div>
                  </ul>
                </li>
  <li class="menu-item open">
                  <a href="javascript:void(0);" class="menu-link menu-toggle">
                    <i class="menu-icon tf-icons bx bx-dollar"></i>
                    <div data-i18n="Layouts">Preț</div>
                  </a>

                  <ul class="menu-sub">
                    <div class="mx-4">
                      <div>
                        <div class="input-group">
                          <input type="text" class="form-control" placeholder="Minim" aria-label="Amount "/>
                          <input type="text" class="form-control" placeholder="Maxim" aria-label="Amount "/>
                        </div>
                      </div><br>
                      <button type="submit" class="btn btn-primary">
                        Filtreaza
                      </button>
                    </div>
                  </ul>
                </li>
<li class="menu-item open" style="display:none">
                  <a href="javascript:void(0);" class="menu-link menu-toggle">
                    <i class="menu-icon tf-icons bx bx-layout"></i>
                    <div data-i18n="Layouts">Culori</div>
                  </a>

                  <ul class="menu-sub">
                    <div class="card overflow-hidden mb-4" style="height: 300px">
                      <h5 class="card-header">
                        <input class="form-control" list="datalistOptions" id="exampleDataList" placeholder="Type to search..."/>
                      </h5>
                      <div class="card-body" id="vertical-example">
                        <div class="form-check mt-3">
                          <input class="form-check-input" type="checkbox" value="" id="defaultCheck1"/>

                          <label class="form-check-label d-flex align-items-center gap-1" for="defaultCheck1">
                            <div style="
                                width: 14px;
                                height: 14px;
                                background-color: red;
                                border-radius: 4px;
                              "></div>
                            Rosu
                          </label>
                        </div>
                      </div>
                    </div>
                  </ul>
                </li>
<li class="menu-header small text-uppercase">
      <span class="menu-header-text">Meniu</span>
</li>



<script>
document.addEventListener("DOMContentLoaded", function () {
    // Select all filter input fields
    const filterInputs = document.querySelectorAll('.menu-sub .form-control');

    // Get the sorting select element
    const sortSelect = document.getElementById('productListSort');

    // Select price inputs and the filter button
    const priceMinInput = document.querySelector('input[placeholder="Minim"]');
    const priceMaxInput = document.querySelector('input[placeholder="Maxim"]');
    const priceFilterButton = document.querySelector('button.btn-primary');

    // Parse URL parameters to auto-select filters and sorting if they are present
    const urlParams = new URLSearchParams(window.location.search);
    const filtersParam = urlParams.get('filters');
    const sortParam = urlParams.get('sort');
    const selectedFilters = {};

    if (filtersParam) {
        // Parse the filters parameter using '|' as the separator for groups
        filtersParam.split('|').forEach(filterGroup => {
            const [filterName, ...filterValues] = filterGroup.split(':');
            selectedFilters[filterName] = filterValues;
        });
    }

    // Set the selected sorting option based on the URL parameter
    if (sortParam) {
        sortSelect.value = sortParam;
    }

    // Select the checkboxes based on filters from URL
    const filterCheckboxes = document.querySelectorAll('.menu-sub .form-check-input');
    filterCheckboxes.forEach(checkbox => {
        const filterGroup = checkbox.getAttribute('data-filter-group');
        const filterValue = checkbox.getAttribute('data-filter-value');

        // Check if this checkbox's filter is in the URL parameters
        if (selectedFilters[filterGroup] && selectedFilters[filterGroup].includes(filterValue)) {
            checkbox.checked = true;
        }
    });

    // Set the price filter fields if the URL includes a price filter
    if (selectedFilters['price'] && selectedFilters['price'].length === 2) {
        priceMinInput.value = selectedFilters['price'][0];
        priceMaxInput.value = selectedFilters['price'][1];
    }

    // Reorder checked options on page load
    function reorderCheckedOptions() {
        const filterCards = document.querySelectorAll('.card-body');
        filterCards.forEach(filterOptionsContainer => {
            const options = Array.from(filterOptionsContainer.querySelectorAll('.form-check'));

            // Separate checked and unchecked options
            const checkedOptions = options.filter(option => option.querySelector('.form-check-input').checked);
            const uncheckedOptions = options.filter(option => !option.querySelector('.form-check-input').checked);

            // Clear existing options and reorder them
            filterOptionsContainer.innerHTML = '';
            checkedOptions.forEach(option => filterOptionsContainer.appendChild(option));  // Append checked options first
            uncheckedOptions.forEach(option => filterOptionsContainer.appendChild(option)); // Append unchecked options next
        });
    }

    // Initial reorder on page load
    reorderCheckedOptions();

    // Input filtering for search options in each filter group
    filterInputs.forEach(input => {
        input.addEventListener('input', function () {
            const filterValue = input.value.toLowerCase();
            const filterOptionsContainer = input.closest('.card').querySelector('.card-body');
            const options = filterOptionsContainer.querySelectorAll('.form-check');

            options.forEach(option => {
                const label = option.querySelector('.form-check-label').innerText.toLowerCase();
                option.style.display = label.includes(filterValue) ? '' : 'none';
            });
        });
    });

    // Reorder selected checkboxes at the top within each filter group on change
    filterCheckboxes.forEach(checkbox => {
        checkbox.addEventListener('change', function () {
            const filterOptionsContainer = checkbox.closest('.card-body');
            const options = Array.from(filterOptionsContainer.querySelectorAll('.form-check'));

            const checkedOptions = options.filter(option => option.querySelector('.form-check-input').checked);
            const uncheckedOptions = options.filter(option => !option.querySelector('.form-check-input').checked);

            filterOptionsContainer.innerHTML = '';
            checkedOptions.forEach(option => filterOptionsContainer.appendChild(option));
            uncheckedOptions.forEach(option => filterOptionsContainer.appendChild(option));

            updateUrlWithFilters();
        });
    });

    // Update URL with sorting parameter and redirect
    sortSelect.addEventListener('change', function () {
        const newSortValue = sortSelect.value;
        const newUrl = new URL(window.location.href);

        // Set the sort parameter in the URL
        newUrl.searchParams.set('sort', newSortValue);
        
        // Redirect with updated URL
        window.location.href = newUrl.toString();
    });

    function updateUrlWithFilters() {
        const selectedFilters = {};

        // Collect selected filters
        filterCheckboxes.forEach(checkbox => {
            if (checkbox.checked) {
                const filterGroup = checkbox.getAttribute('data-filter-group');
                const filterValue = checkbox.getAttribute('data-filter-value');

                if (!selectedFilters[filterGroup]) {
                    selectedFilters[filterGroup] = [];
                }
                selectedFilters[filterGroup].push(filterValue);
            }
        });

        // Include price filter in selected filters
        const priceMin = priceMinInput.value;
        const priceMax = priceMaxInput.value;
        if (priceMin && priceMax) {
            selectedFilters['price'] = [priceMin, priceMax];
        }

        // Construct filters parameter with '|' as the separator for filter groups
        const filtersParam = Object.keys(selectedFilters)
            .map(filterGroup => `${filterGroup}:${selectedFilters[filterGroup].join(':')}`)
            .join('|');

        // Update URL
        const newUrl = new URL(window.location.href);
        if (filtersParam) {
            newUrl.searchParams.set('filters', filtersParam);
        } else {
            newUrl.searchParams.delete('filters');
        }

        // Redirect to new URL with updated filters
        window.location.href = newUrl.toString();
    }

    // Add event listener to price filter button
    priceFilterButton.addEventListener('click', function () {
        updateUrlWithFilters();
    });
});

</script>
                            
            <li class="menu-item ">
              <a href="/" class="menu-link">
                <i class="menu-icon tf-icons bx bx-home-circle"></i>
                <div data-i18n="Acasa">Acasa</div>
              </a>
            </li>
<li class="menu-item ">
              <a href="/cont" class="menu-link">
                <i class="menu-icon tf-icons bx bx-user"></i>
                <div data-i18n="Categorii">Contul meu</div>
              </a>
            </li>
         <li class="menu-item ">
              <a href="/favorite" class="menu-link">
                <i class="menu-icon tf-icons bx bx-star"></i>
                <div data-i18n="Favorite">Favorite
                  <span class="favCounter flex-shrink-0 badge badge-center rounded-pill bg-primary w-px-20 h-px-20">0</span>
                  </div>
              </a>
            </li>
            <li class="menu-item ">
              <a href="/categorii" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Categorii">Categorii</div>
              </a>
            </li>
            <li class="menu-item ">
              <a href="/promotii" class="menu-link">
                <i class="menu-icon tf-icons bx bx-crown"></i>
                <div data-i18n="Promotii">Promotii</div>
              </a>
            </li>
            <li class="menu-item ">
              <a href="/despre-noi" class="menu-link">
                <i class="menu-icon tf-icons bx bx-file"></i>
                <div data-i18n="Despre Noi">Despre noi</div>
              </a>
            </li>
            <li class="menu-item ">
              <a href="/parteneri" class="menu-link">
                <i class="menu-icon tf-icons bx bxs-group"></i>
                <div data-i18n="Parteneri">Parteneri</div>
              </a>
            </li>
            <li class="menu-item ">
              <a href="/contact" class="menu-link">
                <i class="menu-icon tf-icons bx bx-support"></i>
                <div data-i18n="Contact">Contact</div>
              </a>
            </li>
             
          </ul>
        </aside>
        <!-- / Menu -->
<div class="layout-page">


<!-- Navbar -->

          <nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
            <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
              <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                <i class="bx bx-menu bx-sm"></i>
              </a>

            </div>
            <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
              <!-- Search -->
                              <div class="navbar-nav align-items-center">
                <div class="nav-item d-flex align-items-center">
                  <i class="bx bx-search fs-4 lh-0"></i>
                  <input id="searchInput" type="text" class="form-control border-0 shadow-none" placeholder="Cauta..." aria-label="Cauta..." value="Torget"/>
                </div>
                                </div>
              <!-- /Search -->

              <ul class="navbar-nav flex-row align-items-center ms-auto">
                <!-- User -->
                <li class="nav-item navbar-dropdown dropdown-user dropdown">
                  <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                    <div class="">
                     <img src="/assets/img/Nx30xyeo.ro.png.pagespeed.ic.GYM7DKK0iK.png" height="30">
                    </div>
                  </a>
                  <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                      <a class="dropdown-item" href="/">
                        <span class="d-flex align-items-center align-middle">
                          <i class="flex-shrink-0 bx bx-home me-2"></i>
                          <span class="flex-grow-1 align-middle">Acasa</span>
                        </span>
                      </a>
                    </li>
                    <li>
                      <div class="dropdown-divider"></div>
                    </li>
                                          <li>
                          <form class="p-4" onsubmit="return false;">
                            <div class="mb-3">
                              <label for="exampleDropdownFormEmail1" class="form-label">Email</label>
                              <input type="email" class="form-control" id="loginUsername" placeholder="email@example.com"/>
                            </div>
                            <div class="mb-3">
                              <label for="exampleDropdownFormPassword1" class="form-label">Parola</label>
                              <input type="password" class="form-control" id="loginPassword" placeholder="Parola"/>
                            </div>
                            <div class="mb-3">
                              <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="dropdownCheck"/>
                                <label class="form-check-label" for="dropdownCheck">
                                  Tine-ma minte
                                </label>
                              </div>
                            </div>
                            <button type="button" id="loginButton" class="btn btn-primary">
                              Conectare
                            </button>
                          </form>
                          <div class="dropdown-divider"></div>
                          <a class="dropdown-item" href="/cont?tab=inregistrare">Creaza cont</a>
                          <a class="dropdown-item" href="/cont?tab=resetare-parola">Ai uitat parola?</a>
                        </li>
                                        </ul>
                </li>
                <!--/ User -->
               
              </ul>
                
            </div>
          </nav>

          <!-- / Navbar -->
  <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h1 class="fw-bold py-3 mb-2 display-6">
                Rezultate pentru "Torget"
              </h1>
                <span class="text-muted">1335 Produse | Pagina 11</span>
              
                  <div class="d-flex gap-3 align-items-center justify-content-end mb-4">
                    <div class="col-md-3 col-sm-7">
                      <select class="form-select placement-dropdown" id="productListSort">
                        <option value="relevanta:DESC">Relevanta</option>
                        <option value="pret:ASC">Pret Crescator</option>
                        <option value="pret:DESC">Pret Descrescator</option>
                        <option value="recente:DESC">Recente</option>
                      </select>
                    </div>
              </div>

              <!-- Icon container -->
              <div class="row">
                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-glow/p/9da0e995fd05135b084328ffb28de3ed">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-6cm-14g-Glow-Black-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Glow /black"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="9da0e995fd05135b084328ffb28de3ed">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-glow/p/9da0e995fd05135b084328ffb28de3ed">Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Glow /black</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=51305b3f7&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-5-5cm-11g/p/639cfbf90bdf2af17e5433df7464f4f2">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-5-5cm-11g-Gold-Red-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 5.5cm, 11g, Gold / Red"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="639cfbf90bdf2af17e5433df7464f4f2">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-5-5cm-11g/p/639cfbf90bdf2af17e5433df7464f4f2">Lingurita Oscilanta Live Target Erratic Shine Sinking, 5.5cm, 11g, Gold / Red</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=c232d9831&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-glow/p/67ded9434970f6b33107798ff8ec7524">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Glow-Black-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Glow /black"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="67ded9434970f6b33107798ff8ec7524">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-glow/p/67ded9434970f6b33107798ff8ec7524">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Glow /black</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=c53ea8e41&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/cd66f54565ebafebf07b983f8e12e1fc">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Silver-Pearl-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Pearl"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="cd66f54565ebafebf07b983f8e12e1fc">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/cd66f54565ebafebf07b983f8e12e1fc">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Pearl</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=84a97bdc6&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-gold/p/a070f1bd08981950ecb9df6292c9df06">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-6cm-14g-Gold-Green-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Gold / Green"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="a070f1bd08981950ecb9df6292c9df06">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-gold/p/a070f1bd08981950ecb9df6292c9df06">Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Gold / Green</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=abad11872&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-gold/p/0e553b715427876e4787b02c3c272dbb">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Gold-Black-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Gold / Black"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="0e553b715427876e4787b02c3c272dbb">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-gold/p/0e553b715427876e4787b02c3c272dbb">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Gold / Black</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=e48dd19de&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-5cm-7g-silver/p/1c8ce723a67095d15d9fcdfff7b60ff3">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-5cm-7g-Silver-Bronze-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 5cm, 7g, Silver / Bronze"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="1c8ce723a67095d15d9fcdfff7b60ff3">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-5cm-7g-silver/p/1c8ce723a67095d15d9fcdfff7b60ff3">Lingurita Oscilanta Live Target Erratic Shine Sinking, 5cm, 7g, Silver / Bronze</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=c138ed696&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-silver/p/34b3dcfb24ff6cca35c20ddd842e3e04">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-6cm-14g-Silver-Black-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Silver / Black"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="34b3dcfb24ff6cca35c20ddd842e3e04">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-silver/p/34b3dcfb24ff6cca35c20ddd842e3e04">Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Silver / Black</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=723d0590b&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-gold/p/855a7e78c3ebc0219b7a6f5afbbff095">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Gold-Red-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Gold / Red"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="855a7e78c3ebc0219b7a6f5afbbff095">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-gold/p/855a7e78c3ebc0219b7a6f5afbbff095">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Gold / Red</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=03873f7cf&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-glow/p/49f8f54155a5b135b918785186d084a9">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Glow-Pearl-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Glow / Pearl"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="49f8f54155a5b135b918785186d084a9">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-glow/p/49f8f54155a5b135b918785186d084a9">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Glow / Pearl</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=33dc2d70c&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-silver/p/e6a753235b51d49f30748ef50db3359f">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-6cm-14g-Silver-Violet-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Silver / Violet"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="e6a753235b51d49f30748ef50db3359f">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-6cm-14g-silver/p/e6a753235b51d49f30748ef50db3359f">Lingurita Oscilanta Live Target Erratic Shine Sinking, 6cm, 14g, Silver / Violet</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=b66dd7c4f&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-gold/p/f75837738f5abb274f9d0ac02cc3ebff">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Gold-Green-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Gold / Green"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="f75837738f5abb274f9d0ac02cc3ebff">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-gold/p/f75837738f5abb274f9d0ac02cc3ebff">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Gold / Green</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=a14dbe628&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/48a377809a536ded299acf91009e7616">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Silver-Black-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Black"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="48a377809a536ded299acf91009e7616">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/48a377809a536ded299acf91009e7616">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Black</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=9fafc57fb&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/26d762dfc496e01d54524b91e8256cbc">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Silver-Bronze-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Bronze"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="26d762dfc496e01d54524b91e8256cbc">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/26d762dfc496e01d54524b91e8256cbc">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Bronze</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=65df6eee8&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/787a2f9e960a3fa0c1df4d604566e6c4">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Silver-Blue-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Blue"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="787a2f9e960a3fa0c1df4d604566e6c4">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/787a2f9e960a3fa0c1df4d604566e6c4">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Blue</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=5a442ccd0&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/62152bbb2f4d98eb27b55296fd5ddfd0">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Erratic-Shine-Sinking-7cm-21g-Silver-Violet-300x300.webp" alt="Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Violet"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="62152bbb2f4d98eb27b55296fd5ddfd0">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-erratic-shine-sinking-7cm-21g-silver/p/62152bbb2f4d98eb27b55296fd5ddfd0">Lingurita Oscilanta Live Target Erratic Shine Sinking, 7cm, 21g, Silver / Violet</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=6c057dd2e&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>42.88 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/ciorapi-dama-norfin-target-t1p-35-37/p/a1b39e540c2bd3152f8a95eddf4f0660">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Ciorapi/Ciorapi-Dama-Norfin-Target-T1P-35-37--300x300.webp" alt="Ciorapi Dama Norfin Target T1p (35-37)"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="a1b39e540c2bd3152f8a95eddf4f0660">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/ciorapi-dama-norfin-target-t1p-35-37/p/a1b39e540c2bd3152f8a95eddf4f0660">Ciorapi Dama Norfin Target T1p (35-37)</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=72c274221&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>38 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-pearl-5/p/14f38d1e66533955ea653cc0587d89af">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Pearl-5-5cm-14g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Pearl, 5.5cm, 14g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="14f38d1e66533955ea653cc0587d89af">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-pearl-5/p/14f38d1e66533955ea653cc0587d89af">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Pearl, 5.5cm, 14g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=679a92008&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-green-5/p/818e957d21a2945aef4501b94f3ebedf">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Gold-Green-5-5cm-14g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold / Green, 5.5cm, 14g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="818e957d21a2945aef4501b94f3ebedf">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-green-5/p/818e957d21a2945aef4501b94f3ebedf">Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold / Green, 5.5cm, 14g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=a3726c0bc&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-blue-6cm/p/770085ccff46399ab28efcde491c6efc">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Blue-6cm-21g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Blue, 6cm, 21g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="770085ccff46399ab28efcde491c6efc">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-blue-6cm/p/770085ccff46399ab28efcde491c6efc">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Blue, 6cm, 21g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=26169da19&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-red-5/p/e126e7e96e9a2de2ff4fb1ca31a4b5c1">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Gold-Red-5-5cm-14g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold/ Red, 5.5cm, 14g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="e126e7e96e9a2de2ff4fb1ca31a4b5c1">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-red-5/p/e126e7e96e9a2de2ff4fb1ca31a4b5c1">Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold/ Red, 5.5cm, 14g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=6ceb108a5&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-pearl-5/p/14d3e01535c3b81c64c80ee58d5e0157">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Gold-Pearl-5-5cm-14g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold / Pearl, 5.5cm, 14g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="14d3e01535c3b81c64c80ee58d5e0157">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-pearl-5/p/14d3e01535c3b81c64c80ee58d5e0157">Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold / Pearl, 5.5cm, 14g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=7b9d93363&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-bronze-5/p/b78f11774401b77aa481183e6d61668c">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Bronze-5-5cm-14g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Bronze, 5.5cm, 14g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="b78f11774401b77aa481183e6d61668c">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-bronze-5/p/b78f11774401b77aa481183e6d61668c">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Bronze, 5.5cm, 14g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=6d7865b41&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-pearl-6cm/p/cb6e29cd01ec24305f72e86071d16458">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Pearl-6cm-21g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Pearl, 6cm, 21g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="cb6e29cd01ec24305f72e86071d16458">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-pearl-6cm/p/cb6e29cd01ec24305f72e86071d16458">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Pearl, 6cm, 21g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=f70c888c8&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-blue-5/p/13c947740fcc817379b10e64fb74a2d4">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Blue-5-5cm-14g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Blue, 5.5cm, 14g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="13c947740fcc817379b10e64fb74a2d4">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-blue-5/p/13c947740fcc817379b10e64fb74a2d4">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Blue, 5.5cm, 14g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=061091b37&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-black-6cm/p/886ccc8dfedada13bbf6f627e0ec521a">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Black-6cm-21g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Black, 6cm, 21g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="886ccc8dfedada13bbf6f627e0ec521a">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-black-6cm/p/886ccc8dfedada13bbf6f627e0ec521a">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Black, 6cm, 21g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=0b7b64975&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-bronze-6cm/p/d9c5862e2591c2022bedee626cce1a1a">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Bronze-6cm-21g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Bronze, 6cm, 21g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="d9c5862e2591c2022bedee626cce1a1a">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-bronze-6cm/p/d9c5862e2591c2022bedee626cce1a1a">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Bronze, 6cm, 21g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=66f9f83d9&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-violet-5/p/51e4fd17e98b3726568324022c5fab78">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Violet-5-5cm-14g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Violet, 5.5cm, 14g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="51e4fd17e98b3726568324022c5fab78">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-violet-5/p/51e4fd17e98b3726568324022c5fab78">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Violet, 5.5cm, 14g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=4e9e48463&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-bronze-7cm/p/20f163b7a19cc8c09e6d75d883a694c4">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Silver-Bronze-7cm-28g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Bronze, 7cm, 28g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="20f163b7a19cc8c09e6d75d883a694c4">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-silver-bronze-7cm/p/20f163b7a19cc8c09e6d75d883a694c4">Lingurita Oscilanta Live Target Flutter Shad Sinking, Silver / Bronze, 7cm, 28g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=842722454&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                  
                <div class="col-lg-2 col-md-4 col-6 mb-4 text-center">
                  <div class="card" style="display: block">
                    <a href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-red-6cm/p/034d39e333f6c553b1c522f21d511a59">
                     <div style="
                          height: 150px;
                          display: table-cell;
                          vertical-align: middle;
                        ">
                          <img class="card-img-small" src="https://claumarpescar.ro/image/cachewebp/catalog/produse/Linguri-Oscilante/Lingurita-Oscilanta-Live-Target-Flutter-Shad-Sinking-Gold-Red-6cm-21g-300x300.webp" alt="Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold/ Red, 6cm, 21g"/>
                        </div>
                    </a>
                    <div class="card-body-product">
                      <div class="star-icon position-absolute top-0 end-0" data-id="034d39e333f6c553b1c522f21d511a59">
                        <i class="bx bx-star bx-sm bx-tada-hover bxs-star p-1 text-primary"></i>
                      </div>
                      <h3 class="card-title display-6 longer-text">
                        <a class="text-body" href="/lingurita-oscilanta-live-target-flutter-shad-sinking-gold-red-6cm/p/034d39e333f6c553b1c522f21d511a59">Lingurita Oscilanta Live Target Flutter Shad Sinking, Gold/ Red, 6cm, 21g</a>
                      </h3>
                      <p class="card-text">
                           <a class="text-body" href="https://event.2performant.com/events/click?ad_type=product_store&unique=a82e43adf&aff_code=1ee745f03&campaign_unique=03bb372c7" rel="nofollow" target="_blank"><img alt="claumarpescar.ro" src="https://images.3cheaps.com/shops_icons/claumarpescar.ro.png"> claumarpescar.ro</a><br>
                           <span class="text-muted small">
                            Actualizat in 21/12/2024                        </span>
                      </p>
                       
                      <p class="card-text" style="color: rgb(47, 155, 47)">
                        <b>47.17 Lei</b>
                      </p>
                    </div>
                  </div>
                </div>                                </div>
            </div>
           <ul class="pagination pagination-rounded justify-content-center"><li class="page-item first">
                            <a class="page-link" href="/Torget/search?page=1">
                                <i class="tf-icon bx bx-chevrons-left"></i>
                            </a>
                        </li><li class="page-item prev">
                            <a class="page-link" href="/Torget/search?page=10">
                                <i class="tf-icon bx bx-chevron-left"></i>
                            </a>
                        </li><li class="page-item"><a class="page-link" href="/Torget/search?page=1">1</a></li><li class="page-item disabled"><span class="page-link">...</span></li><li class="page-item">
                                    <a class="page-link" href="/Torget/search?page=9">9</a>
                                </li><li class="page-item">
                                    <a class="page-link" href="/Torget/search?page=10">10</a>
                                </li><li class="page-item active">
                                    <a class="page-link" href="/Torget/search?page=11">11</a>
                                </li><li class="page-item">
                                    <a class="page-link" href="/Torget/search?page=12">12</a>
                                </li><li class="page-item">
                                    <a class="page-link" href="/Torget/search?page=13">13</a>
                                </li><li class="page-item disabled"><span class="page-link">...</span></li><li class="page-item"><a class="page-link" href="/Torget/search?page=45">45</a></li><li class="page-item next">
                            <a class="page-link" href="/Torget/search?page=12">
                                <i class="tf-icon bx bx-chevron-right"></i>
                            </a>
                        </li><li class="page-item last">
                            <a class="page-link" href="/Torget/search?page=21">
                                <i class="tf-icon bx bx-chevrons-right"></i>
                            </a>
                        </li><li class="page-item" style="margin-left: 2px;"><select class="form-select placement-dropdown" onchange="location = this.value;"><option value="/Torget/search?page=1">1</option><option value="/Torget/search?page=2">2</option><option value="/Torget/search?page=3">3</option><option value="/Torget/search?page=4">4</option><option value="/Torget/search?page=5">5</option><option value="/Torget/search?page=6">6</option><option value="/Torget/search?page=7">7</option><option value="/Torget/search?page=8">8</option><option value="/Torget/search?page=9">9</option><option value="/Torget/search?page=10">10</option><option value="/Torget/search?page=11" selected>11</option><option value="/Torget/search?page=12">12</option><option value="/Torget/search?page=13">13</option><option value="/Torget/search?page=14">14</option><option value="/Torget/search?page=15">15</option><option value="/Torget/search?page=16">16</option><option value="/Torget/search?page=17">17</option><option value="/Torget/search?page=18">18</option><option value="/Torget/search?page=19">19</option><option value="/Torget/search?page=20">20</option><option value="/Torget/search?page=21">21</option><option value="/Torget/search?page=22">22</option><option value="/Torget/search?page=23">23</option><option value="/Torget/search?page=24">24</option><option value="/Torget/search?page=25">25</option><option value="/Torget/search?page=26">26</option><option value="/Torget/search?page=27">27</option><option value="/Torget/search?page=28">28</option><option value="/Torget/search?page=29">29</option><option value="/Torget/search?page=30">30</option><option value="/Torget/search?page=31">31</option><option value="/Torget/search?page=32">32</option><option value="/Torget/search?page=33">33</option><option value="/Torget/search?page=34">34</option><option value="/Torget/search?page=35">35</option><option value="/Torget/search?page=36">36</option><option value="/Torget/search?page=37">37</option><option value="/Torget/search?page=38">38</option><option value="/Torget/search?page=39">39</option><option value="/Torget/search?page=40">40</option><option value="/Torget/search?page=41">41</option><option value="/Torget/search?page=42">42</option><option value="/Torget/search?page=43">43</option><option value="/Torget/search?page=44">44</option><option value="/Torget/search?page=45">45</option></select><li></ul>
<script>document.addEventListener('DOMContentLoaded',function(){document.querySelectorAll('.pagination .page-link').forEach(link=>{link.addEventListener('click',function(e){e.preventDefault();const url=new URL(this.href,window.location.origin);window.location.href=url.toString();});});});</script>            <!-- / Content -->


            <div class="content-backdrop fade"></div>
          </div>
          <!-- Content wrapper -->
    <!-- Content wrapper -->
          <footer class="content-footer footer bg-footer-theme">
            <div class="container-xxl">
              <div class="footer-container d-flex align-items-center justify-content-between py-4 flex-md-row flex-column">
                <div class="text-body">
                  ©
                  <script>document.write(new Date().getFullYear());</script>
                  2024, made with ❤️ by
                  <a href="https://solutions.3cheaps.com" target="_blank" class="footer-link">3CHEAPS SOLUTIONS</a>
                </div>
                <div class="d-none d-lg-inline-block">
                  <a href="/termeni-si-conditii" class="footer-link me-4">Termeni si Conditii</a>
                  <a href="/politica-de-confidentialitate" class="footer-link me-4">Politica de confidentialitate</a>
                  <a class="footer-link me-4" href="/inregistrare-partener">Inregistrare parteneri</a>

                  <a href="/contact" target="_blank" class="footer-link">Contact</a>
                </div>
              </div>
            </div>
          </footer>
          </div>

     </div>
      <!-- Overlay -->
      <div class="layout-overlay layout-menu-toggle"></div>
    </div>
     <!-- Core JS -->
    <!-- build:js assets/vendor/js/core.js -->
    <script src="/assets/vendor/libs/jquery/jquery.js.pagespeed.jm.zoY2s8k1Eg.js"></script>
    <script src="/assets/vendor/libs/popper/popper.js.pagespeed.jm.dG-K2NI7KT.js"></script>
    <script src="/assets/vendor/js/bootstrap.js.pagespeed.jm.22ZiqEkIZr.js"></script>
    <script src="/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js.pagespeed.jm.WTsk2lQy6b.js"></script>
	<!-- Page JS -->
    <script>//<![CDATA[
'use strict';document.addEventListener('DOMContentLoaded',function(){(function(){const verticalExample=document.getElementById('vertical-example'),filterElements=document.getElementsByClassName("vertical-scroll-filter"),horizontalExample=document.getElementById('horizontal-example'),horizVertExample=document.getElementById('both-scrollbars-example');Array.prototype.forEach.call(filterElements,function(element,index,array){new PerfectScrollbar(element,{wheelPropagation:false});});if(verticalExample){new PerfectScrollbar(verticalExample,{wheelPropagation:false});}if(horizontalExample){new PerfectScrollbar(horizontalExample,{wheelPropagation:false,suppressScrollY:true});}if(horizVertExample){new PerfectScrollbar(horizVertExample,{wheelPropagation:false});}})();});
//]]></script>

    <script src="/assets/vendor/js/menu.js.pagespeed.jm.8jrLiknL3X.js"></script>
    <!-- endbuild -->

    <!-- Vendors JS -->
    <script src="/assets/vendor/libs/masonry/masonry.js.pagespeed.jm.tG3Yoo4F3M.js"></script>

    <!-- Main JS -->
    <script src="/assets/js/main.js.pagespeed.jm.Ic7pGuoXH0.js"></script>

    <!-- Page JS -->

    <!-- Place this tag in your head or just before your close body tag. -->
    <script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    const searchInput = document.getElementById('searchInput');
    const searchInCategoryCheckbox = document.getElementById('searchInCategory');

    searchInput.addEventListener('keypress', function (event) {
        if (event.key === 'Enter') {  // verifică dacă tasta apăsată este Enter
            event.preventDefault();   // oprește comportamentul implicit

            // Obține valoarea din input și filtrează doar caracterele alfanumerice
            const searchValueRaw = searchInput.value;
            const searchValueCleaned = (searchValueRaw.match(/\w+/g) || []).join(' '); // Separă cu ' '

            if (searchValueCleaned === '') {
                alert('Introduceți o căutare validă!'); // Mesaj pentru input gol sau invalid
                return;
            }

            if (searchInCategoryCheckbox && searchInCategoryCheckbox.checked) {
                // Dacă checkbox-ul de categorie este activat
                const currentUrl = new URL(window.location.href);

                // Adaugă sau actualizează parametrul `search`
                currentUrl.searchParams.set('search', searchValueCleaned);

                // Actualizează URL-ul și reîncarcă pagina
                window.location.href = currentUrl.toString();
            } else {
                // Redirect pe `/search`
                window.location.href = `/${searchValueCleaned}/search`;
            }
        }
    });
});

</script>


<script>loginButton=document.getElementById('loginButton');if(loginButton){document.getElementById('loginButton').addEventListener('click',async function(){const username=document.getElementById('loginUsername').value;const password=document.getElementById('loginPassword').value;const url='/login.php';const formData=new URLSearchParams();formData.append('username',username);formData.append('password',password);try{const response=await fetch(url,{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded',},body:formData.toString()});if(!response.ok){throw new Error('Login request failed with status '+response.status);}const result=await response.json();if(result.success){location.reload();console.log('Login successful:',result);}else{console.log('Login failed:',result.message);}}catch(error){console.error('Error during login:',error);alert('An error occurred while trying to log in. Please try again.');}});}</script>

<script>logoutButton=document.getElementById('logoutButton');if(logoutButton){document.getElementById('logoutButton').addEventListener('click',async function(){const url='/login.php';const formData=new URLSearchParams();formData.append('logout',true);try{const response=await fetch(url,{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded',},body:formData.toString()});if(!response.ok){throw new Error('Logout request failed with status '+response.status);}const result=await response.json();if(result.success){console.log('Logout successful:',result);alert('You have been logged out successfully.');location.reload();}else{console.log('Logout failed:',result.message);}}catch(error){console.error('Error during logout:',error);alert('An error occurred while trying to log out. Please try again.');}});}</script>


<script>
// Favorites
// Function to save a product as favorite
function saveFavorite(product) {
    const favorites = JSON.parse(localStorage.getItem("favorites")) || [];

    // Check if the product is already in favorites
    if (!favorites.some(fav => fav.id === product.id)) {
        favorites.push(product);
        localStorage.setItem("favorites", JSON.stringify(favorites));
        updateFavoriteCounter(); // Update counter after adding
    }
}

// Function to remove a product from favorites
function removeFavorite(productId) {
    const favorites = JSON.parse(localStorage.getItem("favorites")) || [];
    const updatedFavorites = favorites.filter(fav => fav.id !== productId);
    localStorage.setItem("favorites", JSON.stringify(updatedFavorites));
    updateFavoriteCounter(); // Update counter after removal
}

// Function to update the favorite counter in elements with 'favCounter' class
function updateFavoriteCounter() {
    const favorites = JSON.parse(localStorage.getItem("favorites")) || [];
    const favoriteCount = favorites.length;

    document.querySelectorAll(".favCounter").forEach(counter => {
        counter.textContent = favoriteCount;
    });
}

// Function to toggle the favorite status of a product
function toggleFavorite(starIcon, product) {
    const isFavorite = JSON.parse(localStorage.getItem("favorites") || "[]")
        .some(fav => fav.id === product.id);

    if (isFavorite) {
        removeFavorite(product.id);
        starIcon.classList.replace("bx-trash", "bx-star"); // Revert to star icon
    } else {
        saveFavorite(product);
        starIcon.classList.replace("bx-star", "bx-trash"); // Change to trash icon
    }
}

// Function to initialize the favorite feature
function initFavoriteFeature() {
    const favorites = JSON.parse(localStorage.getItem("favorites")) || [];
    
    document.querySelectorAll(".star-icon").forEach(starIcon => {
        const card = starIcon.closest(".card");

        // Extract product details
        const title = card.querySelector(".card-title a").innerText.trim();
        const link = card.querySelector(".card-title a").href;
        const imgSrc = card.querySelector(".card-img-small").src;
        const price = card.querySelector(".card-text b").innerText.trim().replace(" Lei", "");
        const shopName = card.querySelector(".card-text a").text;
        const affUrl = card.querySelector(".card-text a").href;
        const productId = starIcon.getAttribute("data-id");
        const lastChanged = card.querySelector(".card-text > .text-muted").textContent.trim().replace("Actualizat in", "");

        // Create a product object
        const product = {
            id: productId,
            title: title,
            link: link,
			shopName: shopName.trim(),
            affUrl: affUrl,
            images: imgSrc,
            lastChanged: lastChanged,
            price: price
        };

        // Set icon to trash if the product is already a favorite
        const isFavorite = favorites.some(fav => fav.id === productId);
        if (isFavorite) {
            starIcon.querySelector("i").classList.replace("bx-star", "bx-trash");
        }
		// Set icon from PDP to trash if the product is already a favorite
        if (document.getElementById('pdpFavButton') && favorites.some(fav => fav.id == favProduct.id)){
            document.getElementById('pdpFavButton').classList.replace("bx-star", "bx-trash");
        }

        // Add event listener to toggle favorite status on click
        starIcon.addEventListener("click", (e) => {
            e.preventDefault();
            e.stopPropagation();
            toggleFavorite(starIcon.querySelector("i"), product);
        });
    });

    // Initialize the favorite counter
    updateFavoriteCounter();
}

// Initialize the feature when the document is fully loaded
document.addEventListener("DOMContentLoaded", initFavoriteFeature);

</script>
</body>