removed some unnecessary ui elements

features/home/components/ProductCard.tsx

@@ -299,21 +299,7 @@ export default function ProductCard({
               )}
             </Carousel>
 
-            <button
-              onClick={handleFavorite}
-              disabled={isFavoriteToggling || isFavoriteLoading}
-              className="absolute top-3 cursor-pointer right-3 z-10 rounded-full bg-white/80 p-2 hover:bg-white transition-all disabled:opacity-50"
-            >
-              {isFavoriteLoading ? (
-                <div className="w-5 h-5 border-2 border-gray-300 border-t-gray-600 rounded-full animate-spin" />
-              ) : (
-                <Heart
-                  className={`w-5 h-5 ${
-                    isFavorite ? "text-[#005bff] fill-[#005bff]" : "text-gray-700"
-                  }`}
-                />
-              )}
-            </button>
+         
 
             {hasMultipleImages && (
               <div className="absolute bottom-2 left-1/2 -translate-x-1/2 z-10 flex gap-1.5">
@@ -365,8 +351,24 @@ export default function ProductCard({
             </p>
           </CardContent>
 
+<div className="flex">
+     <button
+              onClick={handleFavorite}
+              disabled={isFavoriteToggling || isFavoriteLoading}
+              className=" cursor-pointer  z-10 rounded-full bg-white/80 p-2 hover:bg-white transition-all disabled:opacity-50"
+            >
+              {isFavoriteLoading ? (
+                <div className="w-5 h-5 border-2 border-gray-300 border-t-gray-600 rounded-full animate-spin" />
+              ) : (
+                <Heart
+                  className={`w-5 h-5 ${
+                    isFavorite ? "text-[#005bff] fill-[#005bff]" : "text-gray-700"
+                  }`}
+                />
+              )}
+            </button>
           {button && !isOutOfStock && (
-            <div className="px-1">
+            <div className="px-1 w-full">
               {!isInCart ? (
                 <Button
                   onClick={handleAddToCart}
@@ -413,6 +415,7 @@ export default function ProductCard({
               )}
             </div>
           )}
+</div>
         </Card>
       </div>
 

features/home/components/ProductGrid.tsx

@@ -94,6 +94,7 @@ export default function CollectionSection({ collection, locale }: Props) {
               price_color="#0059ff"
               height={360}
               width={250}
+              button={true}
             />
           );
         })}