added category carousel

src/pages/ProductDetail/ProductPage.module.scss

@@ -28,10 +28,10 @@
   display: flex;
   gap: 24px;
   align-items: flex-start;
-  background-color: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  // background-color: #fff;
+  // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
-  padding: 1.25rem;
+  // padding: 1.25rem;
   box-sizing: border-box;
 
   @media screen and (max-width: 900px) {
@@ -40,26 +40,30 @@
 
   @media screen and (max-width: 639px) {
     flex-direction: column;
-    padding: 0.75rem;
+    border-radius: 8px;
+    // padding: 0.75rem;
   }
 }
 
 // ─── Sol: resim kolonu ────────────────────────────────────────────
 .productImage {
   background: #fff;
-  padding: 20px;
+  // padding: 20px;
   border-radius: 8px;
   width: 35%;
   flex-shrink: 0;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
 
   @media screen and (max-width: 900px) {
     width: 45%;
-    padding: 5px;
+    border-radius: 8px;
+    // padding: 5px;
   }
 
   @media screen and (max-width: 639px) {
     width: 100%;
     padding: 0;
+    border-radius: 8px;
   }
 
   img {
@@ -76,6 +80,7 @@
   flex-direction: column;
   gap: 12px;
   min-width: 0;
+  
 
   @media screen and (max-width: 900px) {
     // tablet: image(45%) + info yan yana, purchase wrap ile alta iner
@@ -132,7 +137,8 @@
 }
 
 .priceLabel {
-  font-size: 15px;
+  font-size: 18px;
+  font-weight: 500;
   color: #666;
 }
 
@@ -267,14 +273,18 @@
 .productMeta {
   border: 1px solid #e5e7eb;
   border-radius: 8px;
-  overflow: hidden;
-  background: #f5f5f5;
+  padding: 16px 20px;
+  background: #fff;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
 
   .metaItem {
     display: flex;
     justify-content: space-between;
-    padding: 8px 16px;
-    border-bottom: 2px solid #ffffff;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #f1f1f1;
 
     &:last-child {
       border-bottom: none;
@@ -284,11 +294,12 @@
   .metaLabel {
     color: #000;
     font-size: 14px;
+    font-weight: 600;
   }
 
   .metaValue {
     font-size: 14px;
-    font-weight: 500;
+    font-weight: 600;
   }
 }
 
@@ -298,7 +309,7 @@
   border-radius: 8px;
   padding: 16px 20px;
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
 }
 
 .descriptionHeader {
@@ -356,6 +367,8 @@
     padding: 10px 16px;
     box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
     gap: 12px;
+    border-radius: 8px;
+    margin-top: 8px;
   }
 }