From 1a4a8870ba94ac9290b2f203e596974a01f34462 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Fri, 15 May 2026 14:21:38 +0330
Subject: [PATCH] Fix padding bug

---
 frontend/components/product/ProductDetails.vue |  2 +-
 frontend/pages/product/[id].vue                | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/components/product/ProductDetails.vue b/frontend/components/product/ProductDetails.vue
index cf51ab0..3490b19 100644
--- a/frontend/components/product/ProductDetails.vue
+++ b/frontend/components/product/ProductDetails.vue
@@ -9,7 +9,7 @@ const { selectedVariant } = inject("productVariant") as ProductVariantProvideTyp
 </script>
 
 <template>
-    <section class="w-full container py-20 flex flex-col gap-y-[1.5rem]">
+    <section class="w-full container pt-20 flex flex-col gap-y-[1.5rem]">
         <div class="w-full flex">
             <span class="text-black max-lg:hidden typo-h-4 mb-4"> جزئیات محصول </span>
         </div>
diff --git a/frontend/pages/product/[id].vue b/frontend/pages/product/[id].vue
index f4b555f..1518f19 100644
--- a/frontend/pages/product/[id].vue
+++ b/frontend/pages/product/[id].vue
@@ -56,12 +56,15 @@ if (productResponse.isError) {
         <ProductHero />
         <ProductVideo v-model:showChatButton="showChatButton" />
         <ProductDetails />
-        <ProductsSlider
-            title="محصولات مشابه"
-            :products="product!.related_products"
-            iconImage="/img/simulare-products-section.gif"
-        />
+        <div class="py-20">
+            <ProductsSlider
+                title="محصولات مشابه"
+                :products="product!.related_products"
+                iconImage="/img/simulare-products-section.gif"
+            />
+        </div>
         <ProductComments :product="product!" />
+
         <ChatButton :showChatButton="showChatButton" />
     </div>
 </template>