chore: update

frontend-prep/src/components/ProductCard.css

@@ -70,19 +70,19 @@
     text-align: center;
     z-index: 5;
     pointer-events: none;
-    background-color: rgba(245, 158, 11, 0.95);
-    color: white;
-    border: 6px solid white;
+    background-color: rgba(0, 0, 0, 0.8);
+    color: rgba(34, 197, 94, 0.95);
+    border: 6px solid rgba(34, 197, 94, 0.95);
     padding: clamp(0.5rem, 2vw, 0.8rem) clamp(1.5rem, 5vw, 2.5rem);
     font-size: clamp(1.1rem, 4.5vw, 1.8rem);
     font-weight: 900;
     letter-spacing: 3px;
     text-transform: uppercase;
     white-space: nowrap;
-    box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
+    box-shadow: 0 0 8px rgba(34, 197, 94, 0.6);
     text-shadow:
-        2px 2px 6px rgba(0, 0, 0, 0.6),
-        -2px -2px 6px rgba(0, 0, 0, 0.6);
+        2px 2px 6px rgba(0, 0, 0, 0.9),
+        -2px -2px 6px rgba(0, 0, 0, 0.9);
 }
 
 .product-card.out-of-stock {

frontend-prep/src/components/ProductCard.tsx

@@ -159,7 +159,7 @@ function ProductCard({
                     {isOutOfStock && (
                         <div className="sold-out-overlay">SOLD OUT</div>
                     )}
-                    {isComingSoon && !isOutOfStock && (
+                    {isComingSoon && (
                         <div className="coming-soon-overlay">À VENIR</div>
                     )}
                 </div>