chore: update

mobile/src/components/ProductCard.tsx

@@ -466,14 +466,14 @@ const styles = StyleSheet.create({
             { translateY: -25 },
             { rotate: "-15deg" },
         ],
-        backgroundColor: "rgba(0,0,0,0.75)",
+        backgroundColor: "rgba(0,0,0,0.8)",
         borderWidth: 4,
-        borderColor: "rgba(245,158,11,0.95)",
+        borderColor: "rgba(34,197,94,0.95)",
         paddingHorizontal: 22,
         paddingVertical: 12,
     },
     comingSoonText: {
-        color: "rgba(245,158,11,0.95)",
+        color: "rgba(34,197,94,0.95)",
         fontSize: 24,
         fontWeight: "900",
         letterSpacing: 2,

mobile/src/screens/client/ProductDetailScreen.tsx

@@ -218,15 +218,15 @@ export default function ProductDetailScreen() {
                         { translateY: -30 },
                         { rotate: "-15deg" },
                     ],
-                    backgroundColor: "rgba(245,158,11,0.95)",
+                    backgroundColor: "rgba(0,0,0,0.8)",
                     borderWidth: 4,
-                    borderColor: colors.white,
+                    borderColor: "rgba(34,197,94,0.95)",
                     paddingHorizontal: 40,
                     paddingVertical: 16,
                     elevation: 10,
                 },
                 comingSoonText: {
-                    color: colors.white,
+                    color: "rgba(34,197,94,0.95)",
                     fontSize: 28,
                     fontWeight: "900",
                     letterSpacing: 4,
@@ -544,7 +544,7 @@ export default function ProductDetailScreen() {
                             <Text style={styles.soldOutText}>SOLD OUT</Text>
                         </View>
                     )}
-                    {isComingSoon && !isOutOfStock && (
+                    {isComingSoon && (
                         <View style={styles.comingSoonBadge}>
                             <Text style={styles.comingSoonText}>À VENIR</Text>
                         </View>