{"product_id":"panda-carplay","title":"PANDA-CARPLAY","description":"\u003csection class=\"pro-brands-ticker\"\u003e\n  \u003cdiv class=\"pro-brands-title\"\u003e\n    \u003ch2\u003eCompatible avec\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pro-brands-marquee\"\u003e\n    \u003cdiv class=\"marquee-fade left\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"marquee-fade right\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"marquee-content\"\u003e\n      \u003cdiv class=\"marquee-group\"\u003e\n        \u003cdiv class=\"brand-box\" title=\"Volkswagen\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/volkswagen\/001E50\" alt=\"Volkswagen\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Toyota\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/toyota\/EB0A1E\" alt=\"Toyota\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Mercedes-Benz\"\u003e\u003cimg src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v9\/icons\/mercedes.svg\" alt=\"Mercedes\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"BMW\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/bmw\/0066B1\" alt=\"BMW\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Audi\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/audi\/000000\" alt=\"Audi\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Renault\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/renault\/000000\" alt=\"Renault\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Peugeot\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/peugeot\/000000\" alt=\"Peugeot\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Volvo\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/volvo\/003057\" alt=\"Volvo\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Fiat\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/fiat\/990000\" alt=\"Fiat\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Ford\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/ford\/003478\" alt=\"Ford\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Citroën\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/citroen\/000000\" alt=\"Citroën\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Nissan\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/nissan\/C1272D\" alt=\"Nissan\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Hyundai\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/hyundai\/002C6C\" alt=\"Hyundai\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Kia\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/kia\/05141F\" alt=\"Kia\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Seat\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/seat\/E30613\" alt=\"Seat\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Skoda\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/skoda\/4BA829\" alt=\"Skoda\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Opel\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/opel\/FFD700\" alt=\"Opel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Jeep\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/jeep\/000000\" alt=\"Jeep\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Alfa Romeo\"\u003e\u003cimg src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v9\/icons\/alfaromeo.svg\" alt=\"Alfa Romeo\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\" title=\"Tesla\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/tesla\/CC0000\" alt=\"Tesla\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"marquee-group\" aria-hidden=\"true\"\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/volkswagen\/001E50\" alt=\"Volkswagen\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/toyota\/EB0A1E\" alt=\"Toyota\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v9\/icons\/mercedes.svg\" alt=\"Mercedes\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/bmw\/0066B1\" alt=\"BMW\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/audi\/000000\" alt=\"Audi\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/renault\/000000\" alt=\"Renault\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/peugeot\/000000\" alt=\"Peugeot\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/volvo\/003057\" alt=\"Volvo\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/fiat\/990000\" alt=\"Fiat\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/ford\/003478\" alt=\"Ford\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/citroen\/000000\" alt=\"Citroën\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/nissan\/C1272D\" alt=\"Nissan\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/hyundai\/002C6C\" alt=\"Hyundai\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/kia\/05141F\" alt=\"Kia\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/seat\/E30613\" alt=\"Seat\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/skoda\/4BA829\" alt=\"Skoda\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/opel\/FFD700\" alt=\"Opel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/jeep\/000000\" alt=\"Jeep\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v9\/icons\/alfaromeo.svg\" alt=\"Alfa Romeo\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brand-box\"\u003e\u003cimg src=\"https:\/\/cdn.simpleicons.org\/tesla\/CC0000\" alt=\"Tesla\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  \/* Structure globale 100% largeur *\/\n  .pro-brands-ticker {\n    width: 100vw;\n    position: relative;\n    left: -10%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    padding: 28px 0;\n    background-color: #ffffff;\n    overflow: hidden;\n    box-sizing: border-box;\n    border-top: 1px solid #f1f5f9;\n    border-bottom: 1px solid #f1f5f9;\n  }\n\n  \/* Titre *\/\n  .pro-brands-title h2 {\n    text-align: center;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 22px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 20px 0;\n    letter-spacing: -0.3px;\n    padding: 0 15px;\n  }\n\n  .pro-brands-marquee {\n    position: relative;\n    width: 100%;\n    display: flex;\n    overflow: hidden;\n  }\n\n  \/* Fondus latéraux *\/\n  .marquee-fade {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 80px;\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  .marquee-fade.left {\n    left: 0;\n    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n  }\n\n  .marquee-fade.right {\n    right: 0;\n    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n  }\n\n  \/* Animation *\/\n  .marquee-content {\n    display: flex;\n    width: max-content;\n    animation: marqueeScroll 25s linear infinite;\n    will-change: transform;\n  }\n\n  .pro-brands-marquee:hover .marquee-content {\n    animation-play-state: paused;\n  }\n\n  .marquee-group {\n    display: flex;\n    align-items: center;\n    gap: 45px;\n    padding-right: 45px;\n  }\n\n  .brand-box {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 70px;\n    height: 40px;\n    flex-shrink: 0;\n  }\n\n  .brand-box img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    transition: transform 0.2s ease;\n  }\n\n  .brand-box:hover img {\n    transform: scale(1.08);\n  }\n\n  @keyframes marqueeScroll {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  \/* --- OPTIMISATION SPÉCIFIQUE MOBILE (\u003c 768PX) --- *\/\n  @media (max-width: 768px) {\n    .pro-brands-ticker {\n      left: 50%;\n      right: 50%;\n      padding: 20px 0;\n    }\n\n    .pro-brands-title h2 {\n      font-size: 18px;\n      margin-bottom: 16px;\n      letter-spacing: -0.2px;\n    }\n\n    .marquee-content {\n      animation: marqueeScroll 20s linear infinite;\n    }\n\n    .marquee-group {\n      gap: 32px;\n      padding-right: 32px;\n    }\n\n    .brand-box {\n      width: 54px;\n      height: 32px;\n    }\n\n    .marquee-fade {\n      width: 40px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- SECTION AVIS INSTAGRAM VIDÉO - PANDA-CARPLAY --\u003e\n\u003csection class=\"panda-insta-reels-section\"\u003e\n  \u003cdiv class=\"panda-insta-header\"\u003e\n    \u003cspan class=\"insta-badge\"\u003e\n      \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n        \u003cpath d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n      COMMUNAUTÉ INSTAGRAM\n    \u003c\/span\u003e\n    \u003ch2 class=\"insta-title\"\u003eAvis Instagram Vidéo\u003c\/h2\u003e\n    \u003cp class=\"insta-subtitle\"\u003eDécouvrez les retours en direct de nos clients sur les routes de France\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SLIDER \/ GRILLE DE 5 VIDÉOS --\u003e\n  \u003cdiv class=\"insta-reels-track\"\u003e\n\n    \u003c!-- REEL 1 --\u003e\n    \u003cdiv class=\"reel-card\"\u003e\n      \u003cdiv class=\"reel-video-wrapper\"\u003e\n        \u003cvideo class=\"reel-video\" loop muted playsinline preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f8627743af1f452fa99edb3e208ef1b4.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"reel-top-overlay\"\u003e\n          \u003cspan class=\"user-handle\"\u003e@sophie_maman_auto\u003c\/span\u003e\n          \u003cspan class=\"verified-badge\"\u003e✓ Vérifié\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-controls-overlay\"\u003e\n          \u003cbutton class=\"reel-btn playPauseBtn\" aria-label=\"Play \/ Pause\"\u003e\n            \u003csvg class=\"playIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"pauseIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n          \u003cbutton class=\"reel-btn muteBtn\" aria-label=\"Mute \/ Unmute\"\u003e\n            \u003csvg class=\"muteIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"unmuteIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-bottom-overlay\"\u003e\n          \u003cdiv class=\"rating-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cp class=\"reel-quote\"\u003e\"Super pratique pour surveiller bébé à l'arrière !\"\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- REEL 2 --\u003e\n    \u003cdiv class=\"reel-card\"\u003e\n      \u003cdiv class=\"reel-video-wrapper\"\u003e\n        \u003cvideo class=\"reel-video\" loop muted playsinline preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/48a6f1cd12b2412899ab605b34eaea72.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"reel-top-overlay\"\u003e\n          \u003cspan class=\"user-handle\"\u003e@alex_famille_roadtrip\u003c\/span\u003e\n          \u003cspan class=\"verified-badge\"\u003e✓ Vérifié\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-controls-overlay\"\u003e\n          \u003cbutton class=\"reel-btn playPauseBtn\" aria-label=\"Play \/ Pause\"\u003e\n            \u003csvg class=\"playIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"pauseIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n          \u003cbutton class=\"reel-btn muteBtn\" aria-label=\"Mute \/ Unmute\"\u003e\n            \u003csvg class=\"muteIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"unmuteIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-bottom-overlay\"\u003e\n          \u003cdiv class=\"rating-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cp class=\"reel-quote\"\u003e\"Qualité vidéo au top, même de nuit !\"\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- REEL 3 --\u003e\n    \u003cdiv class=\"reel-card\"\u003e\n      \u003cdiv class=\"reel-video-wrapper\"\u003e\n        \u003cvideo class=\"reel-video\" loop muted playsinline preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4eef0ca5abf64a1b93640dca4a6db6ad.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"reel-top-overlay\"\u003e\n          \u003cspan class=\"user-handle\"\u003e@julie_parent_serein\u003c\/span\u003e\n          \u003cspan class=\"verified-badge\"\u003e✓ Vérifié\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-controls-overlay\"\u003e\n          \u003cbutton class=\"reel-btn playPauseBtn\" aria-label=\"Play \/ Pause\"\u003e\n            \u003csvg class=\"playIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"pauseIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n          \u003cbutton class=\"reel-btn muteBtn\" aria-label=\"Mute \/ Unmute\"\u003e\n            \u003csvg class=\"muteIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"unmuteIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-bottom-overlay\"\u003e\n          \u003cdiv class=\"rating-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cp class=\"reel-quote\"\u003e\"Installation instantanée en 30 secondes.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- REEL 4 --\u003e\n    \u003cdiv class=\"reel-card\"\u003e\n      \u003cdiv class=\"reel-video-wrapper\"\u003e\n        \u003cvideo class=\"reel-video\" loop muted playsinline preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/826867dd3c624eae819351716a55494c.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"reel-top-overlay\"\u003e\n          \u003cspan class=\"user-handle\"\u003e@david_drive_safely\u003c\/span\u003e\n          \u003cspan class=\"verified-badge\"\u003e✓ Vérifié\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-controls-overlay\"\u003e\n          \u003cbutton class=\"reel-btn playPauseBtn\" aria-label=\"Play \/ Pause\"\u003e\n            \u003csvg class=\"playIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"pauseIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n          \u003cbutton class=\"reel-btn muteBtn\" aria-label=\"Mute \/ Unmute\"\u003e\n            \u003csvg class=\"muteIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"unmuteIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-bottom-overlay\"\u003e\n          \u003cdiv class=\"rating-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cp class=\"reel-quote\"\u003e\"Sérénité totale pendant la conduite.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- REEL 5 --\u003e\n    \u003cdiv class=\"reel-card\"\u003e\n      \u003cdiv class=\"reel-video-wrapper\"\u003e\n        \u003cvideo class=\"reel-video\" loop muted playsinline preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/901cbaca9dce48c7903300df82300f60.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"reel-top-overlay\"\u003e\n          \u003cspan class=\"user-handle\"\u003e@marine_lifestyle\u003c\/span\u003e\n          \u003cspan class=\"verified-badge\"\u003e✓ Vérifié\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-controls-overlay\"\u003e\n          \u003cbutton class=\"reel-btn playPauseBtn\" aria-label=\"Play \/ Pause\"\u003e\n            \u003csvg class=\"playIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"pauseIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n          \u003cbutton class=\"reel-btn muteBtn\" aria-label=\"Mute \/ Unmute\"\u003e\n            \u003csvg class=\"muteIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003csvg class=\"unmuteIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reel-bottom-overlay\"\u003e\n          \u003cdiv class=\"rating-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cp class=\"reel-quote\"\u003e\"Incomparable par rapport aux vieux rétroviseurs !\"\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  :root {\n    --panda-cyan: #7DE7FA;\n    --panda-cyan-glow: rgba(125, 231, 250, 0.3);\n    --panda-bg-dark: #090d16;\n    --panda-card-bg: rgba(255, 255, 255, 0.03);\n    --panda-card-border: rgba(255, 255, 255, 0.1);\n    --text-white: #FFFFFF;\n    --text-muted: #94A3B8;\n  }\n\n  \/* --- BREAKOUT FULL WIDTH --- *\/\n  .panda-insta-reels-section {\n    width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    background-color: var(--panda-bg-dark);\n    background-image: \n      radial-gradient(circle at 20% 10%, rgba(125, 231, 250, 0.08) 0%, transparent 50%),\n      radial-gradient(circle at 80% 90%, rgba(125, 231, 250, 0.05) 0%, transparent 50%);\n    padding: 80px 0;\n    box-sizing: border-box;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  }\n\n  \/* --- HEADER SECTION --- *\/\n  .panda-insta-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 50px auto;\n    padding: 0 20px;\n  }\n\n  .insta-badge {\n    color: var(--panda-cyan);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    background: rgba(125, 231, 250, 0.08);\n    border: 1px solid rgba(125, 231, 250, 0.25);\n    padding: 7px 18px;\n    border-radius: 30px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n\n  .insta-title {\n    color: #ffffff !important;\n    font-size: 40px;\n    font-weight: 800;\n    margin: 0 0 12px 0;\n    letter-spacing: -1px;\n    line-height: 1.2;\n  }\n\n  .insta-subtitle {\n    color: var(--text-muted);\n    font-size: 16px;\n    margin: 0;\n  }\n\n  \/* --- GRILLE \/ TRACK DE 5 REELS --- *\/\n  .insta-reels-track {\n    display: flex;\n    gap: 20px;\n    padding: 10px 5vw 30px 5vw;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: var(--panda-cyan) rgba(255, 255, 255, 0.05);\n  }\n\n  .insta-reels-track::-webkit-scrollbar {\n    height: 6px;\n  }\n\n  .insta-reels-track::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: 10px;\n  }\n\n  .insta-reels-track::-webkit-scrollbar-thumb {\n    background: var(--panda-cyan);\n    border-radius: 10px;\n  }\n\n  \/* --- REEL CARD --- *\/\n  .reel-card {\n    flex: 0 0 calc(20% - 16px);\n    min-width: 230px;\n    max-width: 280px;\n    scroll-snap-align: center;\n    perspective: 1000px;\n  }\n\n  .reel-video-wrapper {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 20px;\n    overflow: hidden;\n    background-color: #000000;\n    border: 1px solid var(--panda-card-border);\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);\n    transition: all 0.4s ease;\n  }\n\n  .reel-card:hover .reel-video-wrapper {\n    border-color: var(--panda-cyan);\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 25px var(--panda-cyan-glow);\n  }\n\n  .reel-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* --- OVERLAYS --- *\/\n  .reel-top-overlay {\n    position: absolute;\n    top: 14px;\n    left: 12px;\n    right: 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    z-index: 5;\n  }\n\n  .user-handle {\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 700;\n    background: rgba(11, 15, 23, 0.75);\n    backdrop-filter: blur(8px);\n    padding: 4px 10px;\n    border-radius: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n  }\n\n  .verified-badge {\n    color: var(--panda-cyan);\n    font-size: 10px;\n    font-weight: 800;\n    background: rgba(125, 231, 250, 0.15);\n    backdrop-filter: blur(8px);\n    padding: 4px 8px;\n    border-radius: 20px;\n    border: 1px solid rgba(125, 231, 250, 0.3);\n  }\n\n  \/* --- BOUTONS OVERLAY --- *\/\n  .reel-controls-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    gap: 12px;\n    z-index: 6;\n  }\n\n  .reel-btn {\n    background: rgba(11, 15, 23, 0.7);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n\n  .reel-btn:hover {\n    background: var(--panda-cyan);\n    border-color: var(--panda-cyan);\n    transform: scale(1.12);\n  }\n\n  .reel-btn svg {\n    width: 20px;\n    height: 20px;\n    fill: #ffffff;\n    transition: fill 0.3s ease;\n  }\n\n  .reel-btn:hover svg {\n    fill: #000000;\n  }\n\n  .reel-bottom-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 20px 14px 16px 14px;\n    background: linear-gradient(to top, rgba(9, 13, 22, 0.95) 0%, rgba(9, 13, 22, 0.6) 70%, transparent 100%);\n    z-index: 5;\n  }\n\n  .rating-stars {\n    color: #FFD700;\n    font-size: 13px;\n    margin-bottom: 4px;\n    letter-spacing: 1px;\n  }\n\n  .reel-quote {\n    color: #ffffff;\n    font-size: 12.5px;\n    font-weight: 500;\n    line-height: 1.4;\n    margin: 0;\n  }\n\n  \/* --- OPTIMISATION RESPONSIVE MOBILE \u0026 TABLETTE --- *\/\n  @media (max-width: 992px) {\n    .insta-title {\n      font-size: 28px;\n    }\n\n    .panda-insta-reels-section {\n      padding: 40px 0;\n    }\n\n    .reel-card {\n      flex: 0 0 78vw;\n      min-width: 220px;\n      max-width: 320px;\n      scroll-snap-align: center;\n    }\n\n    .insta-reels-track {\n      padding: 10px 4vw 25px 4vw;\n      gap: 14px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .reel-card {\n      flex: 0 0 85vw;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Encapsulation complète pour éviter tout conflit externe\n    document.querySelectorAll('.panda-insta-reels-section').forEach(function(section) {\n      section.querySelectorAll('.reel-card').forEach(function(card) {\n        const video = card.querySelector('.reel-video');\n        const playPauseBtn = card.querySelector('.playPauseBtn');\n        const muteBtn = card.querySelector('.muteBtn');\n\n        const playIcon = card.querySelector('.playIcon');\n        const pauseIcon = card.querySelector('.pauseIcon');\n        const muteIcon = card.querySelector('.muteIcon');\n        const unmuteIcon = card.querySelector('.unmuteIcon');\n\n        if (!video || !playPauseBtn || !muteBtn) return;\n\n        \/\/ LECTURE \/ PAUSE\n        playPauseBtn.addEventListener('click', function(e) {\n          e.preventDefault();\n          if (video.paused) {\n            video.play();\n            playIcon.style.display = 'none';\n            pauseIcon.style.display = 'block';\n          } else {\n            video.pause();\n            playIcon.style.display = 'block';\n            pauseIcon.style.display = 'none';\n          }\n        });\n\n        \/\/ MUTE \/ UNMUTE\n        muteBtn.addEventListener('click', function(e) {\n          e.preventDefault();\n          if (video.muted) {\n            video.muted = false;\n            muteIcon.style.display = 'none';\n            unmuteIcon.style.display = 'block';\n          } else {\n            video.muted = true;\n            muteIcon.style.display = 'block';\n            unmuteIcon.style.display = 'none';\n          }\n        });\n      });\n    });\n  });\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"panda-video-feature\" id=\"pandaVideoFeature\"\u003e\n  \u003cdiv class=\"panda-video-container\"\u003e\n    \n    \u003c!-- COLONNE GAUCHE : CONTENU TEXTE --\u003e\n    \u003cdiv class=\"panda-content-col\"\u003e\n      \u003cdiv class=\"panda-badge\"\u003e\n        \u003cspan class=\"panda-badge-dot\"\u003e\u003c\/span\u003e\n        \u003cspan\u003eINSTALLATION RAPIDE\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"panda-title\"\u003e\n        Installation \u003cspan class=\"panda-highlight\"\u003e« Plug \u0026amp; Play »\u003c\/span\u003e Intégrale en 30 Secondes\n      \u003c\/h2\u003e\n\n      \u003cp class=\"panda-description\"\u003e\n        Fixation universelle et ergonomique sur l'appuie-tête ou le dossier avant, accompagnée d'un boîtier USB qui se branche directement sur le port d'origine.\n      \u003c\/p\u003e\n\n      \u003cp class=\"panda-description\"\u003e\n        Aucune modification technique, aucun perçage ni frais de garage. Une mise en service immédiate, accessible à tous, sans dénaturer l'intérieur de votre véhicule.\n      \u003c\/p\u003e\n\n      \u003c!-- POINTS CLÉS ACCENTUÉS --\u003e\n      \u003cdiv class=\"panda-highlights-grid\"\u003e\n        \u003cdiv class=\"panda-key-point\"\u003e\n          \u003cdiv class=\"panda-point-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"panda-point-text\"\u003e\n            \u003cstrong\u003eZero-Trace\u003c\/strong\u003e\n            \u003cspan\u003ePreserve l'état d'origine du véhicule\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"panda-key-point\"\u003e\n          \u003cdiv class=\"panda-point-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"panda-point-text\"\u003e\n            \u003cstrong\u003eMise en route immédiate\u003c\/strong\u003e\n            \u003cspan\u003eBranché et fonctionnel en 30 sec\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- COLONNE DROITE : LECTEUR VIDÉO NET --\u003e\n    \u003cdiv class=\"panda-media-col\"\u003e\n      \u003cdiv class=\"panda-video-frame\"\u003e\n        \u003cvideo controls preload=\"metadata\" playsinline class=\"panda-standalone-video\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0502\/4445\/files\/Capture_d_ecran_2026-08-13_040342.png?v=1786590275\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/be30d6b31cd44cdea127f094b6060525.mp4\" type=\"video\/mp4\"\u003e\n          Votre navigateur ne supporte pas la lecture de vidéos.\n        \u003c\/source\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* -------------------------------------------------------------\n   1. TECHNIQUE BREAKOUT : FOND BLANC LUMINEUX (DESKTOP CONSERVÉ)\n------------------------------------------------------------- *\/\n.shopify-section:has(#pandaVideoFeature) {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n.panda-video-feature {\n  width: 100vw !important;\n  position: relative !important;\n  left: -10% !important;\n  right: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  background: #ffffff !important;\n  color: #0f172a !important;\n  padding: 100px 24px !important;\n  box-sizing: border-box !important;\n  overflow: hidden !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n}\n\n\/* ANIMATIONS D'ARRIÈRE-PLAN LUMINEUSES (#7DE7FA) *\/\n.panda-video-feature::before,\n.panda-video-feature::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(90px);\n  z-index: 0;\n  pointer-events: none;\n  animation: pandaPulseAura 8s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.panda-video-feature::before {\n  width: 450px;\n  height: 450px;\n  background: rgba(125, 231, 250, 0.22);\n  top: -100px;\n  right: -50px;\n}\n\n.panda-video-feature::after {\n  width: 550px;\n  height: 550px;\n  background: rgba(125, 231, 250, 0.18);\n  bottom: -150px;\n  left: -100px;\n  animation-delay: -4s;\n}\n\n@keyframes pandaPulseAura {\n  0% {\n    transform: scale(0.9) translate(0, 0);\n    opacity: 0.6;\n  }\n  100% {\n    transform: scale(1.15) translate(30px, -20px);\n    opacity: 0.9;\n  }\n}\n\n.panda-video-container {\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 60px !important;\n  align-items: center !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n\n\/* -------------------------------------------------------------\n   2. COLONNE TEXTE \u0026 TYPOGRAPHIE\n------------------------------------------------------------- *\/\n.panda-content-col {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.panda-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: rgba(125, 231, 250, 0.12);\n  border: 1px solid rgba(125, 231, 250, 0.5);\n  padding: 8px 18px;\n  border-radius: 30px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  color: #0284c7;\n  width: fit-content;\n}\n\n.panda-badge-dot {\n  width: 8px;\n  height: 8px;\n  background-color: #0284c7;\n  border-radius: 50%;\n  box-shadow: 0 0 10px rgba(125, 231, 250, 0.8);\n}\n\n.panda-title {\n  font-size: clamp(32px, 3.8vw, 46px) !important;\n  font-weight: 900 !important;\n  color: #0f172a !important;\n  line-height: 1.15 !important;\n  margin: 0 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.panda-highlight {\n  color: #0284c7;\n  background: linear-gradient(120deg, rgba(125, 231, 250, 0.3) 0%, rgba(125, 231, 250, 0.05) 100%);\n  padding: 2px 8px;\n  border-radius: 8px;\n}\n\n.panda-description {\n  font-size: 16px !important;\n  line-height: 1.65 !important;\n  color: #475569 !important;\n  margin: 0 !important;\n  font-weight: 450;\n}\n\n\/* POINTS CLÉS *\/\n.panda-highlights-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  margin-top: 10px;\n}\n\n.panda-key-point {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  background: #ffffff;\n  padding: 14px 20px;\n  border-radius: 16px;\n  border: 1px solid rgba(125, 231, 250, 0.35);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\n}\n\n.panda-point-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 10px;\n  background: rgba(125, 231, 250, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.panda-point-icon svg {\n  width: 20px;\n  height: 20px;\n  fill: #0284c7;\n}\n\n.panda-point-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.panda-point-text strong {\n  font-size: 14px;\n  color: #0f172a;\n}\n\n.panda-point-text span {\n  font-size: 12px;\n  color: #64748b;\n}\n\n\/* -------------------------------------------------------------\n   3. COLONNE VIDÉO PURE (SANS OVERLAY)\n------------------------------------------------------------- *\/\n.panda-media-col {\n  position: relative;\n}\n\n.panda-video-frame {\n  position: relative;\n  width: 100%;\n  border-radius: 24px;\n  overflow: hidden;\n  background: #000000;\n  border: 2px solid rgba(125, 231, 250, 0.4);\n  box-shadow: 0 25px 50px -12px rgba(125, 231, 250, 0.25), 0 10px 30px rgba(15, 23, 42, 0.08);\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.panda-video-frame:hover {\n  border-color: rgba(125, 231, 250, 0.8);\n  box-shadow: 0 30px 60px -10px rgba(125, 231, 250, 0.35), 0 15px 35px rgba(15, 23, 42, 0.12);\n}\n\n.panda-standalone-video {\n  width: 100%;\n  height: auto;\n  display: block;\n  aspect-ratio: 16 \/ 9;\n  object-fit: cover;\n  border-radius: 22px;\n}\n\n\/* -------------------------------------------------------------\n   4. ADAPTATION MOBILE STRICTE (CORRECTION AFFICHAGE \u0026 DÉFILEMENT)\n------------------------------------------------------------- *\/\n@media (max-width: 992px) {\n  .panda-video-feature {\n    width: 100vw !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    padding: 50px 16px !important;\n  }\n\n  .panda-video-container {\n    grid-template-columns: 1fr !important;\n    gap: 32px !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .panda-content-col {\n    text-align: left;\n    width: 100% !important;\n  }\n\n  .panda-media-col {\n    width: 100% !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"panda-tech-dashboard\" id=\"pandaTechSpecs\"\u003e\n  \u003cdiv class=\"panda-dashboard-container\"\u003e\n    \n    \u003c!-- HEADER HERO SECTION --\u003e\n    \u003cdiv class=\"panda-dash-header\"\u003e\n      \u003cdiv class=\"panda-pill-badge\"\u003e\n        \u003cspan class=\"panda-pulse-glow\"\u003e\u003c\/span\u003e\n        \u003cspan\u003eINGÉNIERIE \u0026amp; TECHNOLOGIE AUTOMOBILE\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003ch2 class=\"panda-dash-title\"\u003e\n        PANDA-CARPLAY™ \u003cspan class=\"cyan-neon\"\u003eGuardian\u003c\/span\u003e\n      \u003c\/h2\u003e\n      \n      \u003cp class=\"panda-dash-subtitle\"\u003e\n        L'alliance parfaite entre le contrôle multimédia haute vitesse et la surveillance familiale intelligente en conduite.\n      \u003c\/p\u003e\n\n      \u003c!-- BARRE DE STATISTIQUES RAPIDES --\u003e\n      \u003cdiv class=\"panda-stats-bar\"\u003e\n        \u003cdiv class=\"panda-stat-box\"\u003e\n          \u003cspan class=\"panda-stat-val\"\u003e1080p\u003c\/span\u003e\n          \u003cspan class=\"panda-stat-lbl\"\u003eFlux Vidéo HD\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"panda-stat-divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"panda-stat-box\"\u003e\n          \u003cspan class=\"panda-stat-val\"\u003e5 GHz\u003c\/span\u003e\n          \u003cspan class=\"panda-stat-lbl\"\u003eWi-Fi Ultra-Fast\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"panda-stat-divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"panda-stat-box\"\u003e\n          \u003cspan class=\"panda-stat-val\"\u003e30 sec\u003c\/span\u003e\n          \u003cspan class=\"panda-stat-lbl\"\u003ePlug \u0026amp; Play\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"panda-stat-divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"panda-stat-box\"\u003e\n          \u003cspan class=\"panda-stat-val\"\u003e150°\u003c\/span\u003e\n          \u003cspan class=\"panda-stat-lbl\"\u003eChamp de Vision\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BENTO GRID TECK \u0026 INTERACTIVE --\u003e\n    \u003cdiv class=\"panda-bento-grid\"\u003e\n      \n      \u003c!-- CARTE 1 : VISUEL HERO CENTRAL --\u003e\n      \u003cdiv class=\"panda-bento-card panda-card-media\"\u003e\n        \u003cdiv class=\"panda-media-frame\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0502\/4445\/files\/imgi_179_Concentre-et-rassure.png?v=1786574161\" alt=\"PANDA-CARPLAY Guardian Split Screen\" class=\"panda-hero-media\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"panda-media-overlay\"\u003e\u003c\/div\u003e\n          \n          \u003c!-- OVERLAY GLASSMORPHISM LIVE STREAMING --\u003e\n          \u003cdiv class=\"panda-hud-badge\"\u003e\n            \u003cdiv class=\"panda-hud-header\"\u003e\n              \u003cspan class=\"panda-hud-rec\"\u003e\u003c\/span\u003e\n              \u003cspan class=\"panda-hud-txt\"\u003eFLUX EN DIRECT • BANQUETTE ARRIÈRE\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"panda-hud-footer\"\u003e\n              \u003cspan\u003eCaméra infrarouge active\u003c\/span\u003e\n              \u003cspan class=\"panda-hud-tag\"\u003e1080p \/ 60 FPS\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CARTE 2 : SPLIT SCREEN 50\/50 --\u003e\n      \u003cdiv class=\"panda-bento-card\"\u003e\n        \u003cdiv class=\"panda-card-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M4 4h7v16H4zm9 0h7v16h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"panda-card-title\"\u003eSplit-Screen 50\/50\u003c\/h3\u003e\n        \u003cp class=\"panda-card-desc\"\u003e\n          Affichage simultané intelligent. Gardez le suivi GPS Waze\/Maps tout en gardant un œil constant sur vos enfants sans changer d'écran.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CARTE 3 : SANS FIL WI-FI 5GHZ --\u003e\n      \u003cdiv class=\"panda-bento-card\"\u003e\n        \u003cdiv class=\"panda-card-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3C6.95 3 2.55 5.37 0 9l2.12 2.12C4.18 8.03 7.85 6 12 6s7.82 2.03 9.88 5.12L24 9c-2.55-3.63-6.95-6-12-6zm0 6c-3.19 0-6.08 1.48-8 3.79l2.12 2.12C7.54 12.91 9.64 12 12 12s4.46.91 5.88 2.91L20 12.79C18.08 10.48 15.19 9 12 9zm0 6c-1.42 0-2.69.58-3.61 1.5L12 20l3.61-3.5C14.69 15.58 13.42 15 12 15z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"panda-card-title\"\u003eConnexion Wi-Fi 5GHz\u003c\/h3\u003e\n        \u003cp class=\"panda-card-desc\"\u003e\n          Puce de transmission haute fréquence ultra-rapide. Appairage automatique en moins de 5 secondes dès l'allumage du moteur.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CARTE 4 : COMPATIBILITÉ UNIVERSELLE --\u003e\n      \u003cdiv class=\"panda-bento-card\"\u003e\n        \u003cdiv class=\"panda-card-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"panda-card-title\"\u003eiOS \u0026amp; Android Auto\u003c\/h3\u003e\n        \u003cp class=\"panda-card-desc\"\u003e\n          Compatibilité totale avec l'écosystème Apple CarPlay et Android Auto (sans fil \u0026amp; filaire). Supporte toutes vos applications favorites.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CARTE 5 : INSTALLATION ZERO TRACE --\u003e\n      \u003cdiv class=\"panda-bento-card\"\u003e\n        \u003cdiv class=\"panda-card-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"panda-card-title\"\u003eInstallation Plug \u0026amp; Play\u003c\/h3\u003e\n        \u003cp class=\"panda-card-desc\"\u003e\n          Montage Zero-Trace en 30 secondes. Aucune modification électrique, aucun perçage. Idéal pour les véhicules de fonction ou leasing.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CARTE 6 : VISION NOCTURNE AUTOMATIQUE --\u003e\n      \u003cdiv class=\"panda-bento-card\"\u003e\n        \u003cdiv class=\"panda-card-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-5.4-5.4c0-1.81.89-3.42 2.26-4.4C12.92 3.04 12.46 3 12 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"panda-card-title\"\u003eVision Night-Vision HD\u003c\/h3\u003e\n        \u003cp class=\"panda-card-desc\"\u003e\n          Capteurs infrarouges haute sensibilité ajustant la luminosité dans le noir complet pour une visibilité nette de nuit.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- PIED DE SECTION \u0026 GARANTIE --\u003e\n    \u003cdiv class=\"panda-footer-banner\"\u003e\n      \u003cdiv class=\"panda-guarantee-tag\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-5.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan\u003eGARANTIE CONSTRUCTEUR 2 ANS \u0026amp; SATISFAIT OU REMBOURSÉ DEUX SEMAINES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* -------------------------------------------------------------\n   1. TECHNIQUE BREAKOUT : DÉBLOQUE LES CONTRAINTES DU THÈME (DESKTOP CONSERVÉ)\n------------------------------------------------------------- *\/\n.shopify-section:has(#pandaTechSpecs) {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n.panda-tech-dashboard {\n  width: 100vw !important;\n  position: relative !important;\n  left: -10% !important;\n  right: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  background: #090d16 !important;\n  color: #ffffff !important;\n  padding: 90px 24px !important;\n  box-sizing: border-box !important;\n  overflow: hidden !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n}\n\n.panda-dashboard-container {\n  max-width: 1300px !important;\n  margin: 0 auto !important;\n}\n\n\/* -------------------------------------------------------------\n   2. HEADER FUTURISTE \u0026 MÉTRIQUES\n------------------------------------------------------------- *\/\n.panda-dash-header {\n  text-align: center;\n  max-width: 850px;\n  margin: 0 auto 60px auto;\n}\n\n.panda-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: rgba(125, 231, 250, 0.08);\n  border: 1px solid rgba(125, 231, 250, 0.3);\n  padding: 8px 20px;\n  border-radius: 40px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  color: #7DE7FA;\n  margin-bottom: 24px;\n}\n\n.panda-pulse-glow {\n  width: 8px;\n  height: 8px;\n  background-color: #7DE7FA;\n  border-radius: 50%;\n  box-shadow: 0 0 12px #7DE7FA;\n}\n\n.panda-dash-title {\n  font-size: clamp(36px, 5vw, 58px) !important;\n  font-weight: 900 !important;\n  color: #ffffff !important;\n  margin: 0 0 18px 0 !important;\n  letter-spacing: -1px !important;\n  line-height: 1.1 !important;\n}\n\n.cyan-neon {\n  color: #7DE7FA;\n  text-shadow: 0 0 25px rgba(125, 231, 250, 0.45);\n}\n\n.panda-dash-subtitle {\n  font-size: 17px !important;\n  color: #94a3b8 !important;\n  line-height: 1.6 !important;\n  margin: 0 0 40px 0 !important;\n}\n\n\/* BARRE DE MÉTRIQUES *\/\n.panda-stats-bar {\n  display: inline-flex;\n  align-items: center;\n  gap: 30px;\n  background: rgba(15, 23, 42, 0.7);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  padding: 16px 36px;\n  border-radius: 20px;\n  backdrop-filter: blur(10px);\n}\n\n.panda-stat-box {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.panda-stat-val {\n  font-size: 22px;\n  font-weight: 900;\n  color: #ffffff;\n}\n\n.panda-stat-lbl {\n  font-size: 11px;\n  color: #7DE7FA;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.panda-stat-divider {\n  width: 1px;\n  height: 30px;\n  background: rgba(255, 255, 255, 0.12);\n}\n\n\/* -------------------------------------------------------------\n   3. BENTO GRID ARCHITECTURE\n------------------------------------------------------------- *\/\n.panda-bento-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.panda-bento-card {\n  background: rgba(15, 23, 42, 0.6);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 24px;\n  padding: 32px;\n  position: relative;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  box-sizing: border-box;\n}\n\n.panda-bento-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(125, 231, 250, 0.4);\n  background: rgba(15, 23, 42, 0.9);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(125, 231, 250, 0.1);\n}\n\n\/* CARTE HERO MÉDIA (PREND 2 COLONNES ET 2 RANGÉES) *\/\n.panda-card-media {\n  grid-column: span 2;\n  grid-row: span 2;\n  padding: 0;\n  overflow: hidden;\n  border-color: rgba(125, 231, 250, 0.2);\n}\n\n.panda-media-frame {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n}\n\n.panda-hero-media {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.panda-media-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(9, 13, 22, 0) 40%, rgba(9, 13, 22, 0.9) 100%);\n}\n\n\/* HUD OVERLAY EN DIRECT *\/\n.panda-hud-badge {\n  position: absolute;\n  bottom: 24px;\n  left: 24px;\n  right: 24px;\n  background: rgba(9, 13, 22, 0.85);\n  backdrop-filter: blur(12px);\n  border: 1px solid rgba(125, 231, 250, 0.3);\n  padding: 16px 22px;\n  border-radius: 16px;\n}\n\n.panda-hud-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 6px;\n}\n\n.panda-hud-rec {\n  width: 10px;\n  height: 10px;\n  background-color: #ef4444;\n  border-radius: 50%;\n  box-shadow: 0 0 10px #ef4444;\n  animation: panda-blink 1.5s infinite;\n}\n\n@keyframes panda-blink {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.3; }\n}\n\n.panda-hud-txt {\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  color: #ffffff;\n}\n\n.panda-hud-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 12px;\n  color: #94a3b8;\n}\n\n.panda-hud-tag {\n  background: rgba(125, 231, 250, 0.15);\n  color: #7DE7FA;\n  padding: 3px 8px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 10px;\n}\n\n\/* ICÔNES \u0026 DÉTAILS BENTO *\/\n.panda-card-icon {\n  width: 48px;\n  height: 48px;\n  background: rgba(125, 231, 250, 0.1);\n  border: 1px solid rgba(125, 231, 250, 0.25);\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n}\n\n.panda-card-icon svg {\n  width: 22px;\n  height: 22px;\n  fill: #7DE7FA;\n}\n\n.panda-card-title {\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n  margin: 0 0 10px 0 !important;\n}\n\n.panda-card-desc {\n  font-size: 14px !important;\n  color: #94a3b8 !important;\n  line-height: 1.6 !important;\n  margin: 0 !important;\n}\n\n\/* -------------------------------------------------------------\n   4. PIED DE PAGE \u0026 GARANTIE\n------------------------------------------------------------- *\/\n.panda-footer-banner {\n  margin-top: 50px;\n  text-align: center;\n}\n\n.panda-guarantee-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  padding: 14px 28px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  color: #cbd5e1;\n}\n\n.panda-guarantee-tag svg {\n  width: 20px;\n  height: 20px;\n  fill: #7DE7FA;\n}\n\n\/* -------------------------------------------------------------\n   5. RESPONSIVE MOBILE \u0026 TABLETTE (CORRECTION BREAKOUT STRICTE)\n------------------------------------------------------------- *\/\n@media (max-width: 1024px) {\n  .panda-tech-dashboard {\n    left: 50% !important;\n    right: auto !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    transform: translateX(-50%) !important;\n  }\n\n  .panda-bento-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .panda-card-media {\n    grid-column: span 2;\n    grid-row: span 1;\n  }\n\n  .panda-stats-bar {\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 15px;\n  }\n  \n  .panda-stat-divider {\n    display: none;\n  }\n}\n\n@media (max-width: 640px) {\n  .panda-tech-dashboard {\n    padding: 60px 16px !important;\n  }\n\n  .panda-bento-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .panda-card-media {\n    grid-column: span 1;\n  }\n\n  .panda-hud-footer {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\u003c!-- SECTION PREMIUM IMAGE \u0026 TEXTE (PANDA-CARPLAY) --\u003e\n\u003csection class=\"panda-brand-feature\"\u003e\n  \u003cdiv class=\"panda-feature-container\"\u003e\n    \n    \u003c!-- COLONNE IMAGE (GAUCHE) --\u003e\n    \u003cdiv class=\"panda-feature-media\"\u003e\n      \u003cdiv class=\"panda-image-card\" id=\"pandaImageCard\"\u003e\n        \u003c!-- Aura dynamique #7DE7FA --\u003e\n        \u003cdiv class=\"panda-glow-effect\"\u003e\u003c\/div\u003e\n        \n        \u003cdiv class=\"panda-image-inner\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0502\/4445\/files\/imgi_135_photo_1.png?v=1786845124\" alt=\"Panda-CarPlay - Sécurité bébé en voiture\" loading=\"lazy\"\u003e\n          \u003c!-- Reflet interactif --\u003e\n          \u003cdiv class=\"panda-shine-overlay\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Badge flottant minimaliste --\u003e\n        \u003cdiv class=\"panda-floating-badge\"\u003e\n          \u003cspan class=\"badge-dot\"\u003e\u003c\/span\u003e\n          \u003cspan class=\"badge-text\"\u003eSécurité en temps réel\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- COLONNE TEXTE (DROITE) --\u003e\n    \u003cdiv class=\"panda-feature-content\"\u003e\n      \u003cdiv class=\"panda-badge\"\u003e\n        \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan\u003eTechnologie \u0026amp; Tranquillité\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"panda-feature-title\"\u003e\n        Réduis les distractions \u003cspan class=\"highlight\"\u003eau volant\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"panda-feature-text\"\u003e\n        Avec ton bébé à l’arrière, difficile de résister à l’envie de te retourner pour vérifier que tout va bien. Mais chaque regard loin de la route compte. \n      \u003c\/p\u003e\n\n      \u003cdiv class=\"panda-highlight-box\"\u003e\n        \u003cp\u003e\n          Avec \u003cstrong\u003ePanda-CarPlay\u003c\/strong\u003e, tu gardes un œil sur ton bébé en temps réel, directement sur l’écran de ta voiture — sans miroir à ajuster ni câbles encombrants.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  \/* --- VARIABLES DE DESIGN --- *\/\n  :root {\n    --panda-brand: #7DE7FA;\n    --panda-brand-dark: #3bd3ee;\n    --panda-brand-light: rgba(125, 231, 250, 0.15);\n    --panda-text-dark: #090d16;\n    --panda-text-muted: #475569;\n    --panda-bg: #ffffff;\n  }\n\n  \/* --- STRUCTURE PLEINE LARGEUR (FULL WIDTH) --- *\/\n  .panda-brand-feature {\n    width: 100vw;\n    position: relative;\n    left: -10%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: var(--panda-bg);\n    padding: 100px 0;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .panda-feature-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 30px;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 80px;\n    align-items: center;\n  }\n\n  \/* --- COLONNE IMAGE \u0026 EFFETS 3D --- *\/\n  .panda-feature-media {\n    position: relative;\n    perspective: 1200px;\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .panda-image-card {\n    position: relative;\n    border-radius: 28px;\n    transform-style: preserve-3d;\n    transition: transform 0.15s ease-out;\n    cursor: pointer;\n  }\n\n  \/* Halo lumineux dynamique #7DE7FA *\/\n  .panda-glow-effect {\n    position: absolute;\n    top: 5%;\n    left: 5%;\n    width: 90%;\n    height: 90%;\n    background: radial-gradient(circle, var(--panda-brand) 0%, rgba(125, 231, 250, 0) 70%);\n    filter: blur(50px);\n    opacity: 0.5;\n    z-index: 0;\n    transition: opacity 0.5s ease;\n  }\n\n  .panda-image-inner {\n    position: relative;\n    z-index: 1;\n    border-radius: 24px;\n    overflow: hidden;\n    background: #f8fafc;\n    border: 1px solid rgba(125, 231, 250, 0.4);\n    box-shadow: 0 20px 50px -15px rgba(9, 13, 22, 0.08),\n                0 0 30px var(--panda-brand-light);\n  }\n\n  .panda-image-inner img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .panda-image-card:hover .panda-image-inner img {\n    transform: scale(1.03);\n  }\n\n  .panda-image-card:hover .panda-glow-effect {\n    opacity: 0.8;\n  }\n\n  \/* Overlay Reflet *\/\n  .panda-shine-overlay {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n    transform: skewX(-25deg);\n    transition: left 0.75s ease;\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  .panda-image-card:hover .panda-shine-overlay {\n    left: 150%;\n  }\n\n  \/* Badge flottant sur l'image *\/\n  .panda-floating-badge {\n    position: absolute;\n    bottom: 25px;\n    left: 25px;\n    z-index: 3;\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid var(--panda-brand);\n    padding: 10px 18px;\n    border-radius: 100px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.06);\n    transform: translateZ(30px);\n  }\n\n  .badge-dot {\n    width: 8px;\n    height: 8px;\n    background-color: var(--panda-brand-dark);\n    border-radius: 50%;\n    box-shadow: 0 0 10px var(--panda-brand);\n    animation: pandaPulse 2s infinite;\n  }\n\n  .badge-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--panda-text-dark);\n    letter-spacing: -0.2px;\n  }\n\n  \/* --- COLONNE TEXTE \u0026 TYPOGRAPHIE --- *\/\n  .panda-feature-content {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;\n  }\n\n  .panda-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--panda-brand-light);\n    color: #0284c7;\n    border: 1px solid rgba(125, 231, 250, 0.6);\n    padding: 6px 14px;\n    border-radius: 100px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    margin-bottom: 24px;\n  }\n\n  .panda-feature-title {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 42px;\n    font-weight: 800;\n    color: var(--panda-text-dark);\n    line-height: 1.15;\n    letter-spacing: -1.2px;\n    margin: 0 0 24px 0;\n  }\n\n  .panda-feature-title .highlight {\n    position: relative;\n    display: inline-block;\n    z-index: 1;\n  }\n\n  .panda-feature-title .highlight::after {\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    left: 0;\n    width: 100%;\n    height: 12px;\n    background-color: var(--panda-brand);\n    z-index: -1;\n    border-radius: 4px;\n    opacity: 0.75;\n  }\n\n  .panda-feature-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 17px;\n    font-weight: 400;\n    color: var(--panda-text-muted);\n    line-height: 1.7;\n    margin: 0 0 24px 0;\n  }\n\n  .panda-highlight-box {\n    background: linear-gradient(135deg, rgba(125, 231, 250, 0.12) 0%, rgba(255, 255, 255, 0.8) 100%);\n    border-left: 4px solid var(--panda-brand);\n    border-radius: 0 16px 16px 0;\n    padding: 20px 24px;\n    box-shadow: 0 4px 20px rgba(125, 231, 250, 0.1);\n  }\n\n  .panda-highlight-box p {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 16px;\n    color: var(--panda-text-dark);\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  .panda-highlight-box strong {\n    font-weight: 700;\n    color: #0369a1;\n  }\n\n  \/* Animation Pulse *\/\n  @keyframes pandaPulse {\n    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(125, 231, 250, 0.7); }\n    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(125, 231, 250, 0); }\n    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(125, 231, 250, 0); }\n  }\n\n  \/* --- ÉTATS D'ANIMATION DE REVELATION --- *\/\n  .panda-brand-feature.is-visible .panda-feature-media,\n  .panda-brand-feature.is-visible .panda-feature-content {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ==========================================================================\n     OPTIMISATION ULTRA-PRO SPÉCIFIQUE MOBILE (\u003c 768PX)\n     ========================================================================== *\/\n  @media (max-width: 768px) {\n    .panda-brand-feature {\n      width: 100%;\n      left: 0;\n      right: 0;\n      margin-left: 0;\n      margin-right: 0;\n      padding: 50px 0;\n    }\n\n    .panda-feature-container {\n      display: flex;\n      flex-direction: column;\n      gap: 32px;\n      padding: 0 20px;\n    }\n\n    \/* Re-priorisation de l'affichage mobile : Titre\/Badge -\u003e Image -\u003e Texte *\/\n    .panda-feature-content {\n      display: flex;\n      flex-direction: column;\n      order: 1;\n    }\n\n    .panda-feature-media {\n      order: 2;\n      perspective: none;\n    }\n\n    .panda-badge {\n      align-self: flex-start;\n      font-size: 12px;\n      padding: 5px 12px;\n      margin-bottom: 16px;\n    }\n\n    .panda-feature-title {\n      font-size: 28px;\n      line-height: 1.2;\n      letter-spacing: -0.6px;\n      margin-bottom: 16px;\n    }\n\n    .panda-feature-title .highlight::after {\n      height: 9px;\n      bottom: 2px;\n    }\n\n    .panda-feature-text {\n      font-size: 15px;\n      line-height: 1.6;\n      margin-bottom: 20px;\n    }\n\n    .panda-highlight-box {\n      padding: 16px 18px;\n      border-radius: 0 12px 12px 0;\n    }\n\n    .panda-highlight-box p {\n      font-size: 14.5px;\n      line-height: 1.55;\n    }\n\n    \/* Ajustement de la carte d'image sur mobile *\/\n    .panda-image-card {\n      border-radius: 20px;\n      transform: none !important;\n    }\n\n    .panda-image-inner {\n      border-radius: 18px;\n      box-shadow: 0 12px 30px -10px rgba(9, 13, 22, 0.1),\n                  0 0 20px var(--panda-brand-light);\n    }\n\n    .panda-glow-effect {\n      filter: blur(35px);\n      opacity: 0.6;\n    }\n\n    .panda-floating-badge {\n      bottom: 12px;\n      left: 12px;\n      padding: 7px 13px;\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n    }\n\n    .badge-dot {\n      width: 7px;\n      height: 7px;\n    }\n\n    .badge-text {\n      font-size: 11px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ 1. Animation à l'apparition au défilement (Scroll Reveal)\n    const featureSection = document.querySelector('.panda-brand-feature');\n    \n    if ('IntersectionObserver' in window) {\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.15 });\n      \n      observer.observe(featureSection);\n    } else {\n      featureSection.classList.add('is-visible');\n    }\n\n    \/\/ 2. Effet Parallaxe 3D au survol de la carte (Exclusif Ordinateur \/ \u003e 768px)\n    const card = document.getElementById('pandaImageCard');\n    \n    if (window.innerWidth \u003e 768 \u0026\u0026 card) {\n      card.addEventListener('mousemove', (e) =\u003e {\n        const rect = card.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n        \n        const centerX = rect.width \/ 2;\n        const centerY = rect.height \/ 2;\n        \n        const rotateX = ((y - centerY) \/ centerY) * -7;\n        const rotateY = ((x - centerX) \/ centerX) * 7;\n\n        card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n      });\n\n      card.addEventListener('mouseleave', () =\u003e {\n        card.style.transform = 'rotateX(0deg) rotateY(0deg)';\n      });\n    }\n  });\n\u003c\/script\u003e\n\n\n\n\n\n  \n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"panda-compat-section\" id=\"pandaCompatSection\"\u003e\n  \u003c!-- Halos subtils et grille futuriste pour le côté surréaliste --\u003e\n  \u003cdiv class=\"panda-compat-grid\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"panda-glow-orb orb-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"panda-glow-orb orb-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"panda-compat-container\"\u003e\n    \u003c!-- BLOC TEXTE (GAUCHE) --\u003e\n    \u003cdiv class=\"panda-compat-content\"\u003e\n      \u003cdiv class=\"panda-badge-wrapper\"\u003e\n        \u003cdiv class=\"panda-badge-glow\"\u003e\u003c\/div\u003e\n        \u003cspan class=\"panda-subtitle\"\u003eCOMPATIBILITÉ UNIVERSELLE\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"panda-title\"\u003e\n        Conçu pour s’adapter à votre véhicule. \u003cspan class=\"panda-gradient-text\"\u003eSans exception.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"panda-description\"\u003e\n        Une ingénierie pensée pour s'intégrer de manière fluide à l'écosystème de votre automobile. Compatible à plus de 99 % avec les véhicules équipés de systèmes multimédias d'origine, \u003cstrong\u003ePANDA-CARPLAY™\u003c\/strong\u003e prend en charge Apple CarPlay Sans Fil (iOS 10+) et Android Auto Sans Fil (Android 11+). Connectez votre smartphone en quelques secondes et redécouvrez la liberté d'un habitacle épuré.\n      \u003c\/p\u003e\n\n      \u003c!-- KPIs interactifs avec effet verre (Glassmorphism) --\u003e\n      \u003cdiv class=\"panda-stats-grid\"\u003e\n        \u003cdiv class=\"panda-stat-card\"\u003e\n          \u003cdiv class=\"panda-stat-number\" data-target=\"99\"\u003e0\u003cspan\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"panda-stat-label\"\u003eCompatibilité auto\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"panda-stat-card\"\u003e\n          \u003cdiv class=\"panda-stat-number\"\u003e\u0026lt; 3\u003cspan\u003es\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"panda-stat-label\"\u003eConnexion auto\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BLOC IMAGE SURRÉALISTE (DROITE) --\u003e\n    \u003cdiv class=\"panda-compat-visual\"\u003e\n      \u003cdiv class=\"panda-image-wrapper\"\u003e\n        \u003c!-- Cercles d'ondes technologiques en arrière-plan --\u003e\n        \u003cdiv class=\"tech-ring ring-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"tech-ring ring-2\"\u003e\u003c\/div\u003e\n        \n        \u003c!-- Reflet lumineux interactif --\u003e\n        \u003cdiv class=\"panda-light-sweep\"\u003e\u003c\/div\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0502\/4445\/files\/imgi_198_Compatible-a-99_1.png?v=1786423294\" alt=\"Compatibilité Panda-CarPlay\" class=\"panda-img\" loading=\"lazy\"\u003e\n\n        \u003c!-- Puces flottantes holographiques --\u003e\n        \u003cdiv class=\"panda-float-tag tag-ios\"\u003e\n          \u003cspan class=\"dot pulse-green\"\u003e\u003c\/span\u003e\n          \u003cspan\u003eApple CarPlay\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"panda-float-tag tag-android\"\u003e\n          \u003cspan class=\"dot pulse-cyan\"\u003e\u003c\/span\u003e\n          \u003cspan\u003eAndroid Auto\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* -------------------------------------------------------------\n   1. STRUCTURE GLOBAL \u0026 BREAKOUT FULL-WIDTH\n------------------------------------------------------------- *\/\n.shopify-section:has(#pandaCompatSection) {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n.panda-compat-section {\n  position: relative !important;\n  width: 100vw !important;\n  left: -10% !important;\n  transform: translateX(-50%) !important;\n  background-color: #ffffff !important;\n  padding: 120px 24px !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n}\n\n\/* Grille ultra-subtile en arrière-plan *\/\n.panda-compat-grid {\n  position: absolute;\n  inset: 0;\n  background-image: \n    linear-gradient(to right, rgba(0, 182, 122, 0.03) 1px, transparent 1px),\n    linear-gradient(to bottom, rgba(0, 182, 122, 0.03) 1px, transparent 1px);\n  background-size: 40px 40px;\n  mask-image: radial-gradient(circle at 50% 50%, black 30%, transparent 80%);\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 30%, transparent 80%);\n  pointer-events: none;\n}\n\n\/* Halos lumineux organiques *\/\n.panda-glow-orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(100px);\n  pointer-events: none;\n  opacity: 0.12;\n}\n\n.orb-1 {\n  width: 500px;\n  height: 500px;\n  background: #00b67a;\n  top: -10%;\n  left: -10%;\n  animation: floatOrb 12s ease-in-out infinite alternate;\n}\n\n.orb-2 {\n  width: 600px;\n  height: 600px;\n  background: #7de7fa;\n  bottom: -20%;\n  right: -10%;\n  animation: floatOrb 15s ease-in-out infinite alternate-reverse;\n}\n\n@keyframes floatOrb {\n  0% { transform: translate(0, 0) scale(1); }\n  100% { transform: translate(60px, 40px) scale(1.15); }\n}\n\n.panda-compat-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 60px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n\/* -------------------------------------------------------------\n   2. TEXTE \u0026 COMPOSANTS SURRÉALISTES (GAUCHE)\n------------------------------------------------------------- *\/\n.panda-badge-wrapper {\n  position: relative;\n  display: inline-block;\n  margin-bottom: 20px;\n}\n\n.panda-badge-glow {\n  position: absolute;\n  inset: 0;\n  background: #00b67a;\n  filter: blur(12px);\n  opacity: 0.25;\n  border-radius: 30px;\n}\n\n.panda-subtitle {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 18px;\n  background: rgba(255, 255, 255, 0.9);\n  border: 1px solid rgba(0, 182, 122, 0.3);\n  backdrop-filter: blur(10px);\n  border-radius: 30px;\n  color: #00b67a;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.panda-title {\n  font-size: clamp(32px, 3.8vw, 52px) !important;\n  line-height: 1.12 !important;\n  font-weight: 900 !important;\n  color: #0f172a !important;\n  letter-spacing: -1.5px !important;\n  margin: 0 0 24px 0 !important;\n}\n\n.panda-gradient-text {\n  background: linear-gradient(135deg, #0f172a 30%, #00b67a 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.panda-description {\n  font-size: 17px !important;\n  line-height: 1.7 !important;\n  color: #475569 !important;\n  margin: 0 0 36px 0 !important;\n  max-width: 580px;\n  font-weight: 400;\n}\n\n.panda-description strong {\n  color: #0f172a;\n  font-weight: 700;\n}\n\n\/* CARDS STATISTIQUES EN VERRE *\/\n.panda-stats-grid {\n  display: flex;\n  gap: 20px;\n}\n\n.panda-stat-card {\n  flex: 1;\n  background: rgba(248, 250, 252, 0.8);\n  border: 1px solid rgba(226, 232, 240, 0.8);\n  backdrop-filter: blur(20px);\n  padding: 20px 24px;\n  border-radius: 20px;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;\n}\n\n.panda-stat-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(0, 182, 122, 0.4);\n}\n\n.panda-stat-number {\n  font-size: 32px;\n  font-weight: 900;\n  color: #0f172a;\n  line-height: 1;\n  margin-bottom: 6px;\n}\n\n.panda-stat-number span {\n  color: #00b67a;\n}\n\n.panda-stat-label {\n  font-size: 13px;\n  color: #64748b;\n  font-weight: 600;\n}\n\n\/* -------------------------------------------------------------\n   3. VISUEL VISUEL HIGH-TECH (DROITE)\n------------------------------------------------------------- *\/\n.panda-compat-visual {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  perspective: 1200px;\n}\n\n.panda-image-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 520px;\n  border-radius: 32px;\n  background: linear-gradient(145deg, #ffffff, #f1f5f9);\n  padding: 12px;\n  box-shadow: \n    0 30px 60px -12px rgba(15, 23, 42, 0.12),\n    0 18px 36px -18px rgba(0, 182, 122, 0.15);\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  transform-style: preserve-3d;\n}\n\n.panda-compat-visual:hover .panda-image-wrapper {\n  transform: rotateY(-6deg) rotateX(4deg) translateY(-8px);\n}\n\n.panda-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 24px;\n  object-fit: cover;\n  position: relative;\n  z-index: 2;\n}\n\n\/* Anneaux d'énergie futuristes *\/\n.tech-ring {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n  border: 1px solid rgba(0, 182, 122, 0.15);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.ring-1 {\n  width: 120%;\n  height: 120%;\n  animation: pulseRing 8s linear infinite;\n}\n\n.ring-2 {\n  width: 140%;\n  height: 140%;\n  border-dasharray: 8, 8;\n  animation: rotateRing 20s linear infinite;\n}\n\n@keyframes pulseRing {\n  0%, 100% { transform: translate(-50%, -50%) scale(0.95); opacity: 0.3; }\n  50% { transform: translate(-50%, -50%) scale(1.05); opacity: 0.8; }\n}\n\n@keyframes rotateRing {\n  from { transform: translate(-50%, -50%) rotate(0deg); }\n  to { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n\/* Balayage lumineux sur l'image *\/\n.panda-light-sweep {\n  position: absolute;\n  inset: 0;\n  border-radius: 24px;\n  background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, transparent 40%, transparent 100%);\n  z-index: 3;\n  pointer-events: none;\n}\n\n\/* TAGS FLOTTANTS HOLOGRAPHIQUES *\/\n.panda-float-tag {\n  position: absolute;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(12px);\n  border: 1px solid rgba(255, 255, 255, 0.6);\n  padding: 10px 18px;\n  border-radius: 50px;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n  font-size: 13px;\n  font-weight: 700;\n  color: #0f172a;\n}\n\n.tag-ios {\n  top: 10%;\n  left: -20px;\n  animation: floatTag 5s ease-in-out infinite alternate;\n}\n\n.tag-android {\n  bottom: 12%;\n  right: -20px;\n  animation: floatTag 6s ease-in-out infinite alternate-reverse;\n}\n\n@keyframes floatTag {\n  0% { transform: translateY(0px) translateZ(20px); }\n  100% { transform: translateY(-12px) translateZ(20px); }\n}\n\n.dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n\n.pulse-green {\n  background: #00b67a;\n  box-shadow: 0 0 10px #00b67a;\n}\n\n.pulse-cyan {\n  background: #00d2ff;\n  box-shadow: 0 0 10px #00d2ff;\n}\n\n\/* -------------------------------------------------------------\n   4. RESPONSIVE MOBILE EXCEPTIONNEL (CORRECTION DÉBORDEMENT)\n------------------------------------------------------------- *\/\n@media (max-width: 992px) {\n  .panda-compat-section {\n    width: 100vw !important;\n    left: 50% !important;\n    right: auto !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    transform: translateX(-50%) !important;\n    padding: 60px 20px !important;\n  }\n\n  .panda-compat-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  .panda-title {\n    font-size: 28px !important;\n  }\n\n  .panda-description {\n    font-size: 15px !important;\n  }\n\n  .panda-compat-visual {\n    margin-top: 20px;\n  }\n\n  .tag-ios {\n    left: 0px;\n    top: -15px;\n  }\n\n  .tag-android {\n    right: 0px;\n    bottom: -15px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n  \/\/ Animation dynamique du compteur 99%\n  const statNumber = document.querySelector('.panda-stat-number[data-target]');\n  if (!statNumber) return;\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        let count = 0;\n        const target = +statNumber.getAttribute('data-target');\n        const duration = 1800;\n        const stepTime = duration \/ target;\n\n        const timer = setInterval(() =\u003e {\n          count++;\n          statNumber.innerHTML = `${count}\u003cspan\u003e%\u003c\/span\u003e`;\n          if (count \u003e= target) {\n            clearInterval(timer);\n          }\n        }, stepTime);\n\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.5 });\n\n  observer.observe(statNumber);\n});\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"panda-reviews-section\" id=\"pandaReviewsSection\"\u003e\n  \u003c!-- HALOS LUMINEUX EN ARRIÈRE-PLAN --\u003e\n  \u003cdiv class=\"panda-ambient-glow glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"panda-ambient-glow glow-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"reviews-header\"\u003e\n    \u003cdiv class=\"trustpilot-overall-badge\"\u003e\n      \u003cspan class=\"tp-star-icon\"\u003e★\u003c\/span\u003e\n      \u003cspan\u003eEXCELLENT 4.9\/5 SUR TRUSTPILOT\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ch2 class=\"reviews-title\"\u003eCe que nos clients disent\u003c\/h2\u003e\n    \u003cp class=\"reviews-subtitle\"\u003eRejoignez des milliers de parents qui voyagent l'esprit tranquille au quotidien.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- RANGÉE 1 : DÉFILEMENT GAUCHE --\u003e\n  \u003cdiv class=\"marquee-wrapper\"\u003e\n    \u003cdiv class=\"marquee-track marquee-left\" id=\"row1\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- RANGÉE 2 : DÉFILEMENT DROITE --\u003e\n  \u003cdiv class=\"marquee-wrapper\"\u003e\n    \u003cdiv class=\"marquee-track marquee-right\" id=\"row2\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* -------------------------------------------------------------\n   1. TECHNIQUE BREAKOUT 100VW (ANNULE LES LIMITES DU THÈME)\n------------------------------------------------------------- *\/\n.shopify-section:has(#pandaReviewsSection) {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n.panda-reviews-section {\n  width: 100vw !important;\n  position: relative !important;\n  left: -10% !important;\n  right: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  padding: 80px 0 !important;\n  background-color: #f8fafc !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n}\n\n\/* HALOS DE FOND (AMBIANT GLOW) *\/\n.panda-ambient-glow {\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  filter: blur(120px);\n  pointer-events: none;\n  opacity: 0.15;\n  z-index: 0;\n}\n\n.glow-1 {\n  background: #00b67a;\n  top: -100px;\n  left: -100px;\n}\n\n.glow-2 {\n  background: #7de7fa;\n  bottom: -100px;\n  right: -100px;\n}\n\n\/* -------------------------------------------------------------\n   2. EN-TÊTE\n------------------------------------------------------------- *\/\n.reviews-header {\n  text-align: center;\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  padding: 0 20px;\n  position: relative;\n  z-index: 2;\n}\n\n.trustpilot-overall-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(0, 182, 122, 0.1);\n  border: 1px solid rgba(0, 182, 122, 0.3);\n  color: #00b67a;\n  padding: 6px 16px;\n  border-radius: 30px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.5px;\n  margin-bottom: 16px;\n}\n\n.tp-star-icon {\n  font-size: 14px;\n}\n\n.reviews-title {\n  font-size: clamp(28px, 4vw, 42px) !important;\n  font-weight: 900 !important;\n  color: #0f172a !important;\n  margin: 0 0 12px 0 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.reviews-subtitle {\n  font-size: 16px !important;\n  color: #64748b !important;\n  margin: 0 !important;\n  line-height: 1.5 !important;\n}\n\n\/* -------------------------------------------------------------\n   3. ANIMATION MARQUEE DEFILANTE ET VAGUE 3D\n------------------------------------------------------------- *\/\n.marquee-wrapper {\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  margin-bottom: 24px;\n  position: relative;\n  z-index: 2;\n  perspective: 1000px; \/* Effet de profondeur 3D *\/\n  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n}\n\n.marquee-track {\n  display: flex;\n  gap: 24px;\n  width: max-content;\n  padding: 15px 0;\n}\n\n.marquee-track:hover {\n  animation-play-state: paused !important;\n}\n\n.marquee-left {\n  animation: scrollLeft 55s linear infinite;\n}\n\n.marquee-right {\n  animation: scrollRight 55s linear infinite;\n}\n\n@keyframes scrollLeft {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n@keyframes scrollRight {\n  0% { transform: translateX(-50%); }\n  100% { transform: translateX(0); }\n}\n\n\/* -------------------------------------------------------------\n   4. CARTE AVIS AVEC EFFET WAVY (VAGUE) ET INTERACTION 3D\n------------------------------------------------------------- *\/\n.review-card {\n  width: 340px;\n  min-width: 340px;\n  background: #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 20px;\n  padding: 24px;\n  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  box-sizing: border-box !important;\n}\n\n\/* ONDULATION ORGANIQUE (Alternance de hauteur pour briser la monotonie) *\/\n.review-card:nth-child(even) {\n  animation: floatWaveEven 4s ease-in-out infinite alternate;\n}\n\n.review-card:nth-child(odd) {\n  animation: floatWaveOdd 4s ease-in-out infinite alternate;\n}\n\n@keyframes floatWaveEven {\n  0% { transform: translateY(0px) rotate(0deg); }\n  100% { transform: translateY(-8px) rotate(0.5deg); }\n}\n\n@keyframes floatWaveOdd {\n  0% { transform: translateY(-8px) rotate(-0.5deg); }\n  100% { transform: translateY(0px) rotate(0deg); }\n}\n\n\/* SURVOL CARTE EXCEPTIONNEL *\/\n.review-card:hover {\n  animation-play-state: paused !important;\n  transform: translateY(-12px) scale(1.03) rotateX(4deg) !important;\n  border-color: #00b67a !important;\n  box-shadow: 0 20px 40px -15px rgba(0, 182, 122, 0.25), 0 0 15px rgba(0, 182, 122, 0.1) !important;\n  z-index: 10;\n}\n\n\/* -------------------------------------------------------------\n   5. ÉTOILES \u0026 COMPOSANTS INTERNES\n------------------------------------------------------------- *\/\n.trustpilot-stars {\n  display: flex;\n  gap: 4px;\n  margin-bottom: 16px;\n}\n\n.star-box {\n  width: 22px;\n  height: 22px;\n  background-color: #00b67a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  box-shadow: 0 2px 6px rgba(0, 182, 122, 0.3);\n}\n\n.star-box svg {\n  width: 13px;\n  height: 13px;\n  fill: #ffffff;\n}\n\n.review-content {\n  font-size: 14px !important;\n  color: #334155 !important;\n  line-height: 1.6 !important;\n  margin: 0 0 20px 0 !important;\n  flex-grow: 1;\n  font-weight: 450;\n}\n\n.review-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid #f1f5f9;\n  padding-top: 14px;\n}\n\n.review-author {\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  color: #0f172a !important;\n}\n\n.verified-tag {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #00b67a;\n  background: rgba(0, 182, 122, 0.08);\n  padding: 4px 8px;\n  border-radius: 12px;\n}\n\n.verified-tag svg {\n  width: 12px;\n  height: 12px;\n  fill: #00b67a;\n}\n\n\/* -------------------------------------------------------------\n   6. RESPONSIVE MOBILE (CORRECTION DÉBORDEMENT \u0026 DÉFILEMENT)\n------------------------------------------------------------- *\/\n@media (max-width: 992px) {\n  .panda-reviews-section {\n    width: 100vw !important;\n    left: 50% !important;\n    right: auto !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    transform: translateX(-50%) !important;\n    padding: 50px 0 !important;\n  }\n\n  .review-card {\n    width: 290px;\n    min-width: 290px;\n    padding: 18px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst reviewsData = [\n  { id: 1, name: \"Camille M.\", role: \"Maman de 2 enfants\", text: \"Une vraie libération au quotidien ! Avant, je devais toujours me dévisser le cou au feu rouge pour vérifier si le petit dernier n'avait pas l'esprit mal placé avec ses jouets. La qualité d'image est top même le soir.\" },\n  { id: 2, name: \"Élodie D.\", role: \"Acheteur Vérifié\", text: \"Honnêtement, j'étais un peu sceptique sur le CarPlay sans fil + la caméra en même temps. Pas du tout ! Le sans-fil se connecte dès que j'allume la voiture et le split-screen est d'une fluidité incroyable.\" },\n  { id: 3, name: \"Sophie L.\", role: \"Acheteur Vérifié\", text: \"Reçu il y a trois jours, installé en 1 minute à peine. Rien à percer, pas de fils sales qui traînent. La petite tête de panda est adorable, ma fille de 2 ans lui fait des coucous !\" },\n  { id: 4, name: \"Marie-Laure B.\", role: \"Acheteur Vérifié\", text: \"Enfin une invention intelligente pour les mamans solo au volant ! Conduire sur l'autoroute avec un bébé dos à la route était une source de stress permanente. Là, un simple coup d'œil me suffit.\" },\n  { id: 5, name: \"Sarah T.\", role: \"Acheteur Vérifié\", text: \"Le branding et le packaging sont magnifiques, ça fait très produit de luxe dès le déballage. Côté fonctionnement : parfait sur ma Peugeot 208. CarPlay se lance tout seul et l'image est super nette.\" },\n  { id: 6, name: \"Julie V.\", role: \"Acheteur Vérifié\", text: \"Acheté pour notre long trajet de vacances (800 km). Résultats : zéro stress. On gardait le GPS à gauche et les enfants sur la droite de l'écran. Meilleur achat automobile de l'année.\" },\n  { id: 7, name: \"Chloé K.\", role: \"Acheteur Vérifié\", text: \"J'adore le fait de ne plus avoir le téléphone branché par câble. La console centrale est enfin propre. Et la caméra est tellement discrète qu'on oublie qu'elle est là.\" },\n  { id: 8, name: \"Aurélie P.\", role: \"Acheteur Vérifié\", text: \"Qualité d'image impressionnante, même sous les tunnels ou la nuit ! Le mode nocturne est super clair. On voit parfaitement si le bébé dort ou s'il a fait tomber sa tétine.\" },\n  { id: 9, name: \"Inès B.\", role: \"Acheteur Vérifié\", text: \"Mon mari était réticent à l'idée de rajouter un gadget dans la voiture. Finalement, c'est lui qui l'utilise le plus ! La bascule entre le plein écran GPS et le mode écran partagé est fluide.\" },\n  { id: 10, name: \"Léa G.\", role: \"Assistante Maternelle\", text: \"Je transporte souvent plusieurs enfants à l'arrière. La caméra grand angle à 150° couvre vraiment toute la banquette arrière ! C'est un gain de sécurité et de sérénité énorme.\" },\n  { id: 11, name: \"Valérie C.\", role: \"Acheteur Vérifié\", text: \"Service client hyper réactif quand j'ai posé ma question sur la compatibilité. Produit arrivé super vite. Tout fonctionne exactement comme décrit.\" },\n  { id: 12, name: \"Pauline M.\", role: \"Maman de 3 enfants\", text: \"Le design Panda est juste trop mignon. Mes enfants ont tout de suite accroché et ne râlent plus pour monter en voiture. Un achat utile et très rassurant.\" },\n  { id: 13, name: \"Charlotte R.\", role: \"Acheteur Vérifié\", text: \"La connexion Bluetooth\/Wi-Fi est d'une stabilité exemplaire. Aucune coupure en 2 semaines d'utilisation quotidienne. Je recommande les yeux fermés.\" },\n  { id: 14, name: \"Marion D.\", role: \"Acheteur Vérifié\", text: \"Très bonne idée cadeau pour de jeunes parents ! Je l'ai offert à ma sœur pour la naissance de son deuxième, elle m'en parle encore toutes les semaines.\" },\n  { id: 15, name: \"Alexandre P.\", role: \"Acheteur Vérifié\", text: \"Amateur de beau matériel automobile, je ne voulais rien qui dénature l'intérieur de ma berline. Le produit est sobre, la caméra s'intègre parfaitement et le CarPlay sans fil est ultra réactif.\" },\n  { id: 16, name: \"Thomas R.\", role: \"Acheteur Vérifié\", text: \"Sincèrement bluffé par la simplicité d'installation. On branche le dongle USB, on fixe la petite caméra sur l'appuie-tête, et en 30 secondes tout est opérationnel.\" },\n  { id: 17, name: \"Julien M.\", role: \"Acheteur Vérifié\", text: \"Le split-screen 50\/50 est fantastique. Avoir Waze à gauche et la vidéo HD du siège auto à droite sans lag, c'est exactement ce qu'il manquait aux systèmes d'origine.\" },\n  { id: 18, name: \"Nicolas S.\", role: \"Acheteur Vérifié\", text: \"Testé et approuvé sur un aller-retour Paris-Marseille. Le CarPlay sans fil ne chauffe pas, la caméra tient très bien en place même sur route abîmée. Un sans-faute.\" },\n  { id: 19, name: \"Mathieu F.\", role: \"Acheteur Vérifié\", text: \"Très bon produit. La fluidité d'image est au rendez-vous. Fonctionne à merveille sur mon SUV de 2021 avec CarPlay filaire d'origine.\" },\n  { id: 20, name: \"David K.\", role: \"Acheteur Vérifié\", text: \"Fini la jungle des câbles USB qui traînent près du levier de vitesse. La reconnexion automatique en 5 secondes quand on monte dans la voiture change la vie.\" },\n  { id: 21, name: \"Maxime L.\", role: \"Acheteur Vérifié\", text: \"Rapport qualité\/prix imbattable quand on voit la sérénité que ça apporte au volant. Ma femme et moi sommes beaucoup plus détendus pendant les trajets.\" },\n  { id: 22, name: \"Émilie R.\", role: \"Jeune Maman\", text: \"Gros coup de cœur ! Grâce à la vision nocturne, je vois absolument tout sans devoir allumer le plafonnier qui réveillerait le bébé. Accessoire indispensable.\" },\n  { id: 23, name: \"Sandrine P.\", role: \"Acheteur Vérifié\", text: \"Livraison rapide et packaging haut de gamme. L'écran partagé fonctionne à merveille sur mon écran tactile. C'est fluide, élégant et ultra pratique.\" },\n  { id: 24, name: \"Manon F.\", role: \"Maman de jumeaux\", text: \"Avec le grand-angle 150°, je vois les deux sièges de mes jumeaux en même temps ! Plus besoin de régler le rétro toutes les 5 minutes. Une vraie tranquillité d'esprit.\" },\n  { id: 25, name: \"Laura T.\", role: \"Acheteur Vérifié\", text: \"Le CarPlay sans fil se connecte instantanément dès que je mets le contact, même quand mon téléphone reste au fond du sac. Finis les câbles qui traînent !\" },\n  { id: 26, name: \"Vanessa H.\", role: \"Acheteur Vérifié\", text: \"Installation ultra simple, même pour quelqu'un qui n'y connaît rien en technologie. En 30 secondes, le boîtier était branché et la caméra fixée.\" },\n  { id: 27, name: \"Agathe V.\", role: \"Acheteur Vérifié\", text: \"Le design Panda est tellement réussi. Il s'intègre parfaitement à l'habitacle sans faire gadget. C'est chic, bien pensé et ma fille l'adore.\" },\n  { id: 28, name: \"Sébastien G.\", text: \"Un produit d'une efficacité redoutable. Le signal vidéo ne saute jamais. Avoir Waze et le flux de la banquette arrière côte à côte change la conduite.\" },\n  { id: 29, name: \"Romain C.\", role: \"Conducteur Leasing\", text: \"Très maniaque avec mon véhicule en leasing. L'avantage majeur est qu'il n'y a aucun câble sous les garnitures et aucun perçage. Tout se retire sans laisser de trace.\" },\n  { id: 30, name: \"Anthony B.\", role: \"Acheteur Vérifié\", text: \"Testé sur un trajet de 600 km sous la pluie et de nuit. La qualité d'image HD est surprenante et le système ne chauffe pas. Très bon investissement.\" }\n];\n\nfunction getTrustpilotStarsHtml() {\n  const starSvg = `\u003csvg viewBox=\"0 0 12 12\"\u003e\u003cpath d=\"M6 0l1.8 3.6L12 4.2 9 7.1l.7 4.1L6 9.3 2.3 11.2 3 7.1 0 4.2l4.2-.6z\"\/\u003e\u003c\/svg\u003e`;\n  let stars = '\u003cdiv class=\"trustpilot-stars\"\u003e';\n  for (let i = 0; i \u003c 5; i++) {\n    stars += `\u003cdiv class=\"star-box\"\u003e${starSvg}\u003c\/div\u003e`;\n  }\n  stars += '\u003c\/div\u003e';\n  return stars;\n}\n\nfunction buildReviewCard(item) {\n  return `\n    \u003cdiv class=\"review-card\"\u003e\n      \u003cdiv\u003e\n        ${getTrustpilotStarsHtml()}\n        \u003cp class=\"review-content\"\u003e\"${item.text}\"\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-footer\"\u003e\n        \u003cspan class=\"review-author\"\u003e${item.name}\u003c\/span\u003e\n        \u003cdiv class=\"verified-tag\"\u003e\n          \u003csvg viewBox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/\u003e\u003c\/svg\u003e\n          \u003cspan\u003eAchat vérifié\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  `;\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n  const row1 = document.getElementById(\"row1\");\n  const row2 = document.getElementById(\"row2\");\n\n  const firstHalf = reviewsData.slice(0, 15);\n  const secondHalf = reviewsData.slice(15, 30);\n\n  const cardsHtml1 = firstHalf.map(buildReviewCard).join('');\n  const cardsHtml2 = secondHalf.map(buildReviewCard).join('');\n\n  \/\/ Duplication pour défilement infini sans coupure\n  row1.innerHTML = cardsHtml1 + cardsHtml1;\n  row2.innerHTML = cardsHtml2 + cardsHtml2;\n});\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \u003csection class=\"panda-ref-control\" id=\"pandaRefControl\"\u003e\n  \u003c!-- Grille de fond futuriste \u0026 halos de lumière cyan --\u003e\n  \u003cdiv class=\"panda-bg-grid\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"panda-halo halo-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"panda-halo halo-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"panda-ref-container\"\u003e\n    \n    \u003c!-- BLOC VISUEL MINIMALISTE \u0026 SURRÉALISTE (GAUCHE) --\u003e\n    \u003cdiv class=\"panda-ref-visual\"\u003e\n      \u003cdiv class=\"panda-card-wrapper\"\u003e\n        \u003c!-- Contour laser \u0026 reflet holographique --\u003e\n        \u003cdiv class=\"panda-laser-glow\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"panda-glass-overlay\"\u003e\u003c\/div\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0502\/4445\/files\/Gemini_Generated_Image_sma8szsma8szsma8_1.png?v=1786598325\" alt=\"Contrôle absolu Panda-CarPlay\" class=\"panda-ref-img\" loading=\"lazy\"\u003e\n\n        \u003c!-- Badges Flottants Holographiques (Siri \u0026 Google Assistant) --\u003e\n        \u003cdiv class=\"panda-holo-pill pill-top\"\u003e\n          \u003cdiv class=\"sound-wave\"\u003e\n            \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan\u003eSiri \u0026amp; Google Assistant\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"panda-holo-pill pill-bottom\"\u003e\n          \u003cspan class=\"cyan-core-dot\"\u003e\u003c\/span\u003e\n          \u003cspan\u003eSwitch Instantané 1-Clic\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BLOC CONTENU \u0026 LISTE D'ICÔNES ANIMÉES (DROITE) --\u003e\n    \u003cdiv class=\"panda-ref-content\"\u003e\n      \u003cdiv class=\"panda-tag-wrapper\"\u003e\n        \u003cdiv class=\"panda-tag-glow\"\u003e\u003c\/div\u003e\n        \u003cspan class=\"panda-tag\"\u003eSIMPLICITÉ D'UTILISATION\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"panda-ref-title\"\u003e\n        Le contrôle absolu au bout des doigts. \u003cspan class=\"cyan-gradient\"\u003eEt à la voix.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003c!-- LISTE AVEC ICÔNES ANIMÉES --\u003e\n      \u003cdiv class=\"panda-interactive-list\"\u003e\n        \n        \u003c!-- Puce 1 : Boutons \/ Volant --\u003e\n        \u003cdiv class=\"panda-list-item\"\u003e\n          \u003cdiv class=\"panda-icon-wrapper\"\u003e\n            \u003cdiv class=\"panda-icon-bg\"\u003e\u003c\/div\u003e\n            \u003csvg class=\"panda-svg-icon\" viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6 0 1.29.41 2.49 1.12 3.47l1.43-1.43c-.35-.61-.55-1.32-.55-2.04 0-2.21 1.79-4 4-4s4 1.79 4 4c0 .72-.2 1.43-.55 2.04l1.43 1.43C17.59 14.49 18 13.29 18 12c0-3.31-2.69-6-6-6z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"panda-item-details\"\u003e\n            \u003ch3\u003eIntégration d'Origine Conservée\u003c\/h3\u003e\n            \u003cp\u003ePrenez les commandes en toute fluidité via les boutons au volant, la molette centrale rotative ou directement sur votre écran tactile.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Puce 2 : Siri \u0026 Google Assistant --\u003e\n        \u003cdiv class=\"panda-list-item\"\u003e\n          \u003cdiv class=\"panda-icon-wrapper\"\u003e\n            \u003cdiv class=\"panda-icon-bg\"\u003e\u003c\/div\u003e\n            \u003csvg class=\"panda-svg-icon\" viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"panda-item-details\"\u003e\n            \u003ch3\u003eSiri \u0026amp; Google Assistant\u003c\/h3\u003e\n            \u003cp\u003eGardez les yeux fixés sur la chaussée. Activez l'assistant vocal (Siri \/ Google Assistant) pour piloter vos applications en toute liberté.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Puce 3 : Commutation Instantanée --\u003e\n        \u003cdiv class=\"panda-list-item\"\u003e\n          \u003cdiv class=\"panda-icon-wrapper\"\u003e\n            \u003cdiv class=\"panda-icon-bg\"\u003e\u003c\/div\u003e\n            \u003csvg class=\"panda-svg-icon\" viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v3z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"panda-item-details\"\u003e\n            \u003ch3\u003eCommutation Instantanée en 1 Clic\u003c\/h3\u003e\n            \u003cp\u003eBasculez à tout moment entre l'interface CarPlay et le flux vidéo HD de la caméra grâce à un onglet tactile intuitif et réactif.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Puce 4 : Navigation Multi-Modes --\u003e\n        \u003cdiv class=\"panda-list-item\"\u003e\n          \u003cdiv class=\"panda-icon-wrapper\"\u003e\n            \u003cdiv class=\"panda-icon-bg\"\u003e\u003c\/div\u003e\n            \u003csvg class=\"panda-svg-icon\" viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"panda-item-details\"\u003e\n            \u003ch3\u003eNavigation Multi-Modes\u003c\/h3\u003e\n            \u003cp\u003eProfitez d'une ergonomie pensée pour zéro distraction au volant, adaptée aux habitudes de conduite de chacun.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* -------------------------------------------------------------\n   1. STRUCTURE GLOBAL \u0026 FULL-WIDTH BREAKOUT\n------------------------------------------------------------- *\/\n.shopify-section:has(#pandaRefControl) {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n.panda-ref-control {\n  position: relative !important;\n  width: 100vw !important;\n  left: -10% !important;\n  transform: translateX(-50%) !important;\n  background-color: #ffffff !important;\n  padding: 120px 24px !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n}\n\n\/* Grille subtile de précision *\/\n.panda-bg-grid {\n  position: absolute;\n  inset: 0;\n  background-image: \n    linear-gradient(to right, rgba(125, 231, 250, 0.08) 1px, transparent 1px),\n    linear-gradient(to bottom, rgba(125, 231, 250, 0.08) 1px, transparent 1px);\n  background-size: 45px 45px;\n  mask-image: radial-gradient(circle at 50% 50%, black 20%, transparent 80%);\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 20%, transparent 80%);\n  pointer-events: none;\n}\n\n\/* Halos Cyan (#7DE7FA) *\/\n.panda-halo {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(130px);\n  pointer-events: none;\n  opacity: 0.35;\n}\n\n.halo-1 {\n  width: 600px;\n  height: 600px;\n  background: #7de7fa;\n  top: -20%;\n  left: -10%;\n  animation: floatHalo 14s ease-in-out infinite alternate;\n}\n\n.halo-2 {\n  width: 650px;\n  height: 650px;\n  background: #7de7fa;\n  bottom: -20%;\n  right: -10%;\n  animation: floatHalo 18s ease-in-out infinite alternate-reverse;\n}\n\n@keyframes floatHalo {\n  0% { transform: translate(0, 0) scale(1); }\n  100% { transform: translate(60px, 40px) scale(1.1); }\n}\n\n.panda-ref-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 0.95fr 1.05fr;\n  gap: 70px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n\/* -------------------------------------------------------------\n   2. BLOC VISUEL DROITE (MINIMALISTE \u0026 SURRÉALISTE)\n------------------------------------------------------------- *\/\n.panda-ref-visual {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  perspective: 1200px;\n}\n\n.panda-card-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 510px;\n  border-radius: 32px;\n  background: #ffffff;\n  padding: 12px;\n  box-shadow: \n    0 30px 70px -15px rgba(125, 231, 250, 0.4),\n    0 10px 25px -10px rgba(15, 23, 42, 0.05);\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panda-ref-visual:hover .panda-card-wrapper {\n  transform: rotateY(6deg) rotateX(-3deg) translateY(-8px);\n}\n\n.panda-laser-glow {\n  position: absolute;\n  inset: -2px;\n  border-radius: 34px;\n  background: linear-gradient(135deg, #7de7fa 0%, transparent 50%, #7de7fa 100%);\n  z-index: 1;\n  opacity: 0.7;\n}\n\n.panda-ref-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 24px;\n  object-fit: cover;\n  position: relative;\n  z-index: 2;\n}\n\n.panda-glass-overlay {\n  position: absolute;\n  inset: 0;\n  border-radius: 24px;\n  background: linear-gradient(135deg, rgba(125, 231, 250, 0.15) 0%, transparent 60%);\n  z-index: 3;\n  pointer-events: none;\n}\n\n\/* BADGES FLOTTANTS *\/\n.panda-holo-pill {\n  position: absolute;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: rgba(255, 255, 255, 0.92);\n  backdrop-filter: blur(16px);\n  border: 1px solid rgba(125, 231, 250, 0.8);\n  padding: 10px 20px;\n  border-radius: 50px;\n  box-shadow: 0 12px 30px rgba(125, 231, 250, 0.3);\n  font-size: 13px;\n  font-weight: 800;\n  color: #0f172a;\n}\n\n.pill-top {\n  top: 8%;\n  right: -20px;\n  animation: pillFloat 5s ease-in-out infinite alternate;\n}\n\n.pill-bottom {\n  bottom: 10%;\n  left: -20px;\n  animation: pillFloat 6s ease-in-out infinite alternate-reverse;\n}\n\n@keyframes pillFloat {\n  0% { transform: translateY(0px); }\n  100% { transform: translateY(-12px); }\n}\n\n.sound-wave {\n  display: flex;\n  align-items: center;\n  gap: 3px;\n  height: 14px;\n}\n\n.sound-wave span {\n  width: 3px;\n  height: 100%;\n  background: #0284c7;\n  border-radius: 3px;\n  animation: soundAnim 1.2s ease-in-out infinite alternate;\n}\n\n.sound-wave span:nth-child(1) { animation-delay: 0.1s; }\n.sound-wave span:nth-child(2) { animation-delay: 0.3s; }\n.sound-wave span:nth-child(3) { animation-delay: 0.2s; }\n.sound-wave span:nth-child(4) { animation-delay: 0.4s; }\n\n@keyframes soundAnim {\n  0% { height: 25%; }\n  100% { height: 100%; }\n}\n\n.cyan-core-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #7de7fa;\n  box-shadow: 0 0 12px #7de7fa;\n}\n\n\/* -------------------------------------------------------------\n   3. BLOC TEXTE \u0026 ICÔNES INTERACTIVES (DROITE)\n------------------------------------------------------------- *\/\n.panda-tag-wrapper {\n  position: relative;\n  display: inline-block;\n  margin-bottom: 20px;\n}\n\n.panda-tag-glow {\n  position: absolute;\n  inset: 0;\n  background: #7de7fa;\n  filter: blur(14px);\n  opacity: 0.6;\n  border-radius: 30px;\n}\n\n.panda-tag {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 18px;\n  background: rgba(255, 255, 255, 0.95);\n  border: 1px solid rgba(125, 231, 250, 0.9);\n  backdrop-filter: blur(10px);\n  border-radius: 30px;\n  color: #0284c7;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.panda-ref-title {\n  font-size: clamp(32px, 3.8vw, 50px) !important;\n  line-height: 1.15 !important;\n  font-weight: 900 !important;\n  color: #0f172a !important;\n  letter-spacing: -1.2px !important;\n  margin: 0 0 36px 0 !important;\n}\n\n.cyan-gradient {\n  background: linear-gradient(135deg, #0f172a 30%, #0284c7 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n\/* LISTE DE PUCES ET ANIMATION ICÔNES *\/\n.panda-interactive-list {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.panda-list-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 20px;\n  padding: 18px 22px;\n  background: rgba(248, 250, 252, 0.7);\n  border: 1px solid rgba(226, 232, 240, 0.8);\n  border-radius: 22px;\n  backdrop-filter: blur(12px);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  cursor: pointer;\n}\n\n\/* EFFET HOVER SUR LE BLOC COMPLET *\/\n.panda-list-item:hover {\n  transform: translateX(10px);\n  background: #ffffff;\n  border-color: #7de7fa;\n  box-shadow: 0 12px 30px -5px rgba(125, 231, 250, 0.35);\n}\n\n\/* CONTENEUR DE L'ICÔNE ET ANIMATIONS AU HOVER *\/\n.panda-icon-wrapper {\n  position: relative;\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(125, 231, 250, 0.18);\n  border: 1px solid rgba(125, 231, 250, 0.5);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panda-icon-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 16px;\n  background: #7de7fa;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panda-svg-icon {\n  width: 22px;\n  height: 22px;\n  fill: #0284c7;\n  position: relative;\n  z-index: 2;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* ANIMATION SPÉCIFIQUE DES ICÔNES AU SURVOL *\/\n.panda-list-item:hover .panda-icon-wrapper {\n  border-color: #7de7fa;\n  box-shadow: 0 0 20px rgba(125, 231, 250, 0.8);\n  transform: scale(1.08) rotate(-4deg);\n}\n\n.panda-list-item:hover .panda-icon-bg {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.panda-list-item:hover .panda-svg-icon {\n  fill: #0f172a;\n  transform: scale(1.1);\n}\n\n.panda-item-details h3 {\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  color: #0f172a !important;\n  margin: 0 0 6px 0 !important;\n  letter-spacing: -0.3px;\n}\n\n.panda-item-details p {\n  font-size: 14.5px !important;\n  line-height: 1.6 !important;\n  color: #475569 !important;\n  margin: 0 !important;\n}\n\n\/* -------------------------------------------------------------\n   4. ADAPTATION MOBILE\n------------------------------------------------------------- *\/\n@media (max-width: 992px) {\n  .panda-ref-control {\n    width: 100vw !important;\n    left: 50% !important;\n    right: auto !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    transform: translateX(-50%) !important;\n    padding: 60px 20px !important;\n  }\n\n  .panda-ref-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  .panda-ref-title {\n    font-size: 28px !important;\n  }\n\n  .pill-top {\n    right: 0px;\n    top: -15px;\n  }\n\n  .pill-bottom {\n    left: 0px;\n    bottom: -15px;\n  }\n\n  .panda-list-item:hover {\n    transform: translateY(-4px);\n  }\n}\n\u003c\/style\u003e\n\n  \n\n\n  \n\n  \n\n\n  \n\n\n\n\n\n\n\n\n\n\n  ","brand":"PANDA-CARPLAY","offers":[{"title":"Panda","offer_id":48002107441341,"sku":null,"price":89.9,"currency_code":"EUR","in_stock":true},{"title":"Chiot","offer_id":48002107506877,"sku":null,"price":89.9,"currency_code":"EUR","in_stock":true},{"title":"Chaton","offer_id":48002107572413,"sku":null,"price":89.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/0502\/4445\/files\/imgi_59_Adapter-Cabin-Care-CA520M-Bezprzewodowy-CarPlay-Kamera-siedzeniu-Brand-no-brand.png?v=1786479907","url":"https:\/\/panda-carplay.com\/products\/panda-carplay","provider":"PANDA-CARPLAY","version":"1.0","type":"link"}