fix: icone

frontend-prep/src/components/ProductCard.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { createPortal } from "react-dom";
 import { useNavigate } from "react-router-dom";
 import { useCart } from "../context/useCart";
 import { Camera, Info, X } from "lucide-react";
@@ -218,8 +219,8 @@ function ProductCard({
                 )}
             </div>
 
-            {/* ✨ Modal vidéo */}
-            {showVideo && videoUrl && (
+            {/* ✨ Modal vidéo — rendu via Portal pour éviter le clipping du transform:scale sur .product-card */}
+            {showVideo && videoUrl && createPortal(
                 <div className="video-modal" onClick={handleCloseVideo}>
                     <div
                         className="video-modal-content"
@@ -242,7 +243,8 @@ function ProductCard({
                             vidéos.
                         </video>
                     </div>
-                </div>
+                </div>,
+                document.body
             )}
         </div>
     );