{"product_id":"beret-premium-en-similicuir","title":"Béret Premium en Similicuir","description":"\u003cbody\u003e\n\u003cp\u003e\u003cstrong\u003eBERET EN SIMILICUIR L'Élégance qui Fait la Différence\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/ChatGPT_Image_28_aout_2026_19_04_01.png?v=1787937200\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text PDq2pG_selectionAnchorContainer\"\u003e\u003cspan class=\"w6asjq_TextBase _85PZeG_Text\"\u003eAffirmez votre style dès le premier regard.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/ChatGPT_Image_28_aout_2026_19_06_27.png?v=1787937200\" alt=\"\"\u003e\u003c\/span\u003e\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003eQue ce soit pour une sortie en ville, un rendez-vous ou une tenue de tous les jours, ce béret en similicuir apporte une touche d'élégance intemporelle qui attire naturellement les regards. Son design vintage revisité s'accorde parfaitement avec une veste en cuir, un manteau ou une tenue décontractée.\u003c\/p\u003e\n\u003ch2 class=\"w6asjq_TextBase GgxHUa_Title PDq2pG_selectionAnchorContainer\"\u003ePourquoi vous allez l'adorer\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/ChatGPT_Image_28_aout_2026_10_35_26.png?v=1787940973\" alt=\"\"\u003e\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cul class=\"PSWZZq_List\"\u003e\n\u003cli class=\"PSWZZq_Item\"\u003e\n\u003cdiv class=\"PSWZZq_Content\"\u003e\n\u003cdiv class=\"PSWZZq_Label\"\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003e\u003cspan class=\"w6asjq_TextBase _85PZeG_Text\"\u003eLook haut de gamme :\u003c\/span\u003e finition effet cuir avec des coutures soignées pour un style élégant.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/ChatGPT_Image_28_aout_2026_18_48_39.png?v=1787940972\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"PSWZZq_Item\"\u003e\n\u003cdiv class=\"PSWZZq_Content\"\u003e\n\u003cdiv class=\"PSWZZq_Label\"\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003e\u003cspan class=\"w6asjq_TextBase _85PZeG_Text\"\u003eConfort au quotidien :\u003c\/span\u003e matière souple et agréable à porter pendant des heures.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/ChatGPT_Image_28_aout_2026_18_47_19.png?v=1787940973\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"PSWZZq_Item\"\u003e\n\u003cdiv class=\"PSWZZq_Content\"\u003e\n\u003cdiv class=\"PSWZZq_Label\"\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003e\u003cspan class=\"w6asjq_TextBase _85PZeG_Text\"\u003eTaille ajustable :\u003c\/span\u003e sangle arrière avec boucle métallique pour un maintien confortable.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/ChatGPT_Image_28_aout_2026_18_56_37.png?v=1787940972\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"PSWZZq_Item\"\u003e\n\u003cdiv class=\"PSWZZq_Content\"\u003e\n\u003cdiv class=\"PSWZZq_Label\"\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003e\u003cspan class=\"w6asjq_TextBase _85PZeG_Text\"\u003eStyle intemporel :\u003c\/span\u003e idéal pour les sorties, le travail, les voyages ou les événements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"PSWZZq_Item\"\u003e\n\u003cdiv class=\"PSWZZq_Content\"\u003e\n\u003cdiv class=\"PSWZZq_Label\"\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003e\u003cspan class=\"w6asjq_TextBase _85PZeG_Text\"\u003e3 coloris disponibles :\u003c\/span\u003e Noir, Marron foncé et Marron clair.\u003c\/p\u003e\n\u003ch2 class=\"w6asjq_TextBase GgxHUa_Title PDq2pG_selectionAnchorContainer\"\u003eUn accessoire qui transforme votre tenue\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/BO6.png?v=1787941091\" alt=\"\"\u003e\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003eUne simple casquette ne suffit pas toujours à marquer les esprits. Ce béret apporte une allure plus raffinée, plus mature et plus affirmée, tout en restant facile à porter avec presque toutes vos tenues.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/BO4_0fcba338-8e00-4c0b-af51-28bef697a291.png?v=1787941091\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003e \u003c\/p\u003e\n\u003cp class=\"w6asjq_TextBase _85PZeG_Text\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDémo — Pop-up témoignages\u003c\/title\u003e\n\u003cstyle\u003e\n  :root{\n    --bg-card: #ffffff;\n    --bg-card-border: #e4e6eb;\n    --text-main: #1c1e21;\n    --text-muted: #65676b;\n    --accent: #2374e1;\n    --accent-heart: #f3425f;\n    --success: #45bd62;\n    --radius: 14px;\n    --shadow: 0 10px 30px rgba(0,0,0,.15);\n  }\n\n  * { box-sizing: border-box; }\n\n  body{\n    margin:0;\n    min-height:100vh;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background: #f5f6f7;\n    color: var(--text-main);\n    padding: 40px 24px;\n  }\n\n  .demo-wrap{\n    max-width: 640px;\n    margin: 0 auto;\n  }\n\n  .demo-wrap h1{\n    font-size: 1.4rem;\n    margin-bottom: 4px;\n  }\n\n  .demo-wrap p{\n    color: var(--text-muted);\n    font-size: .95rem;\n    line-height: 1.5;\n  }\n\n  code{\n    background:#eceff1;\n    padding:2px 6px;\n    border-radius:6px;\n    font-size:.85em;\n  }\n\n  \/* ---------- POP-UP ---------- *\/\n  #social-proof-popup{\n    position: fixed;\n    left: 20px;\n    bottom: 20px;\n    width: 320px;\n    max-width: calc(100vw - 40px);\n    background: var(--bg-card);\n    border: 1px solid var(--bg-card-border);\n    border-left: 4px solid var(--success);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 16px 16px 12px;\n    display: flex;\n    gap: 10px;\n    z-index: 9999;\n    transform: translateY(140%);\n    opacity: 0;\n    transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .5s ease;\n    cursor: pointer;\n  }\n\n  #social-proof-popup.show{\n    transform: translateY(0);\n    opacity: 1;\n  }\n\n  #social-proof-popup .body{\n    flex: 1;\n    min-width: 0;\n  }\n\n  #social-proof-popup .name-row{\n    display:flex;\n    align-items:center;\n    gap:6px;\n  }\n\n  #social-proof-popup .name-row strong{\n    font-size: .95rem;\n    letter-spacing: .2px;\n  }\n\n  #social-proof-popup .verified{\n    width: 15px; height: 15px;\n    background: var(--success);\n    border-radius: 50%;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    flex-shrink:0;\n    animation: pulse-verified 1.6s ease-in-out infinite;\n  }\n  #social-proof-popup .verified::after{\n    content:\"✓\";\n    color:#fff;\n    font-size: 9px;\n    line-height:1;\n    font-weight: 700;\n  }\n\n  @keyframes pulse-verified{\n    0%, 100% { box-shadow: 0 0 0 0 rgba(69,189,98,.5); }\n    50% { box-shadow: 0 0 0 5px rgba(69,189,98,0); }\n  }\n\n  #social-proof-popup .text{\n    font-size: .92rem;\n    font-weight: 600;\n    color: var(--text-main);\n    line-height: 1.4;\n    margin: 4px 0 8px;\n  }\n\n  #social-proof-popup .cta-row{\n    margin-top: 8px;\n    font-size: .82rem;\n    font-weight: 700;\n    color: var(--accent);\n  }\n\n  #social-proof-popup .product-thumb{\n    width: 100%;\n    height: 110px;\n    object-fit: cover;\n    border-radius: 10px;\n    margin-bottom: 8px;\n    display:block;\n  }\n\n  #social-proof-popup .meta-row{\n    display:flex;\n    align-items:center;\n    justify-content: space-between;\n    font-size: .76rem;\n    color: var(--text-muted);\n  }\n\n  #social-proof-popup .reacts{\n    display:flex;\n    align-items:center;\n    gap:4px;\n  }\n\n  #social-proof-popup .close-btn{\n    position:absolute;\n    top:6px;\n    right:8px;\n    background:none;\n    border:none;\n    color: var(--text-muted);\n    font-size: 1rem;\n    cursor:pointer;\n    line-height:1;\n    padding:4px;\n  }\n  #social-proof-popup .close-btn:hover{ color: var(--text-main); }\n\n  #social-proof-popup .progress{\n    position:absolute;\n    left:0; bottom:0;\n    height:3px;\n    background: var(--accent);\n    width:0%;\n    border-radius: 0 0 0 var(--radius);\n  }\n\n  @media (max-width: 480px){\n    #social-proof-popup{\n      left: 12px;\n      right: 12px;\n      width: auto;\n      bottom: 12px;\n    }\n  }\n\n  \/* ---------- SECTION COMMENTAIRES ---------- *\/\n  .comments-section{\n    max-width: 640px;\n    margin: 32px auto 0;\n    background: var(--bg-card);\n    border: 1px solid var(--bg-card-border);\n    border-radius: var(--radius);\n    box-shadow: 0 2px 10px rgba(0,0,0,.06);\n    padding: 18px;\n  }\n\n  .comments-section h2{\n    font-size: 1.1rem;\n    margin: 0 0 14px;\n  }\n\n  .comment{\n    display: flex;\n    gap: 10px;\n    padding: 12px 0;\n    border-top: 1px solid var(--bg-card-border);\n  }\n  .comment:first-of-type{ border-top: none; }\n\n  .comment .c-avatar{\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    background: #eceff1;\n    flex-shrink: 0;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-size: 16px;\n  }\n\n  .comment .c-body{ flex:1; min-width:0; }\n\n  .comment .c-bubble{\n    background: #f0f2f5;\n    border-radius: 16px;\n    padding: 8px 12px;\n    display: inline-block;\n  }\n\n  .comment .c-name-row{\n    display:flex;\n    align-items:center;\n    gap:5px;\n  }\n\n  .comment .c-name-row strong{ font-size:.86rem; }\n\n  .comment .c-verified{\n    width: 13px; height: 13px;\n    background: var(--success);\n    border-radius: 50%;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    flex-shrink:0;\n  }\n  .comment .c-verified::after{\n    content:\"✓\";\n    color:#fff;\n    font-size: 8px;\n    font-weight:700;\n    line-height:1;\n  }\n\n  .comment .c-stars{\n    color: #f7b500;\n    font-size: .8rem;\n    letter-spacing: 1px;\n    margin: 2px 0 4px;\n  }\n\n  .comment .c-text{\n    font-size: .86rem;\n    color: var(--text-main);\n    line-height: 1.4;\n    margin-top: 1px;\n  }\n\n  .comment .c-meta{\n    display:flex;\n    gap:14px;\n    margin-top: 4px;\n    font-size: .76rem;\n    color: var(--text-muted);\n  }\n\n  .comment .c-meta span{ cursor:pointer; }\n  .comment .c-meta span.likes{ font-weight:600; }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"demo-wrap\"\u003e\n  \u003ch1\u003eAperçu — Notifications percutantes\u003c\/h1\u003e\n  \u003cp\u003e\n    Le pop-up apparaît en bas à gauche toutes les \u003cstrong\u003e4 secondes\u003c\/strong\u003e, sans photo ni profil\n    de client — juste un message court, direct et un badge ✓ sur les notifications vérifiées.\n    Modifie le tableau \u003ccode\u003eTEMOIGNAGES\u003c\/code\u003e en bas du fichier pour changer les messages.\n    Clique sur le pop-up pour aller vers ta page produit.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Le pop-up --\u003e\n\u003cdiv id=\"social-proof-popup\"\u003e\n  \u003cbutton class=\"close-btn\" id=\"popup-close\" aria-label=\"Fermer\"\u003e✕\u003c\/button\u003e\n  \u003cdiv class=\"body\"\u003e\n    \u003cdiv class=\"name-row\"\u003e\n      \u003cspan class=\"verified\" id=\"popup-verified\" title=\"Achat vérifié\" style=\"display:none;\"\u003e\u003c\/span\u003e\n      \u003cstrong id=\"popup-name\"\u003e\u003c\/strong\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"text\" id=\"popup-text\"\u003e\u003c\/div\u003e\n    \u003cimg class=\"product-thumb\" id=\"popup-image\" src=\"\" alt=\"Photo produit\"\u003e\n    \u003cdiv class=\"meta-row\"\u003e\n      \u003cspan id=\"popup-time\"\u003eà l'instant\u003c\/span\u003e\n      \u003cspan class=\"reacts\"\u003e👍❤️ \u003cspan id=\"popup-likes\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cta-row\"\u003eVoir l'offre →\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"progress\" id=\"popup-progress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section commentaires (façon Facebook, fond blanc) --\u003e\n\u003cdiv class=\"comments-section\"\u003e\n  \u003ch2\u003e256 commentaires\u003c\/h2\u003e\n  \u003cdiv style=\"display:flex;align-items:center;gap:8px;margin:-8px 0 14px;\"\u003e\n    \u003cspan style=\"color:#f7b500;font-size:1rem;letter-spacing:1px;\"\u003e★★★★★\u003c\/span\u003e\n    \u003cspan style=\"font-size:.85rem;color:var(--text-muted);\"\u003e4.8\/5 · basé sur les commandes livrées\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"comment\"\u003e\n    \u003cdiv class=\"c-avatar\"\u003e🙂\u003c\/div\u003e\n    \u003cdiv class=\"c-body\"\u003e\n      \u003cdiv class=\"c-bubble\"\u003e\n        \u003cdiv class=\"c-name-row\"\u003e\n          \u003cstrong\u003eClient vérifié\u003c\/strong\u003e\n          \u003cspan class=\"c-verified\" title=\"Achat vérifié\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"c-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"c-text\"\u003eReçu ce matin ! Franchement la qualité est au top, très classe et bien fini 👌 Ça change tout un look.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"c-meta\"\u003e\n        \u003cspan\u003eRécemment\u003c\/span\u003e\n        \u003cspan\u003eJ'aime\u003c\/span\u003e\n        \u003cspan\u003eRépondre\u003c\/span\u003e\n        \u003cspan class=\"likes\"\u003e👍 48\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"comment\"\u003e\n    \u003cdiv class=\"c-avatar\"\u003e🙂\u003c\/div\u003e\n    \u003cdiv class=\"c-body\"\u003e\n      \u003cdiv class=\"c-bubble\"\u003e\n        \u003cdiv class=\"c-name-row\"\u003e\n          \u003cstrong\u003eClient vérifié\u003c\/strong\u003e\n          \u003cspan class=\"c-verified\" title=\"Achat vérifié\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"c-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"c-text\"\u003eEnfin un béret qui me va parfaitement. Le similicuir est souple et résistant. Je l'ai pris en marron, encore plus beau en vrai 😎\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"c-meta\"\u003e\n        \u003cspan\u003eRécemment\u003c\/span\u003e\n        \u003cspan\u003eJ'aime\u003c\/span\u003e\n        \u003cspan\u003eRépondre\u003c\/span\u003e\n        \u003cspan class=\"likes\"\u003e👍 31\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"comment\"\u003e\n    \u003cdiv class=\"c-avatar\"\u003e🙂\u003c\/div\u003e\n    \u003cdiv class=\"c-body\"\u003e\n      \u003cdiv class=\"c-bubble\"\u003e\n        \u003cdiv class=\"c-name-row\"\u003e\n          \u003cstrong\u003eClient vérifié\u003c\/strong\u003e\n          \u003cspan class=\"c-verified\" title=\"Achat vérifié\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"c-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"c-text\"\u003eService client au top et livraison super rapide ❤️ Le noir est magnifique ! Je recommande à 100%.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"c-meta\"\u003e\n        \u003cspan\u003eRécemment\u003c\/span\u003e\n        \u003cspan\u003eJ'aime\u003c\/span\u003e\n        \u003cspan\u003eRépondre\u003c\/span\u003e\n        \u003cspan class=\"likes\"\u003e👍 27\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"comment\"\u003e\n    \u003cdiv class=\"c-avatar\"\u003e🙂\u003c\/div\u003e\n    \u003cdiv class=\"c-body\"\u003e\n      \u003cdiv class=\"c-bubble\"\u003e\n        \u003cdiv class=\"c-name-row\"\u003e\n          \u003cstrong\u003eClient vérifié\u003c\/strong\u003e\n          \u003cspan class=\"c-verified\" title=\"Achat vérifié\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"c-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"c-text\"\u003eTrès élégant, léger et confortable. On sent que c'est du premium. Bravo pour le produit 🔥\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"c-meta\"\u003e\n        \u003cspan\u003eRécemment\u003c\/span\u003e\n        \u003cspan\u003eJ'aime\u003c\/span\u003e\n        \u003cspan\u003eRépondre\u003c\/span\u003e\n        \u003cspan class=\"likes\"\u003e👍 19\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/* =========================================================\n     1) CONFIGURE ICI TES NOTIFICATIONS\n     - name    : libellé du type de notification (pas un nom inventé)\n     - text    : le message affiché — reste factuel, n'annonce que ce que\n                 tu peux réellement tenir (ex: n'écris \"remboursé\" que si\n                 c'est une politique que tu appliques vraiment)\n     - image   : photo produit associée (optionnel, laisse \"\" si aucune)\n     - likes   : nombre affiché (laisse \"\" pour cacher)\n     - verified: true pour afficher le badge ✓ vert\n     - link    : où envoyer l'utilisateur au clic\n     ========================================================= *\/\n  \/\/ Notifications génériques, dynamiques et honnêtes : aucun nom, aucune\n  \/\/ photo de personne inventée. Remplace-les par de vrais avis clients dès\n  \/\/ que tu en as (texte + photo, avec leur accord).\n  const TEMOIGNAGES = [\n    {\n      name: \"🛍️ Achat vérifié\",\n      text: \"Commande confirmée et livrée avec succès. Qualité premium garantie.\",\n      image: \"\",\n      likes: \"\",\n      verified: true,\n      link: \"https:\/\/styleelegance.com\/beret-similicuir\"\n    },\n    {\n      name: \"⚡ Commande en cours\",\n      text: \"Une nouvelle commande vient d'être passée à l'instant. Stock limité !\",\n      image: \"\",\n      likes: \"\",\n      verified: true,\n      link: \"https:\/\/styleelegance.com\/beret-similicuir\"\n    },\n    {\n      name: \"⭐ Note moyenne\",\n      text: \"4.8\/5 sur l'ensemble de nos commandes livrées. Rejoignez nos clients satisfaits.\",\n      image: \"\",\n      likes: \"\",\n      verified: false,\n      link: \"https:\/\/styleelegance.com\/beret-similicuir\"\n    },\n    {\n      name: \"🚚 Livraison rapide\",\n      text: \"Livraison disponible partout, satisfaction garantie ou remboursé.\",\n      image: \"\",\n      likes: \"\",\n      verified: false,\n      link: \"https:\/\/styleelegance.com\/beret-similicuir\"\n    }\n  ];\n\n  \/* =========================================================\n     2) RÉGLAGES\n     ========================================================= *\/\n  const INTERVAL_MS   = 4000; \/\/ apparition toutes les 4s\n  const VISIBLE_MS    = 3200; \/\/ durée d'affichage avant de disparaître\n\n  const popup   = document.getElementById('social-proof-popup');\n  const elName  = document.getElementById('popup-name');\n  const elText  = document.getElementById('popup-text');\n  const elImage = document.getElementById('popup-image');\n  const elLikes = document.getElementById('popup-likes');\n  const elVerified = document.getElementById('popup-verified');\n  const elProg  = document.getElementById('popup-progress');\n  const closeBtn= document.getElementById('popup-close');\n\n  let index = 0;\n  let paused = false;\n\n  function renderPopup(data){\n    elName.textContent = data.name;\n    elText.textContent = data.text;\n    elVerified.style.display = data.verified ? 'inline-flex' : 'none';\n\n    const likesWrap = elLikes.parentElement; \/\/ .reacts\n    if(data.likes){\n      elLikes.textContent = data.likes;\n      likesWrap.style.display = 'flex';\n    } else {\n      likesWrap.style.display = 'none';\n    }\n\n    if(data.image){\n      elImage.src = data.image;\n      elImage.style.display = 'block';\n    } else {\n      elImage.style.display = 'none';\n    }\n\n    popup.onclick = (e) =\u003e {\n      if(e.target === closeBtn) return;\n      if(data.link) window.open(data.link, '_blank');\n    };\n  }\n\n  function showPopup(){\n    if(paused) return;\n    const data = TEMOIGNAGES[index % TEMOIGNAGES.length];\n    renderPopup(data);\n    popup.classList.add('show');\n\n    \/\/ barre de progression\n    elProg.style.transition = 'none';\n    elProg.style.width = '0%';\n    requestAnimationFrame(() =\u003e {\n      elProg.style.transition = `width ${VISIBLE_MS}ms linear`;\n      elProg.style.width = '100%';\n    });\n\n    setTimeout(() =\u003e {\n      popup.classList.remove('show');\n    }, VISIBLE_MS);\n\n    index++;\n  }\n\n  closeBtn.addEventListener('click', (e) =\u003e {\n    e.stopPropagation();\n    popup.classList.remove('show');\n    paused = true;\n    setTimeout(() =\u003e { paused = false; }, INTERVAL_MS);\n  });\n\n  \/\/ première apparition rapide, puis boucle toutes les 4s\n  setTimeout(showPopup, 800);\n  setInterval(showPopup, INTERVAL_MS);\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"AFRICA CONNECT","offers":[{"title":"Default Title","offer_id":54003638010040,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0963\/5918\/6616\/files\/ChatGPTImage28aout2026_19_08_08.png?v=1787936913","url":"https:\/\/qnci2f-0c.myshopify.com\/products\/beret-premium-en-similicuir","provider":"AFRICA CONNECT","version":"1.0","type":"link"}