utton style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="169645"
                                                data-variation="169645"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/ادکلن-شرکتی-یارا-کارتن-صورتی-حجم-100-میل-کد-9523">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-169644/20250824194422323-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-169644/20250824194422323-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/ادکلن-شرکتی-یارا-کارتن-صورتی-حجم-100-میل-کد-9523" class="product-card_link"
                                   style="font-size:small">
                                    ادکلن شرکتی یارا کارتن صورتی حجم 100 میل کد 9523
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    181,425
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>181,390</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="169644">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="169644"
                                                data-variation="169644"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/ادکلن-شرکتی-امیرة-العرب-حجم-100-میل-کد-2061">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-169643/20250824194422241-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-169643/20250824194422241-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/ادکلن-شرکتی-امیرة-العرب-حجم-100-میل-کد-2061" class="product-card_link"
                                   style="font-size:small">
                                    ادکلن شرکتی امیرة العرب حجم 100 میل کد 2061
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    181,425
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>181,390</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="169643">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="169643"
                                                data-variation="169643"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/ادکلن-شرکتی-یارا-کارتن-سفید-حجم-100-میل-کد-2030">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-169642/20250824194422178-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-169642/20250824194422178-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/ادکلن-شرکتی-یارا-کارتن-سفید-حجم-100-میل-کد-2030" class="product-card_link"
                                   style="font-size:small">
                                    ادکلن شرکتی یارا کارتن سفید حجم 100 میل کد 2030
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    181,425
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>181,390</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="169642">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="169642"
                                                data-variation="169642"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/ادکلن-شرکتی-یارا-کارتن-نارنجی-حجم-100-میل-کد-2023">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-169641/20250824194422091-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-169641/20250824194422091-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/ادکلن-شرکتی-یارا-کارتن-نارنجی-حجم-100-میل-کد-2023" class="product-card_link"
                                   style="font-size:small">
                                    ادکلن شرکتی یارا کارتن نارنجی حجم 100 میل کد 2023
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    181,425
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>181,390</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="169641">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="169641"
                                                data-variation="169641"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/ادکلن-شرکتی-یارا-کارتن-صورتی-ملیح-حجم-100-میل-کد-2009">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-169637/20250824194421479-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-169637/20250824194421479-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/ادکلن-شرکتی-یارا-کارتن-صورتی-ملیح-حجم-100-میل-کد-2009" class="product-card_link"
                                   style="font-size:small">
                                    ادکلن شرکتی یارا کارتن صورتی ملیح حجم 100 میل کد 2009
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    181,425
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>181,390</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="169637">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="169637"
                                                data-variation="169637"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/مداد-چشم-و-ابرو-مشکی-T-Y-A-کد-1050">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-169629/20250824194420883-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-169629/20250824194420883-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/مداد-چشم-و-ابرو-مشکی-T-Y-A-کد-1050" class="product-card_link"
                                   style="font-size:small">
                                    مداد چشم و ابرو مشکی T.Y.A کد 1050
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    15,340
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>15,305</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="169629">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="169629"
                                                data-variation="169629"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/دستبند-چرمی-مردانه-TIFFANY-amp-CO-مشکی">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-168347/20250824194420533-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-168347/20250824194420533-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/دستبند-چرمی-مردانه-TIFFANY-amp-CO-مشکی" class="product-card_link"
                                   style="font-size:small">
                                    دستبند چرمی مردانه TIFFANY &amp;amp; CO مشکی
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    109,494
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>109,459</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="168347">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="168347"
                                                data-variation="168347"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/دستبند-چرمی-مردانه-CHANEL-مشکی">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-168346/20250824194420433-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-168346/20250824194420433-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/دستبند-چرمی-مردانه-CHANEL-مشکی" class="product-card_link"
                                   style="font-size:small">
                                    دستبند چرمی مردانه CHANEL مشکی
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    109,494
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>109,459</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="168346">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="168346"
                                                data-variation="168346"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/دستبند-زنجیری-طرح-گل-استیل">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-168339/20250824194419792-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-168339/20250824194419792-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/دستبند-زنجیری-طرح-گل-استیل" class="product-card_link"
                                   style="font-size:small">
                                    دستبند زنجیری طرح گل استیل
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    40,194
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>40,159</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="168339">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="168339"
                                                data-variation="168339"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="product-card group ">

                            
                            <!-- product header -->
                            <!-- product img -->
                            <a href="/product/پابند-تنیسی-نگین-دار-دو-لاین-رنگ-طلایی">
                                                                                                <img class="product-card_img group-hover:opacity-0 absolute"
                                     src="/uploads/products/images/PRD-168331/20250824194419118-thumbnail.webp"
                                     alt="">
                                <img class="product-card_img opacity-0 group-hover:opacity-100"
                                     src="/uploads/products/images/PRD-168331/20250824194419118-thumbnail.webp" alt="">
                            </a>
                            <!--  product footer -->
                            <div class="space-y-2 w-full">
                                <a href="/product/پابند-تنیسی-نگین-دار-دو-لاین-رنگ-طلایی" class="product-card_link"
                                   style="font-size:small">
                                    پابند تنیسی نگین دار دو لاین رنگ طلایی
                                    
                                </a>
                                <!-- Rate and Price -->
                                <div class="product-card_price-wrapper">
                                    <!-- RATE -->
                                    <div class="product-card_rate">
                                    <span class="flex items-center gap-x-0.5">
                                        <svg class="size-4 text-blue-500 mb-0.5">
                                            <use href="#rocket"></use>
                                        </svg>
                                        <p class="text-xs">ارسال امروز</p>
                                    </span>
                                        <span class="text-gray-400 flex items-center text-sm gap-x-0.5">
                                        <p> 5.0 </p>
                                        <svg class="size-4 mb-1">
                                            <use href="#star"></use>
                                        </svg>
                                    </span>
                                    </div>
                                    <!-- Price -->
                                    <div class="product-card_price">
                                        
                                                                                            <del>
                                                    48,510
                                                    <h6>تومان</h6>
                                                </del>
                                                <p>48,475</p>
                                                                                        <span>تومان</span>

                                        
                                    </div>

                                </div>
                                <div class="mb-2">
                                                                            <input type="hidden" class="variation-selector"
                                               value="168331">
                                        <button style="width: 50%; float: right"
                                                class="product-number w-full flex items-center justify-between gap-x-1 rounded-lg border border-gray-200 dark:border-white/20 py-2 px-3">
                                            <svg class="w-6 h-6 increment text-blue-600">
                                                <use href="#plus"></use>
                                            </svg>
                                            <input type="number" name="customInput" id="customInput" min="1" max="20"
                                                   value="1"
                                                   class="custom-input text-lg bg-transparent text-center">
                                            <svg class="w-6 h-6 decrement text-blue-600">
                                                <use href="#minus"></use>
                                            </svg>
                                        </button>
                                        <button style="width: 45%; float: left;" data-product="168331"
                                                data-variation="168331"
                                                class="add-to-cart w-full flex items-center gap-x-1 justify-center bg-blue-500 text-white hover:bg-blue-600 transition-all rounded-lg shadow py-2">
                                            <svg class="w-5 h-7">
                                                <use href="#shopping-bag"></use>
                                            </svg>
                                            افزودن
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    
                </div>
                <!-- PAGINATION -->
                <div class="mt-10 w-full flex items-center justify-center">
                    <ul
                            class="flex items-center gap-x-3 child:flex child:items-center child:justify-center child:w-8 child:h-8 child:cursor-pointer child:shadow child:rounded-lg child:transition-all child:duration-300">
                                                <li class="bg-white dark:bg-gray-800 hover:bg-gray-800 dark:hover:bg-blue-500 hover:text-white">
                            <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=34">
                                <svg class="size-5 rotate-180">
                                    <use href="#chevron-left"></use>
                                </svg>
                            </a>
                        </li>

                                                                                <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white">
                                <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=1">1</a>
                            </li>
                                                            <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white disabled">
                                    <span class="page-link">...</span>
                                </li>
                                                    
                                                                                <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white ">
                                <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=33">33</a>
                            </li>
                                                                                <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white ">
                                <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=34">34</a>
                            </li>
                                                                                <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white text-white bg-blue-500">
                                <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=35">35</a>
                            </li>
                                                                                <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white ">
                                <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=36">36</a>
                            </li>
                                                                                <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white ">
                                <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=37">37</a>
                            </li>
                        
                                                                                    <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white disabled">
                                    <span class="page-link">...</span>
                                </li>
                                                                                    <li class="bg-white dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-blue-500 hover:text-white">
                                <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=782">782</a>
                            </li>
                        
                                                <li class="bg-white dark:bg-gray-800 hover:bg-gray-800 dark:hover:bg-blue-500 hover:text-white">
                            <a class="page-link" href="https://arayeshi-varani.com/category/PRD-124986/20250730155833499-thumbnail.webp?page=36">
                                <svg class="size-5">
                                    <use href="#chevron-left"></use>
                                </svg>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</main>

    <!-- Footer -->
    <footer class="md:container mt-12">
        <div class=" relative w-full bg-gray-900 dark:bg-gray-800 text-white rounded-2xl p-4 lg:p-9">
    <div class="flex items-start flex-col gap-x-7 lg:gap-x-10 gap-y-10 lg:flex-row flex-wrap">
        <div class="flex-[2] w-full">
            <h2 class="footer_title">درباره آرایشی ورانی</h2>
            <p class="leading-8 text-gray-400 mb-5">
                لوازم آرایشی بهداشتی امروزه یک نیاز اصلی خانم ها محسوب میشود که فروشگاه اینترنتی عمده لوازم آرایشی و
                بهداشتی ورانی با عرضه بهترین مارک های لوازم آرایشی بهداشتی، عطر و ادکلن ،امکان خرید اینترنتی از مجموعه
                کاملی از کالاهای مورد نیاز یک بانوی شیک پوش و مشکل پسند ایرانی را فراهم آورده است. و شما به آسانی به
                مجموعه کاملی از برندهای لوازم آرایشی و بهداشتی دسترسی خواهید داشت.
            </p>
            <div class="flex items-center gap-x-4">
                <a href="#" class="size-10 bg-gray-950 rounded-xl flex-center">
                    <svg class="size-6 text-blue-500">
                        <use href="#instagram"></use>
                    </svg>
                </a>
                <a href="#" class="size-10 bg-gray-950 rounded-xl flex-center">
                    <svg class="size-6 text-blue-500">
                        <use href="#whatsapp"></use>
                    </svg>
                </a>
                <a href="#" class="size-10 bg-gray-950 rounded-xl flex-center">
                    <svg class="size-6 text-blue-500">
                        <use href="#linkedin"></use>
                    </svg>
                </a>
                <a href="#" class="size-10 bg-gray-950 rounded-xl flex-center">
                    <svg class="size-6 text-blue-500">
                        <use href="#youtube"></use>
                    </svg>
                </a>
            </div>
        </div>
        <div class="flex-1 flex flex-col w-full lg:w-auto">
            <h2 class="footer_title">دسترسی سریع</h2>
            <div class="flex gap-x-10 child:space-y-2 child:text-gray-400">
                <ul class="child-hover:text-blue-500 child:transition-all">
                    <li>
                        <a href="/">صفحه اصلی</a>
                    </li>
                    <li>
                        <a href="/shop">همه محصولات</a>
                    </li>
                    <li>
                        <a href="https://arayeshi-varani.com/contact-us">تماس با ما </a>
                    </li>
                    <li>
                        <a href="https://arayeshi-varani.com/faq">سوالات متداول </a>
                    </li>
                </ul>
                <ul class="child-hover:text-blue-500 md:hidden child:transition-colors">
                    <li>
                        <a href="https://arayeshi-varani.com/auth/login"> ثبت نام | ورود </a>
                    </li>
                    <li>
                        <a href="https://arayeshi-varani.com/mag">وبلاگ</a>
                    </li>
                    <li>
                        <a href="">شرایط و قوانین</a>
                    </li>
                    <li>
                        <a href="">حریم خصوصی </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="flex-[1.5] w-full">
            <h2 class="footer_title">تماس با ما</h2>
            <ul
                    class="flex flex-col child:flex child:text-gray-400 child:items-center child:justify-between gap-y-6">
                <li>
                    <p>شماره تماس :</p>
                    <p dir="ltr">09157691603</p>
                </li>
                <li>
                    <p>آدرس ایمیل :</p>
                    <p>arayeshi.varani@gmail.com</p>
                </li>
            </ul>
        </div>
        <div class="flex-1 w-full md:w-1/6 flex flex-col items-end justify-end ml-5 md:ml-0 md:mr-5">
            <div class="flex justify-center md:justify-end items-center gap-x-3  child:bg-gray-950 child:dark:bg-gray-900">
                <a class="w-16 h-16 lg:w-20 lg:h-20 flex-center rounded-xl" target="_blank"
                   href="https://trustseal.enamad.ir/?id=252382&Code=SJUAP6O0y82tUC2V4LRR">
                    <img class="w-16 h-16 rounded" src="/assets/images/trust/enamad.png" alt="">
                </a>
                <a class="w-16 h-16 lg:w-20 lg:h-20 flex-center rounded-xl" target="_blank"
                   href="https://www.zarinpal.com/trustPage/arayeshi-varani.com">
                    <img class="w-16 h-16 rounded" src="/assets/images/trust/zarinpal.png" alt="">
                </a>
            </div>
            <!-- GO TOP -->
            <a href="#"
               class="ring-2 ring-gray-400 text-gray-300 w-32 rounded-lg text-sm flex-center gap-x-2 py-1.5 px-2 mt-10 ">
                بازگشت به بالا
                <svg class="size-4 rotate-180">
                    <use href="#chevron"/>
                </svg>
            </a>
        </div>
    </div>
    <!-- DIV -->
    <div
            class="w-full rounded-xl bg-gray-950 dark:bg-gray-900 flex flex-col md:flex-row gap-y-4 items-center justify-between p-4 md:p-6 mt-6">
        <a href="#" class="text-3xl font-MorabbaMedium">
            آرایشی
            <span class="text-blue-500">ورانی</span>
        </a>
        <div
                class="bg-gray-900 dark:bg-gray-800 p-1.5 rounded-xl w-72 lg:w-[350px] flex items-center justify-between">
            <input type="text" class="bg-transparent text-gray-200 px-2 w-full"
                   placeholder="از جدیدترین تخفیف ها با خبر شوید                    "/>
            <button class="px-4 py-1 bg-blue-500 rounded-xl font-DanaMedium">
                ثبت
            </button>
        </div>
    </div>
</div>
<p class="text-center text-sm my-4 text-gray-400" style="direction:ltr;text-align:center">Copyright © 2025 Ravin Group.
    All rights reserved.</p>
    </footer>

<!-- Overlay -->
<div class="overlay"></div>
<div class="search-overlay"></div>
<div class="address-overlay"></div>

<script src="https://arayeshi-varani.com/assets/swiper/swiper.js"></script>
<script src="https://arayeshi-varani.com/assets/scripts/productDetails.js"></script>
<script src="https://arayeshi-varani.com/assets/scripts/app.js"></script>
<script type="module" src="https://arayeshi-varani.com/assets/scripts/slider.js"></script>

<script type="module">
            </script>

<script type="text/javascript">
    !function () {
        var i = "z8Jct9", a = window, d = document;

        function g() {
            var g = d.createElement("script"), s = "https://www.goftino.com/widget/" + i,
                l = localStorage.getItem("goftino_" + i);
            g.async = !0, g.src = l ? s + "?o=" + l : s;
            d.getElementsByTagName("head")[0].appendChild(g);
        }

        "complete" === d.readyState ? g() : a.attachEvent ? a.attachEvent("onload", g) : a.addEventListener("load", g, !1);
    }();
</script>


</body>

</html>