diff --git a/frontend-prep/index.html b/frontend-prep/index.html
index b243debe..5c9b2d49 100644
--- a/frontend-prep/index.html
+++ b/frontend-prep/index.html
@@ -3,8 +3,7 @@
-
-
+
diff --git a/frontend-prep/src/components/ProductCard.tsx b/frontend-prep/src/components/ProductCard.tsx
index 4fe92e53..1b233c45 100644
--- a/frontend-prep/src/components/ProductCard.tsx
+++ b/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({
)}
- {/* ✨ Modal vidéo */}
- {showVideo && videoUrl && (
+ {/* ✨ Modal vidéo — rendu via Portal pour éviter le clipping du transform:scale sur .product-card */}
+ {showVideo && videoUrl && createPortal(
+ ,
+ document.body
)}
);