{"product_id":"powerbank-geante-120-000-mah-charge-rapide","title":"POWERBANK GÉANTE 120 000 mAh – CHARGE RAPIDE","description":"\u003c!-- DIA SHOP – Powerbank géante 120 000 mAh (version solaire \/ lampe LED). Remplacez le lien du bouton si besoin. --\u003e\n\u003cstyle\u003e\n@keyframes diaFloat   { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n@keyframes diaPulse   { 0% { box-shadow: 0 0 0 0 rgba(0,87,217,.55); } 70% { box-shadow: 0 0 0 16px rgba(0,87,217,0); } 100% { box-shadow: 0 0 0 0 rgba(0,87,217,0); } }\n@keyframes diaShine   { 0% { left: -80%; } 55%,100% { left: 140%; } }\n@keyframes diaBlink   { 0%,100% { opacity: 1; } 50% { opacity: .55; } }\n@keyframes diaBorder  { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }\n@keyframes diaLbIn    { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: scale(1); } }\n\n.dia-wrap { max-width: 800px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; color: #222; line-height: 1.65; overflow: hidden; }\n.dia-wrap h2 { color: #0b1f4d; }\n\n\/* ---------- Apparition au défilement (si le JS ne marche pas, tout reste visible) ---------- *\/\n.dia-js .dia-reveal { opacity: 0; transform: translateY(40px) scale(.97); transition: opacity .8s ease, transform .8s ease; }\n.dia-js .dia-reveal.dia-in { opacity: 1; transform: none; }\n\n\/* ---------- Images : cadre animé, zoom, brillance ---------- *\/\n.dia-frame {\n  position: relative; overflow: hidden; margin: 0 auto 20px; padding: 3px; border-radius: 18px; cursor: zoom-in;\n  background: linear-gradient(120deg, #0057d9, #6db3ff, #0057d9, #6db3ff);\n  background-size: 300% 100%;\n  box-shadow: 0 10px 26px rgba(0,87,217,.25);\n  animation: diaBorder 5s linear infinite, diaFloat 4.5s ease-in-out infinite;\n  transition: box-shadow .4s ease;\n}\n.dia-frame:hover { box-shadow: 0 16px 40px rgba(0,87,217,.45); animation-play-state: paused; }\n.dia-frame img { display: block; width: 100%; height: auto; border-radius: 15px; transition: transform .7s ease; }\n.dia-frame:hover img { transform: scale(1.12); }\n.dia-frame::after {\n  content: \"\"; position: absolute; top: 0; left: -80%; width: 35%; height: 100%; pointer-events: none;\n  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));\n  transform: skewX(-25deg); animation: diaShine 4s ease-in-out infinite;\n}\n.dia-zoom-tag {\n  position: absolute; right: 12px; bottom: 12px; z-index: 2; pointer-events: none;\n  background: rgba(0,35,100,.8); color: #fff; font-size: 12px; font-weight: bold; padding: 5px 11px; border-radius: 20px;\n}\n\n\/* ---------- Zoom plein écran (clic sur une image) ---------- *\/\n.dia-lightbox {\n  position: fixed; inset: 0; z-index: 999999; background: rgba(0,10,40,.92);\n  display: none; align-items: center; justify-content: center; cursor: zoom-out; padding: 16px;\n}\n.dia-lightbox.dia-open { display: flex; }\n.dia-lightbox img { max-width: 96%; max-height: 92%; border-radius: 14px; box-shadow: 0 0 60px rgba(0,120,255,.6); animation: diaLbIn .35s ease; }\n.dia-lightbox .dia-close { position: absolute; top: 14px; right: 20px; color: #fff; font-size: 38px; font-weight: bold; line-height: 1; }\n\n\/* ---------- Titres et listes ---------- *\/\n.dia-title { font-size: 22px; margin: 0 0 12px; padding-left: 12px; border-left: 5px solid #0057d9; }\n.dia-sep { border: none; border-top: 1px solid #e3e8f2; margin: 32px 0; }\n\n.dia-list { list-style: none; padding: 0; margin: 0; }\n.dia-list li { position: relative; padding: 8px 0 8px 32px; border-bottom: 1px dashed #d5dff2; }\n.dia-list li::before { content: \"✔\"; position: absolute; left: 0; top: 8px; width: 22px; height: 22px; line-height: 22px; text-align: center; background: #0057d9; color: #fff; border-radius: 50%; font-size: 13px; }\n\n\/* ---------- Cartes des 2 versions ---------- *\/\n.dia-versions { display: flex; gap: 16px; flex-wrap: wrap; }\n.dia-version { flex: 1 1 300px; border-radius: 16px; padding: 16px; background: #f5f9ff; border: 2px solid #0057d9; transition: transform .35s ease, box-shadow .35s ease; }\n.dia-version:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(0,87,217,.25); }\n.dia-version h3 { margin: 0 0 12px; font-size: 20px; color: #0057d9; text-align: center; }\n.dia-badge { display: inline-block; background: #0057d9; color: #fff; font-size: 13px; font-weight: bold; padding: 4px 12px; border-radius: 20px; margin-bottom: 10px; }\n\n\/* ---------- Offre ---------- *\/\n.dia-offer { border: 3px solid #0057d9; border-radius: 16px; padding: 22px 16px; text-align: center; background: #f5f9ff; }\n.dia-offer h2 { color: #0057d9; font-size: 24px; margin: 0 0 12px; }\n\n.dia-timer-box { border: 3px solid #0057d9; background: #fff; border-radius: 12px; padding: 12px 8px; margin: 14px 0; }\n.dia-timer-label { font-size: 15px; font-weight: bold; color: #0057d9; margin-bottom: 8px; }\n.dia-timer { display: flex; justify-content: center; gap: 10px; }\n.dia-unit { min-width: 74px; padding: 8px 6px; background: #fff; border: 2px solid #0057d9; border-radius: 10px; }\n.dia-unit b { display: block; font-family: 'Courier New', monospace; font-size: 34px; line-height: 1.1; color: #d90000; animation: diaBlink 2s ease-in-out infinite; }\n.dia-unit span { font-size: 12px; color: #0057d9; font-weight: bold; text-transform: uppercase; }\n\n.dia-price { margin: 12px 0; }\n.dia-price .new { display: block; color: #0057d9; font-size: 32px; font-weight: bold; }\n.dia-price .old { color: #777; font-size: 18px; }\n\n.dia-btn {\n  position: relative; overflow: hidden; display: inline-block;\n  background: #0057d9; color: #ffffff !important; text-decoration: none;\n  font-weight: bold; font-size: 20px; padding: 16px 36px; border-radius: 50px; margin-top: 12px;\n  animation: diaPulse 1.8s infinite;\n}\n.dia-btn::after { content: \"\"; position: absolute; top: 0; left: -80%; width: 40%; height: 100%; background: rgba(255,255,255,.35); transform: skewX(-25deg); animation: diaShine 3s infinite; }\n.dia-btn:hover { background: #003f9e; }\n\n@media (max-width: 480px) {\n  .dia-unit { min-width: 62px; }\n  .dia-unit b { font-size: 28px; }\n  .dia-btn { font-size: 18px; padding: 14px 26px; }\n  .dia-title { font-size: 20px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dia-frame, .dia-frame::after, .dia-btn, .dia-btn::after, .dia-unit b { animation: none !important; }\n  .dia-js .dia-reveal { opacity: 1; transform: none; transition: none; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"dia-wrap\" id=\"dia-wrap\"\u003e\n\n\u003c!-- ========== PARTIE 1 : PRÉSENTATION ========== --\u003e\n\u003cdiv class=\"dia-reveal\"\u003e\n  \u003cdiv class=\"dia-frame\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1019\/8361\/7322\/files\/13_184e8cea-df95-49b4-82ea-c5f25b2164d3.png?v=1793068463\" alt=\"Powerbank grande capacité 120 000 mAh avec poignée\"\u003e\u003cspan class=\"dia-zoom-tag\"\u003e🔍 Touchez pour agrandir\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dia-reveal\"\u003e\n  \u003ch2 style=\"text-align:center;font-size:26px;margin:0 0 10px;\"\u003ePowerbank Géante 120 000 mAh – Charge Rapide – Version Solaire ou Lampe LED\u003c\/h2\u003e\n  \u003cp style=\"text-align:center;font-weight:bold;font-size:18px;margin:0 0 10px;\"\u003eUne énergie qui dure, à la maison comme en déplacement ! 🔋\u003c\/p\u003e\n  \u003cp style=\"text-align:center;\"\u003eDécouvrez notre powerbank de très grande capacité, avec écran LED d’affichage, plusieurs ports de charge et une pratique poignée de transport. Disponible en \u003cstrong\u003edeux versions\u003c\/strong\u003e : avec \u003cstrong\u003epanneau solaire intégré\u003c\/strong\u003e ou avec \u003cstrong\u003elampe LED lumineuse\u003c\/strong\u003e. Idéale pour charger vos appareils partout, même pendant les coupures de courant.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"dia-sep\"\u003e\n\n\u003c!-- ========== PARTIE 2 : LES DEUX VERSIONS ========== --\u003e\n\u003cdiv class=\"dia-reveal\"\u003e\u003ch2 class=\"dia-title\"\u003e🔆 Choisissez votre version\u003c\/h2\u003e\u003c\/div\u003e\n\u003cdiv class=\"dia-reveal\"\u003e\n  \u003cdiv class=\"dia-frame\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1019\/8361\/7322\/files\/1_9e477c13-9e25-491a-9a8c-617dd54d7d0a.png?v=1793068463\" alt=\"Powerbank en version solaire et en version lampe LED\"\u003e\u003cspan class=\"dia-zoom-tag\"\u003e🔍 Touchez pour agrandir\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dia-versions\"\u003e\n\n  \u003cdiv class=\"dia-version dia-reveal\"\u003e\n    \u003cdiv style=\"text-align:center;\"\u003e\u003cspan class=\"dia-badge\"\u003e☀️ VERSION SOLAIRE\u003c\/span\u003e\u003c\/div\u003e\n    \u003ch3\u003eAvec panneau solaire\u003c\/h3\u003e\n    \u003cp style=\"margin:0;text-align:center;\"\u003eUn panneau solaire intégré pour une recharge d’appoint en plein air.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"dia-version dia-reveal\"\u003e\n    \u003cdiv style=\"text-align:center;\"\u003e\u003cspan class=\"dia-badge\"\u003e💡 VERSION LAMPE LED\u003c\/span\u003e\u003c\/div\u003e\n    \u003ch3\u003eAvec lampe LED\u003c\/h3\u003e\n    \u003cp style=\"margin:0;text-align:center;\"\u003eUne large lampe LED intégrée pour vous éclairer quand il fait sombre.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003chr class=\"dia-sep\"\u003e\n\n\u003c!-- ========== PARTIE 3 : LES AVANTAGES DES DEUX VERSIONS ========== --\u003e\n\u003cdiv class=\"dia-reveal\"\u003e\u003ch2 class=\"dia-title\"\u003e⚡ Les avantages de chaque version\u003c\/h2\u003e\u003c\/div\u003e\n\u003cdiv class=\"dia-versions\"\u003e\n\n  \u003cdiv class=\"dia-version dia-reveal\"\u003e\n    \u003ch3\u003e☀️ Avantages de la version solaire\u003c\/h3\u003e\n    \u003cul class=\"dia-list\"\u003e\n      \u003cli\u003e\n\u003cstrong\u003ePanneau solaire intégré\u003c\/strong\u003e : profitez de la lumière du soleil pour recharger.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eRecharge d’appoint\u003c\/strong\u003e : pratique en voyage, en randonnée ou en extérieur.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eAutonomie renforcée\u003c\/strong\u003e : un complément d’énergie quand il n’y a pas de prise.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eÉcran LED\u003c\/strong\u003e : suivez le niveau de batterie en un coup d’œil.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003ePoignée de transport\u003c\/strong\u003e : facile à porter partout.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"dia-version dia-reveal\"\u003e\n    \u003ch3\u003e💡 Avantages de la version lampe LED\u003c\/h3\u003e\n    \u003cul class=\"dia-list\"\u003e\n      \u003cli\u003e\n\u003cstrong\u003eLarge lampe LED intégrée\u003c\/strong\u003e : un vrai éclairage quand il fait noir.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eIdéale pendant les coupures de courant\u003c\/strong\u003e : elle charge et elle éclaire.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eParfaite pour le camping\u003c\/strong\u003e et les sorties de nuit.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eCâbles de charge intégrés\u003c\/strong\u003e : plus besoin de chercher vos câbles.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eÉcran LED\u003c\/strong\u003e : suivez le niveau de batterie en un coup d’œil.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"dia-reveal\" style=\"margin-top:24px;\"\u003e\n  \u003ch2 class=\"dia-title\"\u003e✅ Les points forts des deux versions\u003c\/h2\u003e\n  \u003cul class=\"dia-list\"\u003e\n    \u003cli\u003e\n\u003cstrong\u003eTrès grande capacité (120 000 mAh)\u003c\/strong\u003e : de quoi recharger vos appareils plusieurs fois.\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eCharge rapide\u003c\/strong\u003e : rechargez vos appareils plus vite.\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003ePlusieurs ports\u003c\/strong\u003e : USB-A et USB-C pour charger plusieurs appareils à la fois.\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003ePoignée de transport\u003c\/strong\u003e : facile à porter et à déplacer.\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"dia-sep\"\u003e\n\n\u003c!-- ========== PARTIE 4 : IDÉALE POUR ========== --\u003e\n\u003cdiv class=\"dia-reveal\"\u003e\n  \u003cdiv class=\"dia-frame\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1019\/8361\/7322\/files\/2_2_14226a8d-ca66-4209-b569-1720894660e0.png?v=1793068463\" alt=\"Powerbank en train de charger un téléphone\"\u003e\u003cspan class=\"dia-zoom-tag\"\u003e🔍 Touchez pour agrandir\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003ch2 class=\"dia-title\"\u003e🎯 Idéale pour\u003c\/h2\u003e\n  \u003cul class=\"dia-list\"\u003e\n    \u003cli\u003eLes coupures de courant à la maison ou à la boutique\u003c\/li\u003e\n    \u003cli\u003eLes voyages, le camping et les sorties\u003c\/li\u003e\n    \u003cli\u003eLes longues journées de travail\u003c\/li\u003e\n    \u003cli\u003eLes familles qui ont plusieurs téléphones à charger\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"dia-sep\"\u003e\n\n\u003c!-- ========== PARTIE 5 : OFFRE PROMOTIONNELLE ========== --\u003e\n\u003cdiv class=\"dia-offer dia-reveal\"\u003e\n  \u003ch2\u003e🔥 OFFRE PROMOTIONNELLE CHEZ DIA SHOP\u003c\/h2\u003e\n\n  \u003cdiv class=\"dia-timer-box\"\u003e\n    \u003cdiv class=\"dia-timer-label\"\u003e⏰ FIN DE LA PROMO DANS :\u003c\/div\u003e\n    \u003cdiv class=\"dia-timer\" data-promo-key=\"powerbank-geante-solaire-led\"\u003e\n      \u003cdiv class=\"dia-unit\"\u003e\n\u003cb class=\"dia-h\"\u003e24\u003c\/b\u003e\u003cspan\u003eHeures\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"dia-unit\"\u003e\n\u003cb class=\"dia-m\"\u003e00\u003c\/b\u003e\u003cspan\u003eMinutes\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"dia-unit\"\u003e\n\u003cb class=\"dia-s\"\u003e00\u003c\/b\u003e\u003cspan\u003eSecondes\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"dia-price\"\u003e\n    \u003cspan class=\"new\"\u003ePrix promo : 25 000 F CFA\u003c\/span\u003e\n    \u003cspan class=\"old\"\u003eau lieu de \u003cdel\u003e35 000 F CFA\u003c\/del\u003e !\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e🚚 \u003cstrong\u003eLivraison gratuite\u003c\/strong\u003e\u003cbr\u003e💵 \u003cstrong\u003ePaiement à la livraison\u003c\/strong\u003e : payez votre commande à la réception\u003c\/p\u003e\n\n  \u003ca class=\"dia-btn\" href=\"https:\/\/www.diashop.site\/products\/powerbank-geante-120-000-mah-charge-rapide\" style=\"background:#0057d9;color:#ffffff;\"\u003e🛒 COMMANDER MAINTENANT\u003c\/a\u003e\n\n  \u003cp style=\"margin-top:16px;\"\u003e\u003cstrong style=\"color:#0057d9;\"\u003eDIA SHOP – Le shopping au meilleur prix !\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ========== SCRIPT : chrono 24h + apparition + zoom plein écran ========== --\u003e\n\u003cscript\u003e\n(function () {\n  var wrap = document.getElementById('dia-wrap');\n  if (!wrap) { return; }\n\n  \/* ----- Chrono 24h ----- *\/\n  var DUREE = 24 * 60 * 60 * 1000;\n  function deux(n) { return (n \u003c 10 ? '0' : '') + n; }\n  function demarrer(el) {\n    var cle = 'dia_promo_' + (el.getAttribute('data-promo-key') || 'produit');\n    var fin;\n    try {\n      fin = parseInt(localStorage.getItem(cle), 10);\n      if (!fin || fin \u003c Date.now()) { fin = Date.now() + DUREE; localStorage.setItem(cle, fin); }\n    } catch (e) { fin = Date.now() + DUREE; }\n    var h = el.querySelector('.dia-h'), m = el.querySelector('.dia-m'), s = el.querySelector('.dia-s');\n    function maj() {\n      var reste = fin - Date.now();\n      if (reste \u003c= 0) {\n        fin = Date.now() + DUREE;\n        try { localStorage.setItem(cle, fin); } catch (e) {}\n        reste = DUREE;\n      }\n      h.textContent = deux(Math.floor(reste \/ 3600000));\n      m.textContent = deux(Math.floor((reste % 3600000) \/ 60000));\n      s.textContent = deux(Math.floor((reste % 60000) \/ 1000));\n    }\n    maj();\n    setInterval(maj, 1000);\n  }\n  var timers = wrap.querySelectorAll('.dia-timer');\n  for (var t = 0; t \u003c timers.length; t++) { demarrer(timers[t]); }\n\n  \/* ----- Apparition au défilement ----- *\/\n  var items = wrap.querySelectorAll('.dia-reveal');\n  if ('IntersectionObserver' in window) {\n    wrap.className += ' dia-js';\n    var obs = new IntersectionObserver(function (entries) {\n      for (var i = 0; i \u003c entries.length; i++) {\n        if (entries[i].isIntersecting) { entries[i].target.className += ' dia-in'; obs.unobserve(entries[i].target); }\n      }\n    }, { threshold: 0.12 });\n    for (var r = 0; r \u003c items.length; r++) { obs.observe(items[r]); }\n  }\n\n  \/* ----- Zoom plein écran au clic ----- *\/\n  var box = document.createElement('div');\n  box.className = 'dia-lightbox';\n  box.innerHTML = '\u003cspan class=\"dia-close\"\u003e\u0026times;\u003c\/span\u003e\u003cimg alt=\"\"\u003e';\n  document.body.appendChild(box);\n  var big = box.querySelector('img');\n  function fermer() { box.className = 'dia-lightbox'; }\n  box.addEventListener('click', fermer);\n  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') { fermer(); } });\n\n  var frames = wrap.querySelectorAll('.dia-frame');\n  for (var f = 0; f \u003c frames.length; f++) {\n    frames[f].addEventListener('click', function () {\n      var img = this.querySelector('img');\n      big.src = img.src;\n      box.className = 'dia-lightbox dia-open';\n    });\n  }\n})();\n\u003c\/script\u003e","brand":"DIASHOP","offers":[{"title":"Default Title","offer_id":53329216504106,"sku":null,"price":25000.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/8361\/7322\/files\/6_a833ebd3-666a-4296-b8c9-01847be991b7.png?v=1793068463","url":"https:\/\/www.diashop.site\/products\/powerbank-geante-120-000-mah-charge-rapide","provider":"DIASHOP","version":"1.0","type":"link"}