chore: modify video size

mobile/src/components/ProductCard.tsx

@@ -537,31 +537,27 @@ const styles = StyleSheet.create({
     },
     videoModalOverlay: {
         flex: 1,
-        backgroundColor: "rgba(0,0,0,0.95)",
-        justifyContent: "center",
-        alignItems: "center",
-        padding: 20,
+        backgroundColor: "#000",
+        padding: 0,
     },
     videoModalContent: {
+        flex: 1,
         width: "100%",
-        maxWidth: 500,
-        borderRadius: 12,
+        backgroundColor: "#000",
         overflow: "hidden",
         position: "relative",
     },
     videoCloseBtn: {
         position: "absolute",
-        top: 15,
-        right: 15,
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-        backgroundColor: "rgba(255,255,255,0.1)",
-        borderWidth: 2,
-        borderColor: "rgba(255,255,255,0.3)",
+        top: 16,
+        right: 16,
+        width: 44,
+        height: 44,
+        borderRadius: 22,
+        backgroundColor: "rgba(239,68,68,0.85)",
         justifyContent: "center",
         alignItems: "center",
         zIndex: 10,
     },
-    videoPlayer: { width: "100%", height: 300 },
+    videoPlayer: { width: "100%", flex: 1 },
 });