From 140d82c7f49e26ab47776ce0b31685f3d2bda3b8 Mon Sep 17 00:00:00 2001
From: Unchained <unchained@nodecrew.me>
Date: Sun, 22 Mar 2026 09:04:35 +0200
Subject: [PATCH] Center Similar Products grid on product pages

---
 src/components/product/ProductDetail.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx
index 0fa4640..08f55d5 100644
--- a/src/components/product/ProductDetail.tsx
+++ b/src/components/product/ProductDetail.tsx
@@ -414,8 +414,9 @@ 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 justify-center">
-              {relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => (
+            <div className="flex justify-center">
+              <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
+                {relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => (
                 <ProductCard 
                   key={relatedProduct.id} 
                   product={relatedProduct}