From 7060d05ae9d02086ca1a719a3b3f7fb951254349 Mon Sep 17 00:00:00 2001
From: "@jcarymuhammedow" <jcarymuhammedow@gmail.com>
Date: Tue, 21 Apr 2026 17:19:24 +0500
Subject: [PATCH] fixed gradient in product detail

---
 src/pages/ProductDetail/ProductPage.module.scss | 2 +-
 src/pages/ProductDetail/index.jsx               | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/ProductDetail/ProductPage.module.scss b/src/pages/ProductDetail/ProductPage.module.scss
index 787eefe..c5b9808 100644
--- a/src/pages/ProductDetail/ProductPage.module.scss
+++ b/src/pages/ProductDetail/ProductPage.module.scss
@@ -328,7 +328,7 @@
   background: linear-gradient(
     to top,
     rgba(0, 0, 0, 0.95) 0%,
-    rgba(0, 0, 0, 0.7) 30%,
+    rgba(0, 0, 0, 0.7) 0%,
     rgba(0, 0, 0, 0.3) 70%,
     rgba(255, 255, 255, 0) 100%
   );
diff --git a/src/pages/ProductDetail/index.jsx b/src/pages/ProductDetail/index.jsx
index 1da1555..6c7c128 100644
--- a/src/pages/ProductDetail/index.jsx
+++ b/src/pages/ProductDetail/index.jsx
@@ -374,7 +374,7 @@ const ProductPage = ({
 
           {/* Description card */}
           {product.description && (
-            <div className={`${styles.descriptionCard} ${!isDescExpanded ? styles.descriptionCardCollapsed : ''}`}>
+            <div className={`${styles.descriptionCard} ${!isDescExpanded && showReadMore ? styles.descriptionCardCollapsed : ''}`}>
               <div className={styles.descriptionHeader}>
                 <div className={styles.descriptionIcon}>
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -394,7 +394,7 @@ const ProductPage = ({
                 <div
                   ref={descRef}
                   className={`${styles.productDescription} ${
-                    !isDescExpanded ? styles.productDescriptionCollapsed : ""
+                    !isDescExpanded && showReadMore ? styles.productDescriptionCollapsed : ""
                   }`}
                   dangerouslySetInnerHTML={{ __html: product.description }}
                 />
@@ -511,3 +511,4 @@ const ProductPage = ({
 };
 
 export default ProductPage;
+