{"product_id":"sunblock™-la-solution-contre-la-chaleur-pratique-simple-et-renove-pour-vos-vehicules-ne","title":"SunBlock™: La Solution Contre la chaleur Pratique Simple et Rénové pour vos Véhicules (NE)","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\u003eSunBlock Premium - Offre Apex\u003c\/title\u003e\n  \n  \u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600\u0026family=Montserrat:wght@500;700;800;900\u0026display=swap');\n\n    \/* RESET \u0026 VARIABLES GLOBALES *\/\n    .ax-wrapper {\n      --ax-ame: #0A0A0A;\n      --ax-ame-light: #151515;\n      --ax-contraste: #D4AF37; \/* Or Premium *\/\n      --ax-contraste-dark: #AA8529;\n      --ax-silence: #1F1F1F;\n      --ax-text-main: #F5F5F7;\n      --ax-text-muted: #A1A1A6;\n      --ax-whatsapp: #25D366;\n      --ax-danger: #FF3B30;\n      \n      --ax-font-title: 'Montserrat', sans-serif;\n      --ax-font-body: 'Inter', sans-serif;\n      \n      max-width: 720px;\n      margin: 0 auto;\n      font-family: var(--ax-font-body);\n      color: var(--ax-text-main);\n      background-color: var(--ax-ame); \/* Ajout d'un fond pour le wrapper autonome *\/\n      line-height: 1.5;\n      overflow-x: hidden;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    body {\n        background-color: #0A0A0A;\n        margin: 0;\n        padding: 0;\n    }\n\n    .ax-wrapper * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* UTILITAIRES \u0026 TYPOGRAPHIE *\/\n    .ax-title {\n      font-family: var(--ax-font-title);\n      font-weight: 800;\n      text-transform: uppercase;\n      line-height: 1.1;\n      letter-spacing: -0.02em;\n    }\n    .ax-subtitle {\n      font-size: 0.95rem;\n      color: var(--ax-text-muted);\n      font-weight: 300;\n    }\n    .ax-gold-text {\n      color: var(--ax-contraste);\n    }\n    .ax-tag {\n      font-family: var(--ax-font-title);\n      font-size: 0.65rem;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--ax-contraste);\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    \/* ANIMATIONS (Keyframes uniquement) *\/\n    @keyframes ax-pulse-dot {\n      0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7); }\n      70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 59, 48, 0); }\n      100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }\n    }\n    @keyframes ax-pulse-green {\n      0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }\n      70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }\n      100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }\n    }\n    @keyframes ax-slide-down {\n      from { transform: translateY(-80px) scale(0.95); opacity: 0; }\n      to { transform: translateY(0) scale(1); opacity: 1; }\n    }\n    @keyframes ax-slide-up {\n      from { transform: translateY(0) scale(1); opacity: 1; }\n      to { transform: translateY(-80px) scale(0.95); opacity: 0; }\n    }\n    @keyframes ax-shimmer {\n      0% { background-position: -1000px 0; }\n      100% { background-position: 1000px 0; }\n    }\n    @keyframes ax-float {\n      0% { transform: translateY(0px); }\n      50% { transform: translateY(-8px); }\n      100% { transform: translateY(0px); }\n    }\n    @keyframes ax-bounce-up {\n      0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n      40% { transform: translateY(-6px); }\n      60% { transform: translateY(-3px); }\n    }\n    @keyframes ax-ticker-scroll {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-50%); }\n    }\n\n    \/* CLASSES D'INTERSECTION OBSERVER *\/\n    .ax-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\n    .ax-reveal.ax-is-visible { opacity: 1; transform: translateY(0); }\n    .ax-reveal-delay-1 { transition-delay: 0.1s; }\n    .ax-reveal-delay-2 { transition-delay: 0.2s; }\n\n    \/* ----------------------------------\n       BLOC 1 : URGENCE TOPBAR\n       ---------------------------------- *\/\n    .ax-topbar {\n      background-color: var(--ax-silence);\n      color: var(--ax-text-main);\n      text-align: center;\n      padding: 10px 15px;\n      font-size: 0.75rem;\n      font-weight: 600;\n      font-family: var(--ax-font-title);\n      letter-spacing: 0.05em;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n    }\n    .ax-dot-danger {\n      width: 8px;\n      height: 8px;\n      background-color: var(--ax-danger);\n      border-radius: 50%;\n      display: inline-block;\n      animation: ax-pulse-dot 2s infinite;\n    }\n    .ax-topbar-stock { color: var(--ax-contraste); font-size: 0.85rem; }\n\n    \/* ----------------------------------\n       BLOC 2 : TOASTS COMMANDES\n       ---------------------------------- *\/\n    .ax-toast-container {\n      position: fixed;\n      top: 12px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 9999;\n      pointer-events: none;\n      width: 90%;\n      max-width: 340px;\n    }\n    .ax-toast {\n      background: rgba(10, 10, 10, 0.85);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(212, 175, 55, 0.3);\n      border-radius: 50px;\n      padding: 8px 16px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n      opacity: 0;\n      transform: translateY(-80px) scale(0.95);\n    }\n    .ax-toast.ax-show {\n      animation: ax-slide-down 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n    .ax-toast.ax-hide {\n      animation: ax-slide-up 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n    .ax-toast-avatar img {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      border: 1px solid var(--ax-contraste);\n    }\n    .ax-toast-content {\n      flex: 1;\n      font-size: 0.75rem;\n      line-height: 1.2;\n    }\n    .ax-toast-name { font-weight: 600; color: var(--ax-text-main); }\n    .ax-toast-time { font-size: 0.65rem; color: var(--ax-contraste); font-weight: 500; }\n\n    \/* ----------------------------------\n       NOUVEAU BLOC : AVIS WHATSAPP\n       ---------------------------------- *\/\n    .ax-whatsapp-ticker {\n      background-color: var(--ax-ame-light);\n      padding: 40px 0;\n      overflow: hidden;\n      position: relative;\n      border-top: 1px solid rgba(212, 175, 55, 0.05);\n      border-bottom: 1px solid rgba(212, 175, 55, 0.05);\n    }\n    .ax-ticker-header {\n      text-align: center;\n      margin-bottom: 24px;\n      font-family: var(--ax-font-title);\n      font-size: 0.9rem;\n      color: var(--ax-contraste);\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n    }\n    .ax-ticker-track {\n      display: flex;\n      gap: 16px;\n      width: max-content;\n      \/* L'animation dure 20s en boucle infinie linéaire *\/\n      animation: ax-ticker-scroll 20s linear infinite;\n      padding: 0 16px;\n    }\n    \/* Pause au survol pour permettre de lire *\/\n    .ax-ticker-track:hover {\n      animation-play-state: paused;\n    }\n    .ax-ticker-img {\n      width: 260px;\n      height: auto;\n      border-radius: 12px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n      object-fit: cover;\n    }\n\n    \/* ----------------------------------\n       BLOC 3 : CINEMATIC HERO\n       ---------------------------------- *\/\n    .ax-hero {\n      background-color: var(--ax-ame);\n      position: relative;\n      padding: 50px 20px 60px;\n      overflow: hidden;\n      text-align: center;\n      clip-path: polygon(0 0, 100% 0, 100% 97%, 0 100%);\n    }\n    .ax-hero::before {\n      content: '';\n      position: absolute;\n      top: -50%; left: -50%; width: 200%; height: 200%;\n      background: radial-gradient(circle at center, rgba(212, 175, 55, 0.08) 0%, transparent 60%);\n      z-index: 0;\n    }\n    .ax-hero-content {\n      position: relative;\n      z-index: 2;\n    }\n    .ax-hero-title {\n      font-size: clamp(2rem, 8vw, 3rem);\n      margin-bottom: 16px;\n      background: linear-gradient(180deg, #FFFFFF 0%, #A1A1A6 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .ax-hero-subtitle {\n      font-size: 1.05rem;\n      color: #D1D1D6;\n      margin-bottom: 30px;\n      max-width: 90%;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .ax-hero-image-wrapper {\n      position: relative;\n      width: 100%;\n      max-width: 450px;\n      margin: 0 auto;\n      animation: ax-float 6s ease-in-out infinite;\n    }\n    .ax-hero-image {\n      width: 100%;\n      height: auto;\n      display: block;\n      filter: drop-shadow(0 20px 30px rgba(0,0,0,0.8));\n    }\n    .ax-hero-glow {\n      position: absolute;\n      top: 50%; left: 50%;\n      transform: translate(-50%, -50%);\n      width: 80%; height: 80%;\n      background: rgba(212, 175, 55, 0.15);\n      filter: blur(40px);\n      z-index: -1;\n    }\n    .ax-micro-proofs {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      margin-top: 30px;\n    }\n    .ax-micro-proof {\n      background: rgba(255,255,255,0.03);\n      border: 1px solid rgba(255,255,255,0.1);\n      padding: 8px 12px;\n      border-radius: 8px;\n      font-size: 0.7rem;\n      font-weight: 600;\n      color: var(--ax-contraste);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    \/* ----------------------------------\n       BLOC 4 : TENSION NARRATIVE (Le Problème)\n       ---------------------------------- *\/\n    .ax-tension {\n      background-color: var(--ax-ame-light);\n      padding: 60px 24px;\n      position: relative;\n    }\n    .ax-tension-title {\n      font-size: 1.6rem;\n      margin-bottom: 30px;\n      color: #fff;\n      line-height: 1.2;\n    }\n    .ax-tension-title span {\n      color: var(--ax-danger);\n    }\n    .ax-pain-list {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    .ax-pain-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      background: rgba(0,0,0,0.3);\n      padding: 16px;\n      border-radius: 12px;\n      border-left: 2px solid var(--ax-danger);\n    }\n    .ax-pain-icon {\n      font-size: 1.2rem;\n      opacity: 0.8;\n    }\n    .ax-pain-text {\n      font-size: 0.95rem;\n      color: #D1D1D6;\n    }\n\n    \/* ----------------------------------\n       BLOC 5 : RÉVÉLATION (La Solution)\n       ---------------------------------- *\/\n    .ax-solution {\n      background-color: var(--ax-ame);\n      padding: 80px 24px 60px;\n      position: relative;\n      clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);\n      margin-top: -20px;\n    }\n    .ax-solution-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    .ax-solution-title {\n      font-size: 1.8rem;\n      color: var(--ax-contraste);\n      margin-bottom: 16px;\n    }\n    .ax-benefits-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n    .ax-benefit-card {\n      background: linear-gradient(145deg, var(--ax-silence) 0%, var(--ax-ame) 100%);\n      border: 1px solid rgba(212, 175, 55, 0.15);\n      padding: 24px;\n      border-radius: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    .ax-benefit-card::after {\n      content: '';\n      position: absolute;\n      top: 0; right: 0; width: 60px; height: 60px;\n      background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.2), transparent);\n    }\n    .ax-benefit-icon {\n      width: 40px; height: 40px;\n      background: rgba(212, 175, 55, 0.1);\n      border-radius: 10px;\n      display: flex; align-items: center; justify-content: center;\n      color: var(--ax-contraste);\n      font-size: 1.2rem;\n    }\n    .ax-benefit-title {\n      font-family: var(--ax-font-title);\n      font-weight: 700;\n      font-size: 1.1rem;\n      color: #fff;\n    }\n    .ax-benefit-desc {\n      font-size: 0.9rem;\n      color: var(--ax-text-muted);\n    }\n\n    \/* ----------------------------------\n       BLOC 6 : GALERIE IMMERSIVE\n       ---------------------------------- *\/\n    .ax-gallery {\n      background-color: var(--ax-ame-light);\n      padding: 60px 0;\n    }\n    .ax-gallery-header {\n      padding: 0 24px;\n      margin-bottom: 30px;\n    }\n    .ax-gallery-scroll {\n      display: flex;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      gap: 16px;\n      padding: 0 24px 24px;\n      scrollbar-width: none; \/* Firefox *\/\n    }\n    .ax-gallery-scroll::-webkit-scrollbar { display: none; } \/* Chrome\/Safari *\/\n    \n    .ax-gallery-item {\n      min-width: 280px;\n      max-width: 85vw;\n      scroll-snap-align: center;\n      background: var(--ax-ame);\n      border-radius: 16px;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,0.05);\n    }\n    .ax-gallery-img {\n      width: 100%;\n      height: 280px;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n      background: var(--ax-silence);\n    }\n    .ax-gallery-caption {\n      padding: 16px;\n      font-family: var(--ax-font-title);\n      font-size: 0.9rem;\n      font-weight: 600;\n      color: var(--ax-contraste);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      text-align: center;\n    }\n\n    \/* ----------------------------------\n       BLOC 8 : LIVRAISON INSTANTANÉE\n       ---------------------------------- *\/\n    .ax-delivery {\n      background-color: var(--ax-ame);\n      padding: 50px 24px;\n      text-align: center;\n      border-top: 1px solid rgba(255,255,255,0.05);\n    }\n    .ax-delivery-icon {\n      font-size: 2.5rem;\n      margin-bottom: 16px;\n      display: inline-block;\n    }\n    .ax-delivery-title {\n      font-size: 1.5rem;\n      color: #fff;\n      margin-bottom: 12px;\n    }\n    .ax-delivery-flags {\n      font-size: 1.8rem;\n      letter-spacing: 8px;\n      margin: 20px 0;\n    }\n    .ax-delivery-text {\n      color: var(--ax-text-muted);\n      font-size: 0.9rem;\n      max-width: 90%;\n      margin: 0 auto;\n    }\n\n    \/* ----------------------------------\n       BLOC 7 : OFFRE + COD\n       ---------------------------------- *\/\n    .ax-offer {\n      background: linear-gradient(180deg, var(--ax-ame-light) 0%, var(--ax-ame) 100%);\n      padding: 60px 24px;\n      text-align: center;\n      position: relative;\n    }\n    .ax-offer-box {\n      background: var(--ax-silence);\n      border: 1px solid var(--ax-contraste);\n      border-radius: 20px;\n      padding: 40px 24px;\n      position: relative;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n    }\n    .ax-pulse-badge {\n      position: absolute;\n      top: -15px; left: 50%;\n      transform: translateX(-50%);\n      background: var(--ax-danger);\n      color: #fff;\n      font-family: var(--ax-font-title);\n      font-size: 0.75rem;\n      font-weight: 800;\n      padding: 6px 16px;\n      border-radius: 20px;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      box-shadow: 0 4px 15px rgba(255, 59, 48, 0.4);\n    }\n    .ax-price-container {\n      margin: 24px 0;\n    }\n    .ax-price-old {\n      font-size: 1.2rem;\n      color: var(--ax-text-muted);\n      text-decoration: line-through;\n      margin-bottom: 8px;\n      display: block;\n    }\n    .ax-price-new {\n      font-family: var(--ax-font-title);\n      font-size: 3rem;\n      font-weight: 900;\n      color: var(--ax-contraste);\n      line-height: 1;\n    }\n    .ax-cod-banner {\n      background: rgba(37, 211, 102, 0.1);\n      border: 1px solid var(--ax-whatsapp);\n      color: #fff;\n      padding: 16px;\n      border-radius: 12px;\n      font-size: 0.85rem;\n      font-weight: 500;\n      margin-bottom: 24px;\n    }\n    .ax-cod-banner span { color: var(--ax-whatsapp); font-weight: 700; }\n    \n    .ax-timer-wrapper {\n      display: inline-block;\n      background: rgba(0,0,0,0.5);\n      padding: 12px 20px;\n      border-radius: 12px;\n      margin-bottom: 20px;\n    }\n    .ax-timer-label {\n      font-size: 0.7rem;\n      color: var(--ax-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      margin-bottom: 8px;\n      display: block;\n    }\n    .ax-timer {\n      font-family: var(--ax-font-title);\n      font-size: 1.8rem;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: 2px;\n    }\n    .ax-viewers {\n      font-size: 0.8rem;\n      color: var(--ax-text-muted);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n    }\n    .ax-viewers-dot {\n      width: 6px; height: 6px;\n      background: var(--ax-contraste);\n      border-radius: 50%;\n      animation: ax-pulse-dot 2s infinite;\n    }\n\n    \/* ----------------------------------\n       SECTIONS ADDITIONNELLES (FAQ \u0026 AVIS)\n       ---------------------------------- *\/\n    .ax-social-proof {\n      background: var(--ax-ame-light);\n      padding: 50px 24px;\n    }\n    .ax-review {\n      background: var(--ax-silence);\n      padding: 20px;\n      border-radius: 12px;\n      margin-bottom: 16px;\n      border-left: 3px solid var(--ax-contraste);\n    }\n    .ax-stars { color: var(--ax-contraste); margin-bottom: 8px; font-size: 1.1rem; }\n    .ax-review-text { font-size: 0.9rem; font-style: italic; color: #E5E5EA; margin-bottom: 12px; }\n    .ax-review-author { font-size: 0.8rem; font-weight: 600; color: var(--ax-text-muted); }\n    \n    .ax-faq {\n      background: var(--ax-ame);\n      padding: 50px 24px 80px;\n    }\n    .ax-faq-item {\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n      padding: 16px 0;\n    }\n    .ax-faq-q { font-weight: 600; color: #fff; font-size: 0.95rem; margin-bottom: 8px; }\n    .ax-faq-a { font-size: 0.85rem; color: var(--ax-text-muted); }\n\n    \/* ----------------------------------\n       BLOC 9 : CTA WHATSAPP + LAST CHANCE\n       ---------------------------------- *\/\n    .ax-final-cta {\n      background-color: var(--ax-ame);\n      padding: 0 24px 60px;\n      text-align: center;\n    }\n    .ax-btn-whatsapp {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      background-color: var(--ax-whatsapp);\n      color: #fff;\n      text-decoration: none;\n      padding: 20px 24px;\n      border-radius: 14px;\n      font-family: var(--ax-font-title);\n      font-weight: 700;\n      font-size: 1.1rem;\n      width: 100%;\n      max-width: 400px;\n      margin: 0 auto 16px;\n      box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);\n      position: relative;\n      overflow: hidden;\n      animation: ax-pulse-green 3s infinite;\n    }\n    .ax-btn-whatsapp::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%; width: 50%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n      animation: ax-shimmer 3s infinite;\n    }\n    .ax-btn-subtext {\n      font-size: 0.75rem;\n      color: var(--ax-text-muted);\n      margin-bottom: 40px;\n    }\n    .ax-last-chance {\n      display: flex;\n      justify-content: center;\n      gap: 20px;\n      margin-bottom: 30px;\n      border-top: 1px solid rgba(255,255,255,0.05);\n      padding-top: 30px;\n    }\n    .ax-lc-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      font-size: 0.7rem;\n      color: var(--ax-text-muted);\n      text-transform: uppercase;\n      font-weight: 600;\n    }\n    .ax-lc-icon { font-size: 1.2rem; color: var(--ax-contraste); }\n    .ax-final-word {\n      font-family: var(--ax-font-title);\n      font-size: 1rem;\n      color: #fff;\n      font-style: italic;\n      margin-bottom: 20px;\n    }\n    .ax-scroll-up {\n      color: var(--ax-contraste);\n      font-size: 0.8rem;\n      text-decoration: none;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 4px;\n      opacity: 0.8;\n    }\n    .ax-scroll-up span {\n      animation: ax-bounce-up 2s infinite;\n      font-size: 1.2rem;\n    }\n\n  \u003c\/style\u003e\n\n\n\n\u003c!-- DEBUT PAGE APEX --\u003e\n\u003cdiv class=\"ax-wrapper\"\u003e\n\n  \u003c!-- BLOC 1 : URGENCE TOPBAR --\u003e\n  \u003cdiv class=\"ax-topbar\"\u003e\n    \u003cspan class=\"ax-dot-danger\"\u003e\u003c\/span\u003e\n    \u003cspan\u003eSTOCK LIMITÉ — Il reste \u003cspan class=\"ax-topbar-stock\" id=\"ax-stock-top\"\u003e11\u003c\/span\u003e unités • Livraison aujourd'hui\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BLOC 2 : TOASTS COMMANDES (Injecté via JS) --\u003e\n  \u003cdiv class=\"ax-toast-container\" id=\"ax-toast-container\"\u003e\u003c\/div\u003e\n\n  \u003c!-- BLOC 3 : CINEMATIC HERO --\u003e\n  \u003csection class=\"ax-hero ax-reveal\"\u003e\n    \u003cdiv class=\"ax-hero-content\"\u003e\n      \u003cspan class=\"ax-tag\"\u003ePRESTIGE AUTOMOBILE\u003c\/span\u003e\n      \u003ch1 class=\"ax-hero-title ax-title\"\u003eDOMPTEZ LE SOLEIL.\u003cbr\u003ePRÉSERVEZ VOTRE ÉLÉGANCE.\u003c\/h1\u003e\n      \u003cp class=\"ax-hero-subtitle\"\u003eLe bouclier thermique des leaders. Transformez votre véhicule en un sanctuaire de fraîcheur, même à 14h00.\u003c\/p\u003e\n      \n      \u003cdiv class=\"ax-hero-image-wrapper\"\u003e\n        \u003cdiv class=\"ax-hero-glow\"\u003e\u003c\/div\u003e\n        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/ezgif-307c68f860cbe7a6_1_1.gif?v=1781078954\u0026amp;width=1200\" alt=\"SunBlock installé sur pare-brise\" class=\"ax-hero-image\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/111\/D4AF37?text=BOUCLIER+THERMIQUE+ACTIF'\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ax-micro-proofs\"\u003e\n        \u003cdiv class=\"ax-micro-proof\"\u003eBaisse de -15°C\u003c\/div\u003e\n        \u003cdiv class=\"ax-micro-proof\"\u003eDéploiement 3s\u003c\/div\u003e\n        \u003cdiv class=\"ax-micro-proof\"\u003eFiltre UV 99%\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- NOUVEAU BLOC : AVIS WHATSAPP DÉFILANTS --\u003e\n  \u003csection class=\"ax-whatsapp-ticker ax-reveal\"\u003e\n    \u003cdiv class=\"ax-ticker-header\"\u003eIls ont déjà protégé leur véhicule\u003c\/div\u003e\n    \u003cdiv class=\"ax-ticker-track\"\u003e\n      \u003c!-- Les 3 premières images --\u003e\n      \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212h_546a89b4-8fc0-4ec9-ac0e-a68dc9c95bhu.jpg?v=1781047088\u0026amp;width=3840\" alt=\"Capture WhatsApp client 1\" class=\"ax-ticker-img\"\u003e\n      \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212h_ec668026-fe6e-48a7-847c-7d5e200210hu.jpg?v=1781047093\u0026amp;width=3840\" alt=\"Capture WhatsApp client 2\" class=\"ax-ticker-img\"\u003e\n      \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212h_fab230a6-51f1-438f-8c73-def3c15760hu.jpg?v=1781047110\u0026amp;width=3840\" alt=\"Capture WhatsApp client 3\" class=\"ax-ticker-img\"\u003e\n      \n      \u003c!-- DUPLICATION STRICTE des 3 mêmes images pour créer la boucle infinie parfaite --\u003e\n      \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212h_546a89b4-8fc0-4ec9-ac0e-a68dc9c95bhu.jpg?v=1781047088\u0026amp;width=3840\" alt=\"Capture WhatsApp client 1\" class=\"ax-ticker-img\"\u003e\n      \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212h_ec668026-fe6e-48a7-847c-7d5e200210hu.jpg?v=1781047093\u0026amp;width=3840\" alt=\"Capture WhatsApp client 2\" class=\"ax-ticker-img\"\u003e\n      \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212h_fab230a6-51f1-438f-8c73-def3c15760hu.jpg?v=1781047110\u0026amp;width=3840\" alt=\"Capture WhatsApp client 3\" class=\"ax-ticker-img\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 7 : OFFRE + COD --\u003e\n  \u003csection class=\"ax-offer ax-reveal\" id=\"commande\"\u003e\n    \u003cdiv class=\"ax-offer-box\"\u003e\n      \u003cdiv class=\"ax-pulse-badge\"\u003eAccès Privilège\u003c\/div\u003e\n      \u003ch2 class=\"ax-title\" style=\"font-size: 1.6rem;\"\u003eLe privilège du confort immédiat.\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ax-price-container\"\u003e\n        \u003cspan class=\"ax-price-old\"\u003eValeur : 45 000 FCFA\u003c\/span\u003e\n        \u003cspan class=\"ax-price-new\"\u003e14 990 FCFA\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ax-cod-banner\"\u003e\n        🔒 Vous payez \u003cspan\u003eUNIQUEMENT\u003c\/span\u003e à la réception du colis. (Niamey, Abidjan, Dakar, Cotonou, Libreville, Yaoundé)\n      \u003c\/div\u003e\n\n      \u003c!-- NOUVEAU BOUTON WHATSAPP DANS L'OFFRE --\u003e\n      \u003ca href=\"https:\/\/wa.me\/22776938569?text=Bonjour%2C+je+veux+commander+le+SunBlock+Premium\" target=\"_blank\" class=\"ax-btn-whatsapp\" style=\"margin-bottom: 24px;\"\u003e\n        \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M12.01 2.002c-5.523 0-10 4.477-10 10 0 1.956.564 3.782 1.543 5.341L2.01 22.002l4.81-1.516c1.518.892 3.284 1.402 5.16 1.402 5.523 0 10-4.477 10-10 0-5.523-4.477-10-10-10zm0 18.006c-1.636 0-3.176-.43-4.502-1.18l-3.176 1.002.85-3.082a8.034 8.034 0 01-1.18-4.148c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8zm3.98-5.385c-.218-.11-1.29-.636-1.49-.71-.2-.073-.346-.11-.49.11-.146.218-.564.71-.69.855-.128.146-.255.164-.473.055-1.04-.527-1.89-1.227-2.527-2.182-.127-.182.045-.173.254-.582.073-.145.036-.273-.018-.382-.055-.11-.49-1.182-.673-1.618-.182-.427-.364-.373-.49-.382-.128-.009-.273-.009-.418-.009-.146 0-.382.055-.582.273-.2.218-.764.745-.764 1.818s.782 2.11 8.89 2.51c.8.364 1.418.582 1.91.745.8.255 1.527.218 2.11.127.645-.1 2.018-.818 2.308-1.618.29-.8.29-1.49.2-1.636-.09-.145-.327-.236-.545-.345z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        Je commande via WhatsApp\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"ax-timer-wrapper\"\u003e\n        \u003cspan class=\"ax-timer-label\"\u003eCette offre exclusive expire dans :\u003c\/span\u003e\n        \u003cdiv class=\"ax-timer\" id=\"ax-timer-display\"\u003e04:12:35\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ax-viewers\"\u003e\n        \u003cspan class=\"ax-viewers-dot\"\u003e\u003c\/span\u003e\n        \u003cspan id=\"ax-viewers-count\"\u003e23\u003c\/span\u003e personnes finalisent leur commande\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 4 : TENSION NARRATIVE --\u003e\n  \u003csection class=\"ax-tension ax-reveal\"\u003e\n    \u003ch2 class=\"ax-tension-title ax-title\"\u003eCe moment où vous ouvrez la portière... \u003cspan\u003eet le four vous frappe.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"ax-pain-list\"\u003e\n      \u003cdiv class=\"ax-pain-item ax-reveal ax-reveal-delay-1\"\u003e\n        \u003cspan class=\"ax-pain-icon\"\u003e🔥\u003c\/span\u003e\n        \u003cp class=\"ax-pain-text\"\u003eLe volant brûlant qui vous empêche de démarrer immédiatement et d'avoir le contrôle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-pain-item ax-reveal ax-reveal-delay-2\"\u003e\n        \u003cspan class=\"ax-pain-icon\"\u003e💧\u003c\/span\u003e\n        \u003cp class=\"ax-pain-text\"\u003eLa chaleur étouffante qui ruine votre tenue ou votre maquillage avant même d'arriver à votre rendez-vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-pain-item ax-reveal ax-reveal-delay-1\"\u003e\n        \u003cspan class=\"ax-pain-icon\"\u003e📉\u003c\/span\u003e\n        \u003cp class=\"ax-pain-text\"\u003eLe cuir premium de vos sièges et votre tableau de bord qui craquent et se dégradent sous les UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 5 : RÉVÉLATION PRODUIT --\u003e\n  \u003csection class=\"ax-solution ax-reveal\"\u003e\n    \u003cdiv class=\"ax-solution-header\"\u003e\n      \u003cspan class=\"ax-tag\"\u003eL'INNOVATION\u003c\/span\u003e\n      \u003ch2 class=\"ax-solution-title ax-title\"\u003eVotre véhicule mérite un bouclier.\u003c\/h2\u003e\n      \u003cp class=\"ax-subtitle\"\u003eOubliez les pare-soleils en carton qui tombent. Place à l'ingénierie.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-benefits-grid\"\u003e\n      \u003cdiv class=\"ax-benefit-card ax-reveal\"\u003e\n        \u003cdiv class=\"ax-benefit-icon\"\u003e❄️\u003c\/div\u003e\n        \u003ch3 class=\"ax-benefit-title\"\u003eUne entrée triomphale\u003c\/h3\u003e\n        \u003cp class=\"ax-benefit-desc\"\u003eInstallez-vous dans une cabine qui respire. L'air reste frais, votre chemise reste impeccable. Vous gardez l'avantage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-benefit-card ax-reveal ax-reveal-delay-1\"\u003e\n        \u003cdiv class=\"ax-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3 class=\"ax-benefit-title\"\u003eProtection d'investissement\u003c\/h3\u003e\n        \u003cp class=\"ax-benefit-desc\"\u003eLa toile en alliage titane-argent renvoie 99% des rayons destructeurs. L'intérieur de votre voiture garde sa valeur showroom.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-benefit-card ax-reveal ax-reveal-delay-2\"\u003e\n        \u003cdiv class=\"ax-benefit-icon\"\u003e☂️\u003c\/div\u003e\n        \u003ch3 class=\"ax-benefit-title\"\u003eDiscrétion absolue\u003c\/h3\u003e\n        \u003cp class=\"ax-benefit-desc\"\u003eSe déploie et se plie en 3 secondes chrono. Se range discrètement dans votre boîte à gants ou votre portière avec son étui en cuir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 6 : PREUVES VISUELLES (Galerie) --\u003e\n  \u003csection class=\"ax-gallery ax-reveal\"\u003e\n    \u003cdiv class=\"ax-gallery-header\"\u003e\n      \u003ch2 class=\"ax-title\" style=\"font-size: 1.5rem;\"\u003eL'anatomie de la perfection\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ax-gallery-scroll\"\u003e\n      \u003cdiv class=\"ax-gallery-item\"\u003e\n        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/ezgif-3aad50aec5b12eb4_1.gif?v=1781078932\u0026amp;width=1200\" alt=\"Structure acier\" class=\"ax-gallery-img\" onerror=\"this.src='https:\/\/placehold.co\/400x500\/1F1F1F\/D4AF37?text=STRUCTURE+RENFORCÉE'\"\u003e\n        \u003cdiv class=\"ax-gallery-caption\"\u003eSquelette Inflexible\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-gallery-item\"\u003e\n        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/5812460b-db06-4b92-8c5e-a217bda0083d.png?v=1781047014\u0026amp;width=3840\" alt=\"Etui cuir\" class=\"ax-gallery-img\" onerror=\"this.src='https:\/\/placehold.co\/400x500\/1F1F1F\/D4AF37?text=ÉTUI+PREMIUM'\"\u003e\n        \u003cdiv class=\"ax-gallery-caption\"\u003eÉlégance Rangée\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-gallery-item\"\u003e\n        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/Capture-decran-2023-06-23-a-18.02.14.png?v=1781047014\u0026amp;width=3840\" alt=\"Couverture pare-brise\" class=\"ax-gallery-img\"\u003e\n        \u003cdiv class=\"ax-gallery-caption\"\u003eZéro Faille, Zéro Rayon\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 8 : LIVRAISON INSTANTANÉE --\u003e\n  \u003csection class=\"ax-delivery ax-reveal\"\u003e\n    \u003cdiv class=\"ax-delivery-icon\"\u003e📦\u003c\/div\u003e\n    \u003ch2 class=\"ax-delivery-title ax-title\"\u003eDans vos mains.\u003cbr\u003eAujourd'hui.\u003c\/h2\u003e\n    \u003cdiv class=\"ax-delivery-flags\"\u003e🇳🇪 🇨🇮 🇸🇳 🇧🇯 🇬🇦 🇨🇲\u003c\/div\u003e\n    \u003cp class=\"ax-delivery-text\"\u003eNos équipes logistiques VIP sont déjà actives dans votre ville. Pas d'attente à la douane. Pas de risque. Pas d'excuses.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTIONS : AVIS \u0026 FAQ --\u003e\n  \u003csection class=\"ax-social-proof ax-reveal\"\u003e\n    \u003ch3 class=\"ax-title\" style=\"font-size: 1.2rem; margin-bottom: 20px; text-align: center;\"\u003eReconnu par l'Élite\u003c\/h3\u003e\n    \u003cdiv class=\"ax-review\"\u003e\n      \u003cdiv class=\"ax-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp class=\"ax-review-text\"\u003e\"Incroyable. Avant, laisser ma voiture au Plateau à Abidjan c'était retrouver un four. Maintenant, le cuir reste frais, je peux démarrer en costume sans transpirer.\"\u003c\/p\u003e\n      \u003cp class=\"ax-review-author\"\u003e— Stéphane K., Directeur d'Agence (Abidjan)\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ax-review\"\u003e\n      \u003cdiv class=\"ax-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp class=\"ax-review-text\"\u003e\"L'esthétique est top. Il se plie comme un vrai parapluie, la housse en cuir rentre parfaitement dans la portière. Acheté pour mon mari, il a adoré.\"\u003c\/p\u003e\n      \u003cp class=\"ax-review-author\"\u003e— Fatoumata D., (Dakar)\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ax-faq ax-reveal\"\u003e\n    \u003ch3 class=\"ax-title\" style=\"font-size: 1.2rem; margin-bottom: 20px;\"\u003eQuestions Fréquentes\u003c\/h3\u003e\n    \u003cdiv class=\"ax-faq-item\"\u003e\n      \u003cdiv class=\"ax-faq-q\"\u003eS'adapte-t-il à mon véhicule ?\u003c\/div\u003e\n      \u003cdiv class=\"ax-faq-a\"\u003eOui, le design universel extensible est conçu pour couvrir parfaitement 98% des pare-brises, des berlines aux SUV.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ax-faq-item\"\u003e\n      \u003cdiv class=\"ax-faq-q\"\u003eComment fonctionne le paiement ?\u003c\/div\u003e\n      \u003cdiv class=\"ax-faq-a\"\u003eAucun risque pour vous. Vous réglez la totalité en espèces ou via Mobile Money uniquement lorsque le livreur vous remet le SunBlock™ en main propre.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 9 : CTA WHATSAPP + LAST CHANCE --\u003e\n  \u003csection class=\"ax-final-cta ax-reveal\"\u003e\n    \u003cp class=\"ax-final-word\"\u003eCeux qui aiment leur confort ne laissent plus le soleil dicter leur journée.\u003c\/p\u003e\n\n    \u003c!-- BOUTON WHATSAPP --\u003e\n    \u003ca href=\"https:\/\/wa.me\/22776938569?text=Bonjour%2C+je+veux+commander+le+SunBlock+Premium\" target=\"_blank\" class=\"ax-btn-whatsapp\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M12.01 2.002c-5.523 0-10 4.477-10 10 0 1.956.564 3.782 1.543 5.341L2.01 22.002l4.81-1.516c1.518.892 3.284 1.402 5.16 1.402 5.523 0 10-4.477 10-10 0-5.523-4.477-10-10-10zm0 18.006c-1.636 0-3.176-.43-4.502-1.18l-3.176 1.002.85-3.082a8.034 8.034 0 01-1.18-4.148c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8zm3.98-5.385c-.218-.11-1.29-.636-1.49-.71-.2-.073-.346-.11-.49.11-.146.218-.564.71-.69.855-.128.146-.255.164-.473.055-1.04-.527-1.89-1.227-2.527-2.182-.127-.182.045-.173.254-.582.073-.145.036-.273-.018-.382-.055-.11-.49-1.182-.673-1.618-.182-.427-.364-.373-.49-.382-.128-.009-.273-.009-.418-.009-.146 0-.382.055-.582.273-.2.218-.764.745-.764 1.818s.782 2.11 8.89 2.51c.8.364 1.418.582 1.91.745.8.255 1.527.218 2.11.127.645-.1 2.018-.818 2.308-1.618.29-.8.29-1.49.2-1.636-.09-.145-.327-.236-.545-.345z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n      Je commande via WhatsApp\n    \u003c\/a\u003e\n    \u003cdiv class=\"ax-btn-subtext\"\u003eRéponse instantanée • 7j\/7 • Paiement à la livraison\u003c\/div\u003e\n\n    \u003cdiv class=\"ax-last-chance\"\u003e\n      \u003cdiv class=\"ax-lc-item\"\u003e\n        \u003cspan class=\"ax-lc-icon\"\u003e📦\u003c\/span\u003e\n        Paiement\u003cbr\u003eLivraison\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-lc-item\"\u003e\n        \u003cspan class=\"ax-lc-icon\"\u003e🚀\u003c\/span\u003e\n        Livraison\u003cbr\u003eAujourd'hui\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-lc-item\"\u003e\n        \u003cspan class=\"ax-lc-icon\"\u003e🛡️\u003c\/span\u003e\n        Garanti\u003cbr\u003e14 Jours\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ca href=\"#commande\" class=\"ax-scroll-up\"\u003e\n      \u003cspan\u003e↑\u003c\/span\u003e\n      Remonter vers l'offre\n    \u003c\/a\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003c!-- FIN PAGE APEX --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \n  \/\/ 1. COUNTDOWN TIMER JS\n  const timerDisplay = document.getElementById('ax-timer-display');\n  \/\/ Durée aléatoire entre 3h et 7h\n  let totalSeconds = Math.floor(Math.random() * (4 * 3600)) + (3 * 3600); \n\n  function updateTimer() {\n    if (totalSeconds \u003c= 0) return;\n    totalSeconds--;\n    \n    const h = Math.floor(totalSeconds \/ 3600);\n    const m = Math.floor((totalSeconds % 3600) \/ 60);\n    const s = totalSeconds % 60;\n    \n    timerDisplay.textContent = \n      String(h).padStart(2, '0') + ':' + \n      String(m).padStart(2, '0') + ':' + \n      String(s).padStart(2, '0');\n  }\n  setInterval(updateTimer, 1000);\n\n  \/\/ 2. STOCK COUNTER + VIEWERS\n  const stockDisplay = document.getElementById('ax-stock-top');\n  const viewersDisplay = document.getElementById('ax-viewers-count');\n  \n  let currentStock = Math.floor(Math.random() * 8) + 7; \/\/ Entre 7 et 14\n  stockDisplay.textContent = currentStock;\n\n  setInterval(() =\u003e {\n    if (currentStock \u003e 3 \u0026\u0026 Math.random() \u003e 0.7) {\n      currentStock--;\n      stockDisplay.textContent = currentStock;\n      \n      \/\/ Petit effet visuel\n      stockDisplay.style.color = '#FF3B30';\n      stockDisplay.style.fontWeight = '900';\n      setTimeout(() =\u003e {\n        stockDisplay.style.color = 'var(--ax-contraste)';\n        stockDisplay.style.fontWeight = 'normal';\n      }, 500);\n    }\n  }, 42000);\n\n  setInterval(() =\u003e {\n    \/\/ Fluctuations des viewers entre 14 et 31\n    const viewers = Math.floor(Math.random() * 18) + 14;\n    viewersDisplay.textContent = viewers;\n  }, 11000);\n\n  \/\/ 3. TOAST NOTIFICATIONS\n  const toastContainer = document.getElementById('ax-toast-container');\n  const profiles = [\n    { name: \"Amadou\", city: \"Niamey\" },\n    { name: \"Fatoumata\", city: \"Dakar\" },\n    { name: \"Koffi\", city: \"Abidjan\" },\n    { name: \"Chancelia\", city: \"Libreville\" },\n    { name: \"Didier\", city: \"Abidjan\" },\n    { name: \"Saliou\", city: \"Dakar\" },\n    { name: \"Hassan\", city: \"Niamey\" },\n    { name: \"Elodie\", city: \"Yaoundé\" },\n    { name: \"Ousmane\", city: \"Cotonou\" }\n  ];\n\n  function showToast() {\n    const profile = profiles[Math.floor(Math.random() * profiles.length)];\n    const timeAgo = Math.floor(Math.random() * 15) + 1; \/\/ 1 à 15 min\n    const avatarColor = ['D4AF37', '25D366', 'FF3B30', '1F1F1F'][Math.floor(Math.random() * 4)];\n    \n    const toast = document.createElement('div');\n    toast.className = 'ax-toast ax-show';\n    toast.innerHTML = `\n      \u003cdiv class=\"ax-toast-avatar\"\u003e\n        \u003cimg src=\"https:\/\/ui-avatars.com\/api\/?name=${profile.name.charAt(0)}\u0026background=${avatarColor}\u0026color=fff\u0026size=88\u0026bold=true\" alt=\"Avatar\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-toast-content\"\u003e\n        \u003cdiv class=\"ax-toast-name\"\u003e${profile.name} — ${profile.city}\u003c\/div\u003e\n        \u003cdiv\u003evient de commander le SunBlock™\u003c\/div\u003e\n        \u003cdiv class=\"ax-toast-time\"\u003eIl y a ${timeAgo} min • \u003cspan style=\"color:#25D366;font-size:8px;\"\u003e●\u003c\/span\u003e Vérifié\u003c\/div\u003e\n      \u003c\/div\u003e\n    `;\n\n    \/\/ Nettoyage des anciens toasts s'il y en a (sécurité)\n    toastContainer.innerHTML = '';\n    toastContainer.appendChild(toast);\n\n    setTimeout(() =\u003e {\n      toast.classList.remove('ax-show');\n      toast.classList.add('ax-hide');\n      setTimeout(() =\u003e toast.remove(), 600);\n    }, 4500);\n  }\n\n  \/\/ Lancement du premier toast après 3s, puis toutes les 9s\n  setTimeout(() =\u003e {\n    showToast();\n    setInterval(showToast, 9000);\n  }, 3000);\n\n  \/\/ 4. INTERSECTION OBSERVER (Scroll animations)\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.15\n  };\n\n  const observer = new IntersectionObserver((entries, observer) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('ax-is-visible');\n        observer.unobserve(entry.target); \/\/ Ne s'anime qu'une fois\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.ax-reveal').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n});\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"EVIKO STORE","offers":[{"title":"Default Title","offer_id":53575239598264,"sku":null,"price":14990.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0963\/2720\/5048\/files\/47fd3ccb-5946-4b98-adfc-60cf7bd99728.webp?v=1781047014","url":"https:\/\/p4hn1y-13.myshopify.com\/products\/sunblock%e2%84%a2-la-solution-contre-la-chaleur-pratique-simple-et-renove-pour-vos-vehicules-ne","provider":"EVIKO STORE","version":"1.0","type":"link"}