{"product_id":"four-3-en-1","title":"Four Électrique 3 en 1","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900\u0026family=Space+Mono:ital,wght@0,400;0,700;1,400\u0026display=swap');\n\n  \/* =========================================\n     VARIABLES \u0026 RESET\n     ========================================= *\/\n  :root {\n    --ax-ame: #050505;\n    --ax-silence: #141414;\n    --ax-card: #1f1f1f;\n    --ax-contraste: #FF6B00;\n    --ax-contraste-dim: rgba(255, 107, 0, 0.15);\n    --ax-text: #FFFFFF; \n    --ax-text-dim: #DEDEDE; \n    --ax-success: #00E676;\n    \n    --ax-font-main: 'Montserrat', sans-serif;\n    --ax-font-mono: 'Space Mono', monospace;\n    \n    --ax-space-xs: 8px;\n    --ax-space-sm: 16px;\n    --ax-space-md: 24px;\n    --ax-space-lg: 40px;\n    --ax-space-xl: 64px;\n  }\n\n  .ax-wrapper {\n    background-color: var(--ax-ame) !important;\n    color: var(--ax-text) !important;\n    font-family: var(--ax-font-main) !important;\n    line-height: 1.5;\n    margin: 0 auto;\n    max-width: 720px; \/* Mobile first, locked for optimal reading *\/\n    overflow-x: hidden;\n    position: relative;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .ax-wrapper * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* FORCER LES COULEURS DES TITRES CONTRE LE THEME SHOPIFY *\/\n  .ax-wrapper h1, .ax-wrapper h2, .ax-wrapper h3, .ax-wrapper p {\n    color: var(--ax-text) !important;\n  }\n\n  \/* =========================================\n     ANIMATIONS (KEYFRAMES ONLY)\n     ========================================= *\/\n  @keyframes ax-pulse-red {\n    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 60, 60, 0.7); }\n    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 60, 60, 0); }\n    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 60, 60, 0); }\n  }\n\n  @keyframes ax-pulse-green {\n    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 230, 118, 0.7); }\n    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(0, 230, 118, 0); }\n    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 230, 118, 0); }\n  }\n\n  @keyframes ax-float {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\n    100% { transform: translateY(0px); }\n  }\n\n  @keyframes ax-glow {\n    0% { filter: drop-shadow(0 0 10px var(--ax-contraste-dim)); }\n    50% { filter: drop-shadow(0 0 25px rgba(255, 107, 0, 0.4)); }\n    100% { filter: drop-shadow(0 0 10px var(--ax-contraste-dim)); }\n  }\n\n  @keyframes ax-slide-up {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* =========================================\n     UTILITIES\n     ========================================= *\/\n  .ax-mono { font-family: var(--ax-font-mono); text-transform: uppercase; letter-spacing: 1px; }\n  .ax-accent { color: var(--ax-contraste) !important; }\n  .ax-text-center { text-align: center; }\n  .ax-bold { font-weight: 800; }\n  .ax-reveal { opacity: 0; transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); transform: translateY(30px); }\n  .ax-visible { opacity: 1; transform: translateY(0); }\n\n  \/* =========================================\n     BLOC 1 : URGENCE TOPBAR\n     ========================================= *\/\n  .ax-topbar {\n    background-color: var(--ax-silence);\n    color: var(--ax-text);\n    padding: 10px;\n    font-size: 11px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    border-bottom: 1px solid #333;\n    position: relative;\n    z-index: 50;\n  }\n  .ax-dot-red {\n    width: 8px;\n    height: 8px;\n    background-color: #FF3C3C;\n    border-radius: 50%;\n    animation: ax-pulse-red 2s infinite;\n  }\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    width: 90%;\n    max-width: 380px;\n    pointer-events: none;\n  }\n  .ax-toast {\n    background: rgba(20, 20, 20, 0.85);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 100px;\n    padding: 8px 16px 8px 8px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    transform: translateY(-80px) scale(0.95);\n    opacity: 0;\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n  .ax-toast.ax-show {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n  .ax-toast img {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n  }\n  .ax-toast-content {\n    flex: 1;\n  }\n  .ax-toast-title {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--ax-text);\n  }\n  .ax-toast-time {\n    font-size: 10px;\n    color: var(--ax-success);\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 2px;\n  }\n  .ax-dot-green {\n    width: 6px;\n    height: 6px;\n    background-color: var(--ax-success);\n    border-radius: 50%;\n    animation: ax-pulse-green 2s infinite;\n  }\n\n  \/* =========================================\n     BLOC 3 : CINEMATIC HERO\n     ========================================= *\/\n  .ax-hero {\n    position: relative;\n    padding: var(--ax-space-xl) var(--ax-space-md) var(--ax-space-lg);\n    background: radial-gradient(circle at 50% 30%, var(--ax-silence) 0%, var(--ax-ame) 80%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n  }\n  .ax-hero::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(180deg, rgba(17,17,17,0) 60%, var(--ax-ame) 100%);\n    z-index: 1;\n  }\n  .ax-hero-tag {\n    font-size: 10px;\n    color: var(--ax-contraste);\n    border: 1px solid var(--ax-contraste-dim);\n    padding: 4px 12px;\n    border-radius: 100px;\n    margin-bottom: var(--ax-space-md);\n    position: relative;\n    z-index: 2;\n  }\n  .ax-hero-title {\n    font-size: 38px;\n    font-weight: 900;\n    line-height: 1.1;\n    margin-bottom: var(--ax-space-sm);\n    text-transform: uppercase;\n    color: var(--ax-contraste) !important; \/* FORCÉ EN ORANGE *\/\n    text-shadow: 0 4px 15px rgba(255, 107, 0, 0.4); \/* Ombre orangée pour un effet néon *\/\n    position: relative;\n    z-index: 2;\n  }\n  .ax-hero-sub {\n    font-size: 16px;\n    color: var(--ax-text-dim) !important;\n    margin-bottom: var(--ax-space-lg);\n    max-width: 90%;\n    position: relative;\n    z-index: 2;\n  }\n  .ax-hero-img-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 400px;\n    z-index: 2;\n    margin-bottom: var(--ax-space-md);\n  }\n  .ax-hero-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    animation: ax-glow 4s infinite, ax-float 6s ease-in-out infinite;\n    border-radius: 12px;\n  }\n  \/* Ligne de séparation lumineuse *\/\n  .ax-hero-divider {\n    height: 1px;\n    width: 100%;\n    background: linear-gradient(90deg, transparent, var(--ax-contraste), transparent);\n    opacity: 0.5;\n    margin-bottom: var(--ax-space-md);\n    position: relative;\n    z-index: 2;\n  }\n  .ax-micro-proofs {\n    display: flex;\n    justify-content: center;\n    gap: var(--ax-space-md);\n    width: 100%;\n    position: relative;\n    z-index: 2;\n  }\n  .ax-proof-item {\n    font-size: 11px;\n    font-family: var(--ax-font-mono);\n    color: var(--ax-text-dim);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n  }\n  .ax-proof-item span {\n    color: var(--ax-text) !important;\n    font-weight: 700;\n    font-size: 14px;\n  }\n\n  \/* =========================================\n     BLOC 4 : TENSION NARRATIVE (Problème)\n     ========================================= *\/\n  .ax-tension {\n    padding: var(--ax-space-xl) var(--ax-space-md);\n    background-color: var(--ax-ame);\n  }\n  .ax-section-num {\n    font-family: var(--ax-font-mono);\n    font-size: 11px;\n    font-weight: bold;\n    color: var(--ax-contraste); \n    margin-bottom: var(--ax-space-sm);\n    letter-spacing: 1px;\n  }\n  .ax-tension-title {\n    font-size: 24px;\n    font-weight: 800;\n    margin-bottom: var(--ax-space-lg);\n    line-height: 1.3;\n    color: var(--ax-text) !important;\n  }\n  .ax-bullet-list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ax-space-md);\n  }\n  .ax-bullet {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    background: var(--ax-silence);\n    padding: var(--ax-space-sm);\n    border-radius: 8px;\n    border-left: 2px solid var(--ax-contraste);\n  }\n  .ax-bullet-icon {\n    opacity: 0.8;\n    font-size: 18px;\n  }\n  .ax-bullet-text {\n    font-size: 14px;\n    color: var(--ax-text-dim);\n    font-weight: 600;\n  }\n\n  \/* =========================================\n     BLOC 5 : RÉVÉLATION (Solution)\n     ========================================= *\/\n  .ax-revelation {\n    padding: var(--ax-space-xl) var(--ax-space-md);\n    background: linear-gradient(180deg, var(--ax-ame) 0%, var(--ax-silence) 100%);\n    border-top: 1px solid rgba(255, 107, 0, 0.1);\n  }\n  .ax-rev-title {\n    font-size: 28px;\n    font-weight: 900;\n    margin-bottom: var(--ax-space-sm);\n    color: var(--ax-text) !important;\n  }\n  .ax-rev-sub {\n    font-size: 15px;\n    color: var(--ax-text-dim) !important;\n    margin-bottom: var(--ax-space-lg);\n  }\n  .ax-features-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n  .ax-feature-card {\n    background: var(--ax-card);\n    padding: var(--ax-space-md);\n    border-radius: 12px;\n    border: 1px solid rgba(255,255,255,0.05);\n    position: relative;\n    overflow: hidden;\n  }\n  .ax-feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 4px;\n    height: 100%;\n    background: var(--ax-contraste);\n    opacity: 0.8;\n  }\n  .ax-feature-title {\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 4px;\n    color: var(--ax-text) !important;\n  }\n  .ax-feature-desc {\n    font-size: 13px;\n    color: var(--ax-text-dim);\n  }\n\n  \/* =========================================\n     BLOC 6 : PREUVES VISUELLES\n     ========================================= *\/\n  .ax-gallery {\n    padding: var(--ax-space-xl) 0;\n    background-color: var(--ax-ame);\n  }\n  .ax-gallery-header {\n    padding: 0 var(--ax-space-md);\n    margin-bottom: var(--ax-space-lg);\n  }\n  .ax-scroll-container {\n    display: flex;\n    overflow-x: auto;\n    gap: 16px;\n    padding: 0 var(--ax-space-md) var(--ax-space-md);\n    scrollbar-width: none; \/* Firefox *\/\n  }\n  .ax-scroll-container::-webkit-scrollbar {\n    display: none; \/* Chrome *\/\n  }\n  .ax-gallery-item {\n    min-width: 260px;\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n  .ax-gallery-item img {\n    width: 100%;\n    height: 320px;\n    object-fit: cover;\n    display: block;\n    filter: brightness(0.8);\n  }\n  .ax-gallery-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 24px 16px 16px;\n    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);\n  }\n  .ax-gallery-title {\n    font-size: 14px;\n    font-weight: 700;\n    font-family: var(--ax-font-mono);\n    color: var(--ax-text) !important;\n  }\n\n  \/* =========================================\n     BLOC 7 : OFFRE + COD\n     ========================================= *\/\n  .ax-offer {\n    padding: var(--ax-space-xl) var(--ax-space-md);\n    background: radial-gradient(circle at 50% 0%, var(--ax-silence) 0%, var(--ax-ame) 100%);\n    text-align: center;\n    position: relative;\n  }\n  .ax-offer-title {\n    font-size: 26px;\n    font-weight: 900;\n    margin-bottom: var(--ax-space-md);\n    color: var(--ax-text) !important;\n  }\n  .ax-cod-banner {\n    background: rgba(0, 230, 118, 0.1);\n    border: 1px solid rgba(0, 230, 118, 0.2);\n    color: var(--ax-success);\n    padding: 12px;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: var(--ax-space-lg);\n  }\n  \n  \/* Compteurs (Stock \/ Timer \/ Viewers) *\/\n  .ax-urgency-stats {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: var(--ax-space-md);\n  }\n  .ax-stat-box {\n    background: var(--ax-card);\n    padding: 12px;\n    border-radius: 8px;\n  }\n  .ax-stat-value {\n    font-size: 20px;\n    font-weight: 800;\n    font-family: var(--ax-font-mono);\n    color: var(--ax-text) !important;\n  }\n  .ax-stat-label {\n    font-size: 10px;\n    color: var(--ax-text-dim);\n    text-transform: uppercase;\n  }\n  .ax-viewers {\n    font-size: 12px;\n    color: var(--ax-text-dim);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: var(--ax-silence);\n    padding: 6px 16px;\n    border-radius: 100px;\n  }\n\n  \/* =========================================\n     BLOC 8 : LIVRAISON INSTANTANÉE\n     ========================================= *\/\n  .ax-delivery {\n    padding: var(--ax-space-lg) var(--ax-space-md);\n    background-color: var(--ax-contraste) !important;\n    color: #000 !important;\n  }\n  .ax-delivery-content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .ax-delivery-icon {\n    font-size: 32px;\n    animation: ax-float 3s infinite ease-in-out;\n  }\n  .ax-delivery-text h3 {\n    font-size: 18px;\n    font-weight: 900;\n    margin-bottom: 4px;\n    color: #000 !important;\n  }\n  .ax-delivery-text p {\n    font-size: 14px;\n    font-weight: 600;\n    opacity: 0.9;\n    color: #000 !important;\n  }\n  .ax-flags {\n    margin-top: 12px;\n    font-size: 20px;\n    letter-spacing: 4px;\n  }\n\n  \/* =========================================\n     BLOC 9 : LAST CHANCE\n     ========================================= *\/\n  .ax-footer-cta {\n    padding: var(--ax-space-xl) var(--ax-space-md);\n    background-color: var(--ax-ame);\n    text-align: center;\n    position: relative;\n  }\n  .ax-trust-badges {\n    display: flex;\n    justify-content: space-between;\n    border-top: 1px solid rgba(255,255,255,0.05);\n    padding-top: var(--ax-space-lg);\n    margin-bottom: var(--ax-space-md);\n  }\n  .ax-trust-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n  }\n  .ax-trust-icon {\n    font-size: 20px;\n  }\n  .ax-trust-text {\n    font-size: 10px;\n    color: var(--ax-text-dim);\n    font-weight: 700;\n    text-transform: uppercase;\n  }\n  .ax-last-word {\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: var(--ax-text) !important; \n    margin-bottom: var(--ax-space-md);\n  }\n  .ax-scroll-top {\n    font-size: 11px;\n    color: var(--ax-contraste);\n    text-transform: uppercase;\n    font-family: var(--ax-font-mono);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n  }\n\u003c\/style\u003e\n\n\u003c!-- =======================================================================\n     DÉBUT HTML\n     ======================================================================= --\u003e\n\u003cdiv class=\"ax-wrapper\"\u003e\n\n  \u003c!-- BLOC 1 : URGENCE TOPBAR --\u003e\n  \u003cdiv class=\"ax-topbar ax-mono\"\u003e\n    \u003cdiv class=\"ax-dot-red\"\u003e\u003c\/div\u003e\n    \u003cspan\u003eSTOCK LIMITÉ — Il reste \u003cspan id=\"ax-topbar-stock\" class=\"ax-accent ax-bold\"\u003e8\u003c\/span\u003e unités\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BLOC 2 : TOASTS --\u003e\n  \u003cdiv id=\"ax-toast-container\" class=\"ax-toast-container\"\u003e\u003c\/div\u003e\n\n  \u003c!-- BLOC 3 : CINEMATIC HERO (Modifié avec Call To Action immédiat) --\u003e\n  \u003csection class=\"ax-hero\"\u003e\n    \u003cdiv class=\"ax-hero-tag ax-mono\"\u003eÉdition Premium • Maison\u003c\/div\u003e\n    \n    \u003ch1 class=\"ax-hero-title ax-text-center ax-reveal\"\u003e\n      Le Maître\u003cbr\u003eDe Vos Matins.\n    \u003c\/h1\u003e\n    \n    \u003cp class=\"ax-hero-sub ax-text-center ax-reveal\"\u003e\n      Un petit-déjeuner complet, chaud et prêt en 5 minutes. Sans stress, sans désordre.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ax-hero-img-wrapper ax-reveal\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/4.jpg?v=1778798145\" alt=\"Machine Petit Déjeuner 3 en 1\" class=\"ax-hero-img\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-micro-proofs ax-reveal\" style=\"margin-bottom: 24px;\"\u003e\n      \u003cdiv class=\"ax-proof-item\"\u003e\n        \u003cspan\u003e3-en-1\u003c\/span\u003e Four, Café, Plancha\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-proof-item\"\u003e\n        \u003cspan\u003e5 Min\u003c\/span\u003e Gain de temps\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-proof-item\"\u003e\n        \u003cspan\u003eÉco\u003c\/span\u003e Basse conso\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 4 : LIVRAISON INSTANTANÉE (Remonté pour rassurer tout de suite) --\u003e\n  \u003csection class=\"ax-delivery ax-reveal\"\u003e\n    \u003cdiv class=\"ax-delivery-content\"\u003e\n      \u003cdiv class=\"ax-delivery-icon\"\u003e🚚\u003c\/div\u003e\n      \u003cdiv class=\"ax-delivery-text\"\u003e\n        \u003cdiv class=\"ax-section-num\" style=\"color: rgba(0,0,0,0.8); margin-bottom: 4px;\"\u003e01 \/ L'ENGAGEMENT\u003c\/div\u003e\n        \u003ch3\u003eChez vous, avant ce soir.\u003c\/h3\u003e\n        \u003cp\u003eNos livreurs sont déjà déployés. Pas d'attente. Pas de risque. Vous payez au livreur.\u003c\/p\u003e\n        \u003cdiv class=\"ax-flags\"\u003e🇨🇮 🇸🇳 🇧🇯 🇬🇦 🇨🇲\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 5 : OFFRE + COD (Sans le prix, remonté pour créer l'urgence) --\u003e\n  \u003csection class=\"ax-offer ax-reveal\"\u003e\n    \u003cdiv class=\"ax-section-num\"\u003e02 \/ L'EXCLUSIVITÉ\u003c\/div\u003e\n    \u003ch2 class=\"ax-offer-title\"\u003eUne disponibilité très limitée.\u003c\/h2\u003e\n\n    \u003cdiv class=\"ax-cod-banner\"\u003e\n      \u003cspan\u003e🔒 Vous payez UNIQUEMENT à la réception\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-urgency-stats\"\u003e\n      \u003cdiv class=\"ax-stat-box\"\u003e\n        \u003cdiv class=\"ax-stat-label\"\u003eStock Restant\u003c\/div\u003e\n        \u003cdiv id=\"ax-stock-counter\" class=\"ax-stat-value ax-accent\"\u003e8\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-stat-box\"\u003e\n        \u003cdiv class=\"ax-stat-label\"\u003eOffre expire dans\u003c\/div\u003e\n        \u003cdiv id=\"ax-countdown\" class=\"ax-stat-value\"\u003e04:12:35\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ax-viewers\"\u003e\n      \u003cspan class=\"ax-dot-red\"\u003e\u003c\/span\u003e \u003cspan id=\"ax-viewers-count\" class=\"ax-bold ax-text\"\u003e24\u003c\/span\u003e personnes regardent ceci\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 6 : PREUVES VISUELLES (Scan visuel rapide) --\u003e\n  \u003csection class=\"ax-gallery ax-reveal\"\u003e\n    \u003cdiv class=\"ax-gallery-header\"\u003e\n      \u003cdiv class=\"ax-section-num\"\u003e03 \/ LA PRÉCISION\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ax-scroll-container\"\u003e\n      \n      \u003cdiv class=\"ax-gallery-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/Design_sans_titre_89_1.gif?v=1778798041\" alt=\"L'Art de l'Espresso\"\u003e\n        \u003cdiv class=\"ax-gallery-caption\"\u003e\n          \u003cdiv class=\"ax-gallery-title\"\u003eL'ART DE L'ESPRESSO\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ax-gallery-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/Design_sans_titre_89.gif?v=1778798039\" alt=\"Chaleur Enveloppante\"\u003e\n        \u003cdiv class=\"ax-gallery-caption\"\u003e\n          \u003cdiv class=\"ax-gallery-title\"\u003eCHALEUR ENVELOPPANTE\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ax-gallery-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/Design_sans_titre_89_2.gif?v=1778798044\" alt=\"Saisie Parfaite\"\u003e\n        \u003cdiv class=\"ax-gallery-caption\"\u003e\n          \u003cdiv class=\"ax-gallery-title\"\u003eSAISIE PARFAITE\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 7 : RÉVÉLATION (Descendu pour ceux qui veulent lire les détails) --\u003e\n  \u003csection class=\"ax-revelation ax-reveal\"\u003e\n    \u003cdiv class=\"ax-section-num\"\u003e04 \/ LE RITUEL\u003c\/div\u003e\n    \u003ch2 class=\"ax-rev-title\"\u003eReprenez le contrôle. \u003cspan class=\"ax-accent\"\u003eAvec classe.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"ax-rev-sub\"\u003ePendant que votre café coule, vos viennoiseries dorent et vos œufs grillent. Le tout sur un seul appareil majestueux, en un seul geste.\u003c\/p\u003e\n\n    \u003cdiv class=\"ax-features-grid\"\u003e\n      \u003cdiv class=\"ax-feature-card ax-reveal\"\u003e\n        \u003cdiv class=\"ax-feature-title\"\u003eL'Orchestration Parfaite\u003c\/div\u003e\n        \u003cdiv class=\"ax-feature-desc\"\u003eUne seule prise électrique pour gérer 3 cuissons simultanées. Votre plan de travail reste propre et dégagé.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-feature-card ax-reveal\"\u003e\n        \u003cdiv class=\"ax-feature-title\"\u003eUne Cuisson Millimétrée\u003c\/div\u003e\n        \u003cdiv class=\"ax-feature-desc\"\u003eContrôle de température indépendant. Fini le pain brûlé, vos tartines sont dorées à la perfection.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-feature-card ax-reveal\"\u003e\n        \u003cdiv class=\"ax-feature-title\"\u003eL'Éveil des Sens\u003c\/div\u003e\n        \u003cdiv class=\"ax-feature-desc\"\u003eLa cafetière intégrée extrait les arômes profonds de votre café pendant que la plaque supérieure saisit doucement.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 8 : TENSION NARRATIVE (Tout en bas, pour les indécis qui scrollent jusqu'à la fin) --\u003e\n  \u003csection class=\"ax-tension ax-reveal\"\u003e\n    \u003cdiv class=\"ax-section-num\"\u003e05 \/ LA RÉALITÉ\u003c\/div\u003e\n    \u003ch2 class=\"ax-tension-title\"\u003eFini les matins qui ressemblent à une course.\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ax-bullet-list\"\u003e\n      \u003cdiv class=\"ax-bullet ax-reveal\"\u003e\n        \u003cspan class=\"ax-bullet-icon\"\u003e🌪️\u003c\/span\u003e\n        \u003cspan class=\"ax-bullet-text\"\u003eJongler entre la poêle, le grille-pain et la bouilloire pendant que le temps file.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-bullet ax-reveal\"\u003e\n        \u003cspan class=\"ax-bullet-icon\"\u003e🧼\u003c\/span\u003e\n        \u003cspan class=\"ax-bullet-text\"\u003eUne montagne de vaisselle qui vous attend le soir après une longue journée.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOC 9 : LAST CHANCE (Le dernier filet) --\u003e\n  \u003csection class=\"ax-footer-cta ax-reveal\"\u003e\n    \u003ch3 class=\"ax-last-word\"\u003e\"Les matins ne seront plus jamais les mêmes.\"\u003c\/h3\u003e\n\n    \u003cdiv class=\"ax-trust-badges\"\u003e\n      \u003cdiv class=\"ax-trust-item\"\u003e\n        \u003cspan class=\"ax-trust-icon\"\u003e📦\u003c\/span\u003e\n        \u003cspan class=\"ax-trust-text\"\u003ePaiement\u003cbr\u003eLivraison\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-trust-item\"\u003e\n        \u003cspan class=\"ax-trust-icon\"\u003e⚡\u003c\/span\u003e\n        \u003cspan class=\"ax-trust-text\"\u003eLivré\u003cbr\u003eAujourd'hui\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ax-trust-item\"\u003e\n        \u003cspan class=\"ax-trust-icon\"\u003e🛡️\u003c\/span\u003e\n        \u003cspan class=\"ax-trust-text\"\u003eGarantie\u003cbr\u003e14 Jours\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-top: 32px;\"\u003e\n      \u003cspan class=\"ax-scroll-top\"\u003e↑ Remonter en haut ↑\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003c!-- =======================================================================\n     FIN HTML\n     ======================================================================= --\u003e\n\n\u003cscript\u003e\n  \/* =========================================\n     JAVASCRIPT (Encapsulé pour éviter les conflits Shopify)\n     ========================================= *\/\n  (function() {\n    \n    \/\/ 1. COUNTDOWN TIMER\n    function initCountdown() {\n      const display = document.getElementById('ax-countdown');\n      if (!display) return;\n      \n      \/\/ Random start between 3h and 7h\n      let timeInSeconds = Math.floor(Math.random() * (4 * 3600)) + (3 * 3600);\n      \n      setInterval(function() {\n        if (timeInSeconds \u003c= 0) return;\n        timeInSeconds--;\n        \n        let h = Math.floor(timeInSeconds \/ 3600);\n        let m = Math.floor((timeInSeconds % 3600) \/ 60);\n        let s = Math.floor(timeInSeconds % 60);\n        \n        h = h \u003c 10 ? '0' + h : h;\n        m = m \u003c 10 ? '0' + m : m;\n        s = s \u003c 10 ? '0' + s : s;\n        \n        display.textContent = h + ':' + m + ':' + s;\n      }, 1000);\n    }\n\n    \/\/ 2. STOCK COUNTER \u0026 VIEWERS\n    function initUrgency() {\n      const stockEl = document.getElementById('ax-stock-counter');\n      const topbarStockEl = document.getElementById('ax-topbar-stock');\n      const viewersEl = document.getElementById('ax-viewers-count');\n      \n      let stock = Math.floor(Math.random() * 8) + 7; \/\/ Entre 7 et 14\n      let viewers = Math.floor(Math.random() * 18) + 14; \/\/ Entre 14 et 31\n      \n      if(stockEl) stockEl.textContent = stock;\n      if(topbarStockEl) topbarStockEl.textContent = stock;\n      if(viewersEl) viewersEl.textContent = viewers;\n\n      \/\/ Viewers fluctuations (every 8-15s)\n      setInterval(() =\u003e {\n        let change = Math.floor(Math.random() * 5) - 2; \/\/ -2 to +2\n        viewers = Math.max(14, Math.min(35, viewers + change));\n        if(viewersEl) viewersEl.textContent = viewers;\n      }, Math.floor(Math.random() * 7000) + 8000);\n\n      \/\/ Stock decrease (every ~42s randomly)\n      setInterval(() =\u003e {\n        if(stock \u003e 3 \u0026\u0026 Math.random() \u003e 0.6) {\n          stock--;\n          if(stockEl) stockEl.textContent = stock;\n          if(topbarStockEl) topbarStockEl.textContent = stock;\n        }\n      }, 42000);\n    }\n\n    \/\/ 3. TOAST NOTIFICATIONS\n    function initToasts() {\n      const container = document.getElementById('ax-toast-container');\n      if (!container) return;\n\n      const profiles = [\n        { name: \"Awa\", city: \"Abidjan\" },\n        { name: \"Ibrahim\", city: \"Dakar\" },\n        { name: \"Christelle\", city: \"Yaoundé\" },\n        { name: \"Sika\", city: \"Cotonou\" },\n        { name: \"Koffi\", city: \"Abidjan\" },\n        { name: \"Fatou\", city: \"Dakar\" },\n        { name: \"Junior\", city: \"Libreville\" },\n        { name: \"Amadou\", city: \"Abidjan\" },\n        { name: \"Mariam\", city: \"Cotonou\" }\n      ];\n\n      function showToast() {\n        const profile = profiles[Math.floor(Math.random() * profiles.length)];\n        const minAgo = Math.floor(Math.random() * 12) + 1;\n        \n        \/\/ UI Avatars generation\n        const avatarUrl = `https:\/\/ui-avatars.com\/api\/?name=${profile.name}\u0026background=FF6B00\u0026color=fff\u0026size=88\u0026bold=true`;\n\n        const toast = document.createElement('div');\n        toast.className = 'ax-toast';\n        toast.innerHTML = `\n          \u003cimg src=\"${avatarUrl}\" alt=\"${profile.name}\"\u003e\n          \u003cdiv class=\"ax-toast-content\"\u003e\n            \u003cdiv class=\"ax-toast-title\"\u003e${profile.name} — ${profile.city}\u003c\/div\u003e\n            \u003cdiv class=\"ax-toast-time\"\u003e\u003cdiv class=\"ax-dot-green\"\u003e\u003c\/div\u003e Vient de commander le Maître des Matins\u003c\/div\u003e\n          \u003c\/div\u003e\n        `;\n\n        container.appendChild(toast);\n\n        \/\/ Animate in\n        setTimeout(() =\u003e toast.classList.add('ax-show'), 100);\n\n        \/\/ Remove after 4.5s\n        setTimeout(() =\u003e {\n          toast.classList.remove('ax-show');\n          setTimeout(() =\u003e toast.remove(), 500); \/\/ wait for transition\n        }, 4500);\n      }\n\n      \/\/ Start after 3s, then every 9s\n      setTimeout(() =\u003e {\n        showToast();\n        setInterval(showToast, 9000);\n      }, 3000);\n    }\n\n    \/\/ 4. INTERSECTION OBSERVER (Scroll animations)\n    function initScrollAnimations() {\n      const elements = document.querySelectorAll('.ax-reveal');\n      \n      if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries, observer) =\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        }, {\n          root: null,\n          threshold: 0.1,\n          rootMargin: \"0px 0px -50px 0px\"\n        });\n\n        elements.forEach(el =\u003e observer.observe(el));\n      } else {\n        \/\/ Fallback for older browsers\n        elements.forEach(el =\u003e el.classList.add('ax-visible'));\n      }\n    }\n\n    \/\/ INIT ALL\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      initCountdown();\n      initUrgency();\n      initToasts();\n      initScrollAnimations();\n    });\n\n  })();\n\u003c\/script\u003e","brand":"Shop 2","offers":[{"title":"Default Title","offer_id":49095771783420,"sku":null,"price":44900.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/3-in-1_Multi-Functional_Breakfast_Toaster_Steamer.jpg?v=1778798144","url":"https:\/\/market-zone.shop\/products\/four-3-en-1","provider":"Shop 2","version":"1.0","type":"link"}