{"product_id":"coloherbe-80g","title":"Coloherbe 80g – Herbes naturelles du Maroc pour le confort digestif","description":"\u003c!-- ============================================================\n     FICHE PRODUIT : COLOHERBE – CONFORT DIGESTIF NATUREL\n     - Pas de H1 (géré par Shopify)\n     - Structure H2, H3, paragraphes, listes\n     - Données issues UNIQUEMENT de la source fournie\n     - Optimisée SEO \/ Shopify \/ GMC\n     - Code moderne, responsive, prêt à copier-coller\n     ============================================================ --\u003e\n\u003cdiv id=\"coloherbe\" class=\"product-description\"\u003e\n\n  \u003c!-- BADGE \/ INDICATEUR VISUEL --\u003e\n  \u003cdiv class=\"badge-produit\"\u003e🌿 Coloherbe – Herbes naturelles du Maroc\u003c\/div\u003e\n\n  \u003c!-- ========== H3 BIENFAITS (source) ========== --\u003e\n  \u003ch3\u003eBienfaits de Coloherbe\u003c\/h3\u003e\n\n  \u003cul class=\"liste-bienfaits\"\u003e\n    \u003cli\u003e✅ Soulage efficacement les ballonnements et l'excès de gaz intestinaux\u003c\/li\u003e\n    \u003cli\u003e✅ Apaise les colites stomacales et intestinales\u003c\/li\u003e\n    \u003cli\u003e✅ Réduit l'aérophagie et les sensations de nausées\u003c\/li\u003e\n    \u003cli\u003e✅ Contribue à la gestion des symptômes de la colopathie fonctionnelle\u003c\/li\u003e\n    \u003cli\u003e✅ Composé d'herbes naturelles du Maroc pour une action douce et efficace\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003c!-- ========== H3 MODE D'EMPLOI (source) ========== --\u003e\n  \u003ch3\u003eMode d'emploi\u003c\/h3\u003e\n\n  \u003cdiv class=\"encart-utilisation\"\u003e\n    \u003cp\u003e🔹 Ajoutez \u003cstrong\u003e2 cuillères à soupe\u003c\/strong\u003e de Coloherbe dans \u003cstrong\u003e500 ml d'eau bouillante\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003e🔹 Laissez infuser \u003cstrong\u003e20 minutes\u003c\/strong\u003e, puis filtrez\u003c\/p\u003e\n    \u003cp\u003e🔹 Buvez \u003cstrong\u003e1 verre avant chaque repas\u003c\/strong\u003e (matin, midi et soir)\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ========== H3 CONSEILS D'UTILISATION (source) ========== --\u003e\n  \u003ch3\u003eConseils d'utilisation\u003c\/h3\u003e\n\n  \u003cdiv class=\"encart-conseils\"\u003e\n    \u003col class=\"liste-conseils\"\u003e\n      \u003cli\u003eÉvitez les boissons gazeuses, le café au lait et les féculents durant la cure pour de meilleurs résultats.\u003c\/li\u003e\n      \u003cli\u003eColoherbe est un complément naturel favorisant un confort digestif optimal et un équilibre intestinal durable.\u003c\/li\u003e\n    \u003c\/ol\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ========== CTA FINAL ========== --\u003e\n  \u003cdiv class=\"cta-final\"\u003e\n    \u003cp\u003e\u003cstrong\u003eRetrouvez un confort digestif naturel avec Coloherbe, aux herbes du Maroc.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ========== SCRIPT ========== --\u003e\n  \u003cscript\u003e\n    (function() {\n      var container = document.getElementById('coloherbe');\n      if (container) {\n        container.classList.add('loaded');\n      }\n      console.log('Fiche produit Coloherbe chargée.');\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     STYLES COMPLETS (CSS intégré)\n     ============================================================ --\u003e\n\u003cstyle\u003e\n  \/* ----- Reset \/ Base ----- *\/\n  #coloherbe {\n    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n    max-width: 820px;\n    margin: 0 auto;\n    padding: 1.8rem 1.5rem;\n    background: #ffffff;\n    border-radius: 24px;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\n    line-height: 1.7;\n    color: #1e2a3a;\n    transition: all 0.2s ease;\n  }\n\n  #coloherbe * {\n    margin: 0 0 0.8rem 0;\n    box-sizing: border-box;\n  }\n  #coloherbe p {\n    margin-bottom: 1rem;\n  }\n  #coloherbe ul, #coloherbe ol {\n    margin-bottom: 1.4rem;\n    padding-left: 1.6rem;\n  }\n  #coloherbe li {\n    margin-bottom: 0.5rem;\n  }\n\n  \/* ----- Badge ----- *\/\n  .badge-produit {\n    display: inline-block;\n    background: #eaf0e6;\n    color: #3d6e3a;\n    font-size: 0.85rem;\n    font-weight: 600;\n    padding: 0.3rem 1.2rem;\n    border-radius: 30px;\n    letter-spacing: 0.3px;\n    margin-bottom: 1.2rem;\n    border: 1px solid #c2d9bc;\n  }\n\n  \/* ----- H2 \/ H3 typo ----- *\/\n  #coloherbe h2 {\n    font-size: 1.9rem;\n    font-weight: 700;\n    color: #1f402a;\n    margin-top: 0.2rem;\n    margin-bottom: 0.6rem;\n    letter-spacing: -0.3px;\n    border-bottom: 3px solid #7a9e6b;\n    padding-bottom: 0.3rem;\n    display: inline-block;\n  }\n  #coloherbe h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #2b543a;\n    margin-top: 1.6rem;\n    margin-bottom: 0.4rem;\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n  }\n  #coloherbe h3::before {\n    content: \"◆\";\n    color: #7a9e6b;\n    font-size: 1.2rem;\n  }\n\n  \/* ----- Liste bienfaits (source) ----- *\/\n  .liste-bienfaits {\n    list-style: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.6rem;\n    margin: 1rem 0 1.6rem 0;\n  }\n  .liste-bienfaits li {\n    background: #f6faf5;\n    padding: 0.7rem 1.2rem 0.7rem 2.2rem;\n    border-radius: 16px;\n    position: relative;\n    border: 1px solid #e4efe4;\n    color: #1f3a2a;\n  }\n  .liste-bienfaits li::before {\n    content: \"\";\n    position: absolute;\n    left: 12px;\n    top: 12px;\n    font-size: 1.1rem;\n    color: #7a9e6b;\n    font-weight: 700;\n  }\n\n  \/* ----- Encart utilisation (source) ----- *\/\n  .encart-utilisation {\n    background: #ecf5ea;\n    padding: 1.2rem 1.8rem;\n    border-radius: 20px;\n    border-left: 6px solid #4d7a4d;\n    margin: 0.2rem 0 1.4rem 0;\n    font-size: 1.05rem;\n  }\n  .encart-utilisation p {\n    margin-bottom: 0.4rem;\n  }\n  .encart-utilisation p:last-child {\n    margin-bottom: 0;\n  }\n  .encart-utilisation strong {\n    color: #2a5a2a;\n  }\n\n  \/* ----- Encart conseils (source) ----- *\/\n  .encart-conseils {\n    background: #f6faf5;\n    padding: 1.2rem 1.8rem;\n    border-radius: 20px;\n    border: 1px solid #e4efe4;\n    margin: 0.2rem 0 1.4rem 0;\n  }\n  .liste-conseils {\n    margin: 0;\n    padding-left: 1.4rem;\n  }\n  .liste-conseils li {\n    margin-bottom: 0.5rem;\n    color: #1f3a2a;\n  }\n  .liste-conseils li:last-child {\n    margin-bottom: 0;\n  }\n\n  \/* ----- CTA final ----- *\/\n  .cta-final {\n    background: linear-gradient(145deg, #f0f7ef, #e3eee2);\n    padding: 1.2rem 1.8rem;\n    border-radius: 40px;\n    text-align: center;\n    font-size: 1.1rem;\n    margin: 1.6rem 0 1.2rem 0;\n    border: 1px solid #c3d9c0;\n  }\n  .cta-final p {\n    margin: 0;\n    font-weight: 500;\n    color: #1f402a;\n  }\n  .cta-final strong {\n    color: #1f6e3b;\n  }\n\n  \/* ----- Responsive \u0026 ajustements ----- *\/\n  @media (max-width: 600px) {\n    #coloherbe {\n      padding: 1.2rem 1rem;\n    }\n    #coloherbe h2 {\n      font-size: 1.6rem;\n    }\n    #coloherbe h3 {\n      font-size: 1.25rem;\n    }\n    .encart-utilisation, .encart-conseils {\n      padding: 1rem 1.2rem;\n    }\n    .liste-bienfaits li {\n      padding: 0.6rem 1rem 0.6rem 2rem;\n    }\n  }\n\n  \/* ----- Animation légère (JS) ----- *\/\n  #coloherbe.loaded {\n    animation: fadeSlide 0.5s ease;\n  }\n  @keyframes fadeSlide {\n    0% { opacity: 0.5; transform: translateY(10px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n\u003c\/style\u003e","brand":"Herbo Ridouane","offers":[{"title":"Default Title","offer_id":46918276612426,"sku":"coloherbe212","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Coloherbe_80g_Herbes_naturelles_du_Maroc_pour_le_confort_digestif5132.jpg?v=1789132299","url":"https:\/\/www.nilabeautys.com\/ar\/products\/coloherbe-80g","provider":"nilabeautys.com","version":"1.0","type":"link"}