{"product_id":"cam360™-la-camera-de-surveillance-4k-rotative-avec-ca-gardez-toujours-un-oeil-sur-tous","title":"CAM360™: La Caméra de surveillance 4K Rotative. Avec ça Gardez toujours un œil sur TOUS !","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eCAM360™ - Le contrôle absolu\u003c\/title\u003e\n  \u003cmeta name=\"description\" content=\"La caméra qui s'installe comme une ampoule et surveille comme un garde du corps.\"\u003e\n\n  \u003c!-- OPTIMISATION 1 : Pré-connexion aux serveurs pour accélérer le chargement des ressources --\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/ci.jumia.is\"\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n  \n  \u003c!-- OPTIMISATION 2 : Chargement asynchrone des polices (remplace le @import lent) --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;900\u0026amp;family=JetBrains+Mono:wght@400;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    \/* RESET \u0026 BASE *\/\n    * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }\n    \n    :root {\n      --ax-ame: #050505;\n      --ax-contraste: #E63946;\n      --ax-silence: #FFFFFF;\n      --ax-or: #FCA311;\n      --ax-gris: #F4F4F5;\n      --ax-texte-clair: #71717A;\n      --ax-font-titre: 'Montserrat', sans-serif;\n      --ax-font-tech: 'JetBrains Mono', monospace;\n      --ax-spacing-md: clamp(1.5rem, 5vw, 2.5rem);\n      --ax-spacing-lg: clamp(3rem, 8vw, 5rem);\n    }\n\n    .ax-wrapper {\n      font-family: var(--ax-font-titre);\n      color: var(--ax-ame);\n      background-color: var(--ax-silence);\n      width: 100%;\n      max-width: 720px;\n      margin: 0 auto;\n      overflow-x: hidden;\n      line-height: 1.5;\n      position: relative;\n    }\n\n    \/* UTILITIES *\/\n    .ax-tech-text { font-family: var(--ax-font-tech); font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; font-weight: 700; }\n    .ax-center { text-align: center; }\n    .ax-section { padding: var(--ax-spacing-lg) 1.25rem; }\n\n    \/* ANIMATIONS *\/\n    @keyframes axPulseRed { 0% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.4); } 70% { box-shadow: 0 0 0 8px rgba(230, 57, 70, 0); } 100% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0); } }\n    @keyframes axPulseGreen { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); } 70% { box-shadow: 0 0 0 12px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }\n    @keyframes axReveal { from { opacity: 0; transform: translateY(20px); filter: blur(4px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }\n\n    .ax-animate-up { opacity: 0; }\n    .ax-animate-up.ax-visible { animation: axReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }\n\n    \/* BLOC 1 : TOPBAR *\/\n    .ax-topbar {\n      background: var(--ax-ame); color: var(--ax-silence); padding: 0.5rem;\n      display: flex; justify-content: center; align-items: center; gap: 8px;\n      position: relative; z-index: 100; font-size: 0.7rem; letter-spacing: 0.5px;\n    }\n    .ax-dot { width: 6px; height: 6px; background: var(--ax-contraste); border-radius: 50%; animation: axPulseRed 2s infinite; }\n\n    \/* BLOC 2 : TOASTS *\/\n    .ax-toast-container { position: fixed; top: 12px; left: 12px; right: 12px; display: flex; justify-content: center; pointer-events: none; z-index: 1000; }\n    .ax-toast {\n      background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n      border-radius: 40px; padding: 10px 16px; display: flex; align-items: center; gap: 10px;\n      transform: translateY(-100px) scale(0.9); opacity: 0; transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n      max-width: 320px; width: 100%;\n    }\n    .ax-toast.ax-show { transform: translateY(0) scale(1); opacity: 1; }\n    .ax-toast-dot { width: 8px; height: 8px; background: #25D366; border-radius: 50%; flex-shrink: 0; }\n    .ax-toast-text { font-size: 0.75rem; font-weight: 700; color: var(--ax-ame); line-height: 1.2; }\n\n    \/* BLOC 3 : HERO CINEMATIC *\/\n    .ax-hero { padding: 3rem 1.25rem 2rem; position: relative; }\n    .ax-hero-tag { display: inline-block; border-bottom: 2px solid var(--ax-ame); padding-bottom: 4px; margin-bottom: 1.5rem; color: var(--ax-ame); }\n    .ax-hero-title { font-size: clamp(2.8rem, 12vw, 4rem); font-weight: 900; line-height: 0.95; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: -0.03em; }\n    .ax-hero-subtitle { font-size: clamp(1rem, 4vw, 1.15rem); color: var(--ax-texte-clair); margin-bottom: 2rem; max-width: 95%; font-weight: 500; }\n    \n    .ax-hero-visual { position: relative; border-radius: 24px; overflow: hidden; background: var(--ax-gris); aspect-ratio: 4\/5; display: flex; justify-content: center; align-items: center; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); }\n    .ax-hero-img { width: 100%; height: 100%; object-fit: cover; }\n    .ax-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%); pointer-events: none; }\n    \n    .ax-hero-badges { display: flex; gap: 1rem; margin-top: 1.5rem; justify-content: space-between; border-top: 1px solid #E4E4E7; padding-top: 1.5rem; }\n    .ax-badge { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }\n    .ax-badge-value { font-weight: 900; font-size: 1.3rem; letter-spacing: -0.5px; }\n    .ax-badge-label { font-size: 0.6rem; color: var(--ax-texte-clair); font-family: var(--ax-font-tech); }\n\n    \/* BLOC 7 (REMONTÉ) : OFFRE IRRÉSISTIBLE *\/\n    .ax-offer-wrapper { padding: 0 1.25rem; margin-top: 1rem; }\n    .ax-offer-section { background: var(--ax-ame); color: var(--ax-silence); padding: 2.5rem 1.5rem; border-radius: 28px; position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.2); }\n    .ax-offer-bg-glow { position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(230,57,70,0.15) 0%, rgba(0,0,0,0) 70%); pointer-events: none; }\n    \n    .ax-offer-headline { font-size: clamp(1.4rem, 6vw, 1.8rem); font-weight: 900; margin-bottom: 1.5rem; line-height: 1.1; text-align: center; }\n    \n    .ax-offer-box { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; padding: 1.5rem 1rem; margin-bottom: 1.5rem; text-align: center; backdrop-filter: blur(10px); }\n    .ax-offer-pack { font-size: 1rem; font-weight: 900; margin-bottom: 0.5rem; display: flex; flex-direction: column; align-items: center; gap: 6px; }\n    .ax-offer-highlight { color: var(--ax-or); display: flex; align-items: center; gap: 6px; background: rgba(252, 163, 17, 0.1); padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; }\n    \n    .ax-price-block { display: flex; justify-content: center; align-items: baseline; gap: 12px; margin: 1rem 0; }\n    .ax-price-old { font-size: 1.1rem; text-decoration: line-through; color: rgba(255,255,255,0.4); font-weight: 500; }\n    .ax-price-new { font-size: 2.8rem; font-weight: 900; color: var(--ax-silence); letter-spacing: -1.5px; line-height: 1; }\n    .ax-delivery-badge { display: inline-block; font-size: 0.7rem; background: rgba(255,255,255,0.1); padding: 6px 12px; border-radius: 8px; font-family: var(--ax-font-tech); }\n\n    \/* BOUTON WHATSAPP *\/\n    .ax-btn-whatsapp {\n      display: flex; flex-direction: column; justify-content: center; align-items: center;\n      background: #25D366; color: #fff; text-decoration: none; border-radius: 16px;\n      padding: 16px 20px; width: 100%; font-weight: 900; font-size: 1.1rem;\n      box-shadow: 0 8px 20px rgba(37, 211, 102, 0.25); position: relative; overflow: hidden;\n    }\n    .ax-btn-whatsapp::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: axShine 4s infinite; }\n    @keyframes axShine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }\n    .ax-btn-whatsapp-sub { font-size: 0.65rem; font-weight: 700; opacity: 0.9; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.5px; font-family: var(--ax-font-tech); }\n\n    \/* URGENCES (TIMER \u0026 STOCK) *\/\n    .ax-urgency-block { background: rgba(0,0,0,0.3); border-radius: 16px; padding: 1.25rem; margin-top: 1.5rem; border: 1px solid rgba(255,255,255,0.05); }\n    .ax-timer { display: flex; justify-content: center; gap: 8px; margin-bottom: 1.25rem; }\n    .ax-time-box { background: rgba(255,255,255,0.08); padding: 8px; border-radius: 10px; text-align: center; width: 65px; border: 1px solid rgba(255,255,255,0.05); }\n    .ax-time-num { font-size: 1.6rem; font-weight: 700; font-family: var(--ax-font-tech); display: block; line-height: 1; margin-bottom: 4px; }\n    .ax-time-label { font-size: 0.55rem; text-transform: uppercase; opacity: 0.6; font-weight: 700; letter-spacing: 0.5px; }\n    \n    .ax-stock-status { font-size: 0.8rem; text-align: center; color: rgba(255,255,255,0.8); display: flex; justify-content: center; align-items: center; gap: 8px; font-weight: 500; }\n    .ax-stock-bar { width: 100%; height: 6px; background: rgba(255,255,255,0.1); border-radius: 10px; margin: 12px 0; overflow: hidden; }\n    .ax-stock-fill { height: 100%; background: var(--ax-contraste); width: 22%; transition: width 1s cubic-bezier(0.2, 0.8, 0.2, 1); border-radius: 10px; position: relative; }\n    .ax-stock-fill::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: axShine 2s infinite; }\n\n    \/* BLOC 4 : TENSION NARRATIVE *\/\n    .ax-tension { background: var(--ax-silence); padding-top: var(--ax-spacing-lg); }\n    .ax-tension-title { font-size: clamp(1.8rem, 8vw, 2.5rem); font-weight: 900; margin-bottom: 2.5rem; line-height: 1.1; letter-spacing: -0.02em; }\n    .ax-pain-point { display: flex; gap: 16px; margin-bottom: 1.5rem; align-items: flex-start; }\n    .ax-pain-icon { width: 28px; height: 28px; background: var(--ax-ame); color: var(--ax-silence); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 0.8rem; font-weight: 900; flex-shrink: 0; margin-top: 2px; }\n    .ax-pain-text { font-size: 1.1rem; color: var(--ax-texte-clair); font-weight: 500; line-height: 1.4; }\n\n    \/* BLOC 5 : RÉVÉLATION *\/\n    .ax-revelation { background: var(--ax-gris); border-radius: 40px 40px 0 0; margin-top: 2rem; }\n    .ax-rev-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 2.5rem; }\n    .ax-rev-card { background: var(--ax-silence); padding: 2rem 1.5rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); }\n    .ax-rev-icon { font-size: 2.5rem; margin-bottom: 1rem; display: inline-block; }\n    .ax-rev-title { font-size: 1.25rem; font-weight: 900; margin-bottom: 0.5rem; letter-spacing: -0.01em; }\n    .ax-rev-desc { color: var(--ax-texte-clair); font-size: 0.95rem; font-weight: 500; }\n\n    \/* BLOC 6 : GALERIE *\/\n    .ax-gallery-wrapper { padding: var(--ax-spacing-lg) 0; overflow: hidden; background: var(--ax-silence); }\n    .ax-gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 1.25rem; gap: 1rem; }\n    .ax-gallery::-webkit-scrollbar { display: none; }\n    .ax-gal-item { flex: 0 0 85%; scroll-snap-align: center; display: flex; flex-direction: column; }\n    .ax-gal-item:last-child { margin-right: 1.25rem; }\n    .ax-gal-img { width: 100%; aspect-ratio: 4\/5; object-fit: cover; border-radius: 20px; margin-bottom: 1rem; background: var(--ax-gris); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); }\n    .ax-gal-caption { font-weight: 900; font-size: 1.2rem; line-height: 1.2; letter-spacing: -0.01em; }\n\n    \/* BLOC : AVIS CLIENTS *\/\n    .ax-reviews { background: var(--ax-ame); color: var(--ax-silence); }\n    .ax-reviews-title { font-size: clamp(2rem, 8vw, 2.5rem); font-weight: 900; margin-bottom: 3rem; text-align: center; line-height: 1.1; }\n    .ax-review-card { background: rgba(255,255,255,0.04); padding: 1.5rem; border-radius: 20px; margin-bottom: 1rem; border: 1px solid rgba(255,255,255,0.06); }\n    .ax-review-header { display: flex; align-items: center; gap: 12px; margin-bottom: 1rem; }\n    .ax-review-avatar { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.1); }\n    .ax-review-meta { display: flex; flex-direction: column; }\n    .ax-review-name { font-weight: 800; font-size: 1rem; }\n    .ax-review-loc { font-size: 0.7rem; color: rgba(255,255,255,0.5); font-family: var(--ax-font-tech); }\n    .ax-stars { color: var(--ax-or); font-size: 1.1rem; letter-spacing: 2px; margin-bottom: 0.8rem; }\n    .ax-review-text { font-size: 1rem; font-style: italic; opacity: 0.9; line-height: 1.5; font-weight: 500; }\n\n    \/* BLOC : FAQ *\/\n    .ax-faq { background: var(--ax-silence); }\n    .ax-faq-title { font-size: clamp(2rem, 8vw, 2.5rem); font-weight: 900; margin-bottom: 2rem; line-height: 1.1; }\n    .ax-faq-item { border-bottom: 1px solid var(--ax-gris); padding: 1.25rem 0; }\n    .ax-faq-question { font-weight: 800; font-size: 1.1rem; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding-right: 10px; }\n    .ax-faq-icon { font-size: 1.5rem; font-weight: 400; color: var(--ax-texte-clair); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    \n    .ax-faq-answer-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    .ax-faq-answer-inner { overflow: hidden; }\n    .ax-faq-answer-text { color: var(--ax-texte-clair); font-size: 0.95rem; font-weight: 500; padding-top: 1rem; padding-bottom: 0.5rem; line-height: 1.5; opacity: 0; transition: opacity 0.4s ease; }\n    \n    .ax-faq-item.ax-active .ax-faq-answer-wrapper { grid-template-rows: 1fr; }\n    .ax-faq-item.ax-active .ax-faq-answer-text { opacity: 1; transition-delay: 0.1s; }\n    .ax-faq-item.ax-active .ax-faq-icon { transform: rotate(45deg); color: var(--ax-ame); }\n\n    \/* BLOC 8 : LIVRAISON *\/\n    .ax-delivery { background: var(--ax-gris); text-align: center; border-radius: 28px; margin: 0 1.25rem 3rem; padding: 3rem 1.5rem; }\n    .ax-del-icon { font-size: 2.5rem; margin-bottom: 1rem; display: inline-block; animation: axReveal 2s infinite alternate ease-in-out; }\n    .ax-del-title { font-size: clamp(1.5rem, 6vw, 1.8rem); font-weight: 900; margin-bottom: 0.8rem; line-height: 1.1; }\n    .ax-del-text { color: var(--ax-texte-clair); font-weight: 500; font-size: 0.95rem; margin-bottom: 1.5rem; }\n    .ax-del-flags { font-size: 1.8rem; letter-spacing: 8px; margin-bottom: 1rem; }\n\n    \/* BLOC 9 : LAST CHANCE *\/\n    .ax-last-chance { padding: 0 1.25rem 4rem; text-align: center; }\n    .ax-reassurance { display: flex; justify-content: center; gap: 1rem; margin-bottom: 2rem; }\n    .ax-reassurance-item { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 30%; }\n    .ax-reassurance-icon { width: 28px; height: 28px; stroke: var(--ax-ame); background: var(--ax-gris); padding: 4px; border-radius: 50%; }\n    .ax-reassurance-text { font-size: 0.65rem; font-weight: 800; color: var(--ax-texte-clair); text-transform: uppercase; font-family: var(--ax-font-tech); text-align: center; }\n    \n    .ax-back-top { display: inline-flex; align-items: center; gap: 8px; color: var(--ax-ame); font-weight: 800; text-decoration: none; font-size: 0.9rem; padding: 12px 24px; background: var(--ax-gris); border-radius: 30px; }\n  \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"ax-wrapper\"\u003e\n\n  \u003c!-- TOPBAR --\u003e\n  \u003cdiv class=\"ax-topbar\"\u003e\n    \u003cdiv class=\"ax-dot\"\u003e\u003c\/div\u003e\n    \u003cspan\u003eSTOCK CRITIQUE : IL RESTE \u003cspan id=\"ax-top-stock\"\u003e11\u003c\/span\u003e UNITÉS\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TOASTS --\u003e\n  \u003cdiv class=\"ax-toast-container\" id=\"ax-toast-container\"\u003e\u003c\/div\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"ax-hero ax-animate-up\"\u003e\n    \u003cdiv class=\"ax-tech-text ax-hero-tag\"\u003eSÉCURITÉ RÉSIDENTIELLE HD\u003c\/div\u003e\n    \u003ch1 class=\"ax-hero-title\"\u003eLe contrôle\u003cbr\u003eabsolu.\u003c\/h1\u003e\n    \u003cp class=\"ax-hero-subtitle\"\u003eLa caméra qui s'installe comme une ampoule et surveille comme un garde du corps.\u003c\/p\u003e\n    \n    \u003cdiv class=\"ax-hero-visual\"\u003e\n      \u003c!-- OPTIMISATION 3 : fetchpriority=\"high\" et loading=\"eager\" pour afficher l'image principale instantanément --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0661\/8782\/1143\/files\/b38cda542dad43dab2b8301b85d231c2.gif?v=1775622640\" alt=\"Installation Facile CAM360™\" class=\"ax-hero-img\" fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\"\u003e\n      \u003cdiv class=\"ax-hero-overlay\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-hero-badges\"\u003e\n      \u003cdiv class=\"ax-badge\"\u003e\n        \u003cspan class=\"ax-badge-value\"\u003e360°\u003c\/span\u003e\n        \u003cspan class=\"ax-badge-label\"\u003eROTATION\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-badge\"\u003e\n        \u003cspan class=\"ax-badge-value\"\u003e1080p\u003c\/span\u003e\n        \u003cspan class=\"ax-badge-label\"\u003eVISION NUIT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-badge\"\u003e\n        \u003cspan class=\"ax-badge-value\"\u003eWi-Fi\u003c\/span\u003e\n        \u003cspan class=\"ax-badge-label\"\u003eAPP TÉLÉPHONE\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- OFFRE IRRÉSISTIBLE --\u003e\n  \u003cdiv class=\"ax-offer-wrapper ax-animate-up\" id=\"offre\"\u003e\n    \u003csection class=\"ax-offer-section\"\u003e\n      \u003cdiv class=\"ax-offer-bg-glow\"\u003e\u003c\/div\u003e\n      \u003ch2 class=\"ax-offer-headline\"\u003eSécurisez votre espace.\u003cbr\u003eAujourd'hui.\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ax-offer-box\"\u003e\n        \u003cdiv class=\"ax-offer-pack\"\u003e\n          \u003cspan\u003e1 PACK CAM360™ ACHETÉ\u003c\/span\u003e\n          \u003cdiv class=\"ax-offer-highlight\"\u003e\n            \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpath d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            + 1 MINI ALARME (90db) OFFERTE\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"ax-price-block\"\u003e\n          \u003cspan class=\"ax-price-old\"\u003e35 000 FCFA\u003c\/span\u003e\n          \u003cspan class=\"ax-price-new\"\u003e19 990 \u003cspan style=\"font-size: 1.2rem;\"\u003eFCFA\u003c\/span\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ax-delivery-badge\"\u003eLIVRAISON VIP : 500 FCFA\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"https:\/\/wa.me\/24177780865?text=Bonjour%2C+je+veux+commander+le+pack+CAM360+avec+Alarme+Offerte\" class=\"ax-btn-whatsapp\" target=\"_blank\"\u003e\n        \u003cspan\u003eJE COMMANDE VIA WHATSAPP\u003c\/span\u003e\n        \u003cspan class=\"ax-btn-whatsapp-sub\"\u003ePaiement à la livraison • Réponse immédiate\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"ax-urgency-block\"\u003e\n        \u003cdiv class=\"ax-timer\" id=\"ax-timer\"\u003e\n          \u003cdiv class=\"ax-time-box\"\u003e\n            \u003cspan class=\"ax-time-num\" id=\"ax-hours\"\u003e04\u003c\/span\u003e\u003cspan class=\"ax-time-label\"\u003eHeures\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"ax-time-box\"\u003e\n            \u003cspan class=\"ax-time-num\" id=\"ax-mins\"\u003e27\u003c\/span\u003e\u003cspan class=\"ax-time-label\"\u003eMin\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"ax-time-box\"\u003e\n            \u003cspan class=\"ax-time-num\" id=\"ax-secs\"\u003e15\u003c\/span\u003e\u003cspan class=\"ax-time-label\"\u003eSec\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"ax-stock-status\"\u003e\n          \u003cdiv class=\"ax-dot\"\u003e\u003c\/div\u003e\n          \u003cspan id=\"ax-viewers\"\u003e24\u003c\/span\u003e personnes regardent l'offre\n        \u003c\/div\u003e\n        \u003cdiv class=\"ax-stock-bar\"\u003e\n          \u003cdiv class=\"ax-stock-fill\" id=\"ax-stock-fill\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ax-stock-status ax-tech-text\" style=\"color:var(--ax-or);\"\u003eSeulement \u003cspan id=\"ax-stock-num\"\u003e11\u003c\/span\u003e packs avec alarme restants\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TENSION NARRATIVE --\u003e\n  \u003csection class=\"ax-section ax-tension ax-animate-up\"\u003e\n    \u003ch2 class=\"ax-tension-title\"\u003eNe laissez plus le doute vous réveiller la nuit.\u003c\/h2\u003e\n    \u003cdiv class=\"ax-pain-point\"\u003e\n      \u003cdiv class=\"ax-pain-icon\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"ax-pain-text\"\u003eQuitter la maison en se demandant si tout va bien pendant votre absence.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ax-pain-point\"\u003e\n      \u003cdiv class=\"ax-pain-icon\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"ax-pain-text\"\u003eEntendre un bruit la nuit et hésiter à se lever dans le noir complet.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ax-pain-point\"\u003e\n      \u003cdiv class=\"ax-pain-icon\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"ax-pain-text\"\u003eLes systèmes d'alarme complexes qui nécessitent des abonnements hors de prix.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- RÉVÉLATION --\u003e\n  \u003csection class=\"ax-section ax-revelation ax-animate-up\"\u003e\n    \u003cdiv class=\"ax-tech-text\"\u003eLA SOLUTION ÉVIDENTE\u003c\/div\u003e\n    \u003ch2 class=\"ax-tension-title\" style=\"margin-top: 0.5rem; margin-bottom: 0;\"\u003eVissez. Connectez. Dominez.\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ax-rev-grid\"\u003e\n      \u003cdiv class=\"ax-rev-card\"\u003e\n        \u003cdiv class=\"ax-rev-icon\"\u003e👁️\u003c\/div\u003e\n        \u003ch3 class=\"ax-rev-title\"\u003eVos yeux, partout.\u003c\/h3\u003e\n        \u003cp class=\"ax-rev-desc\"\u003eRotation complète à 360°. Contrôlez l'angle de vue depuis votre téléphone en glissant le doigt. Aucun angle mort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-rev-card\"\u003e\n        \u003cdiv class=\"ax-rev-icon\"\u003e🌙\u003c\/div\u003e\n        \u003ch3 class=\"ax-rev-title\"\u003eMaître de la nuit.\u003c\/h3\u003e\n        \u003cp class=\"ax-rev-desc\"\u003eCapteurs infrarouges HD intégrés. L'obscurité totale de votre cour ou de votre salon ne cache plus rien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-rev-card\"\u003e\n        \u003cdiv class=\"ax-rev-icon\"\u003e🚨\u003c\/div\u003e\n        \u003ch3 class=\"ax-rev-title\"\u003eDouble Bouclier.\u003c\/h3\u003e\n        \u003cp class=\"ax-rev-desc\"\u003eNotification sur téléphone au moindre mouvement suspect. Et la mini-alarme (offerte) sécurise l'ouverture de votre porte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GALERIE IMMERSIVE --\u003e\n  \u003cdiv class=\"ax-gallery-wrapper ax-animate-up\"\u003e\n    \u003cdiv class=\"ax-gallery\"\u003e\n      \u003cdiv class=\"ax-gal-item\"\u003e\n        \u003c!-- OPTIMISATION 4 : L'ancienne image du haut est passée ici, en lazy loading --\u003e\n        \u003cimg src=\"https:\/\/ci.jumia.is\/unsafe\/fit-in\/680x680\/filters:fill(white)\/product\/82\/982602\/5.jpg?6033\" alt=\"Vue Globale CAM360™\" class=\"ax-gal-img\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003ch3 class=\"ax-gal-caption\"\u003eAussi simple qu'une ampoule.\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-gal-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0661\/8782\/1143\/files\/0ccbbaaef3bf40468f2409045cb4c203.gif?v=1775622622\" alt=\"Contrôle App\" class=\"ax-gal-img\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003ch3 class=\"ax-gal-caption\"\u003eVotre maison dans la poche.\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-gal-item\"\u003e\n        \u003c!-- OPTIMISATION 5 CRUCIALE : Remplacement de \"width=3840\" par \"width=800\". C'était ça qui tuait la page ! --\u003e\n        \u003cimg src=\"https:\/\/afrozone-shop-2.myshopify.com\/cdn\/shop\/files\/61HfeUI5-BL._AC_SL1500.jpg?v=1773412331\u0026amp;width=800\" alt=\"Alarme Offerte\" class=\"ax-gal-img\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003ch3 class=\"ax-gal-caption\"\u003eLe verrou sonore final.\u003c\/h3\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- AVIS CLIENTS --\u003e\n  \u003csection class=\"ax-section ax-reviews ax-animate-up\"\u003e\n    \u003cdiv class=\"ax-tech-text ax-center\" style=\"margin-bottom: 1rem; color: rgba(255,255,255,0.6);\"\u003eILS DORMENT ENFIN TRANQUILLES\u003c\/div\u003e\n    \u003ch2 class=\"ax-reviews-title\"\u003eLa Preuve par l'Absolu.\u003c\/h2\u003e\n\n    \u003cdiv class=\"ax-review-card\"\u003e\n      \u003cdiv class=\"ax-review-header\"\u003e\n        \u003cimg src=\"https:\/\/ui-avatars.com\/api\/?name=M+K\u0026amp;background=FCA311\u0026amp;color=fff\u0026amp;size=88\u0026amp;bold=true\" class=\"ax-review-avatar\" alt=\"Avis\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"ax-review-meta\"\u003e\n          \u003cspan class=\"ax-review-name\"\u003eMarc K.\u003c\/span\u003e\n          \u003cspan class=\"ax-review-loc\"\u003eLibreville, Gabon\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp class=\"ax-review-text\"\u003e\"Je voyage souvent pour le travail. Pouvoir ouvrir mon téléphone à 2000km et voir mon salon en direct, ça n'a pas de prix. L'alarme gratuite sur la porte d'entrée est le bonus parfait.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-review-card\"\u003e\n      \u003cdiv class=\"ax-review-header\"\u003e\n        \u003cimg src=\"https:\/\/ui-avatars.com\/api\/?name=A+S\u0026amp;background=E63946\u0026amp;color=fff\u0026amp;size=88\u0026amp;bold=true\" class=\"ax-review-avatar\" alt=\"Avis\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"ax-review-meta\"\u003e\n          \u003cspan class=\"ax-review-name\"\u003eAwa S.\u003c\/span\u003e\n          \u003cspan class=\"ax-review-loc\"\u003eNiamey, Niger\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp class=\"ax-review-text\"\u003e\"J'avais peur que ce soit compliqué à installer. J'ai littéralement juste dévissé mon ancienne ampoule du couloir pour mettre celle-ci. La qualité d'image de nuit est incroyable pour le prix.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FAQ --\u003e\n  \u003csection class=\"ax-section ax-faq ax-animate-up\"\u003e\n    \u003ch2 class=\"ax-faq-title\"\u003eQuestions\u003cbr\u003eFréquentes.\u003c\/h2\u003e\n\n    \u003cdiv class=\"ax-faq-item\"\u003e\n      \u003cdiv class=\"ax-faq-question\"\u003e\n        Faut-il un technicien pour l'installation ?\n        \u003cspan class=\"ax-faq-icon\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-faq-answer-wrapper\"\u003e\n        \u003cdiv class=\"ax-faq-answer-inner\"\u003e\n          \u003cp class=\"ax-faq-answer-text\"\u003eAbsolument pas. La CAM360™ est conçue pour l'autonomie. Elle se visse exactement comme une ampoule standard (culot E27). En 2 minutes, vous scannez le code avec l'app, et c'est prêt.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-faq-item\"\u003e\n      \u003cdiv class=\"ax-faq-question\"\u003e\n        Faut-il une connexion internet ?\n        \u003cspan class=\"ax-faq-icon\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-faq-answer-wrapper\"\u003e\n        \u003cdiv class=\"ax-faq-answer-inner\"\u003e\n          \u003cp class=\"ax-faq-answer-text\"\u003eOui, pour voir les images en direct sur votre téléphone quand vous n'êtes pas là, la caméra doit être connectée au Wi-Fi de la maison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-faq-item\"\u003e\n      \u003cdiv class=\"ax-faq-question\"\u003e\n        Où s'enregistrent les vidéos ?\n        \u003cspan class=\"ax-faq-icon\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-faq-answer-wrapper\"\u003e\n        \u003cdiv class=\"ax-faq-answer-inner\"\u003e\n          \u003cp class=\"ax-faq-answer-text\"\u003eVous pouvez insérer une carte mémoire Micro SD (non fournie) directement dans la caméra pour enregistrer automatiquement plusieurs jours de vidéo en continu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ax-faq-item\"\u003e\n      \u003cdiv class=\"ax-faq-question\"\u003e\n        Comment fonctionne la mini-alarme offerte ?\n        \u003cspan class=\"ax-faq-icon\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-faq-answer-wrapper\"\u003e\n        \u003cdiv class=\"ax-faq-answer-inner\"\u003e\n          \u003cp class=\"ax-faq-answer-text\"\u003eC'est un capteur magnétique sans fil. Vous collez une partie sur votre porte (ou fenêtre) et l'autre sur le cadre. Si quelqu'un force l'ouverture, une alarme perçante de 90 décibels se déclenche immédiatement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- LIVRAISON --\u003e\n  \u003csection class=\"ax-delivery ax-animate-up\"\u003e\n    \u003cdiv class=\"ax-del-icon\"\u003e📦\u003c\/div\u003e\n    \u003ch2 class=\"ax-del-title\"\u003eLivraison sans risque.\u003c\/h2\u003e\n    \u003cp class=\"ax-del-text\"\u003eNos équipes logistiques sont déjà sur place. Vous ne payez qu'une fois le produit entre vos mains.\u003c\/p\u003e\n    \u003cdiv class=\"ax-del-flags\"\u003e🇬🇦 🇳🇪 🇨🇮 🇸🇳 🇨🇲\u003c\/div\u003e\n    \u003cdiv class=\"ax-tech-text\"\u003eLIBREVILLE • NIAMEY • ABIDJAN • DAKAR • YAOUNDÉ\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- LAST CHANCE --\u003e\n  \u003csection class=\"ax-last-chance ax-animate-up\"\u003e\n    \u003cdiv class=\"ax-reassurance\"\u003e\n      \u003cdiv class=\"ax-reassurance-item\"\u003e\n        \u003csvg class=\"ax-reassurance-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2.5\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan class=\"ax-reassurance-text\"\u003ePaiement à\u003cbr\u003ela livraison\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-reassurance-item\"\u003e\n        \u003csvg class=\"ax-reassurance-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2.5\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan class=\"ax-reassurance-text\"\u003eExpédition\u003cbr\u003eRapide\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-reassurance-item\"\u003e\n        \u003csvg class=\"ax-reassurance-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2.5\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan class=\"ax-reassurance-text\"\u003eSatisfait ou\u003cbr\u003eRemboursé\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003ca href=\"#offre\" class=\"ax-back-top\"\u003e\n      ↑ Remonter vers l'offre\n    \u003c\/a\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ 1. COUNTDOWN TIMER (Sécurisé)\n    const startHours = Math.floor(Math.random() * 3 + 4);\n    let timeInSecs = startHours * 3600 + Math.floor(Math.random() * 1800);\n    \n    const elHours = document.getElementById('ax-hours');\n    const elMins = document.getElementById('ax-mins');\n    const elSecs = document.getElementById('ax-secs');\n\n    if (elHours \u0026\u0026 elMins \u0026\u0026 elSecs) {\n      setInterval(() =\u003e {\n        if (timeInSecs \u003e 0) timeInSecs--;\n        const h = Math.floor(timeInSecs \/ 3600);\n        const m = Math.floor((timeInSecs % 3600) \/ 60);\n        const s = timeInSecs % 60;\n        \n        elHours.textContent = h.toString().padStart(2, '0');\n        elMins.textContent = m.toString().padStart(2, '0');\n        elSecs.textContent = s.toString().padStart(2, '0');\n      }, 1000);\n    }\n\n    \/\/ 2. TOAST NOTIFICATIONS (Design Glassmorphism)\n    const names = [\"Cédric\", \"Fatou\", \"Moussa\", \"Yannick\", \"Aminata\", \"Koffi\", \"Mariam\", \"Elie\", \"Oumar\"];\n    const cities = [\"Libreville\", \"Niamey\", \"Dakar\", \"Abidjan\", \"Yaoundé\", \"Port-Gentil\", \"Maradi\", \"Bouaké\", \"Douala\"];\n    const container = document.getElementById('ax-toast-container');\n\n    function showToast() {\n      if (!container) return;\n      const name = names[Math.floor(Math.random() * names.length)];\n      const city = cities[Math.floor(Math.random() * cities.length)];\n      const min = Math.floor(Math.random() * 12) + 1;\n      \n      const toast = document.createElement('div');\n      toast.className = 'ax-toast';\n      toast.innerHTML = `\n        \u003cdiv class=\"ax-toast-dot\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ax-toast-text\"\u003e${name} (${city}) a commandé le pack promo il y a ${min} min\u003c\/div\u003e\n      `;\n      \n      container.appendChild(toast);\n      \n      requestAnimationFrame(() =\u003e {\n        setTimeout(() =\u003e toast.classList.add('ax-show'), 50);\n      });\n      \n      setTimeout(() =\u003e {\n        toast.classList.remove('ax-show');\n        setTimeout(() =\u003e toast.remove(), 600);\n      }, 4500);\n    }\n\n    setTimeout(() =\u003e {\n      showToast();\n      setInterval(showToast, 12000);\n    }, 3500);\n\n    \/\/ 3. STOCK \u0026 VIEWERS\n    let currentStock = Math.floor(Math.random() * 5) + 8;\n    const stockEls = [document.getElementById('ax-stock-num'), document.getElementById('ax-top-stock')];\n    const fillEl = document.getElementById('ax-stock-fill');\n    const viewersEl = document.getElementById('ax-viewers');\n\n    function updateStock() {\n      if(currentStock \u003e 3) {\n        currentStock--;\n        stockEls.forEach(el =\u003e { if(el) el.textContent = currentStock; });\n        if(fillEl) fillEl.style.width = (currentStock * 4) + '%';\n      }\n    }\n\n    setInterval(() =\u003e {\n      if(Math.random() \u003e 0.6) updateStock();\n    }, 45000);\n\n    setInterval(() =\u003e {\n      if(viewersEl) {\n        const viewers = Math.floor(Math.random() * 12) + 18;\n        viewersEl.textContent = viewers;\n      }\n    }, 8000);\n\n    \/\/ 4. SCROLL ANIMATIONS (Intersection Observer plus doux)\n    if ('IntersectionObserver' in window) {\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('ax-visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n      document.querySelectorAll('.ax-animate-up').forEach(el =\u003e observer.observe(el));\n    } else {\n      document.querySelectorAll('.ax-animate-up').forEach(el =\u003e el.classList.add('ax-visible'));\n    }\n\n    \/\/ 5. FAQ TOGGLE (Smooth Grid Approach)\n    document.querySelectorAll('.ax-faq-item').forEach(item =\u003e {\n      const question = item.querySelector('.ax-faq-question');\n      if(question) {\n        question.addEventListener('click', () =\u003e {\n          const isActive = item.classList.contains('ax-active');\n          document.querySelectorAll('.ax-faq-item').forEach(i =\u003e i.classList.remove('ax-active'));\n          \n          if (!isActive) {\n            item.classList.add('ax-active');\n          }\n        });\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"EVIKO STORE","offers":[{"title":"Default Title","offer_id":53574315081912,"sku":null,"price":19990.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0963\/2720\/5048\/files\/Screenshot_20260408_005914_cfd3724e-cf11-4061-8b39-4e1c6eb70112.webp?v=1781028025","url":"https:\/\/p4hn1y-13.myshopify.com\/products\/cam360%e2%84%a2-la-camera-de-surveillance-4k-rotative-avec-ca-gardez-toujours-un-oeil-sur-tous","provider":"EVIKO STORE","version":"1.0","type":"link"}