chore: modify video size

mobile/src/components/ProductCard.tsx

@@ -537,27 +537,31 @@ const styles = StyleSheet.create({
     },
     videoModalOverlay: {
         flex: 1,
-        backgroundColor: "#000",
-        padding: 0,
+        backgroundColor: "rgba(0,0,0,0.92)",
+        justifyContent: "center",
+        alignItems: "center",
     },
     videoModalContent: {
-        flex: 1,
-        width: "100%",
+        width: SCREEN_WIDTH - 10,
         backgroundColor: "#000",
+        borderRadius: 12,
         overflow: "hidden",
         position: "relative",
     },
     videoCloseBtn: {
         position: "absolute",
-        top: 16,
-        right: 16,
-        width: 44,
-        height: 44,
-        borderRadius: 22,
+        top: 10,
+        right: 10,
+        width: 36,
+        height: 36,
+        borderRadius: 18,
         backgroundColor: "rgba(239,68,68,0.85)",
         justifyContent: "center",
         alignItems: "center",
         zIndex: 10,
     },
-    videoPlayer: { width: "100%", flex: 1 },
+    videoPlayer: {
+        width: "100%",
+        height: Math.round((SCREEN_WIDTH - 10) * 9 / 16),
+    },
 });