chore: build

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;
 }
 
@@ -62,6 +63,29 @@
         0 0 10px rgba(255, 0, 0, 0.5);
 }
 
+.coming-soon-overlay {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%) rotate(-15deg);
+    text-align: center;
+    z-index: 5;
+    pointer-events: none;
+    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(34, 197, 94, 0.6);
+    text-shadow:
+        2px 2px 6px rgba(0, 0, 0, 0.9),
+        -2px -2px 6px rgba(0, 0, 0, 0.9);
+}
+
 .product-card.out-of-stock {
     opacity: 0.75;
 }