{"title":"Nos Produits","description":"","products":[{"product_id":"glow-flash","title":"1 Glow-Flash™ - Gel exfoliant à l’orange + 1 Gant Exfoliant Gratuit","description":"\n\u003cdiv class=\"custom-product-accordions\" style=\"margin-top: 25px; padding: 0 15px;\"\u003e\n  \n  \u003cdetails class=\"accordion-item\" name=\"product-info\" open\u003e\n    \u003csummary\u003e✨ POURQUOI VOUS EN AVEZ BESOIN\u003c\/summary\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cp\u003eDites adieu aux zones sombres et au teint terne. Ce soin agit en profondeur pour \u003cstrong\u003erévéler votre éclat naturel\u003c\/strong\u003e et lisser les zones les plus rebelles. Sa formule douce respecte votre épiderme : elle unifie sans jamais brûler, irriter ou décaper votre peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"accordion-item\" name=\"product-info\"\u003e\n    \u003csummary\u003e🌿 INGRÉDIENTS CLÉS\u003c\/summary\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cp style=\"margin-bottom: 10px; font-weight: 700;\"\u003e4 Actifs Puissants pour une métamorphose visible :\u003c\/p\u003e\n      \u003cul style=\"list-style: none; padding: 0; margin: 0;\"\u003e\n        \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003e🍊 Niacinamide (B3) :\u003c\/strong\u003e Unifie le teint et apaise les peaux réactives.\u003c\/li\u003e\n        \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003e✨ Vitamine C :\u003c\/strong\u003e Le booster d'éclat ultime anti-taches.\u003c\/li\u003e\n        \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003e🤍 Poudre de Perle :\u003c\/strong\u003e Affine le grain de peau pour un fini \"glow\".\u003c\/li\u003e\n        \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003e🍃 Extrait de Réglisse :\u003c\/strong\u003e L'anti-taches naturel le plus puissant.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"accordion-item\" name=\"product-info\"\u003e\n    \u003csummary\u003e🧼 COMMENT L'UTILISER\u003c\/summary\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv style=\"display: flex; flex-direction: column; gap: 8px;\"\u003e\n        \u003cp\u003e\u003cstrong\u003eEn 3 étapes simples :\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003e1️⃣ Appliquez sur une peau propre et sèche.\u003cbr\u003e\n        2️⃣ Massez 1 à 2 minutes en mouvements circulaires.\u003cbr\u003e\n        3️⃣ Rincez à l'eau tiède, puis hydratez normalement.\u003c\/p\u003e\n        \u003cp style=\"background: #fff4ea; padding: 8px 12px; border-radius: 6px; border-left: 4px solid #eb7706; font-weight: 700; font-size: 13px; margin-top: 5px;\"\u003e\n          👉 Fréquence : 2 à 3 fois par semaine.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\u003csection class=\"v-marquee-section\"\u003e\n  \u003cdiv class=\"v-marquee-header\"\u003e\n    \u003ch2 class=\"premium-h2\" style=\"text-align:center;\"\u003ePreuves en \u003cspan\u003emouvements\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp style=\"text-align:center; color:#666; font-size:14px; margin-bottom:20px;\"\u003eRésultats réels en 60 secondes\u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"v-marquee-wrapper\"\u003e\n    \u003cdiv class=\"v-marquee-track\"\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c9b37e0dac2f4f28bcfc4696219dab1d.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/81312f2149cd454c8c52ebc4103686f4.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c179eac436b24e8b9447cace475f6e2d.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b06510d7a4d541b8aef65f09c5fb85a8.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/38d19451b8b245f0baba23193a13163f.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c9b37e0dac2f4f28bcfc4696219dab1d.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/81312f2149cd454c8c52ebc4103686f4.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c179eac436b24e8b9447cace475f6e2d.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b06510d7a4d541b8aef65f09c5fb85a8.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-marquee-item\"\u003e\u003cvideo playsinline muted autoplay loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/38d19451b8b245f0baba23193a13163f.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .v-marquee-section { background: #fff; padding: 20px 0; overflow: hidden; width: 100%; }\n  .v-marquee-wrapper { width: 100%; overflow: hidden; position: relative; display: flex; }\n  \n  .v-marquee-track {\n    display: flex;\n    width: max-content;\n    gap: 12px;\n    animation: scrollVideos 35s linear infinite;\n  }\n\n  .v-marquee-item {\n    width: 160px; \n    aspect-ratio: 9\/16;\n    border-radius: 12px;\n    overflow: hidden;\n    background: #000;\n    border: 1px solid #eee;\n    flex-shrink: 0;\n  }\n\n  .v-marquee-item video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    pointer-events: none; \/* Évite les pauses accidentelles au clic *\/\n  }\n\n  @keyframes scrollVideos {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  \/* Pause au toucher *\/\n  .v-marquee-wrapper:active .v-marquee-track {\n    animation-play-state: paused;\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  \/\/ Force le démarrage des vidéos car les navigateurs bloquent souvent l'autoplay\n  window.onload = function() {\n    var vids = document.querySelectorAll('.v-marquee-item video');\n    vids.forEach(function(v) {\n      v.play().catch(function(e) {\n        console.log(\"Lecture auto bloquée, en attente d'interaction\");\n      });\n    });\n    \n    \/\/ Si c'est bloqué par le mode économie, on lance au premier touché d'écran\n    document.body.addEventListener('touchstart', function() {\n       vids.forEach(function(v) { v.play(); });\n    }, {once: true});\n  };\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n  .custom-product-accordions { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; }\n  .accordion-item { border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff; transition: all 0.3s ease; }\n  .accordion-item[open] { border-color: #eb7706; box-shadow: 0 4px 12px rgba(235, 119, 6, 0.08); }\n  \n  summary { \n    padding: 15px; font-weight: 800; font-size: 13px; letter-spacing: 1px; cursor: pointer; \n    list-style: none; display: flex; justify-content: space-between; align-items: center; \n    color: #1a1a1a; outline: none; background: #fff;\n  }\n  summary::-webkit-details-marker { display: none; }\n  summary::after { content: '+'; font-size: 18px; color: #eb7706; font-weight: bold; }\n  .accordion-item[open] summary::after { content: '−'; }\n  \n  .accordion-content { padding: 0 15px 15px 15px; font-size: 14px; color: #444; line-height: 1.6; border-top: 1px solid #f9f9f9; }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  \/\/ Script pour s'assurer que l'accordéon se ferme quand on en ouvre un autre (compatibilité mobile totale)\n  document.querySelectorAll('.accordion-item').forEach((item) =\u003e {\n    item.addEventListener('click', (e) =\u003e {\n      if (!item.hasAttribute('open')) {\n        document.querySelectorAll('.accordion-item').forEach((otherItem) =\u003e {\n          if (otherItem !== item) {\n            otherItem.removeAttribute('open');\n          }\n        });\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n  \/* On garde ton style Premium *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@1,600\u0026family=Inter:wght@400;600;800\u0026display=swap');\n\n  .afreeka-reveal { opacity: 0; transform: translateY(30px); transition: all 0.9s ease-out; }\n  .afreeka-reveal.active { opacity: 1; transform: translateY(0); }\n\n  .block-education { background-color: #fdfaf7; padding: 70px 20px; font-family: 'Inter', sans-serif; }\n  .block-container { max-width: 800px; margin: 0 auto; text-align: center; }\n\n  .premium-h2 { font-family: 'Playfair Display', serif; font-size: 30px; color: #2b2b2b; margin-bottom: 20px; font-style: italic; }\n  .premium-h2 span { color: #f2622e; font-style: normal; }\n  \n  .premium-p { font-size: 17px; line-height: 1.7; color: #444; margin-bottom: 40px; }\n\n  \/* Vidéo *\/\n  .video-frame-premium { width: 100%; max-width: 400px; margin: 0 auto 40px; border-radius: 35px; overflow: hidden; box-shadow: 0 20px 40px rgba(242, 98, 46, 0.15); border: 1px solid #fab617; background: #000; }\n  .video-frame-premium video { width: 100%; display: block; }\n\n  \/* Stats plus larges et explicites *\/\n  .stats-explicit { display: flex; flex-direction: column; gap: 25px; margin-top: 30px; }\n  .stat-row { background: #fff; padding: 25px; border-radius: 20px; display: flex; align-items: center; gap: 20px; text-align: left; box-shadow: 0 5px 15px rgba(0,0,0,0.03); border-left: 6px solid #f2622e; }\n  \n  .stat-number { font-size: 42px; font-weight: 900; color: #f2622e; min-width: 100px; line-height: 1; }\n  .stat-description { font-size: 15px; color: #555; line-height: 1.5; font-weight: 500; }\n  .stat-description b { color: #2b2b2b; }\n\n  @media (max-width: 600px) {\n    .stat-row { flex-direction: column; text-align: center; gap: 10px; }\n    .stat-number { min-width: auto; }\n    .premium-h2 { font-size: 24px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"block-education\"\u003e\n  \u003cdiv class=\"block-container\"\u003e\n    \n    \u003cdiv class=\"afreeka-reveal\"\u003e\n      \u003ch2 class=\"premium-h2\"\u003ePourquoi votre peau \u003cspan\u003enoircit-elle\u003c\/span\u003e malgré tous vos efforts ?\u003c\/h2\u003e\n      \u003cp class=\"premium-p\"\u003e\n        Frotter plus fort avec un gant ou utiliser des produits décapants ne fait qu'aggraver le problème. \u003cb\u003eLa peau noire réagit à l'agression en produisant encore plus de taches.\u003c\/b\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"stats-explicit\"\u003e\n      \n      \u003cdiv class=\"stat-row afreeka-reveal\"\u003e\n        \u003cdiv class=\"stat-number\"\u003e\n\u003cspan class=\"counter\" data-target=\"74\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n        \u003cdiv class=\"stat-description\"\u003e\n          des femmes \u003cb\u003en'osent plus porter de robes sans-manches\u003c\/b\u003e ou lever les bras en public par peur de montrer des aisselles sombres.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"stat-row afreeka-reveal\"\u003e\n        \u003cdiv class=\"stat-number\"\u003e\n\u003cspan class=\"counter\" data-target=\"82\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n        \u003cdiv class=\"stat-description\"\u003e\n          des taches sur les coudes et genoux sont \u003cb\u003eaggravées par des gommages trop durs\u003c\/b\u003e qui brûlent la peau au lieu de l'éclaircir.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp class=\"afreeka-reveal\" style=\"margin-top: 40px; color: #888; font-style: italic;\"\u003e\n      Glow-Flash™ casse ce cycle en dissolvant les cellules mortes sans aucune agression.\n    \u003c\/p\u003e\n\n\u003cdiv class=\"video-frame-premium afreeka-reveal\"\u003e\n      \u003cvideo autoplay muted loop playsinline poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/videoframe_3608.png?v=1773689568\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/951a717028f84cd1ab26aafe884e9fd9.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n    \n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  \/\/ Script de compteur robuste\n  const revealObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('active');\n        const counters = entry.target.querySelectorAll('.counter');\n        counters.forEach(counter =\u003e {\n          if (!counter.classList.contains('done')) {\n            const target = +counter.getAttribute('data-target');\n            let current = 0;\n            const increment = target \/ 100; \n            const update = () =\u003e {\n              current += increment;\n              if (current \u003c target) {\n                counter.innerText = Math.ceil(current);\n                setTimeout(update, 20);\n              } else {\n                counter.innerText = target;\n                counter.classList.add('done');\n              }\n            };\n            update();\n          }\n        });\n      }\n    });\n  }, { threshold: 0.2 });\n\n  document.querySelectorAll('.afreeka-reveal').forEach(el =\u003e revealObserver.observe(el));\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n  .afreeka-promises {\n    background-color: #ffffff;\n    padding: 50px 20px;\n    font-family: 'Inter', sans-serif;\n  }\n  .promises-container {\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n  \n  \/* Titre et Sous-titre du bloc *\/\n  .promises-header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n  .promises-header h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 34px;\n    font-style: italic;\n    color: #2b2b2b;\n    margin-bottom: 15px;\n  }\n  .promises-header h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n  .promises-header p {\n    font-size: 18px;\n    color: #666;\n    max-width: 600px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  .promises-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px 40px;\n  }\n  \n  .promise-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 25px;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.7s ease-out;\n  }\n  .promise-item.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .promise-icon {\n    flex-shrink: 0;\n    width: 55px;\n    height: 55px;\n    background: rgba(242, 98, 46, 0.05);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px;\n  }\n  .promise-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: #f2622e;\n  }\n\n  .promise-content h3 {\n    font-size: 20px;\n    font-weight: 800;\n    color: #2b2b2b;\n    margin: 0 0 10px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n  .promise-content p {\n    font-size: 15px;\n    color: #555;\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .promises-grid { grid-template-columns: 1fr; }\n    .promises-header h2 { font-size: 28px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"afreeka-promises\"\u003e\n  \u003cdiv class=\"promises-container\"\u003e\n    \n    \u003cdiv class=\"promises-header afreeka-reveal\"\u003e\n      \u003ch2\u003eBien plus qu’un soin : \u003cspan\u003evotre nouvelle liberté.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp\u003eDécouvrez comment Glow-Flash™ transforme votre routine en un véritable moment de libération.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"promises-grid\"\u003e\n      \n      \u003cdiv class=\"promise-item afreeka-reveal\"\u003e\n        \u003cdiv class=\"promise-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"promise-content\"\u003e\n          \u003ch3\u003eLiberté Vestimentaire\u003c\/h3\u003e\n          \u003cp\u003eOsez enfin les sans-manches et les robes d'été. Ne calculez plus vos tenues en fonction de vos taches : portez ce que vous aimez, quand vous voulez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"promise-item afreeka-reveal\"\u003e\n        \u003cdiv class=\"promise-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12,2L14.5,8.5L21,11L14.5,13.5L12,20L9.5,13.5L3,11L9.5,8.5L12,2M12,7L11,9.7L8.3,11L11,12.3L12,15L13,12.3L15.7,11L13,9.7L12,7Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"promise-content\"\u003e\n          \u003ch3\u003eL'Innocence du Teint\u003c\/h3\u003e\n          \u003cp\u003eEn finissez avec le regard des autres. Vos phalanges et vos coudes retrouvent leur clarté naturelle, prouvant que votre éclat est authentique et sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"promise-item afreeka-reveal\"\u003e\n        \u003cdiv class=\"promise-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12,2C10,2 4,5 4,12C4,18 12,22 12,22C12,22 20,18 20,12C20,5 14,2 12,2M12,18C9.79,18 8,16.21 8,14C8,11.79 9.79,10 12,10C14.21,10 16,11.79 16,14C16,16.21 14.21,18 12,18Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"promise-content\"\u003e\n          \u003ch3\u003eSensualité \u0026amp; Douceur\u003c\/h3\u003e\n          \u003cp\u003ePassez de la rugosité à une peau de soie. Retrouvez le plaisir d'une peau lisse au toucher, sans plaques sèches ni effet \"crocodile\".\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"promise-item afreeka-reveal\"\u003e\n        \u003cdiv class=\"promise-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M17,8C8,10 5.9,16.17 5.1,18C7.58,18.17 9,18 11,17C11,15.83 11,13.83 11,11C11,11 15,7 19,7C19,7 21,7 21,9C21,13 18,20 12,21C4,21 3,14 3,12C3,10 3,1 12,1C15,1 17,2 17,5V8Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"promise-content\"\u003e\n          \u003ch3\u003eIntimité Sereine\u003c\/h3\u003e\n          \u003cp\u003eSoyez totalement à l'aise dans votre corps. Éteignez les doutes et profitez de chaque instant sans la moindre gêne, sous n'importe quel angle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cstyle\u003e\n  .proof-section {\n    background-color: #ffffff;\n    padding: 60px 20px 80px; \/* Plus d'espace en bas pour respirer *\/\n    font-family: 'Inter', sans-serif;\n  }\n  .proof-container {\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  \/* Titre de transition *\/\n  .proof-header {\n    margin-bottom: 50px;\n  }\n  .proof-header h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 30px;\n    font-style: italic;\n    color: #2b2b2b;\n    line-height: 1.3;\n  }\n  .proof-header h3 span {\n    color: #f2622e; \/* Orange Afreeka Shop *\/\n    font-style: normal;\n  }\n\n  \/* Cadre Vidéo vertical façon Reels\/TikTok *\/\n  .video-proof-wrapper {\n    width: 100%;\n    max-width: 360px; \/* Largeur optimale pour un format vertical *\/\n    margin: 0 auto 35px;\n    position: relative;\n    border-radius: 25px; \/* Bords arrondis pour le design *\/\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(242, 98, 46, 0.12); \/* Ombre douce orange *\/\n    border: 2px solid #fab617; \/* Bordure Jaune Moutarde Afreeka fine *\/\n    background: #000;\n  }\n  .video-proof-wrapper video {\n    width: 100%;\n    display: block;\n    object-fit: cover; \/* S'assure que la vidéo remplit le cadre *\/\n    transform: scale(1.01); \/* Évite les micros-bords blancs *\/\n  }\n\n  \/* Légende sous la vidéo *\/\n  .proof-caption {\n    font-size: 16px;\n    font-weight: 600;\n    color: #555;\n    font-style: italic;\n    max-width: 480px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* Responsive pour mobile *\/\n  @media (max-width: 600px) {\n    .proof-section { padding: 50px 15px; }\n    .proof-header h3 { font-size: 24px; }\n    .video-proof-wrapper { max-width: 300px; }\n    .proof-caption { font-size: 15px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"proof-section afreeka-reveal\"\u003e\n  \u003cdiv class=\"proof-container\"\u003e\n    \n    \u003cdiv class=\"proof-header\"\u003e\n      \u003ch3\u003eVoyez par vous-même :\u003cbr\u003e la transformation \u003cspan\u003einstantanée\u003c\/span\u003e.\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"video-proof-wrapper\"\u003e\n      \u003cvideo autoplay muted loop playsinline poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/proof_poster.png?v=1773689568\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6c4acc1a492f468c93c492eea050e0a8.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"proof-caption\"\u003e\n      \"Regardez comment la texture change... Plus qu’un gel, c’est votre signature d'éclat au quotidien.\"\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  const obsProof = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('active');\n      }\n    });\n  }, { threshold: 0.15 });\n\n  document.querySelectorAll('.afreeka-reveal').forEach(el =\u003e obsProof.observe(el));\n\u003c\/script\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  const promiseObs = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('active');\n      }\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.afreeka-reveal').forEach(el =\u003e promiseObs.observe(el));\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n  .ingredients-section {\n    background-color: #ffffff;\n    padding: 80px 20px;\n    font-family: 'Inter', sans-serif;\n  }\n  .ingredients-container {\n    max-width: 850px;\n    margin: 0 auto;\n  }\n\n  \/* TITRE COHÉRENT AVEC LES AUTRES BLOCS *\/\n  .ingredients-section .premium-h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 32px;\n    font-style: italic;\n    color: #2b2b2b;\n    margin-bottom: 60px;\n    text-align: center;\n  }\n  .ingredients-section .premium-h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n\n  .ingredients-list {\n    display: flex;\n    flex-direction: column;\n    gap: 45px;\n  }\n\n  \/* ALIGNEMENT IMAGE GAUCHE \/ TEXTE DROITE *\/\n  .ingredient-row {\n    display: flex;\n    align-items: center; \n    gap: 40px;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.8s ease-out;\n  }\n  .ingredient-row.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* CERCLES IMAGES *\/\n  .ingredient-image-wrapper {\n    flex-shrink: 0;\n    width: 140px;\n    height: 140px;\n    border-radius: 50%;\n    overflow: hidden;\n    border: 1px solid #f0f0f0;\n  }\n  .ingredient-image-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .ingredient-text {\n    flex: 1;\n  }\n  .ingredient-text h3 {\n    font-size: 22px;\n    font-weight: 800;\n    color: #000;\n    margin: 0 0 8px 0;\n    letter-spacing: -0.5px;\n  }\n  .ingredient-text p {\n    font-size: 16px;\n    color: #444;\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  \/* RESPONSIVE : On garde l'image à gauche même sur mobile *\/\n  @media (max-width: 600px) {\n    .ingredient-row { gap: 20px; }\n    .ingredient-image-wrapper { width: 90px; height: 90px; }\n    .ingredient-text h3 { font-size: 17px; }\n    .ingredient-text p { font-size: 14px; }\n    .ingredients-section .premium-h2 { font-size: 26px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"ingredients-section\"\u003e\n  \u003cdiv class=\"ingredients-container\"\u003e\n    \n    \u003cdiv class=\"afreeka-reveal\"\u003e\n      \u003ch2 class=\"premium-h2\"\u003eL’harmonie de notre \u003cspan\u003eformule secrète.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ingredients-list\"\u003e\n      \n      \u003cdiv class=\"ingredient-row afreeka-reveal\"\u003e\n        \u003cdiv class=\"ingredient-image-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/Gemini_Generated_Image_yduyiqyduyiqyduy.png?v=1773695838\" alt=\"Vitamine C\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-text\"\u003e\n          \u003ch3\u003eVitamine C Stabilisée\u003c\/h3\u003e\n          \u003cp\u003eRéveille la lumière naturelle de votre teint et uniformise les zones d'ombre sans aucune agressivité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ingredient-row afreeka-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n        \u003cdiv class=\"ingredient-image-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/Gemini_Generated_Image_yduyiqyduyiqyduy_1.png?v=1773695838\" alt=\"Enzymes de Fruits\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-text\"\u003e\n          \u003ch3\u003eEnzymes de Fruits\u003c\/h3\u003e\n          \u003cp\u003eDissout la kératine et les cellules mortes en 60 secondes. L'efficacité d'un gommage, la douceur en plus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ingredient-row afreeka-reveal\" style=\"transition-delay: 0.4s;\"\u003e\n        \u003cdiv class=\"ingredient-image-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/Gemini_Generated_Image_yduyiqyduyiqyduy_2.png?v=1773695838\" alt=\"Acide Hyaluronique\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-text\"\u003e\n          \u003ch3\u003eAcide Hyaluronique\u003c\/h3\u003e\n          \u003cp\u003eRetient 1000 fois son poids en eau pour une peau repulpée et incroyablement soyeuse au toucher.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  const obsIngFinal = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('active');\n      }\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.afreeka-reveal').forEach(el =\u003e obsIngFinal.observe(el));\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n  .comparison-section {\n    background-color: #fcfcfc;\n    padding: 80px 20px;\n    font-family: 'Inter', sans-serif;\n  }\n  .comparison-container {\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .comparison-header {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n  .comparison-header .premium-h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 32px;\n    font-style: italic;\n    color: #2b2b2b;\n  }\n  .comparison-header .premium-h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n\n  \/* Style du Tableau *\/\n  .comparison-table {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  }\n\n  .comparison-table th, .comparison-table td {\n    padding: 25px;\n    text-align: center;\n    border-bottom: 1px solid #f0f0f0;\n  }\n\n  \/* En-têtes *\/\n  .comparison-table th {\n    background: #f8f8f8;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #888;\n  }\n  .comparison-table th.highlight {\n    background: #2b2b2b;\n    color: #fab617; \/* Jaune Afreeka *\/\n    font-weight: 800;\n  }\n\n  \/* Colonnes *\/\n  .col-feature { text-align: left !important; font-weight: 600; color: #2b2b2b; width: 30%; }\n  .col-others { color: #999; width: 35%; }\n  .col-glow { background: rgba(250, 182, 23, 0.03); font-weight: 700; color: #2b2b2b; width: 35%; }\n\n  \/* Icônes de validation *\/\n  .check { color: #f2622e; font-size: 20px; font-weight: bold; }\n  .cross { color: #ccc; font-size: 20px; }\n\n  @media (max-width: 600px) {\n    .comparison-table th, .comparison-table td { padding: 15px 10px; font-size: 13px; }\n    .col-feature { width: 40%; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"comparison-section\"\u003e\n  \u003cdiv class=\"comparison-container\"\u003e\n    \n    \u003cdiv class=\"comparison-header afreeka-reveal\"\u003e\n      \u003ch2 class=\"premium-h2\"\u003ePourquoi choisir \u003cspan\u003eGlow-Flash™ ?\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003ctable class=\"comparison-table afreeka-reveal\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth class=\"col-feature\"\u003eCritères\u003c\/th\u003e\n          \u003cth class=\"col-others\"\u003eGommages Classiques\u003c\/th\u003e\n          \u003cth class=\"col-glow highlight\"\u003eGlow-Flash™\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd class=\"col-feature\"\u003eType d'action\u003c\/td\u003e\n          \u003ctd class=\"col-others\"\u003eGrains abrasifs\u003c\/td\u003e\n          \u003ctd class=\"col-glow\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e Enzymes douces\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd class=\"col-feature\"\u003eVitesse d'action\u003c\/td\u003e\n          \u003ctd class=\"col-others\"\u003ePlusieurs semaines\u003c\/td\u003e\n          \u003ctd class=\"col-glow\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e 60 secondes\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd class=\"col-feature\"\u003eRisque d'irritation\u003c\/td\u003e\n          \u003ctd class=\"col-others\"\u003eÉlevé (Micro-coupures)\u003c\/td\u003e\n          \u003ctd class=\"col-glow\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e Zéro (Formule Sûre)\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd class=\"col-feature\"\u003eZones sensibles\u003c\/td\u003e\n          \u003ctd class=\"col-others\"\u003eDéconseillé\u003c\/td\u003e\n          \u003ctd class=\"col-glow\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e Visage \u0026amp; Corps\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd class=\"col-feature\"\u003eRésultat final\u003c\/td\u003e\n          \u003ctd class=\"col-others\"\u003ePeau souvent sèche\u003c\/td\u003e\n          \u003ctd class=\"col-glow\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e Peau de Soie\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  \/\/ Activation au scroll\n  const obsComp = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('active');\n      }\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.afreeka-reveal').forEach(el =\u003e obsComp.observe(el));\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n  .proof-section-final {\n    background-color: #ffffff;\n    padding: 80px 20px 100px; \/* Plus d'espace en bas pour le bloc de prix *\/\n    font-family: 'Inter', sans-serif;\n  }\n  .proof-container-final {\n    max-width: 1000px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 60px;\n  }\n\n  \/* Titre du Bloc 6 *\/\n  .proof-header-final {\n    margin-bottom: 50px;\n    text-align: center;\n  }\n  .proof-header-final .premium-h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 32px;\n    font-style: italic;\n    color: #2b2b2b;\n  }\n  .proof-header-final .premium-h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n\n  \/* Cadre Photo Avant\/Après *\/\n  .before-after-wrapper {\n    flex: 1;\n    border-radius: 20px;\n    overflow: hidden;\n    border: 3px solid #fab617; \/* Bordure Jaune Afreeka plus épaisse *\/\n    box-shadow: 0 15px 35px rgba(242, 98, 46, 0.1);\n  }\n  .before-after-wrapper img {\n    width: 100%;\n    display: block;\n    object-fit: cover;\n  }\n\n  \/* Témoignage à droite *\/\n  .testimony-wrapper {\n    flex: 1;\n    text-align: left;\n  }\n  .testimony-quote {\n    font-size: 20px;\n    font-style: italic;\n    color: #444;\n    margin: 0 0 20px 0;\n    line-height: 1.6;\n  }\n  .testimony-name {\n    font-size: 16px;\n    font-weight: 800;\n    color: #2b2b2b;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n  .testimony-city {\n    font-size: 14px;\n    color: #888;\n  }\n\n  \/* Responsive pour Mobile *\/\n  @media (max-width: 768px) {\n    .proof-container-final { flex-direction: column; gap: 40px; }\n    .testimony-wrapper { text-align: center; }\n    .proof-header-final .premium-h2 { font-size: 26px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"proof-section-final\"\u003e\n  \u003cdiv class=\"proof-header-final afreeka-reveal\"\u003e\n    \u003ch2 class=\"premium-h2\"\u003eArrêtez d’imaginer.\u003cbr\u003e \u003cspan\u003eVoyez le résultat.\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"proof-container-final afreeka-reveal\"\u003e\n    \n    \u003cdiv class=\"before-after-wrapper\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/Gel_a_l_orange_avant_apres.webp?v=1773696631\" alt=\"Résultat Avant\/Après Glow-Flash\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"testimony-wrapper\"\u003e\n      \u003cp class=\"testimony-quote\"\u003e\n        \"Je n'y croyais plus. Mes coudes étaient sombres et rugueux depuis des années. En 28 jours, ma peau est devenue si lisse et unifiée que je peux enfin porter mes robes sans manches.\"\n      \u003c\/p\u003e\n      \u003cp class=\"testimony-name\"\u003eAwa M.\u003c\/p\u003e\n      \u003cp class=\"testimony-city\"\u003eDouala, Cameroun\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  \/\/ Activation au scroll (réutilisé)\n  const obsFinalProof = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('active');\n      }\n    });\n  }, { threshold: 0.15 });\n\n  document.querySelectorAll('.afreeka-reveal').forEach(el =\u003e obsFinalProof.observe(el));\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n\n  \/* À ajouter dans le \u003cstyle\u003e de tes sections *\/\n.ritual-section-final, .proof-section-final, .ingredients-section {\n  padding-top: 20px !important;    \/* Réduit l'espace en haut *\/\n  padding-bottom: 20px !important; \/* Réduit l'espace en bas *\/\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n  .ritual-section-final {\n    background-color: #fcfcfc;\n    padding: 80px 20px;\n    font-family: 'Inter', sans-serif;\n  }\n  .ritual-container-final {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 60px; \/* Espace entre l'image et le texte *\/\n  }\n\n  \/* Cadre Visuel à Gauche *\/\n  .ritual-visual-wrapper {\n    flex: 1;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(242, 98, 46, 0.1); \/* Légère ombre orange *\/\n    border: 1px solid #eee;\n  }\n  .ritual-visual-wrapper img {\n    width: 100%;\n    display: block;\n    object-fit: cover;\n  }\n\n  \/* Contenu Texte à Droite *\/\n  .ritual-content-final {\n    flex: 1;\n    text-align: left;\n  }\n  \n  \/* Titre avec la police Playfair *\/\n  .ritual-content-final .premium-h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 32px;\n    font-style: italic;\n    color: #2b2b2b;\n    margin-bottom: 50px;\n    line-height: 1.3;\n  }\n  .ritual-content-final .premium-h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n\n  \/* Liste des Étapes *\/\n  .ritual-steps-list {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n    counter-reset: step-counter;\n  }\n\n  .ritual-step-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.6s ease-out;\n  }\n  .ritual-step-item.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Numérotation stylisée *\/\n  .step-number-final {\n    counter-increment: step-counter;\n    content: counter(step-counter);\n    flex-shrink: 0;\n    background: #fab617; \/* Jaune Afreeka *\/\n    color: #ffffff;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 18px;\n    margin-top: 3px; \/* Alignement optique avec le titre *\/\n  }\n\n  .step-text-final h3 {\n    font-size: 18px;\n    color: #f2622e; \/* Orange Afreeka *\/\n    margin: 0 0 8px 0;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  .step-text-final p {\n    font-size: 15px;\n    color: #555;\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  \/* Responsive pour Mobile *\/\n  @media (max-width: 768px) {\n    .ritual-container-final { flex-direction: column; gap: 40px; }\n    .ritual-content-final { text-align: center; }\n    .ritual-content-final .premium-h2 { font-size: 26px; }\n    .ritual-visual-wrapper { max-width: 100%; }\n    .ritual-step-item { flex-direction: column; align-items: center; gap: 10px; }\n    .ritual-step-item.active { animation: none; \/* Désactive l'anim au scroll sur mobile pour perf *\/ opacity: 1; transform: none; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"ritual-section-final\"\u003e\n  \u003cdiv class=\"ritual-container-final\"\u003e\n    \n\n    \u003cdiv class=\"ritual-content-final\"\u003e\n      \n      \u003cdiv class=\"afreeka-reveal\"\u003e\n        \u003ch2 class=\"premium-h2\"\u003eVotre nouveau \u003cspan\u003erituel d'éclat.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ritual-steps-list\"\u003e\n        \n        \u003cdiv class=\"ritual-step-item afreeka-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n          \u003cdiv class=\"step-number-final\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"step-text-final\"\u003e\n            \u003ch3\u003eAppliquer\u003c\/h3\u003e\n            \u003cp\u003eSur peau sèche ou légèrement humide, appliquez une noisette de gel sur les zones à traiter (visage ou corps).\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ritual-step-item afreeka-reveal\" style=\"transition-delay: 0.3s;\"\u003e\n          \u003cdiv class=\"step-number-final\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"step-text-final\"\u003e\n            \u003ch3\u003eMasser\u003c\/h3\u003e\n            \u003cp\u003eMassez doucement en mouvements circulaires pendant 60 secondes. La texture gel capture les impuretés.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ritual-step-item afreeka-reveal\" style=\"transition-delay: 0.5s;\"\u003e\n          \u003cdiv class=\"step-number-final\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"step-text-final\"\u003e\n            \u003ch3\u003eRévéler\u003c\/h3\u003e\n            \u003cp\u003eRincez à l'eau claire. Admirez l'éclat instantané et la douceur. À répéter 2 à 3 fois par semaine.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n \u003cdiv class=\"ritual-visual-wrapper afreeka-reveal\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/Design_sans_titre_19.jpg?v=1773698129\" alt=\"Rituel 3 étapes Glow-Flash\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  \/\/ Activation au scroll (réutilisé pour la cohérence)\n  const obsRitualFinal = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('active');\n      }\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.afreeka-reveal').forEach(el =\u003e obsRitualFinal.observe(el));\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n  .afreeka-v-section {\n    background-color: #ffffff !important;\n    padding: 60px 20px !important;\n    text-align: center;\n    font-family: 'Inter', sans-serif;\n    display: block !important; \/* Force l'affichage *\/\n  }\n\n  .afreeka-v-section h2 {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 32px;\n    font-style: italic;\n    color: #2b2b2b;\n    margin-bottom: 10px;\n  }\n\n  .afreeka-v-section h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n\n  .afreeka-v-section p {\n    color: #666;\n    margin-bottom: 40px;\n  }\n\n  \/* CONTAINER DU SLIDER *\/\n  .v-slider-box {\n    position: relative;\n    max-width: 320px;\n    margin: 0 auto;\n    border-radius: 30px;\n    background: #000;\n    overflow: visible; \/* Pour voir les flèches sur les côtés *\/\n  }\n\n  .v-screen {\n    overflow: hidden;\n    border-radius: 25px;\n    aspect-ratio: 9 \/ 16;\n    border: 5px solid #2b2b2b;\n  }\n\n  .v-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n\n  .v-item {\n    min-width: 100%;\n    height: 100%;\n  }\n\n  .v-item video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* FLÈCHES VISIBLES *\/\n  .v-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: #f2622e !important;\n    color: white !important;\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n    z-index: 99;\n    font-size: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n  }\n\n  .v-btn-prev { left: -55px; }\n  .v-btn-next { right: -55px; }\n\n  \/* DOTS *\/\n  .v-dots-row {\n    margin-top: 20px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .v-dot-item {\n    width: 8px;\n    height: 8px;\n    background: #ddd;\n    border-radius: 50%;\n  }\n\n  .v-dot-item.active {\n    background: #f2622e;\n    width: 15px;\n    border-radius: 10px;\n  }\n\n  @media (max-width: 600px) {\n    .v-btn-prev { left: 5px; }\n    .v-btn-next { right: 5px; }\n    .afreeka-v-section h2 { font-size: 24px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"afreeka-v-section\"\u003e\n  \n  \u003ch2\u003ePreuves en \u003cspan\u003emouvements.\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cp\u003eRésultats réels en 60 secondes.\u003c\/p\u003e\n\n  \u003cdiv class=\"v-slider-box\"\u003e\n    \n    \u003cbutton class=\"v-btn v-btn-prev\" onclick=\"moveV(-1)\"\u003e❮\u003c\/button\u003e\n    \u003cbutton class=\"v-btn v-btn-next\" onclick=\"moveV(1)\"\u003e❯\u003c\/button\u003e\n\n    \u003cdiv class=\"v-screen\"\u003e\n      \u003cdiv class=\"v-track\" id=\"vTrack\"\u003e\n        \u003cdiv class=\"v-item\"\u003e\u003cvideo playsinline muted loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c9b37e0dac2f4f28bcfc4696219dab1d.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003cdiv class=\"v-item\"\u003e\u003cvideo playsinline muted loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/81312f2149cd454c8c52ebc4103686f4.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003cdiv class=\"v-item\"\u003e\u003cvideo playsinline muted loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c179eac436b24e8b9447cace475f6e2d.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003cdiv class=\"v-item\"\u003e\u003cvideo playsinline muted loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b06510d7a4d541b8aef65f09c5fb85a8.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003cdiv class=\"v-item\"\u003e\u003cvideo playsinline muted loop src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/38d19451b8b245f0baba23193a13163f.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"v-dots-row\" id=\"vDots\"\u003e\n      \u003cdiv class=\"v-dot-item active\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-dot-item\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-dot-item\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-dot-item\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"v-dot-item\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  let currentIdx = 0;\n  const track = document.getElementById('vTrack');\n  const dots = document.querySelectorAll('.v-dot-item');\n  const videos = track.querySelectorAll('video');\n\n  function updateDisplay() {\n    track.style.transform = \"translateX(-\" + (currentIdx * 100) + \"%)\";\n    \n    \/\/ Gérer les vidéos (Play\/Pause)\n    videos.forEach((v, i) =\u003e {\n      if(i === currentIdx) {\n        v.play().catch(e =\u003e console.log(\"Auto-play blocked\"));\n      } else {\n        v.pause();\n        v.currentTime = 0;\n      }\n    });\n\n    \/\/ Gérer les dots\n    dots.forEach((d, i) =\u003e {\n      d.classList.toggle('active', i === currentIdx);\n    });\n  }\n\n  function moveV(dir) {\n    currentIdx += dir;\n    if(currentIdx \u003e= videos.length) currentIdx = 0;\n    if(currentIdx \u003c 0) currentIdx = videos.length - 1;\n    updateDisplay();\n  }\n\n  \/\/ Lancer la première vidéo au chargement\n  window.addEventListener('DOMContentLoaded', updateDisplay);\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n  .afreeka-faq-section {\n    background-color: #ffffff !important;\n    padding: 60px 20px !important;\n    font-family: 'Inter', -apple-system, sans-serif;\n    display: block !important;\n  }\n\n  .afreeka-faq-container {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Titre Harmonisé *\/\n  .afreeka-faq-section h2 {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 32px;\n    font-style: italic;\n    color: #2b2b2b;\n    text-align: center;\n    margin-bottom: 50px;\n    line-height: 1.3;\n  }\n  .afreeka-faq-section h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n\n  \/* Accordeon FAQ *\/\n  .faq-item {\n    border-bottom: 1px solid #eee;\n    padding: 20px 0;\n  }\n\n  .faq-question {\n    width: 100%;\n    background: none;\n    border: none;\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    font-size: 17px;\n    font-weight: 700;\n    color: #2b2b2b;\n    padding: 0;\n  }\n\n  .faq-question:hover { color: #f2622e; }\n\n  .faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease-out;\n    color: #666;\n    font-size: 15px;\n    line-height: 1.6;\n    margin-top: 0;\n  }\n\n  .faq-item.active .faq-answer {\n    max-height: 200px;\n    margin-top: 15px;\n  }\n\n  .faq-icon {\n    font-size: 20px;\n    color: #f2622e;\n    transition: transform 0.3s;\n  }\n  .faq-item.active .faq-icon {\n    transform: rotate(45deg);\n  }\n\n  \/* Badge de garantie final *\/\n  .guarantee-box {\n    margin-top: 60px;\n    background: #fcfcfc;\n    border: 1px dashed #f2622e;\n    padding: 30px;\n    border-radius: 20px;\n    text-align: center;\n  }\n  .guarantee-box p {\n    font-size: 14px;\n    color: #2b2b2b;\n    font-weight: 600;\n    margin: 0;\n  }\n\n  @media (max-width: 600px) {\n    .afreeka-faq-section h2 { font-size: 26px; }\n    .faq-question { font-size: 15px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"afreeka-faq-section\"\u003e\n  \u003cdiv class=\"afreeka-faq-container\"\u003e\n    \n    \u003ch2\u003eDes questions ? \u003cspan\u003eOn vous dit tout.\u003c\/span\u003e\n\u003c\/h2\u003e\n\n    \u003cdiv class=\"faq-list\"\u003e\n      \n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\"\u003e\n          Le produit est-il sûr pour les peaux noires ?\n          \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\"\u003e\n          Absolument. Contrairement aux gommages à grains qui causent des micro-déchirures et de l'hyperpigmentation, notre gel utilise des enzymes de fruits qui dissolvent les peaux mortes en douceur, sans jamais agresser votre mélanine.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\"\u003e\n          Combien de temps faut-il pour voir les résultats ?\n          \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\"\u003e\n          L'effet \"Peau de Soie\" est immédiat après le premier massage de 60 secondes. Pour l'uniformité du teint (coudes, genoux, phalanges), nous recommandons une utilisation constante 2 à 3 fois par semaine sur un cycle de 28 jours.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\"\u003e\n          Quels sont les délais de livraison au Cameroun ?\n          \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\"\u003e\n          Nous livrons en 2h sur Douala et Yaoundé. Pour les autres villes (Bafoussam, Garoua, Kribi, etc.) aux frais du client, comptez 72h maximum via nos partenaires de transport sécurisés.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\"\u003e\n          Puis-je l'utiliser sur le visage ?\n          \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\"\u003e\n          Oui, il est formulé pour le corps ET le visage. Sa texture douce en fait un excellent exfoliant hebdomadaire pour réveiller l'éclat du teint et affiner le grain de peau.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"guarantee-box\"\u003e\n      \u003cp\u003e✨ Satisfaite ou l'éclat remboursé : Rejoignez les milliers de femmes qui ont déjà adopté le rituel Afreeka Shop.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  document.querySelectorAll('.faq-question').forEach(button =\u003e {\n    button.addEventListener('click', () =\u003e {\n      const item = button.parentElement;\n      item.classList.toggle('active');\n    });\n  });\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n\n  \/* Ce code va \"aspirer\" les espaces entre TOUS tes blocs Afreeka *\/\n.guarantee-final-section, \n.afreeka-faq-section, \n.afreeka-v-section, \n.ritual-section-final, \n.proof-section-final, \n.pricing-section, \n.comparison-section, \n.ingredients-section {\n    padding-top: 10px !important;    \/* Réduit l'espace intérieur haut *\/\n    padding-bottom: 10px !important; \/* Réduit l'espace intérieur bas *\/\n    margin-top: 20px !important;     \/* Aspire le bloc vers le haut *\/\n    margin-bottom: 0 !important;     \/* Supprime la marge basse *\/\n}\n\n\/* Force Debutify à ne pas ajouter de padding via ses conteneurs parents *\/\n.shopify-section {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n}\n  .guarantee-final-section {\n    background-color: #fcfcfc !important;\n    padding: 60px 20px !important;\n    font-family: 'Inter', sans-serif;\n    display: block !important;\n  }\n\n  .guarantee-final-container {\n    max-width: 1000px;\n    margin: 0 auto;\n    background: #ffffff;\n    border-radius: 30px;\n    padding: 50px 30px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.05);\n    border: 1px solid #f0f0f0;\n    text-align: center;\n  }\n\n  .guarantee-final-header h2 {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 30px;\n    font-style: italic;\n    color: #2b2b2b;\n    margin-bottom: 40px;\n  }\n\n  .guarantee-final-header h2 span {\n    color: #f2622e;\n    font-style: normal;\n  }\n\n  .guarantee-grid {\n    display: flex;\n    justify-content: space-around;\n    flex-wrap: wrap;\n    gap: 30px;\n  }\n\n  .guarantee-item {\n    flex: 1;\n    min-width: 250px;\n    max-width: 300px;\n  }\n\n  \/* Icônes stylisées *\/\n  .g-icon {\n    font-size: 40px;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .guarantee-item h3 {\n    font-size: 18px;\n    color: #2b2b2b;\n    margin-bottom: 10px;\n    font-weight: 800;\n  }\n\n  .guarantee-item p {\n    font-size: 14px;\n    color: #666;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  @media (max-width: 768px) {\n    .guarantee-final-container { padding: 40px 20px; }\n    .guarantee-grid { flex-direction: column; align-items: center; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"guarantee-final-section\"\u003e\n  \u003cdiv class=\"guarantee-final-container\"\u003e\n    \n    \u003cdiv class=\"guarantee-final-header\"\u003e\n      \u003ch2\u003eVotre satisfaction est \u003cspan\u003enotre priorité.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"guarantee-grid\"\u003e\n      \n      \u003cdiv class=\"guarantee-item\"\u003e\n        \u003cspan class=\"g-icon\"\u003e🛡️\u003c\/span\u003e\n        \u003ch3\u003eGarantie Éclat\u003c\/h3\u003e\n        \u003cp\u003eTesté et approuvé par des milliers de femmes au Cameroun pour un teint unifié sans irritation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"guarantee-item\"\u003e\n        \u003cspan class=\"g-icon\"\u003e🚚\u003c\/span\u003e\n        \u003ch3\u003eLivraison Express\u003c\/h3\u003e\n        \u003cp\u003eService rapide sur Douala et Yaoundé. Expédition sécurisée dans tout le pays.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"guarantee-item\"\u003e\n        \u003cspan class=\"g-icon\"\u003e💬\u003c\/span\u003e\n        \u003ch3\u003eSupport 24\/7\u003c\/h3\u003e\n        \u003cp\u003eUne question sur votre rituel ? Notre équipe Afreeka Shop vous accompagne par WhatsApp.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Ma boutique","offers":[{"title":"Default Title","offer_id":42785933721677,"sku":null,"price":12500.0,"currency_code":"XAF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0699\/1511\/5597\/files\/creatives_Smartflore_4.png?v=1779656130"}],"url":"https:\/\/afreeka.live\/collections\/nos-produits.oembed","provider":"Afreeka Shop","version":"1.0","type":"link"}