{"product_id":"le-pack-celebration-ultime","title":"Le Pack Célébration Ultime","description":"\u003c!-- \n============================================================\nNOTE : Ce code est conçu pour être collé dans \nl'éditeur de description de produit Shopify.\nIl n'utilise que du HTML, des styles \"inline\", \net des balises \u003cstyle\u003e et \u003cscript\u003e intégrées.\n============================================================\n--\u003e\n\n\u003c!-- \n============================================================\nSECTION A : STYLES ET ANIMATIONS\nJ'ai ajouté ce bloc pour les animations et la galerie\n============================================================\n--\u003e\n\u003cstyle\u003e\n  @keyframes pulse-gold {\n    0%,\n    100% {\n      box-shadow: 0 0 8px rgba(255, 215, 0, 0.5);\n    }\n    50% {\n      box-shadow: 0 0 20px rgba(255, 215, 0, 1);\n    }\n  }\n  @keyframes throb-button {\n    0%,\n    100% {\n      transform: scale(1);\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    }\n    50% {\n      transform: scale(1.03);\n      box-shadow: 0 6px 12px rgba(255, 215, 0, 0.4);\n    }\n  }\n  @keyframes fade-in-down {\n    from {\n      opacity: 0;\n      transform: translateY(-15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Animation pour la barre d'urgence *\/\n  @keyframes blink-bg {\n    0%, 100% { background-color: #dc2626; }\n    50% { background-color: #ef4444; }\n  }\n\n  \/* Styles pour la galerie d'images *\/\n  .thumbnail-container {\n    border: 2px solid transparent;\n    border-radius: 8px;\n    padding: 2px;\n    transition: border-color 0.3s ease;\n    cursor: pointer;\n  }\n  .thumbnail-container-active {\n    border: 2px solid #FFD700 !important;\n  }\n\u003c\/style\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- \n============================================================\nSECTION 0 : BARRE D'URGENCE (STATIQUE)\n============================================================\n--\u003e\n\u003cdiv style=\"background-color: #dc2626; color: white; padding: 12px 10px; text-align: center; font-family: Inter, sans-serif; animation: blink-bg 1.5s infinite;\"\u003e\n  \u003cdiv style=\"font-weight: bold; font-size: 16px; margin-bottom: 8px;\"\u003eOFFRE DE FÊTES\u003c\/div\u003e\n  \u003c!-- ID ajouté au minuteur --\u003e\n  \u003cdiv style=\"font-size: 14px; margin-bottom: 8px;\"\u003eL'offre se termine dans : \u003cspan id=\"countdown-timer\" style=\"font-weight: bold; padding: 2px 6px; background-color: rgba(0,0,0,0.2); border-radius: 4px;\"\u003e 14:59 \u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c!-- ID ajouté au stock --\u003e\n  \u003cdiv style=\"font-size: 14px; font-weight: bold; margin-bottom: 8px;\"\u003eStock : \u003cspan id=\"stock-level\" style=\"color: #ffd700;\"\u003e127\u003c\/span\u003e restants\u003c\/div\u003e\n  \u003c!-- Barre de stock (Statique) --\u003e\n  \u003cdiv style=\"width: 100%; background-color: #4b5563; border-radius: 99px; height: 10px; overflow: hidden;\"\u003e\n    \u003c!-- ID ajouté à la barre de stock --\u003e\n    \u003cdiv id=\"stock-bar\" style=\"width: 42%; background: linear-gradient(to right, #f87171, #ef4444); height: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \n============================================================\nSECTION 5 : LE \"CLOSER\" (Déplacé en haut pour les \"flemmards\")\n============================================================\n--\u003e\n\u003c!-- Animation de pulsation ajoutée --\u003e\n\u003cdiv style=\"font-family: Inter, sans-serif; background-color: #1f2937; color: #d1d5db; padding: 20px; border-radius: 12px; border: 2px solid #FFD700; margin: 24px 0; animation: pulse-gold 2.5s infinite;\"\u003e\n\u003cspan style=\"font-size: 14px; font-weight: bold; color: #ef4444; text-transform: uppercase;\"\u003eL'Offre se termine Bientôt\u003c\/span\u003e\n  \u003ch2 style=\"font-size: 2.25rem; line-height: 2.5rem; font-weight: 800; color: #ffffff; margin-top: 8px; margin-bottom: 12px;\"\u003ePrêt à Célébrer ?\u003c\/h2\u003e\n  \u003cp style=\"font-size: 1rem; color: #d1d5db; margin-bottom: 20px;\"\u003eNe manquez pas cette offre. Le vin et le décapsuleur sont offerts \u003cstrong\u003euniquement pour les 50 prochains clients\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003cp style=\"font-size: 1rem; color: #d1d5db; margin-bottom: 20px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/3.png?v=1762978401\"\u003e\u003c\/p\u003e\n  \u003c!-- Le \"Stack\" final --\u003e\n  \u003cdiv style=\"background-color: #050505; padding: 16px; border-radius: 8px; margin-bottom: 20px;\"\u003e\n    \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 1rem;\"\u003e\n      \u003cli style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"color: #d1d5db;\"\u003eOuvre-vin à Pompe\u003c\/span\u003e \u003cspan style=\"color: #ffffff; font-weight: 600;\"\u003e18.000 F\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; text-decoration: line-through; color: #ef4444;\"\u003e\n\u003cspan\u003eBouteille de Vin\u003c\/span\u003e \u003cspan\u003e10.000 F\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; text-decoration: line-through; color: #ef4444;\"\u003e\n\u003cspan\u003eDécapsuleur Magique\u003c\/span\u003e \u003cspan\u003e7.000 F\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli style=\"border-top: 1px solid #374151; margin-top: 12px; padding-top: 12px;\"\u003e\n      \u003c\/li\u003e\n\u003cli style=\"display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; line-height: 2rem; font-weight: bold; color: #ffd700;\"\u003e\n\u003cspan\u003eVotre Prix Total :\u003c\/span\u003e \u003cspan\u003e24.999 F\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n  \u003c!-- CTA (Lien vers le checkout) - Supprimé car géré par Shopify --\u003e\n  \u003cp style=\"color: #9ca3af; font-size: 14px; text-align: center; margin-top: 16px;\"\u003eGarantie 100% Satisfait ou Remboursé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- \n============================================================\nSECTION 1 : LE \"HOOK\" (ACCROCHE \u0026 ACHAT)\n============================================================\n--\u003e\n\u003cdiv id=\"purchase-section\" style=\"font-family: Inter, sans-serif; color: #d1d5db; margin-top: 32px;\"\u003e\n\u003c!-- Colonne 1 : Visuels du Produit --\u003e\n  \u003cdiv\u003e\n    \u003c!-- Ceci est la boîte que vous avez modifiée - je la laisse telle quelle --\u003e\n    \u003cdiv style=\"background-color: rgb(31, 41, 55); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 15px; overflow: hidden; margin-bottom: 12px; border: 1px solid rgb(55, 65, 81); height: 350px;\"\u003e\n      \u003cmeta charset=\"utf-8\"\u003e \u003cspan style=\"display: inline-block; background-color: #dc2626; color: white; font-size: 12px; font-weight: bold; padding: 4px 12px; border-radius: 99px; text-transform: uppercase; letter-spacing: 0.05em;\"\u003eOffre de Fêtes \u003c\/span\u003e \u003c!-- \nNOTE DE CORRECTION : \nLe texte ici était 'rgb(0,0,0)' (noir) et donc invisible. \nJe l'ai remis en '#ffffff' (blanc).\n--\u003e\n      \u003ch1 style=\"font-size: 2.5rem; line-height: 2.75rem; font-weight: 800; color: rgb(255, 255, 255); margin-top: 12px; margin-bottom: 12px;\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e     Le Pack Célébration                    Ultime\u003c\/span\u003e\u003c\/h1\u003e\n      \u003cdiv style=\"display: flex; align-items: baseline; margin-top: 16px; margin-bottom: 16px;\"\u003e\n\u003cspan style=\"font-size: 2.5rem; line-height: 2.75rem; font-weight: bold; color: #ffd700;\"\u003e   24.999 F CFA\u003c\/span\u003e \u003cspan style=\"margin-left: 12px; font-size: 1.5rem; line-height: 2rem; color: #ef4444; text-decoration: line-through;\"\u003e35.000 F CFA\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cp style=\"font-size: 1.125rem; line-height: 1.75rem; color: rgb(74, 222, 128); font-weight: 600;\"\u003e\u003cstrong\u003e    Vous économisez 10.500 F CFA aujourd'hui !\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c!-- Réassurance (importante) --\u003e\n      \u003cdiv style=\"margin-top: 24px; color: rgb(209, 213, 219); font-size: 1rem;\"\u003e\n\u003c!-- \nNOTE DE CORRECTION : \nLe texte ici était 'rgb(0,0,0)' (noir). \nJe l'ai remis en '#d1d5db' (gris clair).\n--\u003e\n        \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 8px;\"\u003e\n\u003cspan style=\"color: #4ade80; margin-right: 8px;\"\u003e           ✓\u003c\/span\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003e\u003cstrong\u003ePaiement sécurisé à la livraison\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 8px;\"\u003e\n\u003cspan style=\"color: #4ade80; margin-right: 8px;\"\u003e           ✓\u003c\/span\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003e\u003cstrong\u003eLivraison Express -24\/48h\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv style=\"display: flex; align-items: center;\"\u003e\n\u003cspan style=\"color: #4ade80; margin-right: 8px;\"\u003e           ✓\u003c\/span\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003e\u003cstrong\u003eGarantie Satisfait ou Remboursé\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Image Hero - ID ajouté pour la galerie --\u003e\n    \u003cdiv style=\"background-color: #1f2937; border-radius: 12px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); overflow: hidden; margin-bottom: 12px; border: 1px solid #374151; height: 350px;\"\u003e\n      \u003cimg id=\"main-product-image\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" alt=\"Pack Célébration Ultime\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/2.png?v=1762978402\"\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Miniatures - Classes et styles ajoutés pour la galerie --\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;\"\u003e\n      \u003c!-- MINIATURE 1 (Active par défaut) --\u003e\n      \u003cdiv class=\"thumbnail-container thumbnail-container-active\" style=\"text-align: start;\"\u003e\n        \u003cimg class=\"product-thumbnail\" alt=\"Miniature Pack\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/2.png?v=1762978402\" style=\"margin-bottom: 16px; float: none; width: 100%; height: auto; display: block;\"\u003e\n      \u003c\/div\u003e\n      \u003c!-- MINIATURE 2 --\u003e\n      \u003cdiv class=\"thumbnail-container\" style=\"text-align: start;\"\u003e\n        \u003cimg class=\"product-thumbnail\" alt=\"Miniature Ouvre-vin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_adf2eiadf2eiadf2_2.png?v=1762975019\" style=\"margin-bottom: 16px; float: none; width: 100%; height: auto; display: block;\"\u003e\n      \u003c\/div\u003e\n      \u003c!-- MINIATURE 3 --\u003e\n      \u003cdiv class=\"thumbnail-container\" style=\"text-align: start;\"\u003e\n        \u003cimg class=\"product-thumbnail\" alt=\"Miniature Décapsuleur\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_kmwgrrkmwgrrkmwg_2.png?v=1762975046\" style=\"margin-bottom: 16px; float: none; width: 100%; height: auto; display: block;\"\u003e\n      \u003c\/div\u003e\n      \u003c!-- MINIATURE 4 --\u003e\n      \u003cdiv class=\"thumbnail-container\" style=\"text-align: start;\"\u003e\n        \u003cimg class=\"product-thumbnail\" alt=\"Miniature Vin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_adf2eiadf2eiadf2_1.png?v=1762975026\" style=\"margin-bottom: 16px; float: none; width: 100%; height: auto; display: block;\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c!-- Colonne 2 : La \"Buy Box\" (Zone d'Achat) --\u003e\n\u003c\/div\u003e\n\u003c!-- \n============================================================\nSECTION 2 : LE \"VALUE STACK\" (La Pile de Valeur)\n============================================================\n--\u003e\n\u003cdiv style=\"margin-top: 48px; padding-top: 48px; padding-bottom: 48px; background-color: #111827; margin-left: -10px; margin-right: -10px;\"\u003e\n  \u003cdiv style=\"font-family: Inter, sans-serif; color: #d1d5db; max-width: 720px; margin: 0 auto; padding: 0 20px; text-align: center;\"\u003e\n    \u003ch2 style=\"font-size: 2rem; line-height: 2.5rem; font-weight: 800; color: #ffffff; margin-bottom: 32px;\"\u003eCe que vous recevez dans votre \u003cspan style=\"color: #ffd700;\"\u003eCoffret Célébration\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003c!-- Produit 2 : Vin (OFFERT) - Mis en premier pour l'impact --\u003e\n    \u003cdiv style=\"background-color: #1f2937; padding: 24px; border-radius: 12px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); border: 2px solid #FFD700; margin-bottom: 20px;\"\u003e\n\u003c!-- \nNOTE DE CORRECTION : \nJ'ai remplacé l'icône placeholder par une vraie image.\nRemplacez le 'src' par le lien de votre icône\/image.\n--\u003e\n      \u003cdiv style=\"text-align: center;\"\u003e\u003cimg alt=\"Icone Vin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_adf2eiadf2eiadf2_1.png?v=1762975026\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n      \u003ch3 style=\"font-size: 1.25rem; line-height: 1.75rem; font-weight: bold; color: #ffd700; margin-bottom: 8px;\"\u003e1 Bouteille de Vin (OFFERTE)\u003c\/h3\u003e\n      \u003cp style=\"color: #d1d5db; margin-bottom: 12px;\"\u003eCommencez la fête dès réception ! Votre vin est déjà là.\u003c\/p\u003e\n      \u003cmeta charset=\"utf-8\"\u003e \u003cspan style=\"font-size: 1.125rem; line-height: 1.75rem; color: rgb(255, 42, 0); text-decoration: line-through;\"\u003eValeur : 10.000 F\u003c\/span\u003e\u003cbr\u003e\n    \u003c\/div\u003e\n    \u003c!-- Produit 1 : Ouvre-vin --\u003e\n    \u003cdiv style=\"background-color: #1f2937; padding: 24px; border-radius: 12px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); border: 1px solid #374151; margin-bottom: 20px;\"\u003e\n      \u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Lark20251104-141406_2.gif?v=1762262653\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003ch3 style=\"font-size: 1.25rem; line-height: 1.75rem; font-weight: bold; color: #ffffff; margin-bottom: 8px;\"\u003eL'Ouvre-vin à Pompe\u003c\/h3\u003e\n      \u003cp style=\"color: #d1d5db; margin-bottom: 12px;\"\u003eOuvrez n'importe quelle bouteille en 3 secondes. Fini les bouchons cassés.\u003c\/p\u003e\n      \u003cspan style=\"font-size: 1.125rem; line-height: 1.75rem; color: rgb(255, 42, 0); text-decoration: line-through;\"\u003eValeur : 18.000 F\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003c!-- Produit 3 : Décapsuleur (OFFERT) --\u003e\n    \u003cdiv style=\"background-color: #1f2937; padding: 24px; border-radius: 12px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); border: 1px solid #374151; margin-bottom: 20px;\"\u003e\n      \u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/ssstik.io__shopfinds315_1762981214074.gif?v=1762981445\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003ch3 style=\"font-size: 1.25rem; line-height: 1.75rem; font-weight: bold; color: #ffffff; margin-bottom: 8px;\"\u003eDécapsuleur \"Magique\" (OFFERT)\u003c\/h3\u003e\n      \u003cp style=\"color: #d1d5db; margin-bottom: 12px;\"\u003eAppuyez et \"POP\" ! Ouvrez bières et sodas avec style et sans effort.\u003c\/p\u003e\n      \u003cmeta charset=\"utf-8\"\u003e \u003cspan style=\"font-size: 1.125rem; line-height: 1.75rem; color: rgb(255, 42, 0); text-decoration: line-through;\"\u003eValeur : 8.000 F\u003c\/span\u003e\u003cbr\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \n============================================================\nSECTION 3 : PROBLÈME \u0026 SOLUTION (Bénéfices)\n============================================================\n--\u003e\n\u003cdiv style=\"font-family: Inter, sans-serif; color: #d1d5db; margin-top: 48px; padding: 0 10px;\"\u003e\n\u003c!-- \nNOTE DE CORRECTION : \nLe texte ici était 'rgb(0,0,0)' (noir). \nJe l'ai remis aux couleurs du thème.\n--\u003e\n  \u003c!-- Animation d'apparition ajoutée --\u003e\n  \u003ch2 style=\"font-size: 2rem; line-height: 2.5rem; font-weight: 800; color: #ffffff; margin-bottom: 16px; text-align: center; animation: fade-in-down 1s ease-out;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eLes fêtes arrivent. Serez-vous l'Hôte Parfait ?\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\n  \u003cp style=\"font-size: 1rem; color: #d1d5db; text-align: center; max-width: 600px; margin: 0 auto 32px auto;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eRecevoir du monde est un plaisir, mais c'est aussi un stress. Les bouchons qui cassent, les capsules qui résistent... Profitez de vos invités sans vous soucier des détails.\u003c\/span\u003e\u003c\/p\u003e\n  \u003cp style=\"font-size: 1rem; color: #d1d5db; text-align: center; max-width: 600px; margin: 0 auto 32px auto;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_adf2eiadf2eiadf2_2.png?v=1762975019\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n  \u003c!-- Bénéfice 1 : Ouvre-vin --\u003e\n  \u003cdiv style=\"margin-bottom: 32px; animation: fade-in-down 1s ease-out;\"\u003e\n    \u003cdiv style=\"text-align: start;\"\u003e\n\u003c!-- \nNOTE DE CORRECTION : \nMême correction que pour l'image Héro. \nChangez le 'src' par votre lien GIF ou Image.\n--\u003e \u003cbr\u003e\n\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003e\u003cspan style=\"color: rgb(255, 215, 0); text-transform: uppercase; font-size: 14px;\"\u003eBénéfice n°1\u003c\/span\u003e\u003c\/strong\u003e\n      \u003c!-- Animation déplacée sur le parent --\u003e\n      \u003ch3 style=\"font-size: 1.875rem; line-height: 2.25rem; font-weight: bold; color: #ffffff; margin-top: 4px; margin-bottom: 12px;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eDébouchez vos Vins en 3 Secondes\u003c\/span\u003e\u003c\/h3\u003e\n      \u003cp style=\"font-size: 1rem; color: #d1d5db;\"\u003e\u003cspan style=\"color: #d1d5db;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eFini la lutte avec le tire-bouchon ! L'ouvre-vin à pompe utilise l'air pour éjecter le bouchon proprement.\u003c\/span\u003e \u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cstrong style=\"color: #ffffff;\"\u003e\u003cspan style=\"color: rgb(128, 255, 0);\"\u003eRésultat\u003c\/span\u003e :\u003c\/strong\u003e \u003cspan style=\"color: rgb(0, 0, 0);\"\u003eZéro bouchon cassé, zéro effort, 100% d'impression sur vos invités.\u003c\/span\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c!-- Bénéfice 2 : Décapsuleur --\u003e\n  \u003cdiv style=\"animation: fade-in-down 1s ease-out 0.2s;\"\u003e\n    \u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_kmwgrrkmwgrrkmwg_2.png?v=1762975046\" alt=\"\"\u003e\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cspan style=\"color: #ffd700; font-weight: bold; text-transform: uppercase; font-size: 14px;\"\u003eBénéfice n°2\u003c\/span\u003e\n      \u003c!-- Animation déplacée sur le parent --\u003e\n      \u003ch3 style=\"font-size: 1.875rem; line-height: 2.25rem; font-weight: bold; color: #ffffff; margin-top: 4px; margin-bottom: 12px;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eOuvrez Bières et Sodas d'un Geste\u003c\/span\u003e\u003c\/h3\u003e\n      \u003cp style=\"font-size: 1rem; color: #d1d5db;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eNe laissez plus vos invités chercher un décapsuleur. Ce décapsuleur \"magique\" s'occupe de tout. \u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan style=\"color: rgb(128, 255, 0);\"\u003e\u003cstrong\u003eComment ça marche ?\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"color: rgb(0, 0, 0);\"\u003ePosez, appuyez, et c'est ouvert. C'est propre, rapide et amusant.\u003c\/span\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \n============================================================\nSECTION 4 : PREUVE SOCIALE (Témoignages)\n============================================================\n--\u003e\n\u003cdiv style=\"margin-top: 48px; padding-top: 48px; padding-bottom: 48px; background-color: #111827; margin-left: -10px; margin-right: -10px;\"\u003e\n  \u003cdiv style=\"font-family: Inter, sans-serif; color: #d1d5db; max-width: 720px; margin: 0 auto; padding: 0 20px;\"\u003e\n    \u003ch2 style=\"font-size: 2rem; line-height: 2.5rem; font-weight: 800; color: #ffffff; margin-bottom: 32px; text-align: center;\"\u003eIls ont déjà leur Pack Célébration\u003c\/h2\u003e\n    \u003c!-- Témoignage 1 --\u003e\n    \u003cdiv style=\"background-color: #1f2937; padding: 24px; border-radius: 12px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); border: 1px solid #374151; margin-bottom: 16px; animation: fade-in-down 1s ease-out;\"\u003e\n      \u003cdiv style=\"font-size: 20px; color: #ffd700; margin-bottom: 8px;\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp style=\"font-size: 1rem; color: #d1d5db; margin-bottom: 12px; font-style: italic;\"\u003e\"Vraiment magique cet ouvre-vin. J'ai ouvert 5 bouteilles sans effort. Et le décapsuleur en cadeau fait fureur à l'apéritif !\"\u003c\/p\u003e\n      \u003cp style=\"font-weight: bold; color: #ffffff;\"\u003e- Fati B. (Dakar)\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003c!-- Témoignage 2 --\u003e\n    \u003cdiv style=\"background-color: #1f2937; padding: 24px; border-radius: 12px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); border: 1px solid #374151; margin-bottom: 16px; animation: fade-in-down 1s ease-out 0.2s;\"\u003e\n      \u003cdiv style=\"font-size: 20px; color: #ffd700; margin-bottom: 8px;\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp style=\"font-size: 1rem; color: #d1d5db; margin-bottom: 12px; font-style: italic;\"\u003e\"Colis reçu à Cotonou en 24h. Le pack est complet, la bouteille de vin est une super idée. Très professionnel.\"\u003c\/p\u003e\n      \u003cp style=\"font-weight: bold; color: #ffffff;\"\u003e- Charles K. (Cotonou)\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003c!-- Témoignage 3 --\u003e\n    \u003cdiv style=\"background-color: #1f2937; padding: 24px; border-radius: 12px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); border: 1px solid #374151; animation: fade-in-down 1s ease-out 0.4s;\"\u003e\n      \u003cdiv style=\"font-size: 20px; color: #ffd700; margin-bottom: 8px;\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp style=\"font-size: 1rem; color: #d1d5db; margin-bottom: 12px; font-style: italic;\"\u003e\"J'étais sceptique mais ça marche ! Offre validée.\"\u003c\/p\u003e\n      \u003cp style=\"font-weight: bold; color: #ffffff;\"\u003e- Aïssa G. (Abidjan)\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- \n============================================================\nSECTION B : SCRIPTS DYNAMIQUES\nJ'ai ajouté ce script à la fin pour tout faire fonctionner.\n============================================================\n--\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n\n    \/\/ --- 1. Logique du Minuteur et du Stock ---\n    try {\n      const timerDisplay = document.getElementById('countdown-timer');\n      const stockDisplay = document.getElementById('stock-level');\n      const stockBar = document.getElementById('stock-bar');\n\n      let duration = 14 * 60 + 59; \/\/ 14 minutes 59 secondes\n      let stock = 127;\n      const maxStock = 300; \/\/ 127 \/ 300 is ~42%\n\n      const timerInterval = setInterval(function() {\n        duration--;\n\n        let minutes = Math.floor(duration \/ 60);\n        let seconds = duration % 60;\n\n        minutes = minutes \u003c 10 ? '0' + minutes : minutes;\n        seconds = seconds \u003c 10 ? '0' + seconds : seconds;\n\n        if (timerDisplay) {\n           timerDisplay.textContent = minutes + ':' + seconds;\n        }\n\n        \/\/ Simuler la baisse du stock\n        \/\/ Baisse toutes les 10 secondes tant que le stock est \u003e 40\n        if (duration % 10 === 0 \u0026\u0026 stock \u003e 40) { \n          stock--;\n          if (stockDisplay) {\n            stockDisplay.textContent = stock;\n          }\n          let stockPercent = (stock \/ maxStock) * 100;\n          if (stockBar) {\n            stockBar.style.width = stockPercent + '%';\n          }\n        }\n\n        \/\/ Gérer la fin du minuteur\n        if (duration \u003c= 0) {\n          clearInterval(timerInterval);\n          if (timerDisplay) {\n            timerDisplay.textContent = '00:00';\n            \/\/ Optionnel : changer tout le texte\n            timerDisplay.parentElement.innerHTML = \"L'offre est expirée !\";\n          }\n        }\n      }, 1000);\n    } catch (e) {\n      console.error(\"Erreur du minuteur\/stock: \", e);\n    }\n\n    \/\/ --- 2. Logique de la Galerie d'Images ---\n    try {\n      const mainImage = document.getElementById('main-product-image');\n      const thumbnails = document.querySelectorAll('.product-thumbnail');\n      const thumbContainers = document.querySelectorAll('.thumbnail-container');\n\n      thumbnails.forEach((thumb) =\u003e {\n        const parentContainer = thumb.closest('.thumbnail-container');\n        if (!parentContainer) return;\n\n        parentContainer.addEventListener('click', function() {\n          \/\/ Définir l'image principale\n          mainImage.src = thumb.src;\n          mainImage.alt = thumb.alt;\n\n          \/\/ Réinitialiser toutes les bordures\n          thumbContainers.forEach(container =\u003e {\n            container.classList.remove('thumbnail-container-active');\n          });\n\n          \/\/ Définir la bordure active sur le parent cliqué\n          this.classList.add('thumbnail-container-active');\n        });\n      });\n    } catch (e) {\n      console.error(\"Erreur de la galerie d'images: \", e);\n    }\n\n  });\n\u003c\/script\u003e","brand":"MarketZone2","offers":[{"title":"Default Title","offer_id":48807323795708,"sku":null,"price":14999.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/2.png?v=1772029471","url":"https:\/\/market-zone.shop\/products\/le-pack-celebration-ultime","provider":"Shop 2","version":"1.0","type":"link"}