From 80a388cd7cf648ffde2dfaeced5fa9ae9e99b156 Mon Sep 17 00:00:00 2001
From: Unchained <unchained@nodecrew.me>
Date: Sun, 22 Mar 2026 09:00:01 +0200
Subject: [PATCH] fix: Center the similar products grid on product pages

---
 src/components/product/ProductDetail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx
index 0a88e4a..0fa4640 100644
--- a/src/components/product/ProductDetail.tsx
+++ b/src/components/product/ProductDetail.tsx
@@ -414,7 +414,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
                 {locale === "EN" ? "Similar Products" : "Slični proizvodi"}
               </h2>
             </div>
-            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 justify-center">
               {relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => (
                 <ProductCard 
                   key={relatedProduct.id}