chore: fix

frontend-prep/src/components/ProductCard.css

@@ -14,7 +14,8 @@
 
 .product-card:hover {
     transform: scale(1.08);
-    box-shadow: 0 8px 25px color-mix(in srgb, var(--category-color, white) 40%, transparent);
+    box-shadow: 0 8px 25px
+        color-mix(in srgb, var(--category-color, white) 40%, transparent);
     z-index: 10;
 }
 

frontend-prep/src/components/ProductCard.tsx

@@ -204,7 +204,7 @@ function ProductCard({
                             {isOutOfStock
                                 ? "Rupture de stock"
                                 : isComingSoon
-                                  ? "Bientôt disponible"
+                                  ? "BIENTÔT DISPONIBLE"
                                   : "Ajouter rapidement"}
                         </button>
 

mobile/src/components/ProductCard.tsx

@@ -176,7 +176,9 @@ export default function ProductCard({
                 )}
                 {isComingSoon && (
                     <View style={styles.comingSoonOverlay}>
-                        <Text style={styles.comingSoonText}>COMMING SOON</Text>
+                        <View style={styles.comingSoonBox}>
+                            <Text style={styles.comingSoonText}>BIENTÔT DISPONIBLE</Text>
+                        </View>
                     </View>
                 )}
             </View>
@@ -477,13 +479,14 @@ const styles = StyleSheet.create({
     },
     comingSoonOverlay: {
         position: "absolute",
-        top: "50%",
+        top: 0,
-        left: "50%",
+        left: 0,
-        transform: [
+        right: 0,
-            { translateX: -80 },
+        bottom: 0,
-            { translateY: -25 },
+        justifyContent: "center",
-            { rotate: "-15deg" },
+        alignItems: "center",
-        ],
+    },
+    comingSoonBox: {
         backgroundColor: "rgba(0,0,0,0.8)",
         borderWidth: 4,
         borderColor: "rgba(34,197,94,0.95)",
@@ -492,7 +495,7 @@ const styles = StyleSheet.create({
     },
     comingSoonText: {
         color: "rgba(34,197,94,0.95)",
-        fontSize: 24,
+        fontSize: 16,
         fontWeight: "900",
         letterSpacing: 2,
         textTransform: "uppercase",