{"title":"Antioxydants","description":"\u003cp\u003eVous cherchez le meilleur antioxydant naturel et vous vous retrouvez face à de la phycocyanine, de l'astaxanthine, de la vitamine C ou du curcuma ? La vraie question n'est pas de savoir lequel est le plus puissant, mais lequel correspond à votre besoin, à votre rythme et à la forme que vous prendrez réellement tous les jours.\u003c\/p\u003e\n\u003ch2\u003eQuel antioxydant choisir selon votre besoin\u003c\/h2\u003e\n\u003cp\u003eLes antioxydants aident l'organisme à faire face au stress oxydatif, mais ils n'agissent pas tous de la même façon ni sous la même forme. Voici une comparaison rapide pour vous situer.\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eActif\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eProduits à découvrir\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eForme et dosage affiché\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003ePour qui, pourquoi\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003ePhycocyanine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/phyco-200-lifes-code-phycocyanine-200mg\" target=\"_blank\"\u003ePhyco 200 - Life's Code\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/phyco-500-lifes-code\" target=\"_blank\"\u003ePhyco 500 - Life's Code\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/phycocyanine-ampoules-etika-sprirulina\" target=\"_blank\"\u003ePhycocyanine ampoules (x20) - Etika Spirulina\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGélules de 200 mg ou 500 mg, ou ampoules liquides\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003ePigment bleu de la spiruline, étudié pour ses propriétés antioxydantes. Phyco 200 pour débuter, Phyco 500 pour un apport plus soutenu, ampoules pour ceux qui n'aiment pas avaler de gélules.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eSpiruline liquide\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/algosource-spirulysat-original-extrait-liquide-de-spiruline-ampoule-20x10ml-algosource\" target=\"_blank\"\u003eSpirulysat Original, 15 ampoules - AlgoSource\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eAmpoules de 10 ml, 20 mg de phycocyanines par ampoule\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eExtrait liquide de spiruline, format pratique pour une cure courte.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eAstaxanthine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/astaxanthine-bio-30-gelules-aosa-veritable\" target=\"_blank\"\u003eAstaxanthine bio, 30 gélules - Aosa Véritable\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGélules, 8 mg\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eCaroténoïde d'origine microalgale, parmi les antioxydants naturels les plus étudiés. Certifié bio.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eVitamine C\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/c-form-vitamine-c-liposomale-1428-mg-60-gelules-inolab\" target=\"_blank\"\u003eC+Form Vitamine C liposomale, 60 gélules - Inolab\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGélules liposomales, 1000 mg pour 2 gélules\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLe seul actif de ce tableau avec une allégation officielle : la vitamine C contribue à protéger les cellules contre le stress oxydatif. Forme liposomale pensée pour favoriser l'assimilation.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eCurcuma\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/curaform-curcuma-60-comprimes-inolab\" target=\"_blank\"\u003eCuraform, 60 comprimés - Inolab\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eComprimés, 150 mg de curcumine pour 2 comprimés\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eCurcumine CurQfen®, une forme brevetée conçue pour améliorer la biodisponibilité de la curcumine, naturellement mal absorbée. La marque le présente d'abord pour le confort articulaire.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eMyrtille\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/myrti-jade-poudre-de-myrtille-concentree-200-g-jade-recherche\" target=\"_blank\"\u003eMyrti jade, poudre 200 g - Jade Recherche\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003ePoudre\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003ePoudre concentrée riche en anthocyanes, à intégrer dans un smoothie ou un yaourt.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eChampignon\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/chaga-56-gelules-french-mush\" target=\"_blank\"\u003eChaga, 56 gélules - French Mush\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGélules, 800 mg d'extrait pour 2 gélules\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eChampignon traditionnellement utilisé, présenté par la marque pour l'antioxydation et l'immunité. Certifié bio.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eComplexe\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/kudzuline-bio-60-gelules-lt-labo\" target=\"_blank\"\u003eKudzuline BIO, 60 gélules - LT Labo\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGélules, 300 mg de kudzu et 200 mg de spiruline pour 2 gélules\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eAssociation kudzu et spiruline certifiée bio, pensée d'abord pour accompagner une démarche de rééquilibrage. Les isoflavones du kudzu sont présentées pour leur action antioxydante.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLes critères qui font la différence\u003c\/h2\u003e\n\u003cp\u003eDeux produits vous semblent proches ? La règle à retenir : \u003cstrong\u003echoisissez d'abord l'actif, puis la forme que vous prendrez vraiment chaque jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ La forme galénique\u003c\/strong\u003e : les gélules favorisent la régularité au quotidien. Les ampoules (Phycocyanine Etika Spirulina, Spirulysat) conviennent à ceux qui ont du mal à avaler. La poudre (Myrti jade) s'intègre directement dans l'alimentation.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Le dosage affiché\u003c\/strong\u003e : comparez à dosage égal, Phyco 200 contre Phyco 500 par exemple. Plus dosé ne veut pas dire meilleur pour tout le monde : commencer bas permet d'évaluer sa tolérance.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ La biodisponibilité\u003c\/strong\u003e : deux exemples concrets dans cette sélection, la forme liposomale de C+Form et la curcumine CurQfen® de Curaform, deux technologies pensées pour améliorer l'absorption de l'actif.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Le label bio\u003c\/strong\u003e : l'Astaxanthine bio Aosa Véritable, le Kudzuline BIO LT Labo, le Chaga French Mush et Curaform sont certifiés bio d'après leur fiche. Ce n'est pas le cas de l'ensemble de la sélection.\u003c\/p\u003e\n\u003ch2\u003eDurée de cure et précautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eUne supplémentation antioxydante s'envisage sur la durée, généralement sous forme de cure de plusieurs semaines. \u003cstrong\u003eNe vous attendez pas à un effet immédiat : la régularité prime sur tout.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eRespectez la posologie indiquée sur la fiche de chaque produit. De façon générale, certains profils doivent être attentifs : femmes enceintes ou allaitantes, enfants, personnes sous traitement anticoagulant (le curcuma notamment), et toute personne suivie pour une pathologie chronique.\u003c\/p\u003e\n\u003cp\u003eUn complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un mode de vie sain. \u003cstrong\u003eEn cas de doute ou de traitement en cours, demandez l'avis de votre médecin ou de votre pharmacien.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eNotre conseil pour bien commencer\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eLa régularité compte plus que la puissance affichée.\u003c\/strong\u003e Choisissez l'actif qui correspond à votre objectif, puis la forme que vous n'oublierez pas de prendre.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est l'antioxydant naturel le plus puissant ?\u003c\/summary\u003e\n\u003cp\u003eL'astaxanthine est souvent citée parmi les antioxydants naturels les plus puissants dans la recherche, tout comme la phycocyanine. Mais la puissance mesurée en laboratoire ne dit pas tout : ce qui compte vraiment, c'est l'adéquation à votre besoin, la biodisponibilité de la forme choisie et, surtout, la régularité de la prise. Un antioxydant puissant que vous oubliez de prendre n'a aucun intérêt.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le roi des antioxydants ?\u003c\/summary\u003e\n\u003cp\u003eCe surnom est fréquemment donné à l'astaxanthine, parfois aussi au glutathion, produit naturellement par l'organisme. En réalité, aucun actif n'est supérieur en toutes circonstances. Chaque antioxydant a un profil d'action différent, et le meilleur pour vous dépend de votre objectif, de votre mode de vie et de votre tolérance personnelle.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel antioxydant pour les yeux ?\u003c\/summary\u003e\n\u003cp\u003eLa myrtille, riche en anthocyanes, et l'astaxanthine sont deux actifs souvent étudiés dans le contexte du confort visuel. On les retrouve respectivement dans Myrti jade et l'Astaxanthine bio Aosa Véritable. Aucune allégation thérapeutique ne peut leur être attribuée. En cas de trouble visuel avéré, consultez un ophtalmologiste avant d'envisager une supplémentation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur antioxydant disponible en pharmacie ?\u003c\/summary\u003e\n\u003cp\u003eLa vitamine C est l'antioxydant le plus courant en pharmacie et l'un des rares à bénéficier d'une allégation officielle : elle contribue à protéger les cellules contre le stress oxydatif. C+Form propose une forme liposomale pensée pour améliorer l'assimilation, ce qui la distingue des formulations classiques. Pour un conseil personnalisé, votre pharmacien reste le meilleur interlocuteur.\u003c\/p\u003e\n\u003c\/details\u003e","products":[{"product_id":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --gly-cream: #f5f6fa;\n  --gly-white: #ffffff;\n  --gly-primary: #1a3a6e;\n  --gly-primary-dark: #0e2550;\n  --gly-primary-light: #e8edf6;\n  --gly-secondary: #c8102e;\n  --gly-accent: #3b7dd8;\n  --gly-text: #1a1a1a;\n  --gly-text-light: #5a5a5a;\n  --gly-border: #e0e0e0;\n  --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gly-radius: 20px;\n  --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gly-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n  border-radius: var(--gly-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gly-shadow-lg);\n}\n\n.gly-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(200,16,46,.12) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gly-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.gly-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.gly-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gly-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gly-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gly-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gly-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.gly-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gly-primary), var(--gly-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gly-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gly-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gly-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gly-shadow-lg);\n  border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gly-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n  padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gly-shadow);\n  border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n  background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 22px;\n  box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n  font-size: clamp(17px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gly-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gly-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n  flex: 1;\n  background: var(--gly-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gly-radius-sm);\n  box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n  font-size: 14px;\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gly-shadow);\n  border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gly-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gly-primary-light);\n  border-radius: var(--gly-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gly-tip p {\n  font-size: 14px;\n  color: var(--gly-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  box-shadow: var(--gly-shadow);\n  overflow: hidden;\n}\n\n.gly-accordion-item {\n  border-bottom: 1px solid var(--gly-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gly-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gly-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gly-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gly-accordion-header:hover {\n  background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gly-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gly-primary);\n  transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n  content: '−';\n}\n\n.gly-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gly-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gly-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n  background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gly-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(200,16,46,.15) 0%, transparent 50%),\n              radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n  font-size: 12px;\n  color: var(--gly-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gly-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gly-card {\n    padding: 1.125rem;\n  }\n\n  .gly-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gly-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gly-radius-sm);\n  }\n\n  .gly-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gly-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gly-grid-compact {\n    gap: .625rem;\n  }\n\n  .gly-grid-compact .gly-card {\n    padding: .75rem;\n  }\n\n  \/* Composition highlight mobile *\/\n  .gly-composition-highlight {\n    flex-direction: column;\n    text-align: center;\n    padding: 1.25rem;\n  }\n\n  .gly-composition-badge {\n    width: 64px;\n    height: 64px;\n    font-size: 18px;\n  }\n\n  \/* Timeline mobile *\/\n  .gly-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gly-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gly-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gly-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .gly-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gly-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .gly-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gly-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gly-card {\n    animation: glyFadeInUp .5s ease backwards;\n  }\n  .gly-card:nth-child(1) { animation-delay: .05s; }\n  .gly-card:nth-child(2) { animation-delay: .1s; }\n  .gly-card:nth-child(3) { animation-delay: .15s; }\n  .gly-card:nth-child(4) { animation-delay: .2s; }\n  .gly-card:nth-child(5) { animation-delay: .25s; }\n  .gly-card:nth-child(6) { animation-delay: .3s; }\n\n  .gly-timeline-item {\n    animation: glyFadeInUp .5s ease backwards;\n  }\n  .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .gly-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-qualidiet-packshothd.webp?v=1786024913"},{"product_id":"b-curcumax-300-mg-flacon-60-gelules-vitalosmose","title":"B-curcumax 300 Mg - 60 Gélules - Vital Osmose","description":"\u003cdiv class=\"bcx-premium\"\u003e\n  \u003cdiv class=\"bcx-hero\"\u003e\n    \u003cdiv class=\"bcx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bcx-hero-content\"\u003e\n      \u003cdiv class=\"bcx-badges-top\"\u003e\n        \u003cspan class=\"bcx-badge\"\u003e🌿 Extrait breveté BCM-95®\u003c\/span\u003e\n        \u003cspan class=\"bcx-badge\"\u003e✨ Sans pipérine\u003c\/span\u003e\n        \u003cspan class=\"bcx-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bcx-hero-title\"\u003eLa puissance du curcuma, enfin assimilable\u003c\/span\u003e\n      \u003cp class=\"bcx-subtitle\"\u003eCurcuma Longa titré à 95% de curcuminoïdes\u003c\/p\u003e\n      \u003cp class=\"bcx-description\"\u003eUne formule nouvelle génération qui exploite les huiles essentielles naturelles du curcuma pour une bioassimilation 5 à 7 fois supérieure, sans recours au poivre noir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bcx-section\"\u003e\n    \u003ch2\u003eLe vrai défi du curcuma : son assimilation\u003c\/h2\u003e\n    \u003cp class=\"bcx-section-intro\"\u003eLa curcumine est le composé le plus étudié du curcuma, mais l'organisme l'assimile mal. C'est pourquoi beaucoup de compléments y ajoutent de la pipérine, un extrait de poivre noir. B-Curcumax fait un autre choix.\u003c\/p\u003e\n    \u003cp class=\"bcx-section-intro\"\u003eL'extrait \u003cstrong\u003eBiocurcumax BCM-95®\u003c\/strong\u003e, développé par le laboratoire Ayurna, associe les curcuminoïdes aux \u003cstrong\u003ehuiles essentielles naturelles du curcuma\u003c\/strong\u003e, comme dans la racine d'origine.\u003c\/p\u003e\n    \u003cdiv class=\"bcx-grid\"\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🚀 Bioassimilation x5 à x7\u003c\/h3\u003e\n        \u003cp\u003eUne absorption 5 à 7 fois supérieure à celle d'un extrait de curcuma standard, selon le fabricant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e⏱️ Rétention prolongée\u003c\/h3\u003e\n        \u003cp\u003eLa curcumine reste 2 à 3 fois plus longtemps dans le sang pour une action durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🌱 Zéro poivre noir\u003c\/h3\u003e\n        \u003cp\u003eUn vrai atout si vous digérez mal la pipérine ou préférez une formule naturelle épurée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcx-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"bcx-grid-compact\"\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🧡 300 mg\u003c\/h3\u003e\n        \u003cp\u003eExtrait sec de curcuma longa BCM-95® titré à 95% de curcuminoïdes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e💛 285 mg\u003c\/h3\u003e\n        \u003cp\u003eDe curcuminoïdes dont 185 mg de curcumine pure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🌾 50 mg\u003c\/h3\u003e\n        \u003cp\u003ePoudre de racine entière de curcuma longa\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e💊 Gélule HPMC\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe 100% d'origine végétale, sans gélatine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bcx-tip\"\u003e\n      \u003cspan class=\"bcx-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003ePilulier de \u003cstrong\u003e60 gélules\u003c\/strong\u003e (27,3 g net) — Formule \u003cstrong\u003e100% naturelle\u003c\/strong\u003e et \u003cstrong\u003esans pipérine\u003c\/strong\u003e, avec stéarate de magnésium comme seul excipient.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcx-section\"\u003e\n    \u003ch2\u003eÀ quoi sert le curcuma longa 300 mg ?\u003c\/h2\u003e\n    \u003cp class=\"bcx-section-intro\"\u003eUtilisé depuis des siècles en tradition ayurvédique, le curcuma est apprécié pour ses multiples bienfaits sur l'organisme.\u003c\/p\u003e\n    \u003cdiv class=\"bcx-grid\"\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient la flexibilité et le confort des articulations au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🫀 Foie \u0026amp; digestion\u003c\/h3\u003e\n        \u003cp\u003eParticipe au bon fonctionnement du foie et de la fonction biliaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien du système immunitaire et des défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🌬️ Voies respiratoires\u003c\/h3\u003e\n        \u003cp\u003eSoutient le bien-être des poumons et des voies respiratoires supérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e⚡ Antioxydant\u003c\/h3\u003e\n        \u003cp\u003eLa curcumine est étudiée pour son intérêt antioxydant face au stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n        \u003cp\u003eUn allié de choix pour les personnes actives ou soucieuses de bien vieillir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcx-section\"\u003e\n    \u003ch2\u003eComment prendre B-Curcumax ?\u003c\/h2\u003e\n    \u003cdiv class=\"bcx-timeline\"\u003e\n      \u003cdiv class=\"bcx-timeline-item\"\u003e\n        \u003cdiv class=\"bcx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bcx-timeline-content\"\u003e\n          \u003ch3\u003e💊 1 gélule par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez une gélule par jour avec un grand verre d'eau. Référez-vous toujours à l'étiquette.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-timeline-item\"\u003e\n        \u003cdiv class=\"bcx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bcx-timeline-content\"\u003e\n          \u003ch3\u003e🍽️ Au cours d'un repas\u003c\/h3\u003e\n          \u003cp\u003ePrenez votre gélule pendant un repas : plus facile d'en faire une habitude quotidienne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcx-timeline-item\"\u003e\n        \u003cdiv class=\"bcx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bcx-timeline-content\"\u003e\n          \u003ch3\u003e📅 2 mois de cure\u003c\/h3\u003e\n          \u003cp\u003eÀ raison d'une gélule par jour, un pilulier couvre deux mois de cure complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bcx-tip\"\u003e\n      \u003cspan class=\"bcx-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCertaines sources mentionnent jusqu'à 3 gélules par jour. \u003cstrong\u003eNe dépassez jamais la dose journalière conseillée\u003c\/strong\u003e indiquée sur l'étiquette.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcx-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bcx-accordion\"\u003e\n      \u003cdetails class=\"bcx-accordion-item\"\u003e\n        \u003csummary class=\"bcx-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bcx-accordion-item\"\u003e\n        \u003csummary class=\"bcx-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé en cas de traitement anticoagulant, anticancéreux ou immunosuppresseur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bcx-accordion-item\"\u003e\n        \u003csummary class=\"bcx-accordion-header\"\u003e⚠️ Contre-indications médicales\u003c\/summary\u003e\n        \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé en cas de pathologie des voies biliaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bcx-accordion-item\"\u003e\n        \u003csummary class=\"bcx-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un mode de vie sain. \u003cstrong\u003eIl ne se substitue en aucun cas à un traitement médical.\u003c\/strong\u003e En cas de doute, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eVos questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"bcx-accordion\"\u003e\n      \u003cdetails class=\"bcx-accordion-item\"\u003e\n        \u003csummary class=\"bcx-accordion-header\"\u003ePourquoi choisir un curcuma sans pipérine ?\u003c\/summary\u003e\n        \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n          \u003cp\u003eContrairement aux formules de type curcuma et pipérine en gélules végétales 300 mg, le BCM-95® s'appuie sur les composés naturels du curcuma lui-même — notamment ses huiles essentielles — pour favoriser l'assimilation de la curcumine. Idéal si vous digérez mal le poivre noir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bcx-accordion-item\"\u003e\n        \u003csummary class=\"bcx-accordion-header\"\u003eQuelle différence avec un curcuma 300 mg classique ?\u003c\/summary\u003e\n        \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n          \u003cp\u003eUne poudre de racine contient généralement peu de curcumine. Ici, chaque gélule en apporte \u003cstrong\u003e185 mg\u003c\/strong\u003e, grâce à un extrait titré à 95% de curcuminoïdes. Le dosage actif est donc incomparablement plus élevé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bcx-accordion-item\"\u003e\n        \u003csummary class=\"bcx-accordion-header\"\u003eQuel est votre avis sur B-Curcumax ?\u003c\/summary\u003e\n        \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n          \u003cp\u003eC'est une option intéressante si vous recherchez un extrait standardisé, breveté et bien dosé, dans une formule courte et sans additif superflu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bcx-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bcx-cream: #fdf8f5;\n  --bcx-white: #ffffff;\n  --bcx-primary: #c8306a;\n  --bcx-primary-dark: #8f1f4a;\n  --bcx-primary-light: #fce8ef;\n  --bcx-secondary: #e8a845;\n  --bcx-accent: #f4c54c;\n  --bcx-text: #2a1a20;\n  --bcx-text-light: #6b5a60;\n  --bcx-border: #f0e4e8;\n  --bcx-shadow: 0 4px 24px rgba(200, 48, 106, .08);\n  --bcx-shadow-lg: 0 12px 48px rgba(200, 48, 106, .18);\n  --bcx-radius: 20px;\n  --bcx-radius-sm: 12px;\n}\n\n.bcx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bcx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--bcx-text);\n  line-height: 1.6;\n}\n\n.bcx-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c8306a 0%, #8f1f4a 50%, #e8a845 100%);\n  border-radius: var(--bcx-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bcx-shadow-lg);\n}\n\n.bcx-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(244,197,76,.3) 0%, transparent 50%);\n  opacity: .3;\n}\n\n.bcx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bcx-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.bcx-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.bcx-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(13px, 2vw, 16px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.bcx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bcx-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bcx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bcx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bcx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bcx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bcx-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.bcx-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bcx-primary), var(--bcx-secondary));\n  border-radius: 2px;\n}\n\n.bcx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bcx-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.bcx-section-intro strong {\n  color: var(--bcx-primary-dark);\n}\n\n.bcx-card {\n  background: var(--bcx-white);\n  border-radius: var(--bcx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bcx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bcx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bcx-shadow-lg);\n  border-color: var(--bcx-primary);\n}\n\n.bcx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bcx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bcx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bcx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bcx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bcx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bcx-grid-compact .bcx-card {\n  padding: 1rem;\n}\n\n.bcx-grid-compact .bcx-card h3 {\n  font-size: 15px;\n  margin-bottom: .35rem;\n  color: var(--bcx-primary);\n}\n\n.bcx-grid-compact .bcx-card p {\n  font-size: 12.5px;\n}\n\n.bcx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.bcx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bcx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bcx-primary), var(--bcx-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200,48,106,.3);\n}\n\n.bcx-timeline-content {\n  flex: 1;\n  background: var(--bcx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bcx-radius-sm);\n  box-shadow: var(--bcx-shadow);\n}\n\n.bcx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bcx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bcx-timeline-content p {\n  font-size: 14px;\n  color: var(--bcx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.bcx-accordion {\n  background: var(--bcx-white);\n  border-radius: var(--bcx-radius);\n  box-shadow: var(--bcx-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.bcx-accordion-item {\n  border-bottom: 1px solid var(--bcx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bcx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bcx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bcx-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.bcx-accordion-header:hover {\n  background: var(--bcx-primary-light);\n}\n\n.bcx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bcx-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--bcx-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.bcx-accordion-item[open] .bcx-accordion-header::after {\n  content: '−';\n}\n\n.bcx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bcx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bcx-accordion-content p {\n  margin: 0;\n}\n\n.bcx-accordion-content strong {\n  color: var(--bcx-primary-dark);\n}\n\n.bcx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bcx-primary-light);\n  border-radius: var(--bcx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n  border-left: 4px solid var(--bcx-primary);\n}\n\n.bcx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.bcx-tip p {\n  font-size: 14px;\n  color: var(--bcx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bcx-tip strong {\n  color: var(--bcx-primary-dark);\n}\n\n.bcx-disclaimer {\n  font-size: 12px;\n  color: var(--bcx-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .bcx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bcx-card {\n    padding: 1.125rem;\n  }\n\n  .bcx-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bcx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bcx-radius-sm);\n  }\n\n  .bcx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bcx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bcx-grid-compact {\n    gap: .625rem;\n  }\n\n  .bcx-grid-compact .bcx-card {\n    padding: .75rem;\n  }\n\n  .bcx-grid-compact .bcx-card h3 {\n    font-size: 13px;\n  }\n\n  .bcx-grid-compact .bcx-card p {\n    font-size: 11.5px;\n  }\n\n  .bcx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bcx-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bcx-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bcx-timeline-content p {\n    font-size: 13px;\n  }\n\n  .bcx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .bcx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .bcx-tip {\n    padding: .875rem 1rem;\n  }\n\n  .bcx-tip p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .bcx-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bcx-card:nth-child(1) { animation-delay: .05s; }\n  .bcx-card:nth-child(2) { animation-delay: .1s; }\n  .bcx-card:nth-child(3) { animation-delay: .15s; }\n  .bcx-card:nth-child(4) { animation-delay: .2s; }\n  .bcx-card:nth-child(5) { animation-delay: .25s; }\n  .bcx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bcx-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754729824413,"sku":"VO4360","price":28.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/b-curcumax-60-gelules-vitalosmose.webp?v=1791196073"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"qc-hero\"\u003e\n    \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qc-hero-content\"\u003e\n      \u003cdiv class=\"qc-badges-top\"\u003e\n        \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n      \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n      \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n    \u003cdiv class=\"qc-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n        \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n        \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid-compact\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n        \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"qc-timeline\"\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-accordion\"\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n        \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n        \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-cta-box\"\u003e\n      \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qc-cream: #f4f5f8;\n  --qc-white: #ffffff;\n  --qc-primary: #1e3a6e;\n  --qc-primary-dark: #122550;\n  --qc-primary-light: #e8edf5;\n  --qc-secondary: #4a6fa5;\n  --qc-accent: #8ba3cc;\n  --qc-text: #1a1a1a;\n  --qc-text-light: #5a5a5a;\n  --qc-border: #dde2ea;\n  --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n  --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n  --qc-radius: 20px;\n  --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n  border-radius: var(--qc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.qc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.qc-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.qc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.qc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qc-primary), var(--qc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qc-shadow-lg);\n  border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.qc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n  padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qc-primary), var(--qc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.qc-timeline-content {\n  flex: 1;\n  background: var(--qc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qc-radius-sm);\n  box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n  font-size: 14px;\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  box-shadow: var(--qc-shadow);\n  overflow: hidden;\n}\n\n.qc-accordion-item {\n  border-bottom: 1px solid var(--qc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qc-accordion-header:hover {\n  background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qc-primary);\n  transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n  content: '−';\n}\n\n.qc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qc-primary-light);\n  border-radius: var(--qc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qc-tip p {\n  font-size: 14px;\n  color: var(--qc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n  background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.qc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qc-disclaimer {\n  font-size: 12px;\n  color: var(--qc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .qc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qc-card {\n    padding: 1.125rem;\n  }\n\n  .qc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qc-radius-sm);\n  }\n\n  .qc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qc-grid-compact {\n    gap: .625rem;\n  }\n\n  .qc-grid-compact .qc-card {\n    padding: .75rem;\n  }\n\n  .qc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .qc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .qc-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qc-card {\n    animation: qcFadeInUp .5s ease backwards;\n  }\n  .qc-card:nth-child(1) { animation-delay: .05s; }\n  .qc-card:nth-child(2) { animation-delay: .1s; }\n  .qc-card:nth-child(3) { animation-delay: .15s; }\n  .qc-card:nth-child(4) { animation-delay: .2s; }\n  .qc-card:nth-child(5) { animation-delay: .25s; }\n  .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .qc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754731102365,"sku":"VO4616","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd.webp?v=1786025409"},{"product_id":"cassis-bio-50-ml-alphagem","title":"Macérat de Bourgeon de Cassis Bio 50ml - Alphagem","description":"\u003cdiv class=\"ag-premium\"\u003e\n\n  \u003cdiv class=\"ag-hero\"\u003e\n    \u003cdiv class=\"ag-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ag-hero-content\"\u003e\n      \u003cdiv class=\"ag-badges-top\"\u003e\n        \u003cspan class=\"ag-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e👑 Bourgeon roi\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e🇫🇷 Gemmothérapie\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e💧 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ag-hero-title\"\u003eBourgeon de Cassis Bio\u003c\/span\u003e\n      \u003cp class=\"ag-subtitle\"\u003eAlphagem — Ribes nigrum — Macérat-mère concentré\u003c\/p\u003e\n      \u003cp class=\"ag-description\"\u003eL'incontournable de la gemmothérapie : vitalité, confort articulaire et défenses naturelles réunis dans un seul bourgeon frais certifié bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eBourgeon de Cassis Bio Alphagem : l'incontournable de la gemmothérapie\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003eSi vous vous intéressez à la gemmothérapie, vous avez certainement déjà entendu parler du \u003cstrong\u003ebourgeon de cassis\u003c\/strong\u003e. Et pour cause : le \u003cstrong\u003ecassis (Ribes nigrum)\u003c\/strong\u003e est considéré comme le bourgeon roi en gemmothérapie, tant ses propriétés sont vastes et précieuses. Ce macérat-mère concentré \u003cstrong\u003eAlphagem\u003c\/strong\u003e, certifié bio, vous offre toute la vitalité du bourgeon frais dans un flacon de 50 ml.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eBienfaits du bourgeon de cassis : pourquoi est-il si réputé ?\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du bourgeon de cassis\u003c\/strong\u003e sont multiples et documentés depuis longtemps par les praticiens en phytothérapie. Voici les principaux atouts qui font du cassis en gemmothérapie un allié au quotidien :\u003c\/p\u003e\n    \u003cdiv class=\"ag-grid\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e💪 Soutien articulaire et musculaire\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour favoriser le confort des articulations et aider à maintenir une bonne mobilité, notamment en cas de raideurs saisonnières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🛡️ Résistance de l'organisme\u003c\/h3\u003e\n        \u003cp\u003eContribue à renforcer les défenses naturelles et aide votre corps à mieux faire face aux agressions extérieures, à la fatigue et aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e⚡ Action tonifiante et revitalisante\u003c\/h3\u003e\n        \u003cp\u003eRéputé pour son effet stimulant sur le métabolisme général, il apporte un véritable coup de fouet naturel en période de baisse de vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🍇 Propriétés antioxydantes\u003c\/h3\u003e\n        \u003cp\u003eRiche en composés protecteurs, il aide à lutter contre le stress oxydatif et soutient le bon fonctionnement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🌊 Effet dépuratif\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'élimination des toxines et soutient les fonctions rénales pour un organisme plus léger et purifié.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🔗 Potentialisateur naturel\u003c\/h3\u003e\n        \u003cp\u003eAssocié à d'autres bourgeons, il renforce et amplifie leurs effets. Idéal en synergie dans les cures de gemmothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003ePour profiter pleinement de ce macérat-mère de gemmothérapie cassis, suivez ces recommandations simples :\u003c\/p\u003e\n    \u003cdiv class=\"ag-timeline\"\u003e\n      \u003cdiv class=\"ag-timeline-item\"\u003e\n        \u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ag-timeline-content\"\u003e\n          \u003ch3\u003eAdultes : 5 à 15 gouttes par jour\u003c\/h3\u003e\n          \u003cp\u003ePures ou diluées dans un peu d'eau de source, entre les repas. Commencez par 5 gouttes et augmentez progressivement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-timeline-item\"\u003e\n        \u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ag-timeline-content\"\u003e\n          \u003ch3\u003eEnfants : sur avis d'un professionnel\u003c\/h3\u003e\n          \u003cp\u003eLe fabricant n'indique pas de posologie enfant ; le macérat contient 35 % d'alcool. Demandez conseil à un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-timeline-item\"\u003e\n        \u003cdiv class=\"ag-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ag-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 mois\u003c\/h3\u003e\n          \u003cp\u003eEn respectant la dose journalière recommandée. N'hésitez pas à demander l'avis d'un professionnel de santé pour adapter la posologie à vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003eLe bourgeon de cassis bio Alphagem contient exclusivement des ingrédients naturels et certifiés bio :\u003c\/p\u003e\n    \u003cdiv class=\"ag-grid-compact\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🌱 Bourgeons frais de cassis\u003c\/h3\u003e\n        \u003cp\u003eRibes nigrum bio — 37,5 mg pour 15 gouttes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n        \u003cp\u003e35 % vol. — conservateur naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003eBase de macération pure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n        \u003cp\u003eExtraction douce des principes actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ag-tip\"\u003e\n      \u003cspan class=\"ag-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eAucun additif artificiel, aucun colorant, aucun pesticide. Macération directe du bourgeon frais pour préserver l'ensemble des principes actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eBourgeon de cassis : effets secondaires et précautions\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003eCe produit est généralement très bien toléré lorsque les doses recommandées sont respectées. Toutefois, quelques précautions s'imposent :\u003c\/p\u003e\n    \u003cdiv class=\"ag-accordion\"\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière indiquée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e💊 Traitement en cours\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ag-cta-box\"\u003e\n      \u003cp\u003e🌿 En choisissant le \u003cstrong\u003ebourgeon de cassis bio Alphagem 50 ml\u003c\/strong\u003e, vous optez pour un produit authentique, élaboré avec soin dans le respect de la tradition gemmothérapeutique. Intégrez-le à votre routine bien-être et laissez la nature soutenir votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ag-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ag-cream: #f5f7f2;\n  --ag-white: #ffffff;\n  --ag-primary: #4a8c3f;\n  --ag-primary-dark: #2d5a27;\n  --ag-primary-light: #e8f2e5;\n  --ag-secondary: #7ab648;\n  --ag-accent: #3b2a1a;\n  --ag-text: #1a1a1a;\n  --ag-text-light: #5a5a5a;\n  --ag-border: #dde5d8;\n  --ag-shadow: 0 4px 24px rgba(45,90,39,.08);\n  --ag-shadow-lg: 0 12px 48px rgba(45,90,39,.15);\n  --ag-radius: 20px;\n  --ag-radius-sm: 12px;\n}\n\n.ag-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ag-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ag-accent) 0%, var(--ag-primary-dark) 40%, var(--ag-primary) 75%, var(--ag-secondary) 100%);\n  border-radius: var(--ag-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ag-shadow-lg);\n}\n\n.ag-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(122,182,72,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(122,182,72,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ag-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ag-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ag-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 500;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.ag-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 620px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ag-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ag-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ag-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ag-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ag-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ag-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ag-primary), var(--ag-secondary));\n  border-radius: 2px;\n}\n\n.ag-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ag-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ag-section-intro strong {\n  color: var(--ag-primary-dark);\n}\n\n\/* === CARDS === *\/\n.ag-card {\n  background: var(--ag-white);\n  border-radius: var(--ag-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ag-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ag-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ag-shadow-lg);\n  border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ag-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ag-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ag-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ag-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n  padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ag-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ag-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ag-primary), var(--ag-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ag-timeline-content {\n  flex: 1;\n  background: var(--ag-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ag-radius-sm);\n  box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ag-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n  font-size: 14px;\n  color: var(--ag-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ag-testimonial {\n  background: var(--ag-white);\n  border-radius: var(--ag-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ag-shadow);\n  border-left: 4px solid var(--ag-primary);\n}\n\n.ag-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ag-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n  background: var(--ag-white);\n  border-radius: var(--ag-radius);\n  box-shadow: var(--ag-shadow);\n  overflow: hidden;\n}\n\n.ag-accordion-item {\n  border-bottom: 1px solid var(--ag-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ag-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ag-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ag-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ag-accordion-header:hover {\n  background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ag-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ag-primary);\n  transition: transform .2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n  content: '−';\n}\n\n.ag-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ag-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ag-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ag-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ag-primary-light);\n  border-radius: var(--ag-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ag-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ag-tip p {\n  font-size: 14px;\n  color: var(--ag-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ag-cta-box {\n  background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 100%);\n  border-radius: var(--ag-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ag-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n  font-size: 12px;\n  color: var(--ag-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ag-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ag-card {\n    padding: 1.125rem;\n  }\n\n  .ag-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ag-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ag-radius-sm);\n  }\n\n  .ag-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ag-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ag-grid-compact {\n    gap: .625rem;\n  }\n\n  .ag-grid-compact .ag-card {\n    padding: .75rem;\n  }\n\n  .ag-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ag-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ag-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ag-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ag-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ag-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ag-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ag-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ag-card {\n    animation: agFadeInUp .5s ease backwards;\n  }\n  .ag-card:nth-child(1) { animation-delay: .05s; }\n  .ag-card:nth-child(2) { animation-delay: .1s; }\n  .ag-card:nth-child(3) { animation-delay: .15s; }\n  .ag-card:nth-child(4) { animation-delay: .2s; }\n  .ag-card:nth-child(5) { animation-delay: .25s; }\n  .ag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes agFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ag-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754889535645,"sku":"GE0040","price":25.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeon-de-cassis-bio-50ml-alphagem-packshothd.webp?v=1791469047"},{"product_id":"ashwagandha-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana\nPalette détectée:\n  - Primaire: #4BA3C3 (bleu azur\/turquoise du bandeau)\n  - Secondaire: #D4A574 (kraft\/beige naturel du sachet)\n  - Accent: #7CB342 (vert feuillage de la plante)\n  - Neutre: #F5F0E8 (crème naturel)\nAmbiance: Naturel\/Ayurvédique, Bio, Authentique, Bien-être, Tradition indienne\nPréfixe CSS: ash\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"L'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\"\n  2. \"Qu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\"\n  3. \"Les bienfaits de la poudre d'Ashwagandha Bio\"\n  4. \"Composition de l'Ashwagandha Bio Ayur-Vana\"\n  5. \"Comment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\"\n  6. \"Origine et engagements qualité Ayur-Vana\"\n  7. \"Pour qui est destinée l'Ashwagandha Bio en poudre ?\"\n  8. \"Précautions d'emploi et contre-indications\"\n  9. \"Conservation\"\n  10. \"Questions fréquentes sur l'Ashwagandha en poudre\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"ash-hero\"\u003e\n    \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ash-hero-content\"\u003e\n      \u003cdiv class=\"ash-badges-top\"\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e⏱️ 50 jours d'utilisation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en Poudre\u003c\/span\u003e\n      \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien pour retrouver sérénité et vitalité\u003c\/p\u003e\n      \u003cp class=\"ash-description\"\u003e150 g de poudre pure • Tradition ayurvédique millénaire • Adaptogène naturel\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eL'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eVous cherchez une solution naturelle pour mieux gérer le stress et retrouver votre vitalité ? L'Ashwagandha Bio en poudre d'Ayur-Vana est exactement ce qu'il vous faut.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧘 Adaptogène millénaire\u003c\/h3\u003e\n        \u003cp\u003eUtilisée depuis plus de 3000 ans dans la tradition ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003eAide l'organisme à gérer le stress au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre énergie et votre endurance ; traditionnellement utilisé en Ayurvéda pour la vitalité et le désir\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💤 Sommeil de qualité\u003c\/h3\u003e\n        \u003cp\u003eFavorise un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\u003c\/h2\u003e\n    \u003cdiv class=\"ash-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eashwagandha\u003c\/strong\u003e (\u003cem\u003eWithania somnifera\u003c\/em\u003e) fait partie des plantes adaptogènes les plus étudiées au monde. Son nom sanskrit signifie littéralement « odeur du cheval », en référence à la force et à la vitalité qu'elle confère traditionnellement.\u003c\/p\u003e\n      \u003cp\u003eContrairement aux stimulants classiques qui épuisent l'organisme sur le long terme, cette racine précieuse aide votre corps à \u003cstrong\u003es'adapter naturellement aux différentes formes de stress\u003c\/strong\u003e : physique, émotionnel ou environnemental.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est cette capacité unique d'adaptation qui fait de l'ashwagandha bio un complément si apprécié des personnes actives, stressées ou simplement soucieuses de leur bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la poudre d'Ashwagandha Bio\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eLa consommation régulière d'ashwagandha en poudre offre de nombreux bienfaits reconnus par la tradition ayurvédique et confirmés par des études scientifiques modernes.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧠 Gestion du stress et de l'anxiété\u003c\/h3\u003e\n        \u003cp\u003eAide à réguler le cortisol, l'hormone du stress, favorisant un état d'esprit plus serein tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n        \u003cp\u003ePrise le soir, l'ashwagandha favorise l'endormissement et un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💪 Soutien de la vitalité physique\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir votre énergie et votre endurance, particulièrement appréciée des sportifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🎯 Équilibre mental et cognitif\u003c\/h3\u003e\n        \u003cp\u003eAide à maintenir la concentration, la mémoire et la clarté d'esprit au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🛡️ Renforcement des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés antioxydantes participent au bon fonctionnement du système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComposition de l'Ashwagandha Bio Ayur-Vana\u003c\/h2\u003e\n    \u003cdiv class=\"ash-composition-box\"\u003e\n      \u003cdiv class=\"ash-composition-highlight\"\u003e\n        \u003cdiv class=\"ash-composition-text\"\u003e\n          \u003cstrong\u003e🌱 Ingrédient unique\u003c\/strong\u003e\n          \u003cp\u003e100% poudre de racine d'Ashwagandha* (\u003cem\u003eWithania somnifera\u003c\/em\u003e)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"ash-bio-mention\"\u003e*Ingrédient issu de l'agriculture biologique certifiée\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-purity-badges\"\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun additif\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun excipient\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun conservateur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette formule minimaliste est un véritable gage de qualité : vous bénéficiez uniquement de la pureté de la plante, dans le respect de la tradition ayurvédique authentique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ash-dosage-box\"\u003e\n      \u003cdiv class=\"ash-dosage-text\"\u003e\n        \u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e\n        \u003cp\u003e1 cuillère à café rase (environ 3 g) par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3 class=\"ash-subsection-title\"\u003eModes de consommation\u003c\/h3\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💧 Dans l'eau\u003c\/h3\u003e\n        \u003cp\u003eDiluée dans un grand verre d'eau tiède ou froide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥛 Moon milk\u003c\/h3\u003e\n        \u003cp\u003eMélangée à un lait végétal pour un moment relaxant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥤 Smoothies\u003c\/h3\u003e\n        \u003cp\u003eIncorporée dans vos smoothies, jus ou yaourts\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🍲 Cuisine\u003c\/h3\u003e\n        \u003cp\u003eAjoutée à vos soupes, porridges ou energy balls\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"ash-subsection-title\"\u003eMoment idéal de prise\u003c\/h3\u003e\n    \u003cdiv class=\"ash-timeline\"\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e☀️\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003ePour soutenir votre énergie et votre concentration tout au long de la journée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e🌙\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe soir\u003c\/h3\u003e\n          \u003cp\u003e30 minutes avant le coucher pour favoriser un sommeil paisible\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût de l'ashwagandha est terreux et légèrement amer. Si vous le trouvez trop prononcé, associez-la à une cuillère de miel ou à une boisson cacaotée pour l'adoucir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eOrigine et engagements qualité Ayur-Vana\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eAyur-Vana sélectionne ses racines d'ashwagandha auprès de producteurs indiens engagés dans l'agriculture biologique. Les plantes sont cultivées dans leur terroir d'origine, où le climat et les sols leur permettent de développer toute leur richesse en principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌿 Certification Agriculture Biologique\u003c\/h3\u003e\n        \u003cp\u003eCulture sans pesticides ni engrais chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eConditionnement et contrôles qualité réalisés sur le territoire français\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir pureté et conformité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📦 Sachet refermable\u003c\/h3\u003e\n        \u003cp\u003eConservation optimale de la fraîcheur et des propriétés de la poudre\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePour qui est destinée l'Ashwagandha Bio en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eCette poudre d'ashwagandha bio conviendra particulièrement si vous :\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😰 Périodes de stress intense\u003c\/h3\u003e\n        \u003cp\u003eStress professionnel, personnel, examens ou surcharge mentale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n        \u003cp\u003eDifficultés d'endormissement ou sommeil non réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eÉpuisement malgré un repos suffisant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimisation de la récupération et de l'endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📚 Besoin de concentration\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel des capacités cognitives et de mémorisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e👨‍🍳 Amateurs de cuisine\u003c\/h3\u003e\n        \u003cp\u003ePour une utilisation culinaire créative et personnalisée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 \u0026 9 : ACCORDÉON --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n            \u003cli\u003eNe pas utiliser en cas d'hyperthyroïdie ou de troubles thyroïdiens sans avis médical\u003c\/li\u003e\n            \u003cli\u003eDéconseillé aux personnes sous traitement immunosuppresseur ou sédatif\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eRespecter la dose journalière recommandée\u003c\/li\u003e\n            \u003cli\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical. En cas de doute ou de traitement en cours, consultez votre médecin ou votre pharmacien avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eConservation\u003c\/h2\u003e\n    \u003cdiv class=\"ash-conservation-box\"\u003e\n      \u003cp\u003eConservez votre sachet d'ashwagandha poudre bio dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière\u003c\/strong\u003e. Refermez soigneusement le sachet après chaque utilisation pour préserver toutes les qualités de la poudre. À consommer de préférence avant la date indiquée sur l'emballage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ash-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le soutien naturel qu'il mérite avec l'Ashwagandha Bio Ayur-Vana : \u003cstrong\u003e150 g de pureté ayurvédique\u003c\/strong\u003e pour retrouver sérénité, vitalité et un sommeil réparateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ash-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  \/* Couleurs principales *\/\n  --ash-cream: #F5F0E8;\n  --ash-white: #ffffff;\n  --ash-primary: #4BA3C3;\n  --ash-primary-dark: #2E7D99;\n  --ash-primary-light: #E8F4F8;\n  --ash-secondary: #D4A574;\n  --ash-accent: #7CB342;\n\n  \/* Textes *\/\n  --ash-text: #1a1a1a;\n  --ash-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --ash-border: #e0e0e0;\n  --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ash-radius: 20px;\n  --ash-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ash-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ash-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4BA3C3 0%, #2E7D99 50%, #7CB342 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ash-shadow-lg);\n}\n\n.ash-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-4 8-12 15-20 15 8 0 16 7 20 15 4-8 12-15 20-15-8 0-16-7-20-15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.ash-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ash-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ash-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.ash-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n}\n\n\/* === BADGES === *\/\n.ash-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ash-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ash-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ash-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ash-primary), var(--ash-accent));\n  border-radius: 2px;\n}\n\n.ash-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ash-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ash-subsection-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 1.5rem 0 1rem 0;\n  text-align: center;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ash-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ash-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ash-shadow-lg);\n  border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ash-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ash-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ash-grid-compact .ash-card {\n  padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.ash-info-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.ash-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.ash-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  text-align: center;\n  margin-bottom: 1.25rem;\n}\n\n.ash-composition-highlight {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .75rem;\n}\n\n.ash-composition-icon {\n  font-size: 48px;\n}\n\n.ash-composition-text strong {\n  display: block;\n  font-size: clamp(16px, 3vw, 20px);\n  color: var(--ash-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.ash-composition-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text-light);\n  margin: 0;\n}\n\n.ash-bio-mention {\n  font-size: 13px;\n  color: var(--ash-accent);\n  font-style: italic;\n  margin-top: 1rem;\n}\n\n.ash-purity-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-bottom: 1.25rem;\n}\n\n.ash-purity-badge {\n  background: var(--ash-primary-light);\n  color: var(--ash-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n\/* === DOSAGE BOX === *\/\n.ash-dosage-box {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.ash-dosage-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.ash-dosage-text strong {\n  display: block;\n  color: white;\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin-bottom: .25rem;\n}\n\n.ash-dosage-text p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.ash-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ash-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ash-timeline-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--ash-primary), var(--ash-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n}\n\n.ash-timeline-content {\n  flex: 1;\n  background: var(--ash-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ash-radius-sm);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ash-timeline-content p {\n  font-size: 14px;\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ash-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-primary-light);\n  border-radius: var(--ash-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ash-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ash-tip p {\n  font-size: 14px;\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CONSERVATION BOX === *\/\n.ash-conservation-box {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--ash-shadow);\n  border-left: 4px solid var(--ash-accent);\n}\n\n.ash-conservation-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.ash-conservation-box p {\n  font-size: clamp(14px, 2.5vw, 15px);\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  box-shadow: var(--ash-shadow);\n  overflow: hidden;\n}\n\n.ash-accordion-item {\n  border-bottom: 1px solid var(--ash-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ash-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ash-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ash-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ash-accordion-header:hover {\n  background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ash-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ash-primary);\n  transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n  content: '−';\n}\n\n.ash-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ash-accordion-content p {\n  margin: 0;\n}\n\n.ash-accordion-content ul {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n\n.ash-accordion-content li {\n  margin-bottom: .5rem;\n}\n\n.ash-accordion-content li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ash-cta-box {\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ash-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ash-disclaimer {\n  font-size: 12px;\n  color: var(--ash-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ash-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ash-card {\n    padding: 1.125rem;\n  }\n  \n  .ash-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ash-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ash-radius-sm);\n  }\n  \n  .ash-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ash-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ash-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ash-grid-compact .ash-card {\n    padding: .75rem;\n  }\n  \n  .ash-timeline-number {\n    width: 40px;\n    height: 40px;\n    font-size: 20px;\n  }\n  \n  .ash-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .ash-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .ash-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .ash-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ash-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ash-dosage-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1rem;\n  }\n  \n  .ash-conservation-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ash-info-box {\n    padding: 1.25rem;\n  }\n  \n  .ash-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ash-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ash-card:nth-child(1) { animation-delay: .05s; }\n  .ash-card:nth-child(2) { animation-delay: .1s; }\n  .ash-card:nth-child(3) { animation-delay: .15s; }\n  .ash-card:nth-child(4) { animation-delay: .2s; }\n  .ash-card:nth-child(5) { animation-delay: .25s; }\n  .ash-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ash-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755114324125,"sku":"AY9931","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Ashwagandha-Bio-150-grammes-de-poudre-en-sachet-694903.jpg?v=1732719467"},{"product_id":"boisson-instantanee-green-boost-bio-80-g-sol-semilla","title":"Boisson Green Boost Bio 50g - Spiruline, Acérola \u0026 Gingembre - Sol Semilla","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e⚡ 10 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eBoisson Green Boost Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eSpiruline, Acérola \u0026amp; Gingembre - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003eTrois superaliments bio d'exception réunis dans une poudre instantanée pour booster votre vitalité, renforcer votre immunité et accompagner vos performances sportives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003cp class=\"gb-section-intro\"\u003eVous cherchez un coup de fouet naturel pour démarrer la journée ou préparer une séance de sport ?\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌱 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en fer, protéines végétales et phycocyanine antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eNote épicée et réchauffante pour un effet tonifiant au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🥤 Instantanée\u003c\/h3\u003e\n\u003cp\u003e50 g de poudre, 10 portions, à mélanger avec du jus de pomme ou votre boisson préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePourquoi associer spiruline et acérola ? Les bienfaits de cette synergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-synergy-box\"\u003e\n\u003cp\u003eL'association \u003cstrong\u003espiruline acérola\u003c\/strong\u003e est l'une des plus étudiées en nutrition naturelle, et pour cause. La spiruline est une micro-algue exceptionnellement riche en \u003cstrong\u003efer, protéines végétales et phycocyanine\u003c\/strong\u003e, un pigment aux propriétés antioxydantes remarquables. L'acérola, petit fruit d'Amazonie, est quant à lui l'une des sources naturelles les plus concentrées en \u003cstrong\u003evitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa vitamine C de l'acérola \u003cstrong\u003efavorise l'absorption du fer\u003c\/strong\u003e contenu dans la spiruline. Vous profitez ainsi pleinement des bienfaits de chaque ingrédient — une synergie que les simples comprimés ne peuvent égaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eC'est exactement ce qui distingue cette formule des simples comprimés de \u003cstrong\u003espiruline et acérola\u003c\/strong\u003e disponibles sur le marché : ici, le gingembre vient compléter le trio pour un résultat encore plus complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eLe gingembre : un troisième allié pour votre énergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-testimonial\"\u003e\n\u003cp class=\"gb-testimonial-text\"\u003eReconnu depuis des siècles en médecine traditionnelle, le gingembre apporte une \u003cstrong\u003enote épicée et réchauffante\u003c\/strong\u003e à la boisson. L'association \u003cstrong\u003espiruline et gingembre\u003c\/strong\u003e crée un mélange tonifiant et savoureux, idéal pour soutenir votre vitalité au quotidien, que vous soyez sportif ou simplement en quête d'un regain d'énergie naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eFormulée à partir d'ingrédients 100 % biologiques, soigneusement sourcés entre l'Amazonie et le Maroc.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🌊 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eSource de fer, protéines et phycocyanine. Micro-algue aux propriétés nutritionnelles exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel de vitamine C et antioxydants. Petit fruit puissant d'Amazonie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eTonifiant et réchauffant. Épice millénaire reconnue pour ses vertus énergisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans gluten. Convient à une alimentation \u003cstrong\u003evégane\u003c\/strong\u003e et crue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComment préparer votre Green Boost ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune dose de 5 g\u003c\/strong\u003e (environ une cuillère à café bombée) dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eAjoutez votre boisson\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml de jus de pomme\u003c\/strong\u003e (recommandé par Sol Semilla) ou d'eau fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eMélangez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRemuez à la cuillère ou au shaker jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDégustez immédiatement\u003c\/h3\u003e\n\u003cp\u003eConsommez sans attendre pour profiter de \u003cstrong\u003etous les nutriments\u003c\/strong\u003e à leur maximum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, consommez votre boisson \u003cstrong\u003ele matin à jeun ou 30 minutes avant l'effort\u003c\/strong\u003e. Vous pouvez également l'ajouter à un smoothie ou un bol de fruits pour varier les plaisirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette boisson ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn boost naturel avant l'effort pour des performances au top\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de changement de saison ou de baisse d'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🛡️ Immunité fragilisée\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses naturelles grâce à la vitamine C et aux antioxydants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative bio aux comprimés classiques de spiruline et acérola\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gb-section\"\u003e\n\u003ch2\u003eQualité et engagements Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003eDepuis 1992, Sol Semilla sélectionne les \u003cstrong\u003emeilleurs superaliments biologiques\u003c\/strong\u003e avec une exigence rare. Certifié \u003cstrong\u003eAB (Agriculture Biologique)\u003c\/strong\u003e et conditionné en France, chaque sachet de 50 g offre \u003cstrong\u003e10 portions\u003c\/strong\u003e d'un rituel bien-être quotidien accessible et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire. Il ne remplace ni un régime alimentaire varié et équilibré, ni un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gb-cream: #faf6f0;\n  --gb-white: #ffffff;\n  --gb-primary: #d4441c;\n  --gb-primary-dark: #a8330f;\n  --gb-primary-light: #fef0ec;\n  --gb-secondary: #2d8c4e;\n  --gb-secondary-light: #e8f5ee;\n  --gb-accent: #5b9bd5;\n  --gb-kraft: #c8a96e;\n  --gb-text: #1a1a1a;\n  --gb-text-light: #5a5a5a;\n  --gb-border: #e0d8ce;\n  --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gb-radius: 20px;\n  --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gb-primary) 0%, #e06530 40%, var(--gb-secondary) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(from 0deg at 50% 0%, transparent 0deg, rgba(255,255,255,.06) 15deg, transparent 30deg);\n  opacity: 1;\n}\n\n.gb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.gb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.gb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gb-primary), var(--gb-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gb-card {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gb-shadow-lg);\n  border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante verte) === *\/\n.gb-card-ingredient {\n  border-top: 4px solid var(--gb-secondary);\n}\n\n.gb-card-ingredient:hover {\n  border-color: var(--gb-secondary);\n}\n\n.gb-card-ingredient h3 {\n  color: #1e6b3a;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n  padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n  font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.gb-synergy-box {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-synergy-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gb-primary), var(--gb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.gb-timeline-content {\n  flex: 1;\n  background: var(--gb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gb-radius-sm);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n  font-size: 14px;\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n  border-left: 4px solid var(--gb-secondary);\n}\n\n.gb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  box-shadow: var(--gb-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.gb-accordion-item {\n  border-bottom: 1px solid var(--gb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gb-accordion-header:hover {\n  background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gb-primary);\n  transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n  content: '−';\n}\n\n.gb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gb-secondary-light);\n  border-radius: var(--gb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gb-tip p {\n  font-size: 14px;\n  color: var(--gb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CTA BOX === *\/\n.gb-cta-box {\n  background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gb-card {\n    padding: 1.125rem;\n  }\n\n  .gb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gb-radius-sm);\n  }\n\n  .gb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gb-grid-compact {\n    gap: .625rem;\n  }\n\n  .gb-grid-compact .gb-card {\n    padding: .75rem;\n  }\n\n  .gb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gb-synergy-box {\n    padding: 1.25rem;\n  }\n\n  .gb-synergy-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gb-card {\n    animation: gbFadeInUp .5s ease backwards;\n  }\n  .gb-card:nth-child(1) { animation-delay: .05s; }\n  .gb-card:nth-child(2) { animation-delay: .1s; }\n  .gb-card:nth-child(3) { animation-delay: .15s; }\n  .gb-card:nth-child(4) { animation-delay: .2s; }\n  .gb-card:nth-child(5) { animation-delay: .25s; }\n  .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115995293,"sku":"REF1349","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boisson-green-boost-bio-50g-spiruline-acerola-gingembre-sol--lifestyle.webp?v=1772788773"},{"product_id":"super-topping-exotique-cacao-cru-aguaymanto-graines-bio-190-g-sol-semilla","title":"Super Topping Exotique 190 g : Cacao \u0026 Aguaymanto - Sol Semilla","description":"\u003cdiv class=\"ste-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ste-hero\"\u003e\n\u003cdiv class=\"ste-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ste-hero-content\"\u003e\n\u003cdiv class=\"ste-badges-top\"\u003e\n\u003cspan class=\"ste-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🍫 Cacao cru\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ste-hero-title\"\u003eSuper Topping Exotique\u003c\/span\u003e\n\u003cp class=\"ste-subtitle\"\u003eCacao cru, aguaymanto \u0026amp; graines de chia - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"ste-description\"\u003eTrois superaliments d'exception réunis dans un mélange prêt à déguster, certifié bio, cru et 100 % végétal. 190 g de pur plaisir nutritif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003cp class=\"ste-section-intro\"\u003eEnvie de transformer votre petit-déjeuner en un moment à la fois gourmand et nutritif ? Le \u003cstrong\u003eSuper Topping Exotique de Sol Semilla\u003c\/strong\u003e associe trois superaliments d'exception — \u003cstrong\u003ecacao cru\u003c\/strong\u003e, \u003cstrong\u003eaguaymanto\u003c\/strong\u003e et \u003cstrong\u003egraines de chia\u003c\/strong\u003e - dans un mélange prêt à déguster, certifié \u003cstrong\u003ebio\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e, \u003cstrong\u003esans gluten\u003c\/strong\u003e et cru (raw). Avec ses 16 portions par sachet de 190 g, il s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping bio ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eCe n'est pas un simple topping décoratif. Chaque ingrédient a été sélectionné pour sa \u003cstrong\u003edensité nutritionnelle\u003c\/strong\u003e et son goût unique :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍫 Cacao cru biologique\u003c\/h3\u003e\n\u003cp\u003eNon torréfié, il conserve l'intégralité de ses antioxydants (flavonoïdes) et de son magnésium. Une saveur chocolatée intense qui contribue à réduire la fatigue et le stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍊 Aguaymanto bio (physalis)\u003c\/h3\u003e\n\u003cp\u003eCe petit fruit péruvien offre une acidité douce et fruitée, particulièrement riche en \u003cstrong\u003evitamine C\u003c\/strong\u003e, en bêta-carotène et en antioxydants naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌱 Graines de chia biologiques\u003c\/h3\u003e\n\u003cp\u003eVéritables concentrés d'\u003cstrong\u003eoméga-3\u003c\/strong\u003e, de fibres et de protéines végétales, elles apportent une texture croquante et un effet rassasiant appréciable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe résultat ? Un mélange aux propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e et \u003cstrong\u003eanti-stress\u003c\/strong\u003e, idéal pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Exotique ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eSaupoudrez simplement \u003cstrong\u003eune à deux cuillères à soupe\u003c\/strong\u003e (environ 12 g) sur vos préparations préférées :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥣 Porridge \u0026amp; granola\u003c\/h3\u003e\n\u003cp\u003eLe topping idéal pour vos matins chauds ou crunchy\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥄 Yaourt \u0026amp; skyr\u003c\/h3\u003e\n\u003cp\u003eFromage blanc, yaourt végétal ou skyr protéiné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🫐 Smoothie \u0026amp; açaï bowls\u003c\/h3\u003e\n\u003cp\u003eUn boost nutritif et visuel pour vos bowls\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍓 Salade de fruits\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez sur vos fruits frais de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥞 Crêpes \u0026amp; pancakes\u003c\/h3\u003e\n\u003cp\u003eTartines, crêpes ou pancakes gourmands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍨 Glaces \u0026amp; desserts\u003c\/h3\u003e\n\u003cp\u003eGlaces et desserts végétaux revisités\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi l'incorporer directement dans vos pâtes à gâteaux, barres énergétiques maison ou energy balls pour un apport nutritionnel supplémentaire. Aucune cuisson nécessaire : le topping est \u003cstrong\u003eprêt à déguster\u003c\/strong\u003e tel quel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003e\u003cstrong\u003eIngrédients (100 % issus de l'agriculture biologique) :\u003c\/strong\u003e éclats de cacao cru*, aguaymanto séché* (physalis), graines de chia*.\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. Certifié FR-BIO-01 — Agriculture UE\/non UE.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🧪 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eCertifié vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌡️ Cru (raw)\u003c\/h3\u003e\n\u003cp\u003eNon transformé à haute température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 190 g - environ 16 portions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eSol Semilla : des superaliments engagés et traçables\u003c\/h2\u003e\n\u003cdiv class=\"ste-testimonial\"\u003e\n\u003cp class=\"ste-testimonial-text\"\u003eDepuis ses débuts, \u003cstrong\u003eSol Semilla\u003c\/strong\u003e s'engage à proposer des superaliments de qualité supérieure, sourcés directement auprès de petits producteurs. Le cacao cru provient d'\u003cstrong\u003eAmérique du Sud\u003c\/strong\u003e, cultivé en agroforesterie. L'aguaymanto, fruit emblématique du Pérou, est récolté à la main dans les Andes. Chaque lot est contrôlé et élaboré par l'équipe Sol Semilla en France, garantissant une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et le respect des qualités nutritionnelles de chaque ingrédient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"ste-accordion\"\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément à une alimentation variée et équilibrée\u003c\/strong\u003e et ne saurait se substituer à un mode de vie sain ni à un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ste-section\"\u003e\n\u003cdiv class=\"ste-cta-box\"\u003e\n\u003cp\u003e🍫 Offrez à vos matins une explosion de saveurs et de nutriments avec le Super Topping Exotique Sol Semilla - bio, cru et prêt à savourer !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ste-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ste-cream: #faf6f1;\n  --ste-white: #ffffff;\n  --ste-primary: #c4622d;\n  --ste-primary-dark: #8b3a14;\n  --ste-primary-light: #fdf0e6;\n  --ste-secondary: #d4913a;\n  --ste-accent: #5a8c32;\n  --ste-text: #1a1a1a;\n  --ste-text-light: #5a5a5a;\n  --ste-border: #e8ddd2;\n  --ste-shadow: 0 4px 24px rgba(139,58,20,.08);\n  --ste-shadow-lg: 0 12px 48px rgba(139,58,20,.15);\n  --ste-radius: 20px;\n  --ste-radius-sm: 12px;\n}\n\n.ste-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ste-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ste-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ste-primary-dark) 0%, var(--ste-primary) 45%, var(--ste-secondary) 100%);\n  border-radius: var(--ste-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ste-shadow-lg);\n}\n\n.ste-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(212,145,58,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ste-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ste-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ste-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.ste-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ste-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ste-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ste-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ste-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ste-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ste-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ste-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ste-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ste-primary), var(--ste-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ste-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ste-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ste-card {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ste-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ste-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ste-shadow-lg);\n  border-color: var(--ste-primary);\n}\n\n.ste-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ste-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ste-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ste-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ste-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ste-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ste-grid-compact .ste-card {\n  padding: 1rem;\n}\n\n.ste-grid-compact .ste-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ste-grid-compact .ste-card p {\n  font-size: 12px;\n}\n\n\/* === TESTIMONIAL === *\/\n.ste-testimonial {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ste-shadow);\n  border-left: 4px solid var(--ste-primary);\n}\n\n.ste-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ste-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ste-accordion {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  box-shadow: var(--ste-shadow);\n  overflow: hidden;\n}\n\n.ste-accordion-item {\n  border-bottom: 1px solid var(--ste-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ste-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ste-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ste-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ste-accordion-header:hover {\n  background: var(--ste-primary-light);\n}\n\n.ste-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ste-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ste-primary);\n  transition: transform .2s ease;\n}\n\n.ste-accordion-item[open] .ste-accordion-header::after {\n  content: '−';\n}\n\n.ste-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ste-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ste-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ste-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ste-primary-light);\n  border-radius: var(--ste-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ste-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ste-tip p {\n  font-size: 14px;\n  color: var(--ste-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ste-cta-box {\n  background: linear-gradient(135deg, var(--ste-primary) 0%, var(--ste-primary-dark) 100%);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ste-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ste-disclaimer {\n  font-size: 12px;\n  color: var(--ste-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ste-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ste-card {\n    padding: 1.125rem;\n  }\n\n  .ste-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ste-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ste-radius-sm);\n  }\n\n  .ste-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ste-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ste-grid-compact {\n    gap: .625rem;\n  }\n\n  .ste-grid-compact .ste-card {\n    padding: .75rem;\n  }\n\n  .ste-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ste-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ste-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ste-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ste-card {\n    animation: steFadeInUp .5s ease backwards;\n  }\n  .ste-card:nth-child(1) { animation-delay: .05s; }\n  .ste-card:nth-child(2) { animation-delay: .1s; }\n  .ste-card:nth-child(3) { animation-delay: .15s; }\n  .ste-card:nth-child(4) { animation-delay: .2s; }\n  .ste-card:nth-child(5) { animation-delay: .25s; }\n  .ste-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes steFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ste-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755133100189,"sku":"REF1369","price":7.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-exotique-190-g-cacao-aguaymanto-sol-semilla-lifestyle.webp?v=1772786123"},{"product_id":"stimuline-30-comprimes-vitalite-systeme-immunitaire-lt-labo-lt-labo","title":"Stimuline - Energie et immunité - 30 Comprimés - LT Labo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Stimuline - Energie et immunité - LT Labo\nPalette détectée:\n  - Primaire: #E67E22 (orange vif du packaging, zone centrale)\n  - Secondaire: #27AE60 (vert bio\/certification AB)\n  - Accent: #3498DB (bleu turquoise du texte \"stimu\")\n  - Neutre: #F8F9FA (blanc cassé du flacon)\nAmbiance: Naturel\/Bio, frais, énergisant, santé naturelle, certifié biologique\nStyle: Clean, épuré, confiance, naturalité avec touche dynamique\nPréfixe CSS: stim\n--\u003e\n\u003cdiv class=\"stim-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"stim-hero\"\u003e\n\u003cdiv class=\"stim-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"stim-hero-content\"\u003e\n\u003cdiv class=\"stim-badges-top\"\u003e\n\u003cspan class=\"stim-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"stim-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e \u003cspan class=\"stim-badge\"\u003e⚡ Énergie \u0026amp; immunité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"stim-hero-title\"\u003eStimuline\u003c\/span\u003e\n\u003cp class=\"stim-subtitle\"\u003ePapaye fermentée \u0026amp; acérola • Vitamine C naturelle\u003c\/p\u003e\n\u003cp class=\"stim-description\"\u003eLa synergie bio qui réveille votre vitalité et renforce vos défenses naturelles au quotidien\u003c\/p\u003e\n\u003cdiv class=\"stim-hero-stats\"\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e+100%\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003edes VNR en vitamine C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e30\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003ecomprimés par flacon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003eactifs synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI CETTE SYNERGIE --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003ePourquoi cette synergie fait toute la différence\u003c\/h2\u003e\n\u003cp class=\"stim-intro\"\u003eCe n'est pas un hasard si LT Labo a choisi d'associer ces deux trésors de la nature. Ensemble, ils forment une combinaison particulièrement puissante pour votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"stim-grid stim-grid-2\"\u003e\n\u003cdiv class=\"stim-card stim-card-featured\"\u003e\n\u003cdiv class=\"stim-card-icon\"\u003e🍈\u003c\/div\u003e\n\u003ch3\u003ePapaye fermentée\u003c\/h3\u003e\n\u003cp class=\"stim-card-highlight\"\u003ePuissant antioxydant japonais\u003c\/p\u003e\n\u003cp\u003eReconnue depuis des décennies au Japon, le processus de fermentation concentre et amplifie les enzymes naturellement présentes. Protection renforcée contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e — ce phénomène qui accélère le vieillissement cellulaire et affaiblit vos défenses.\u003c\/p\u003e\n\u003cdiv class=\"stim-card-tag\"\u003e100 mg \/ 2 comprimés\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-card-featured\"\u003e\n\u003cdiv class=\"stim-card-icon\"\u003e🍒\u003c\/div\u003e\n\u003ch3\u003eAcérola bio\u003c\/h3\u003e\n\u003cp class=\"stim-card-highlight\"\u003eSource n°1 de vitamine C naturelle\u003c\/p\u003e\n\u003cp\u003eL'une des sources les plus riches en vitamine C que l'on connaisse. Contrairement à la vitamine C synthétique, celle issue de l'acérola est accompagnée de \u003cstrong\u003ebioflavonoïdes\u003c\/strong\u003e qui améliorent son absorption. Votre corps en profite pleinement.\u003c\/p\u003e\n\u003cdiv class=\"stim-card-tag\"\u003e170 mg de vitamine C \/ 2 comprimés\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets sur votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue à un métabolisme énergétique normal. Fini les coups de pompe en milieu de journée ou cette sensation d'épuisement persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eSystème immunitaire renforcé\u003c\/h3\u003e\n\u003cp\u003eIdéal pendant les changements de saison, les périodes hivernales ou simplement pour maintenir vos défenses au top toute l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n\u003cp\u003eVos cellules sont constamment exposées aux radicaux libres. La papaye fermentée et la vitamine C les aident à mieux résister au stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eSoutien du système nerveux\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe au bon fonctionnement psychologique, un atout précieux en période de stress ou de surmenage professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 comprimés\u003c\/h2\u003e\n\u003cdiv class=\"stim-composition-box\"\u003e\n\u003cdiv class=\"stim-composition-grid\"\u003e\n\u003cdiv class=\"stim-ingredient\"\u003e\n\u003cdiv class=\"stim-ingredient-header\"\u003e\n\u003cspan class=\"stim-ingredient-icon\"\u003e🍈\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eExtrait de papaye fermentée concentrée\u003c\/h4\u003e\n\u003cspan class=\"stim-ingredient-latin\"\u003eCarica papaya\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient-dosage\"\u003e\n\u003cspan class=\"stim-dosage-value\"\u003e100 mg\u003c\/span\u003e \u003cspan class=\"stim-dosage-note\"\u003eéquiv. 200 mg plante fraîche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient\"\u003e\n\u003cdiv class=\"stim-ingredient-header\"\u003e\n\u003cspan class=\"stim-ingredient-icon\"\u003e🍒\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eExtrait d'acérola\u003c\/h4\u003e\n\u003cspan class=\"stim-ingredient-latin\"\u003eMalpighia punicifolia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient-dosage\"\u003e\n\u003cspan class=\"stim-dosage-value\"\u003e1050 mg\u003c\/span\u003e \u003cspan class=\"stim-dosage-note\"\u003edont 170 mg vitamine C (212,5 % VNR)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-other-ingredients\"\u003e\n\u003ch4\u003eAutres ingrédients\u003c\/h4\u003e\n\u003cdiv class=\"stim-tags\"\u003e\n\u003cspan class=\"stim-tag\"\u003eSucre de fleur de coco bio\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eMaltodextrine\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eArôme naturel de mangue\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eCarbonate de magnésium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-certifications\"\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003eAgriculture Biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🌱\u003c\/span\u003e \u003cspan\u003eCertifié Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans colorants artificiels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eSans conservateurs de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eComment prendre Stimuline pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"stim-usage-intro\"\u003e\n\u003cp\u003eLa posologie s'adapte à vos besoins et à votre situation personnelle :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-usage-card\"\u003e\n\u003cdiv class=\"stim-usage-level stim-level-1\"\u003eEntretien\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e1 comprimé\/jour\u003c\/div\u003e\n\u003cp\u003eEn cure d'entretien, pour maintenir votre vitalité et vos défenses tout au long de l'année.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure continue possible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-usage-card stim-usage-popular\"\u003e\n\u003cdiv class=\"stim-popular-badge\"\u003eLe plus populaire\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-level stim-level-2\"\u003eBoost saisonnier\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e2 comprimés\/jour\u003c\/div\u003e\n\u003cp\u003eLors des changements de saison ou en cas de fatigue passagère, quand votre organisme a besoin d'un coup de pouce.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure de 1 à 2 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-tips-box\"\u003e\n\u003cdiv class=\"stim-tip\"\u003e\n\u003cspan class=\"stim-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAstuce pratique\u003c\/strong\u003e\n\u003cp\u003eRépartissez les prises sur la journée (par exemple matin et midi) pour assurer un apport constant en vitamine C et maximiser son assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-tip\"\u003e\n\u003cspan class=\"stim-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePour les enfants à partir de 6 ans\u003c\/strong\u003e\n\u003cp\u003e1 comprimé par jour suffit pour soutenir leur système immunitaire, notamment pendant la période scolaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e😴\u003c\/span\u003e\n\u003cp\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e malgré un sommeil suffisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e💼\u003c\/span\u003e\n\u003cp\u003eVous traversez une période de \u003cstrong\u003estress ou de surcharge\u003c\/strong\u003e professionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003eVous cherchez une \u003cstrong\u003evitamine immunité naturelle\u003c\/strong\u003e pour affronter l'hiver sereinement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eVous souhaitez \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e du vieillissement prématuré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eVous préférez les formules \u003cstrong\u003ebio et vegan\u003c\/strong\u003e, sans compromis sur l'efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e🏃\u003c\/span\u003e\n\u003cp\u003eVous êtes actif et avez besoin d'un \u003cstrong\u003esoutien énergétique\u003c\/strong\u003e quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DIFFÉRENCES --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eCe qui distingue Stimuline des autres\u003c\/h2\u003e\n\u003cdiv class=\"stim-diff-grid\"\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eDouble action ciblée\u003c\/h3\u003e\n\u003cp\u003eLà où beaucoup misent uniquement sur la vitamine C, Stimuline combine l'action antioxydante de la papaye fermentée pour une approche plus complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié AB, ce complément respecte votre corps autant que l'environnement avec des ingrédients rigoureusement sélectionnés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eHaute biodisponibilité\u003c\/h3\u003e\n\u003cp\u003eL'acérola offre une forme naturelle de vitamine C bien mieux assimilée que les vitamines de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🥭\u003c\/div\u003e\n\u003ch3\u003eGoût agréable\u003c\/h3\u003e\n\u003cp\u003eL'arôme naturel de mangue rend la prise quotidienne plaisante, même pour les plus réticents aux comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch3\u003eFormule adaptable\u003c\/h3\u003e\n\u003cp\u003eLa posologie modulable permet de personnaliser votre cure selon vos besoins réels, de 1 à 2 comprimés par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eExpertise LT Labo\u003c\/h3\u003e\n\u003cp\u003eUn laboratoire français reconnu pour son engagement qualité et ses formulations naturelles innovantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"stim-faq\"\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e📅 Peut-on prendre Stimuline toute l'année ?\u003c\/h3\u003e\n\u003cp\u003eOui, à raison d'un comprimé par jour en entretien. Pour les cures renforcées (2 comprimés), privilégiez des périodes de 1 à 3 mois, suivies d'une pause si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e🌱 Stimuline convient-il aux végétariens et végans ?\u003c\/h3\u003e\n\u003cp\u003eAbsolument. La formule est certifiée vegan et ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e☀️ Peut-on associer Stimuline avec de la vitamine D ?\u003c\/h3\u003e\n\u003cp\u003eTout à fait. La vitamine D et l'immunité forment un duo complémentaire, surtout en hiver quand l'exposition au soleil diminue. N'hésitez pas à demander conseil à votre professionnel de santé pour adapter les dosages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e⚠️ Y a-t-il des effets secondaires ?\u003c\/h3\u003e\n\u003cp\u003eAux doses recommandées, Stimuline est généralement très bien toléré. Un léger inconfort digestif peut survenir chez les personnes sensibles en cas de prise à jeun — dans ce cas, prenez vos comprimés pendant les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"stim-warning-box\"\u003e\n\u003cdiv class=\"stim-warning-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur, de la lumière et de l'humidité\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"stim-warning-note\"\u003e\u003cstrong\u003eRappel essentiel :\u003c\/strong\u003e ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre médecin ou pharmacien avant de commencer une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"stim-info-grid\"\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eConditionnement\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eFlacon de 30 comprimés (37 g)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e⏱️\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eDurée de cure\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003e15 à 30 jours selon posologie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e🏭\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eLT Labo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"stim-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"stim-cta-box\"\u003e\n\u003cdiv class=\"stim-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"stim-cta-content\"\u003e\n\u003cspan class=\"stim-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eRéveillez votre vitalité naturellement avec la puissance combinée de la papaye fermentée et de l'acérola bio. Stimuline, votre allié quotidien pour une énergie durable et des défenses renforcées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --stim-cream: #FEFCF8;\n  --stim-white: #ffffff;\n  --stim-primary: #E67E22;\n  --stim-primary-dark: #D35400;\n  --stim-primary-light: #FEF5EC;\n  --stim-secondary: #27AE60;\n  --stim-secondary-light: #E8F8F0;\n  --stim-accent: #3498DB;\n  --stim-accent-light: #EBF5FB;\n\n  \/* Textes *\/\n  --stim-text: #1a1a1a;\n  --stim-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --stim-border: #e8e8e8;\n  --stim-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --stim-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --stim-radius: 20px;\n  --stim-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.stim-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--stim-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--stim-text);\n  line-height: 1.6;\n}\n\n.stim-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.stim-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E67E22 0%, #D35400 40%, #C0392B 100%);\n  border-radius: var(--stim-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 40% 40%, rgba(255,255,255,.05) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.stim-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.stim-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.stim-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--stim-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.stim-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.stim-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.stim-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.stim-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.stim-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.stim-stat {\n  text-align: center;\n}\n\n.stim-stat-number {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.stim-stat-label {\n  display: block;\n  color: rgba(255,255,255,.85);\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.stim-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.stim-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--stim-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.stim-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--stim-primary), var(--stim-secondary));\n  border-radius: 2px;\n}\n\n.stim-intro {\n  text-align: center;\n  font-size: clamp(16px, 2.5vw, 18px);\n  color: var(--stim-text-light);\n  max-width: 700px;\n  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n  line-height: 1.8;\n}\n\n\/* === GRILLES === *\/\n.stim-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.stim-grid-2 {\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n}\n\n\/* === CARDS === *\/\n.stim-card {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--stim-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.stim-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--stim-shadow-lg);\n  border-color: var(--stim-primary);\n}\n\n.stim-card h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-card p {\n  color: var(--stim-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.stim-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.stim-card-featured {\n  border-left: 4px solid var(--stim-primary);\n}\n\n.stim-card-highlight {\n  color: var(--stim-primary) !important;\n  font-weight: 700;\n  font-size: 14px !important;\n  margin-bottom: 1rem !important;\n}\n\n.stim-card-tag {\n  display: inline-block;\n  margin-top: 1rem;\n  padding: 6px 14px;\n  background: var(--stim-primary-light);\n  color: var(--stim-primary-dark);\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n\/* === BENEFITS === *\/\n.stim-benefit {\n  text-align: center;\n}\n\n.stim-benefit-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, var(--stim-primary-light), var(--stim-secondary-light));\n  border-radius: 50%;\n  font-size: 32px;\n  margin-bottom: 1rem;\n}\n\n\/* === COMPOSITION === *\/\n.stim-composition-box {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--stim-shadow);\n}\n\n.stim-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 2rem;\n  margin-bottom: 2rem;\n}\n\n.stim-ingredient {\n  padding: 1.5rem;\n  background: linear-gradient(135deg, var(--stim-primary-light) 0%, var(--stim-cream) 100%);\n  border-radius: var(--stim-radius-sm);\n  border-left: 4px solid var(--stim-primary);\n}\n\n.stim-ingredient-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.stim-ingredient-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.stim-ingredient h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 4px 0;\n}\n\n.stim-ingredient-latin {\n  font-size: 13px;\n  color: var(--stim-text-light);\n  font-style: italic;\n}\n\n.stim-ingredient-dosage {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 8px;\n}\n\n.stim-dosage-value {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--stim-primary-dark);\n}\n\n.stim-dosage-note {\n  font-size: 13px;\n  color: var(--stim-text-light);\n}\n\n.stim-other-ingredients {\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--stim-border);\n  margin-bottom: 1.5rem;\n}\n\n.stim-other-ingredients h4 {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--stim-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin: 0 0 1rem 0;\n}\n\n.stim-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.stim-tag {\n  padding: 6px 12px;\n  background: var(--stim-cream);\n  color: var(--stim-text-light);\n  font-size: 13px;\n  border-radius: 999px;\n  border: 1px solid var(--stim-border);\n}\n\n.stim-certifications {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--stim-border);\n}\n\n.stim-cert {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--stim-secondary);\n}\n\n.stim-cert-icon {\n  font-size: 16px;\n}\n\n\/* === USAGE CARDS === *\/\n.stim-usage-intro {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.stim-usage-intro p {\n  font-size: 17px;\n  color: var(--stim-text-light);\n}\n\n.stim-usage-card {\n  text-align: center;\n  position: relative;\n}\n\n.stim-usage-popular {\n  border: 2px solid var(--stim-primary);\n  transform: scale(1.02);\n}\n\n.stim-popular-badge {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 16px;\n  background: var(--stim-primary);\n  color: white;\n  font-size: 12px;\n  font-weight: 700;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n\n.stim-usage-level {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  margin-bottom: 0.5rem;\n}\n\n.stim-level-1 { color: var(--stim-secondary); }\n.stim-level-2 { color: var(--stim-primary); }\n.stim-level-3 { color: var(--stim-primary-dark); }\n\n.stim-usage-dose {\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--stim-text);\n  margin-bottom: 1rem;\n}\n\n.stim-usage-duration {\n  margin-top: 1rem;\n  font-size: 13px;\n  color: var(--stim-text-light);\n  font-weight: 600;\n}\n\n\/* === TIPS BOX === *\/\n.stim-tips-box {\n  margin-top: 2rem;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.stim-tip {\n  display: flex;\n  gap: 1rem;\n  padding: 1.5rem;\n  background: var(--stim-secondary-light);\n  border-radius: var(--stim-radius-sm);\n  border-left: 4px solid var(--stim-secondary);\n}\n\n.stim-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.stim-tip strong {\n  display: block;\n  color: var(--stim-text);\n  margin-bottom: 4px;\n}\n\n.stim-tip p {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === PROFILES === *\/\n.stim-profile {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  text-align: left;\n}\n\n.stim-profile-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.stim-profile p {\n  margin: 0;\n}\n\n\/* === DIFFERENCES === *\/\n.stim-diff-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.stim-diff-item {\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  box-shadow: var(--stim-shadow);\n  transition: all .3s ease;\n}\n\n.stim-diff-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-diff-icon {\n  font-size: 36px;\n  margin-bottom: 1rem;\n}\n\n.stim-diff-item h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-diff-item p {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === FAQ === *\/\n.stim-faq {\n  display: grid;\n  gap: 1rem;\n}\n\n.stim-faq-item {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--stim-shadow);\n  border-left: 4px solid var(--stim-accent);\n}\n\n.stim-faq-item h3 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-faq-item p {\n  font-size: 15px;\n  color: var(--stim-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.stim-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: linear-gradient(135deg, #FFF5F5 0%, #FEF2F2 100%);\n  border-radius: var(--stim-radius);\n  border: 2px solid #FECACA;\n}\n\n.stim-warning-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.stim-warning-content ul {\n  margin: 0 0 1rem 0;\n  padding-left: 1.5rem;\n}\n\n.stim-warning-content li {\n  font-size: 15px;\n  color: var(--stim-text);\n  margin-bottom: 0.5rem;\n}\n\n.stim-warning-note {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  margin: 0;\n  padding-top: 1rem;\n  border-top: 1px solid #FECACA;\n}\n\n\/* === INFO GRID === *\/\n.stim-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.stim-info-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 1.5rem;\n  background: var(--stim-white);\n  border-radius: var(--stim-radius-sm);\n  box-shadow: var(--stim-shadow);\n}\n\n.stim-info-icon {\n  font-size: 28px;\n  margin-bottom: 0.75rem;\n}\n\n.stim-info-label {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--stim-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.stim-info-value {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--stim-text);\n}\n\n\/* === CTA BOX === *\/\n.stim-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--stim-secondary) 0%, #1E8449 50%, #145A32 100%);\n  border-radius: var(--stim-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 35%);\n}\n\n.stim-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.stim-cta-icon {\n  display: block;\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.stim-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .stim-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .stim-grid-2 {\n    grid-template-columns: 1fr;\n  }\n  \n  .stim-hero-stats {\n    gap: 1.5rem;\n  }\n  \n  .stim-warning-box {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  \n  .stim-usage-popular {\n    transform: none;\n  }\n  \n  .stim-diff-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .stim-card,\n  .stim-diff-item,\n  .stim-faq-item,\n  .stim-info-item {\n    animation: stimFadeInUp .6s ease backwards;\n  }\n  \n  .stim-card:nth-child(1),\n  .stim-diff-item:nth-child(1) { animation-delay: .1s; }\n  .stim-card:nth-child(2),\n  .stim-diff-item:nth-child(2) { animation-delay: .2s; }\n  .stim-card:nth-child(3),\n  .stim-diff-item:nth-child(3) { animation-delay: .3s; }\n  .stim-card:nth-child(4),\n  .stim-diff-item:nth-child(4) { animation-delay: .4s; }\n  .stim-card:nth-child(5),\n  .stim-diff-item:nth-child(5) { animation-delay: .5s; }\n  .stim-card:nth-child(6),\n  .stim-diff-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes stimFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .stim-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .stim-card,\n  .stim-diff-item,\n  .stim-faq-item {\n    border: 2px solid var(--stim-text);\n  }\n  \n  .stim-badge {\n    border: 2px solid var(--stim-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755197784221,"sku":"LT0101","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/stimuline-energie-et-immunite-30-comprimes-lt-labo-packshothd.webp?v=1789749811"},{"product_id":"liporyz-lt-labo","title":"Liporyz 270 capsules - Huile de son de riz régulatrice de cholestérol - LT Labo","description":"\u003cdiv class=\"lpr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lpr-hero\"\u003e\n    \u003cdiv class=\"lpr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lpr-hero-content\"\u003e\n      \u003cdiv class=\"lpr-badges-top\"\u003e\n        \u003cspan class=\"lpr-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e❤️ Équilibre lipidique\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e💊 270 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch2 class=\"lpr-hero-title\"\u003eLiporyz – Huile de son de riz\u003c\/h2\u003e\n      \u003cp class=\"lpr-subtitle\"\u003eComplexe breveté par LT Labo pour l'équilibre lipidique\u003c\/p\u003e\n      \u003cp class=\"lpr-description\"\u003eFormulé à base d'huile de son de riz, phytostérols, vitamine E naturelle, chrome et zinc – une approche naturelle pour accompagner votre équilibre lipidique au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eLes bienfaits de Liporyz pour l'équilibre lipidique\u003c\/h2\u003e\n    \u003cp class=\"lpr-section-intro\"\u003eGrâce à sa richesse en huile de son de riz, phytostérols, vitamine E naturelle, chrome et zinc, Liporyz apporte un soutien ciblé à votre organisme.\u003c\/p\u003e\n    \u003cdiv class=\"lpr-grid\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e❤️ Cholestérol sanguin\u003c\/h3\u003e\n        \u003cp\u003eLes phytostérols contribuent au maintien d'une cholestérolémie normale (bénéfice obtenu par un apport journalier d'au moins 0,8 g de phytostérols).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🩸 Équilibre lipidique\u003c\/h3\u003e\n        \u003cp\u003eUne formule pensée pour accompagner en douceur l'équilibre lipidique global dans le cadre d'une hygiène de vie adaptée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🛡️ Stress oxydatif\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine E et le zinc contribuent à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🍬 Glycémie\u003c\/h3\u003e\n        \u003cp\u003eLe chrome contribue au maintien d'une glycémie normale et au métabolisme normal des macronutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌾 Richesse naturelle\u003c\/h3\u003e\n        \u003cp\u003eL'huile de son de riz est naturellement riche en gamma-oryzanol, tocotriénols et acides gras insaturés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n        \u003cp\u003eUne solution d'origine végétale pour celles et ceux qui souhaitent prendre soin de leur équilibre au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eComposition et origine de l'huile de son de riz Liporyz\u003c\/h2\u003e\n    \u003cp class=\"lpr-section-intro\"\u003eChaque capsule concentre le meilleur de la fine couche externe du grain de riz, une source reconnue d'actifs végétaux.\u003c\/p\u003e\n    \u003cdiv class=\"lpr-grid-compact\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n        \u003cp\u003e400 mg par capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🧬 Phytostérols\u003c\/h3\u003e\n        \u003cp\u003e200 mg par capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003e3 mg α-TE par capsule (25 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🔬 Chrome \u0026amp; zinc\u003c\/h3\u003e\n        \u003cp\u003eChrome 13,3 µg + Zinc 1,67 mg \/ capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpr-tip\"\u003e\n      \u003cspan class=\"lpr-tip-icon\"\u003e💊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eEnveloppe de la capsule :\u003c\/strong\u003e gélatine (origine animale). Sans levure de riz rouge. Pilulier recyclé et recyclable. Fabriqué en France par LT Labo. \u003cem\u003eLes valeurs indiquées correspondent aux données du fabricant et peuvent être ajustées ; se référer à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eComment prendre Liporyz ? Posologie et durée recommandée\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-timeline\"\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e3 mois\u003c\/strong\u003e est conseillée pour un accompagnement complet. Le format 270 capsules correspond exactement à cette durée à raison de 3 capsules\/jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003eHygiène de vie associée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, associer la prise à une alimentation équilibrée, une activité physique régulière et un suivi médical de votre bilan lipidique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eLiporyz : effets indésirables, contre-indications et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-accordion\"\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e🟢 Tolérance générale\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eLiporyz est généralement bien toléré. Comme pour tout complément riche en corps gras végétaux, de légers inconforts digestifs peuvent survenir en début de prise et s'estompent habituellement rapidement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants. Déconseillé aux personnes allergiques au riz. Contient de la gélatine d'origine animale : non adapté aux régimes végétariens et végétaliens. En cas de traitement hypocholestérolémiant, anticoagulant ou de suivi médical, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e📋 Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. À conserver à l'abri de la chaleur, de la lumière et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eAvis sur Liporyz : ce qu'en pensent les utilisateurs\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-testimonial\"\u003e\n      \u003cp class=\"lpr-testimonial-text\"\u003eDe manière générale, Liporyz est apprécié par les utilisateurs à la recherche d'une approche naturelle en accompagnement de leur hygiène de vie. Les retours mettent souvent en avant la simplicité de la prise, le format cure de 3 mois et la traçabilité française du laboratoire. \u003cstrong\u003eCes retours sont indicatifs et ne constituent pas une promesse de résultats ; l'efficacité peut varier d'une personne à l'autre.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpr-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e📅 Cure structurée\u003c\/h3\u003e\n        \u003cp\u003eFormat 270 capsules = 3 mois de cure complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e💊 Prise simple\u003c\/h3\u003e\n        \u003cp\u003e3 capsules par jour au moment des repas\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 Origine végétale\u003c\/h3\u003e\n        \u003cp\u003eHuile de son de riz et phytostérols d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eFormulé et conditionné par LT Labo en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lpr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Liporyz de LT Labo ?\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-cta-box\"\u003e\n      \u003cp\u003e🏭 \u003cstrong\u003eLT Labo\u003c\/strong\u003e est un laboratoire français reconnu pour ses formulations naturelles. Liporyz bénéficie d'un complexe breveté et d'un contrôle qualité rigoureux à chaque étape de la fabrication.\u003cbr\u003e\u003cbr\u003e🌾 En choisissant Liporyz, vous optez pour une solution \u003cstrong\u003enaturelle et structurée\u003c\/strong\u003e – 270 capsules pour une cure complète de 3 mois, sans levure de riz rouge, dans un pilulier recyclé et recyclable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lpr-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Ce produit ne se substitue pas à un avis ou à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lpr-cream: #F7F5F0;\n  --lpr-white: #ffffff;\n  --lpr-primary: #C8963E;\n  --lpr-primary-dark: #8B6914;\n  --lpr-primary-light: #FBF5E8;\n  --lpr-secondary: #2D5A3D;\n  --lpr-accent: #D4A847;\n  --lpr-text: #1a1a1a;\n  --lpr-text-light: #5a5a5a;\n  --lpr-border: #E8E2D6;\n  --lpr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lpr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lpr-radius: 20px;\n  --lpr-radius-sm: 12px;\n}\n\n.lpr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lpr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lpr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6914 0%, #C8963E 40%, #2D5A3D 100%);\n  border-radius: var(--lpr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lpr-shadow-lg);\n}\n\n.lpr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lpr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lpr-hero-title {\n  display: block;\n  color: white !important;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  padding-bottom: 0 !important;\n  text-align: center;\n}\n\n.lpr-hero-title::after {\n  display: none !important;\n}\n\n.lpr-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.lpr-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n.lpr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lpr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lpr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lpr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lpr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpr-premium h2:not(.lpr-hero-title) {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lpr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lpr-premium h2:not(.lpr-hero-title)::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lpr-primary), var(--lpr-secondary));\n  border-radius: 2px;\n}\n\n.lpr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.lpr-card {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lpr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lpr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lpr-shadow-lg);\n  border-color: var(--lpr-primary);\n}\n\n.lpr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lpr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lpr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lpr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lpr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lpr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lpr-grid-compact .lpr-card {\n  padding: 1rem;\n}\n\n.lpr-grid-compact .lpr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lpr-grid-compact .lpr-card p {\n  font-size: 12px;\n}\n\n.lpr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lpr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lpr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lpr-primary), var(--lpr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lpr-timeline-content {\n  flex: 1;\n  background: var(--lpr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lpr-radius-sm);\n  box-shadow: var(--lpr-shadow);\n}\n\n.lpr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lpr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lpr-timeline-content p {\n  font-size: 14px;\n  color: var(--lpr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lpr-testimonial {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lpr-shadow);\n  border-left: 4px solid var(--lpr-primary);\n}\n\n.lpr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpr-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.lpr-accordion {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  box-shadow: var(--lpr-shadow);\n  overflow: hidden;\n}\n\n.lpr-accordion-item {\n  border-bottom: 1px solid var(--lpr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lpr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lpr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lpr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lpr-accordion-header:hover {\n  background: var(--lpr-primary-light);\n}\n\n.lpr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lpr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lpr-primary);\n  transition: transform .2s ease;\n}\n\n.lpr-accordion-item[open] .lpr-accordion-header::after {\n  content: '−';\n}\n\n.lpr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lpr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lpr-accordion-content p {\n  margin: 0;\n}\n\n.lpr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lpr-primary-light);\n  border-radius: var(--lpr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lpr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lpr-tip p {\n  font-size: 14px;\n  color: var(--lpr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lpr-cta-box {\n  background: linear-gradient(135deg, var(--lpr-primary) 0%, var(--lpr-primary-dark) 100%);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lpr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.lpr-disclaimer {\n  font-size: 12px;\n  color: var(--lpr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .lpr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .lpr-card {\n    padding: 1.125rem;\n  }\n  .lpr-section {\n    margin-bottom: 1.75rem;\n  }\n  .lpr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lpr-radius-sm);\n  }\n  .lpr-premium h2:not(.lpr-hero-title) {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .lpr-premium h2:not(.lpr-hero-title)::after {\n    width: 40px;\n    height: 3px;\n  }\n  .lpr-grid-compact {\n    gap: .625rem;\n  }\n  .lpr-grid-compact .lpr-card {\n    padding: .75rem;\n  }\n  .lpr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .lpr-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .lpr-timeline-content h3 {\n    font-size: 14px;\n  }\n  .lpr-timeline-content p {\n    font-size: 13px;\n  }\n  .lpr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .lpr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .lpr-testimonial {\n    padding: 1.25rem;\n  }\n  .lpr-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lpr-card {\n    animation: lprFadeInUp .5s ease backwards;\n  }\n  .lpr-card:nth-child(1) { animation-delay: .05s; }\n  .lpr-card:nth-child(2) { animation-delay: .1s; }\n  .lpr-card:nth-child(3) { animation-delay: .15s; }\n  .lpr-card:nth-child(4) { animation-delay: .2s; }\n  .lpr-card:nth-child(5) { animation-delay: .25s; }\n  .lpr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lprFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lpr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45909537882269,"sku":"NBAILTL0007","price":55.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-270-capsules-huile-de-son-de-riz-regulatrice-de-chol-packshothd_3cc8c2c2-de67-4089-9a61-44d0a30e2ba4.webp?v=1787128519"},{"product_id":"myrti-jade-poudre-de-myrtille-concentree-200-g-jade-recherche","title":"Myrti jade - Poudre de Myrtille Concentrée - 200g - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Myrti-jade - Poudre de Myrtille Concentrée\nPalette détectée:\n  - Primaire: #2D5A27 (vert forêt des feuilles de myrtille)\n  - Secondaire: #6B3FA0 (violet\/pourpre de la bande et des baies)\n  - Accent: #1E3A5F (bleu nuit des myrtilles)\nAmbiance: Naturel, végétal, santé\/bien-être, fraîcheur forestière\nPréfixe CSS: mj\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n  \n  \u003cdiv class=\"mj-hero\"\u003e\n    \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mj-hero-content\"\u003e\n      \u003cdiv class=\"mj-badges-top\"\u003e\n        \u003cspan class=\"mj-badge\"\u003e🫐 100% myrtille pure\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e👁️ Santé oculaire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mj-hero-title\"\u003eMyrti-jade\u003c\/span\u003e\n      \u003cp class=\"mj-subtitle\"\u003ePoudre de myrtille concentrée\u003c\/p\u003e\n      \u003cp class=\"mj-description\"\u003eToute la puissance antioxydante de la myrtille sauvage dans une poudre 100% naturelle, sans sucre ajouté ni conservateurs\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e💎 Les bienfaits de la myrtille\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🛡️ Puissant antioxydant\u003c\/h3\u003e\n        \u003cp\u003eSource exceptionnelle d'anthocyanines qui protègent vos cellules contre le stress oxydatif et soutiennent votre santé globale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e👁️ Vision \u0026amp; confort oculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir une bonne vision et réduit la fatigue oculaire, idéal pour les personnes exposées aux écrans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité \u0026amp; immunité\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamines et nutriments essentiels pour renforcer votre système immunitaire et booster votre énergie naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n        \u003cp\u003ePoudre pure sans sucre ajouté, sans arômes artificiels ni conservateurs. Un superaliment dans sa forme la plus authentique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🧪 Ultra-concentré\u003c\/h3\u003e\n        \u003cp\u003eChaque cuillère équivaut à une grande quantité de myrtilles fraîches grâce au procédé de concentration naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🌱 Séchage doux\u003c\/h3\u003e\n        \u003cp\u003eProcédé de fabrication préservant l'intégrité des nutriments, vitamines et antioxydants de la myrtille\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n        \u003cp\u003eSoulagez la fatigue oculaire liée à l'exposition prolongée aux écrans d'ordinateur, tablette ou smartphone\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n        \u003cp\u003eBoostez votre récupération grâce aux antioxydants qui combattent les radicaux libres générés par l'effort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e👴 Seniors soucieux de leur vue\u003c\/h3\u003e\n        \u003cp\u003eMaintenez votre capital visuel et protégez vos yeux naturellement au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🥗 Adeptes du bien-manger\u003c\/h3\u003e\n        \u003cp\u003eEnrichissez facilement votre alimentation d'un superaliment aux multiples vertus santé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mj-usage-box\"\u003e\n      \u003cdiv class=\"mj-usage-grid\"\u003e\n        \u003cdiv class=\"mj-usage-step\"\u003e\n          \u003cdiv class=\"mj-step-number\"\u003e1\u003c\/div\u003e\n          \u003ch4\u003eDosez\u003c\/h4\u003e\n          \u003cp\u003e1 cuillère de poudre Myrti-jade\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-usage-step\"\u003e\n          \u003cdiv class=\"mj-step-number\"\u003e2\u003c\/div\u003e\n          \u003ch4\u003eMélangez\u003c\/h4\u003e\n          \u003cp\u003eDans un smoothie, yaourt, jus ou eau\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-usage-step\"\u003e\n          \u003cdiv class=\"mj-step-number\"\u003e3\u003c\/div\u003e\n          \u003ch4\u003eSavourez\u003c\/h4\u003e\n          \u003cp\u003eProfitez des bienfaits au quotidien\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-ideas\"\u003e\n        \u003cp\u003e\u003cstrong\u003e💡 Idées recettes :\u003c\/strong\u003e smoothie bowl, yaourt grec, porridge, pâtisseries, boisson santé...\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e📦 Informations produit\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid-compact\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n        \u003cp\u003e200 g de poudre concentrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n        \u003cp\u003eMyrtilles sélectionnées avec soin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n        \u003cp\u003eNormes environnementales strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eJade Recherche - France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mj-accordion\"\u003e\n      \u003cdetails class=\"mj-accordion-item\"\u003e\n        \u003csummary class=\"mj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mj-accordion-content\"\u003e\n          \u003cp\u003eConservez Myrti-jade à l'abri de la lumière et de l'humidité, dans un endroit frais et sec. Refermez bien le pot après chaque utilisation pour préserver la qualité de la poudre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mj-accordion-item\"\u003e\n        \u003csummary class=\"mj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mj-accordion-content\"\u003e\n          \u003cp\u003eComplément alimentaire à utiliser dans le cadre d'une alimentation variée et équilibrée. Ne pas dépasser la dose recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mj-accordion-item\"\u003e\n        \u003csummary class=\"mj-accordion-header\"\u003e🔬 Procédé de fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"mj-accordion-content\"\u003e\n          \u003cp\u003eLes myrtilles sont soigneusement sélectionnées puis transformées par un procédé de séchage doux à basse température. Cette méthode préserve l'intégrité des nutriments, des vitamines et des précieux antioxydants contenus dans le fruit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mj-cta-box\"\u003e\n      \u003cp\u003e🫐 Offrez à votre corps toute la puissance antioxydante de la myrtille sauvage. Un geste simple pour votre vision, votre vitalité et votre bien-être au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mj-cream: #f8f9f5;\n  --mj-white: #ffffff;\n  --mj-primary: #2D5A27;\n  --mj-primary-dark: #1e3d1a;\n  --mj-primary-light: #e8f0e6;\n  --mj-secondary: #6B3FA0;\n  --mj-accent: #1E3A5F;\n  --mj-text: #1a1a1a;\n  --mj-text-light: #5a5a5a;\n  --mj-border: #e0e0e0;\n  --mj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mj-radius: 20px;\n  --mj-radius-sm: 12px;\n}\n\n.mj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2D5A27 0%, #1e3d1a 40%, #6B3FA0 100%);\n  border-radius: var(--mj-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(107,63,160,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 40% 40%, rgba(30,58,95,.2) 0%, transparent 30%);\n  opacity: .8;\n}\n\n.mj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.mj-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mj-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mj-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.mj-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.mj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mj-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mj-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mj-primary), var(--mj-secondary));\n  border-radius: 2px;\n}\n\n.mj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mj-card {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mj-shadow-lg);\n  border-color: var(--mj-primary);\n}\n\n.mj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mj-grid-compact .mj-card {\n  padding: 1rem;\n}\n\n.mj-grid-compact .mj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mj-grid-compact .mj-card p {\n  font-size: 12px;\n}\n\n.mj-usage-box {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mj-shadow);\n}\n\n.mj-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.mj-usage-step {\n  text-align: center;\n}\n\n.mj-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--mj-primary), var(--mj-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 800;\n  margin: 0 auto 1rem;\n  box-shadow: 0 4px 16px rgba(45,90,39,.3);\n}\n\n.mj-usage-step h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mj-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.mj-usage-step p {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mj-ideas {\n  background: var(--mj-primary-light);\n  border-radius: var(--mj-radius-sm);\n  padding: 1rem 1.25rem;\n  text-align: center;\n}\n\n.mj-ideas p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-primary-dark);\n  line-height: 1.6;\n}\n\n.mj-accordion {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  box-shadow: var(--mj-shadow);\n  overflow: hidden;\n}\n\n.mj-accordion-item {\n  border-bottom: 1px solid var(--mj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mj-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mj-accordion-header:hover {\n  background: var(--mj-primary-light);\n}\n\n.mj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mj-primary);\n  transition: transform .2s ease;\n}\n\n.mj-accordion-item[open] .mj-accordion-header::after {\n  content: '−';\n}\n\n.mj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.mj-accordion-content p {\n  margin: 0;\n}\n\n.mj-cta-box {\n  background: linear-gradient(135deg, var(--mj-primary) 0%, var(--mj-secondary) 100%);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mj-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.mj-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n  .mj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .mj-grid-compact .mj-card {\n    padding: .75rem;\n  }\n  \n  .mj-card {\n    padding: 1.125rem;\n  }\n  \n  .mj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mj-radius-sm);\n  }\n  \n  .mj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mj-usage-grid {\n    grid-template-columns: 1fr;\n    gap: 1.25rem;\n  }\n  \n  .mj-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n    margin-bottom: .75rem;\n  }\n  \n  .mj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .mj-badges-top {\n    gap: .375rem;\n  }\n  \n  .mj-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mj-card:nth-child(1) { animation-delay: .05s; }\n  .mj-card:nth-child(2) { animation-delay: .1s; }\n  .mj-card:nth-child(3) { animation-delay: .15s; }\n  .mj-card:nth-child(4) { animation-delay: .2s; }\n  .mj-card:nth-child(5) { animation-delay: .25s; }\n  .mj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755225014429,"sku":"JADEMYRTI","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/myrti-jade-poudre-de-myrtille-concentree-200g-jade-recherche-packshothd.webp?v=1786012205"},{"product_id":"panaceo-med-darm-repair-200-gelules-ecoidees","title":"Panacéo Med Darm Repair - 200 gélules","description":"\u003cdiv class=\"pdr-premium\"\u003e\n\n  \u003cdiv class=\"pdr-hero\"\u003e\n    \u003cdiv class=\"pdr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pdr-hero-content\"\u003e\n      \u003cdiv class=\"pdr-badges-top\"\u003e\n        \u003cspan class=\"pdr-badge\"\u003e🏥 Dispositif médical\u003c\/span\u003e\n        \u003cspan class=\"pdr-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n        \u003cspan class=\"pdr-badge\"\u003e🇦🇹 Fabriqué en Autriche\u003c\/span\u003e\n        \u003cspan class=\"pdr-badge\"\u003e💊 200 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pdr-hero-title\"\u003ePanacéo Med Darm Repair\u003c\/span\u003e\n      \u003cp class=\"pdr-subtitle\"\u003eZéolithe clinoptilolite activée PMA — 200 gélules\u003c\/p\u003e\n      \u003cp class=\"pdr-description\"\u003eLe dispositif médical d'origine naturelle qui cible votre barrière intestinale en profondeur. Capte les toxines, réduit le stress oxydatif et favorise la réparation de la muqueuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pdr-section\"\u003e\n    \u003ch2\u003ePanacéo Med Darm Repair : la zéolithe activée au service de votre intestin\u003c\/h2\u003e\n    \u003cp class=\"pdr-section-intro\"\u003eBallonnements, inconforts digestifs, transit capricieux… Si votre ventre vous envoie des signaux de détresse, il est temps d'agir en profondeur.\u003c\/p\u003e\n    \u003cdiv class=\"pdr-grid\"\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e🛡️ Barrière intestinale renforcée\u003c\/h3\u003e\n        \u003cp\u003ePanacéo Med Darm Repair est un dispositif médical conçu pour soutenir et renforcer votre barrière intestinale, bien au-delà d'un simple complément digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e⚙️ Procédé breveté PMA\u003c\/h3\u003e\n        \u003cp\u003eSa formule à base de zéolithe clinoptilolite activée selon le procédé exclusif Panaceo Micro Activation cible directement la paroi intestinale pour favoriser sa réparation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eUn produit entièrement naturel, sans additifs chimiques, sans conservateurs, sans gluten et sans lactose. Gélules végétales adaptées aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdr-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la zéolithe clinoptilolite et pourquoi est-elle si efficace ?\u003c\/h2\u003e\n    \u003cp class=\"pdr-section-intro\"\u003eLa zéolithe est un minéral microporeux d'origine volcanique dont la structure cristalline agit comme une véritable éponge à toxines dans votre tractus gastro-intestinal.\u003c\/p\u003e\n    \u003cdiv class=\"pdr-grid\"\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e🧲 Capture des métaux lourds\u003c\/h3\u003e\n        \u003cp\u003eCapte le plomb, cadmium, arsenic, chrome, nickel et l'ammonium grâce à un échange cationique naturel, puis les élimine par les voies naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e⚡ Neutralise les radicaux libres\u003c\/h3\u003e\n        \u003cp\u003eRéduit le stress oxydatif qui fragilise vos cellules intestinales au quotidien, protégeant ainsi votre muqueuse des agressions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e🔧 Réparation de la muqueuse\u003c\/h3\u003e\n        \u003cp\u003eSoutient activement la réparation de la muqueuse intestinale, un point essentiel en cas de perméabilité intestinale accrue (« leaky gut »).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pdr-tip\"\u003e\n      \u003cspan class=\"pdr-tip-icon\"\u003e🏅\u003c\/span\u003e\n      \u003cp\u003eLe procédé \u003cstrong\u003ePMA Premium Zeolith\u003c\/strong\u003e, exclusif à Panacéo, optimise la surface d'action de la zéolithe pour une efficacité maximale. Ce n'est pas une zéolithe brute ordinaire : c'est une version activée, testée cliniquement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdr-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"pdr-grid-compact\"\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e🪨 Zéolithe clinoptilolite activée PMA\u003c\/h3\u003e\n        \u003cp\u003e410 mg par gélule — ingrédient actif principal breveté\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n        \u003cp\u003e90 mg de cellulose végétale — gélule 100 % végétarienne\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pdr-tip\"\u003e\n      \u003cspan class=\"pdr-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003e100 % naturelle\u003c\/strong\u003e : sans additifs chimiques, sans conservateurs, sans gluten, sans lactose. Fabriqué en \u003cstrong\u003eAutriche\u003c\/strong\u003e selon les normes de qualité européennes les plus strictes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdr-section\"\u003e\n    \u003ch2\u003eComment prendre Panacéo Med Darm Repair ?\u003c\/h2\u003e\n    \u003cdiv class=\"pdr-timeline\"\u003e\n      \u003cdiv class=\"pdr-timeline-item\"\u003e\n        \u003cdiv class=\"pdr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pdr-timeline-content\"\u003e\n          \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 gélules, 2 à 3 fois par jour\u003c\/strong\u003e, avec au moins 100 ml d'eau. Pour une efficacité optimale, avalez-les \u003cstrong\u003eà jeun ou 30 minutes avant les repas\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-timeline-item\"\u003e\n        \u003cdiv class=\"pdr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pdr-timeline-content\"\u003e\n          \u003ch3\u003eHydratation essentielle\u003c\/h3\u003e\n          \u003cp\u003eVeillez à bien vous hydrater tout au long de la journée pour favoriser l'élimination des toxines captées par la zéolithe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-timeline-item\"\u003e\n        \u003cdiv class=\"pdr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pdr-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n          \u003cp\u003eUn minimum de \u003cstrong\u003e12 semaines\u003c\/strong\u003e est recommandé pour permettre à la muqueuse intestinale de se régénérer en profondeur. Une boîte de 200 gélules vous accompagne pendant environ 5 semaines à raison de 6 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdr-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire pour la digestion ?\u003c\/h2\u003e\n    \u003cdiv class=\"pdr-grid\"\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e😌 Confort digestif durable\u003c\/h3\u003e\n        \u003cp\u003ePour toute personne souhaitant retrouver un confort digestif en cas de digestion difficile ou de ballonnements récurrents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e🔄 Transit et microbiome\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir votre transit intestinal et restaurer l'équilibre de votre microbiome au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdr-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n        \u003cp\u003ePour réaliser une détoxification naturelle de l'organisme, notamment après une période de stress ou d'alimentation déséquilibrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n    \u003cdiv class=\"pdr-accordion\"\u003e\n      \u003cdetails class=\"pdr-accordion-item\"\u003e\n        \u003csummary class=\"pdr-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"pdr-accordion-content mt-3\"\u003e\n          \u003cp\u003eRespectez un délai d'\u003cstrong\u003eau moins 1 heure\u003c\/strong\u003e entre la prise de ce produit et celle de tout médicament ou autre complément alimentaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pdr-accordion-item\"\u003e\n        \u003csummary class=\"pdr-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"pdr-accordion-content mt-3\"\u003e\n          \u003cp\u003eConsultez votre médecin avant toute utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pdr-accordion-item\"\u003e\n        \u003csummary class=\"pdr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pdr-accordion-content mt-3\"\u003e\n          \u003cp\u003eGardez le flacon dans un endroit frais, sec et à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pdr-disclaimer\"\u003eCe dispositif médical ne remplace en aucun cas un traitement médical ni un suivi par un professionnel de santé. En cas de troubles digestifs persistants, consultez votre médecin.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pdr-cream: #f5f4f0;\n  --pdr-white: #ffffff;\n  --pdr-primary: #6b6b6b;\n  --pdr-primary-dark: #3a3a3a;\n  --pdr-primary-light: #f0efec;\n  --pdr-secondary: #c8a84e;\n  --pdr-accent: #d4212a;\n  --pdr-text: #1a1a1a;\n  --pdr-text-light: #5a5a5a;\n  --pdr-border: #e0e0e0;\n  --pdr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pdr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pdr-radius: 20px;\n  --pdr-radius-sm: 12px;\n}\n\n.pdr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pdr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pdr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a4a4a 0%, #6b6b6b 40%, #c8a84e 100%);\n  border-radius: var(--pdr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pdr-shadow-lg);\n}\n\n.pdr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 30px,\n    rgba(255,255,255,.03) 30px,\n    rgba(255,255,255,.03) 60px\n  );\n  opacity: 1;\n}\n\n.pdr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pdr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pdr-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.pdr-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pdr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pdr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pdr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pdr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pdr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pdr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pdr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.pdr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pdr-primary), var(--pdr-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pdr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pdr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pdr-card {\n  background: var(--pdr-white);\n  border-radius: var(--pdr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pdr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pdr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pdr-shadow-lg);\n  border-color: var(--pdr-secondary);\n}\n\n.pdr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pdr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pdr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pdr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pdr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pdr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pdr-grid-compact .pdr-card {\n  padding: 1rem;\n}\n\n.pdr-grid-compact .pdr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pdr-grid-compact .pdr-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pdr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pdr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pdr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pdr-primary), var(--pdr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.pdr-timeline-content {\n  flex: 1;\n  background: var(--pdr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pdr-radius-sm);\n  box-shadow: var(--pdr-shadow);\n}\n\n.pdr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pdr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pdr-timeline-content p {\n  font-size: 14px;\n  color: var(--pdr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pdr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pdr-primary-light);\n  border-radius: var(--pdr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pdr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pdr-tip p {\n  font-size: 14px;\n  color: var(--pdr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pdr-accordion {\n  background: var(--pdr-white);\n  border-radius: var(--pdr-radius);\n  box-shadow: var(--pdr-shadow);\n  overflow: hidden;\n}\n\n.pdr-accordion-item {\n  border-bottom: 1px solid var(--pdr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pdr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pdr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pdr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pdr-accordion-header:hover {\n  background: var(--pdr-primary-light);\n}\n\n.pdr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pdr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pdr-secondary);\n  transition: transform .2s ease;\n}\n\n.pdr-accordion-item[open] .pdr-accordion-header::after {\n  content: '−';\n}\n\n.pdr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pdr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pdr-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pdr-disclaimer {\n  font-size: 12px;\n  color: var(--pdr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pdr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pdr-card {\n    padding: 1.125rem;\n  }\n\n  .pdr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pdr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pdr-radius-sm);\n  }\n\n  .pdr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pdr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pdr-grid-compact {\n    gap: .625rem;\n  }\n\n  .pdr-grid-compact .pdr-card {\n    padding: .75rem;\n  }\n\n  .pdr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pdr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pdr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pdr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pdr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pdr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pdr-card {\n    animation: pdrFadeInUp .5s ease backwards;\n  }\n  .pdr-card:nth-child(1) { animation-delay: .05s; }\n  .pdr-card:nth-child(2) { animation-delay: .1s; }\n  .pdr-card:nth-child(3) { animation-delay: .15s; }\n  .pdr-card:nth-child(4) { animation-delay: .2s; }\n  .pdr-card:nth-child(5) { animation-delay: .25s; }\n  .pdr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pdrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .pdr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ECOIDEES","offers":[{"title":"Default Title","offer_id":45755227340957,"sku":"PANACEODARM200","price":39.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/panaceo-med-darm-repair-200-gelules-ecoidee-packshothd.webp?v=1775986754"},{"product_id":"memorinda-memoire-et-concentration-jade-recherche","title":"Memorinda - Mémoire \u0026 Concentration - Jade Recherche","description":"\u003cdiv class=\"memo-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"memo-hero\"\u003e\n\u003cdiv class=\"memo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"memo-hero-content\"\u003e\n\u003cdiv class=\"memo-badges-top\"\u003e\n\u003cspan class=\"memo-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"memo-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"memo-badge\"\u003e🔬 Jade Recherche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"memo-hero-title\"\u003eMemorinda\u003c\/span\u003e\n\u003cp class=\"memo-subtitle\"\u003eRéveillez votre potentiel cognitif\u003c\/p\u003e\n\u003cp class=\"memo-description\"\u003eComplément alimentaire naturel associant plantes, algues et champignons pour stimuler la mémoire, la concentration et détoxifier l'organisme en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 : Composition --\u003e\n\u003csection class=\"memo-section\"\u003e\n\u003ch2\u003e🧠 Composition complète et dosage précis\u003c\/h2\u003e\n\u003cdiv class=\"memo-dosage-box\"\u003e\n\u003cdiv class=\"memo-dosage-item\"\u003e\n\u003cspan class=\"memo-dosage-number\"\u003e60 ou 180\u003c\/span\u003e \u003cspan class=\"memo-dosage-label\"\u003egélules selon format\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-dosage-item\"\u003e\n\u003cspan class=\"memo-dosage-number\"\u003e2-3\u003c\/span\u003e \u003cspan class=\"memo-dosage-label\"\u003egélules par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-dosage-item\"\u003e\n\u003cspan class=\"memo-dosage-number\"\u003e30-90\u003c\/span\u003e \u003cspan class=\"memo-dosage-label\"\u003ejours de cure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"memo-section-intro\"\u003ePosologie : \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, à prendre avec un grand verre d'eau, au cours d'un repas.\u003c\/p\u003e\n\u003cdiv class=\"memo-grid\"\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🍈 Noni (Morinda citrifolia)\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e600 mg\u003c\/p\u003e\n\u003cp\u003eRiche en antioxydants pour protéger les neurones du stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🦁 Héricium erinaceus\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e450 mg\u003c\/p\u003e\n\u003cp\u003eLe \"Lion's Mane\" : favorise la neurogénèse et améliore la concentration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e300 mg\u003c\/p\u003e\n\u003cp\u003eSource de protéines, fer et vitamines pour une énergie cérébrale durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🟢 Chlorella\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e200 mg\u003c\/p\u003e\n\u003cp\u003eAlgue détoxifiante, aide à l'élimination des métaux lourds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Ginseng (Panax)\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e150 mg\u003c\/p\u003e\n\u003cp\u003ePlante adaptogène reconnue pour soutenir la mémoire et la vigilance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e100 mg (700 mg fruit)\u003c\/p\u003e\n\u003cp\u003eVitamine C naturelle, booste les défenses et protège les cellules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🍇 Extrait pépins de raisin\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e80 mg\u003c\/p\u003e\n\u003cp\u003eRiche en proanthocyanidines, puissant antioxydant cérébral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 : Bienfaits --\u003e\n\u003csection class=\"memo-section\"\u003e\n\u003ch2\u003e🎯 Les bienfaits de Mémorinda sur la mémoire \u0026amp; la concentration\u003c\/h2\u003e\n\u003cdiv class=\"memo-grid\"\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🧠 Améliorer la mémoire\u003c\/h3\u003e\n\u003cp\u003eStimulation de la plasticité neuronale grâce à l'Héricium et aux antioxydants ciblés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🎯 Optimiser la concentration\u003c\/h3\u003e\n\u003cp\u003eMeilleure circulation sanguine cérébrale et vitalité globale pour rester focus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🧹 Détoxifier l'organisme\u003c\/h3\u003e\n\u003cp\u003eÉlimination des métaux lourds (chlorella) et protection anti-oxydante complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🛡️ Renforcer les défenses\u003c\/h3\u003e\n\u003cp\u003eVitamine C naturelle et adaptogènes pour lutter efficacement contre le stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-tip\"\u003e\n\u003cspan class=\"memo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e étudiants en période d'examens, actifs sous pression, seniors souhaitant préserver leur vivacité d'esprit… ou toute personne désirant booster ses capacités intellectuelles naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 : Conseils --\u003e\n\u003csection class=\"memo-section\"\u003e\n\u003ch2\u003e✅ Conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"memo-timeline\"\u003e\n\u003cdiv class=\"memo-timeline-item\"\u003e\n\u003cdiv class=\"memo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 6 mois\u003c\/strong\u003e pour découvrir les effets cumulés sur vos fonctions cognitives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-item\"\u003e\n\u003cdiv class=\"memo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-content\"\u003e\n\u003ch3\u003ePrise régulière\u003c\/h3\u003e\n\u003cp\u003eChaque jour, idéalement à la même heure pour maximiser l'adhésion et les résultats\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-item\"\u003e\n\u003cdiv class=\"memo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-content\"\u003e\n\u003ch3\u003eHygiène de vie\u003c\/h3\u003e\n\u003cp\u003eComplétez avec un bon sommeil, une activité physique régulière et une hydratation suffisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-accordion\"\u003e\n\u003cdetails class=\"memo-accordion-item\"\u003e\n\u003csummary class=\"memo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"memo-accordion-content\"\u003e\n\u003cp\u003eNe remplace pas un traitement médical. Consultez un professionnel de santé en cas de pathologie ou traitement chronique. Déconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"memo-accordion-item\"\u003e\n\u003csummary class=\"memo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"memo-accordion-content\"\u003e\n\u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"memo-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"memo-cta-box\"\u003e\n\u003cp\u003e🧠 Offrez à votre cerveau le meilleur de la nature avec \u003cstrong\u003eMemorinda\u003c\/strong\u003e — formule exclusive Jade Recherche pour une mémoire vive et une concentration optimale !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"memo-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS MEMORINDA === *\/\n:root {\n  --memo-cream: #f8faf5;\n  --memo-white: #ffffff;\n  --memo-primary: #4CAF50;\n  --memo-primary-dark: #2e7d32;\n  --memo-primary-light: #e8f5e9;\n  --memo-secondary: #2196F3;\n  --memo-secondary-light: #e3f2fd;\n  --memo-accent: #FFD700;\n  --memo-accent-dark: #f9a825;\n  --memo-text: #1a1a1a;\n  --memo-text-light: #5a5a5a;\n  --memo-border: #e0e0e0;\n  --memo-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --memo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --memo-radius: 20px;\n  --memo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.memo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--memo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.memo-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 50%, var(--memo-primary-dark) 100%);\n  border-radius: var(--memo-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--memo-shadow-lg);\n}\n\n.memo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,215,0,.2) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.memo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.memo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.memo-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--memo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.memo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.memo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.memo-subtitle {\n  color: var(--memo-accent);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.memo-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.memo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.memo-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--memo-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.memo-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--memo-secondary), var(--memo-primary));\n  border-radius: 2px;\n}\n\n.memo-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--memo-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === DOSAGE BOX === *\/\n.memo-dosage-box {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.memo-dosage-item {\n  background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 100%);\n  border-radius: var(--memo-radius-sm);\n  padding: 1rem 1.5rem;\n  text-align: center;\n  min-width: 120px;\n  box-shadow: var(--memo-shadow);\n}\n\n.memo-dosage-number {\n  display: block;\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.memo-dosage-label {\n  display: block;\n  font-size: 12px;\n  color: rgba(255,255,255,.9);\n  margin-top: 4px;\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.memo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.memo-card {\n  background: var(--memo-white);\n  border-radius: var(--memo-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--memo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.memo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--memo-shadow-lg);\n  border-color: var(--memo-primary);\n}\n\n.memo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--memo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.memo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--memo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (avec dosage) === *\/\n.memo-card-ingredient .memo-dose {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--memo-accent), var(--memo-accent-dark));\n  color: var(--memo-text);\n  font-size: 13px;\n  font-weight: 800;\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: .5rem;\n}\n\n\/* === TIP BOX === *\/\n.memo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--memo-secondary-light);\n  border-radius: var(--memo-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--memo-secondary);\n}\n\n.memo-tip-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.memo-tip p {\n  font-size: 15px;\n  color: var(--memo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.memo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.memo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.memo-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--memo-secondary), var(--memo-primary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(76,175,80,.3);\n}\n\n.memo-timeline-content {\n  flex: 1;\n  background: var(--memo-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--memo-radius-sm);\n  box-shadow: var(--memo-shadow);\n}\n\n.memo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--memo-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.memo-timeline-content p {\n  font-size: 14px;\n  color: var(--memo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.memo-accordion {\n  background: var(--memo-white);\n  border-radius: var(--memo-radius);\n  box-shadow: var(--memo-shadow);\n  overflow: hidden;\n}\n\n.memo-accordion-item {\n  border-bottom: 1px solid var(--memo-border);\n  margin: 0;\n  padding: 0;\n}\n\n.memo-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.memo-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--memo-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.memo-accordion-header:hover {\n  background: var(--memo-primary-light);\n}\n\n.memo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.memo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--memo-primary);\n  transition: transform .2s ease;\n}\n\n.memo-accordion-item[open] .memo-accordion-header::after {\n  content: '−';\n}\n\n.memo-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--memo-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.memo-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.memo-cta-box {\n  background: linear-gradient(135deg, var(--memo-primary) 0%, var(--memo-secondary) 100%);\n  border-radius: var(--memo-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.memo-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background: radial-gradient(circle, rgba(255,215,0,.15) 0%, transparent 50%);\n  animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: .5; }\n  50% { transform: scale(1.1); opacity: .8; }\n}\n\n.memo-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.memo-disclaimer {\n  font-size: 12px;\n  color: var(--memo-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .memo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .memo-card {\n    padding: 1.125rem;\n  }\n  \n  .memo-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .memo-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--memo-radius-sm);\n  }\n  \n  .memo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .memo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .memo-dosage-box {\n    gap: .75rem;\n  }\n  \n  .memo-dosage-item {\n    padding: .875rem 1rem;\n    min-width: 100px;\n  }\n  \n  .memo-dosage-number {\n    font-size: 22px;\n  }\n  \n  .memo-dosage-label {\n    font-size: 11px;\n  }\n  \n  .memo-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .memo-timeline-content {\n    padding: 1rem 1.125rem;\n  }\n  \n  .memo-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .memo-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .memo-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .memo-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .memo-tip {\n    padding: 1rem;\n    gap: .75rem;\n  }\n  \n  .memo-tip-icon {\n    font-size: 24px;\n  }\n  \n  .memo-tip p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .memo-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .memo-card:nth-child(1) { animation-delay: .05s; }\n  .memo-card:nth-child(2) { animation-delay: .1s; }\n  .memo-card:nth-child(3) { animation-delay: .15s; }\n  .memo-card:nth-child(4) { animation-delay: .2s; }\n  .memo-card:nth-child(5) { animation-delay: .25s; }\n  .memo-card:nth-child(6) { animation-delay: .3s; }\n  .memo-card:nth-child(7) { animation-delay: .35s; }\n  \n  .memo-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .memo-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .memo-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .memo-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .memo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n  \n  .memo-cta-box::before {\n    animation: none;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"60 gélules","offer_id":56167821836665,"sku":"MEMORINDA-1","price":34.99,"currency_code":"EUR","in_stock":true},{"title":"180 gélules","offer_id":56167821869433,"sku":"MEMORINDA-2","price":89.5,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/memorinda_jade_recherche-min.jpg?v=1758476452"},{"product_id":"vascu10-atout-jeunesse-jade-recherche","title":"Vascu 10 - Atout Jeunesse - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vascu 10 - Complément alimentaire cardiovasculaire\nPalette détectée:\n  - Primaire: #C73333 (rouge des bandes horizontales - évoque le sang\/cœur)\n  - Secondaire: #2E5C8A (bleu du logo cœur et texte ingrédients - confiance\/médical)\n  - Accent: #3A7D3A (vert du texte \"VASCU 10\" - naturalité)\nAmbiance: Médical\/santé cardiovasculaire avec touche naturelle. Packaging blanc épuré, professionnel type laboratoire. Logo cœur bicolore rouge\/bleu symbolisant la circulation. Style clinique rassurant.\nPréfixe CSS: vc\n--\u003e\n\n\u003cdiv class=\"vc-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"vc-hero\"\u003e\n    \u003cdiv class=\"vc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vc-hero-content\"\u003e\n      \u003cdiv class=\"vc-badges-top\"\u003e\n        \u003cspan class=\"vc-badge\"\u003e❤️ Santé cardiovasculaire\u003c\/span\u003e\n        \u003cspan class=\"vc-badge\"\u003e🧬 5 actifs synergiques\u003c\/span\u003e\n        \u003cspan class=\"vc-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vc-hero-title\"\u003eVascu 10\u003c\/span\u003e\n      \u003cp class=\"vc-subtitle\"\u003eAtout jeunesse pour votre système vasculaire\u003c\/p\u003e\n      \u003cp class=\"vc-description\"\u003eUne formule concentrée associant nicotinamide, carnosine, bromélaïne, CoQ10 et bêta-alanine pour soutenir la santé de vos vaisseaux et préserver votre vitalité cellulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES CLÉS --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits de Vascu 10\u003c\/h2\u003e\n    \u003cdiv class=\"vc-grid\"\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e❤️ Protection vasculaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'intégrité et l'élasticité de vos vaisseaux sanguins pour une circulation optimale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLe CoQ10 et la nicotinamide boostent la production d'ATP, carburant essentiel de vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLa carnosine neutralise les radicaux libres et protège vos tissus du stress oxydatif lié à l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🔄 Circulation fluide\u003c\/h3\u003e\n        \u003cp\u003eLa bromélaïne favorise une bonne fluidité sanguine et soutient le confort circulatoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🧬 Anti-âge cellulaire\u003c\/h3\u003e\n        \u003cp\u003eFormule \"atout jeunesse\" qui préserve la vitalité de vos cellules et tissus vasculaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🌿 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules HPMC d'origine végétale, convient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e🧪 Composition par dose (2 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"vc-grid\"\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Nicotinamide (B3)\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e430 mg\u003c\/div\u003e\n        \u003cp\u003eForme active de la vitamine B3, essentielle au métabolisme énergétique et à la réparation de l'ADN cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e🧬 Carnosine\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e360 mg\u003c\/div\u003e\n        \u003cp\u003eDipeptide anti-glycation puissant qui protège les protéines et ralentit le vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e🍍 Bromélaïne\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e80 mg\u003c\/div\u003e\n        \u003cp\u003eEnzyme naturelle de l'ananas aux propriétés anti-inflammatoires et pro-circulatoires reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e⚡ Coenzyme Q10\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e70 mg\u003c\/div\u003e\n        \u003cp\u003eCoenzyme indispensable à la production d'énergie mitochondriale, particulièrement important pour le cœur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e💪 Bêta-alanine\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e20 mg\u003c\/div\u003e\n        \u003cp\u003ePrécurseur de la carnosine, amplifie son action protectrice contre l'acidité et l'oxydation tissulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est Vascu 10 ?\u003c\/h2\u003e\n    \u003cdiv class=\"vc-grid-compact\"\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e👴 Seniors actifs\u003c\/h3\u003e\n        \u003cp\u003ePréserver la jeunesse vasculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimiser récupération et endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n        \u003cp\u003eContrer le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🧘 Préventif 40+\u003c\/h3\u003e\n        \u003cp\u003eAnticiper le vieillissement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vc-usage-box\"\u003e\n      \u003cdiv class=\"vc-usage-step\"\u003e\n        \u003cdiv class=\"vc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003ePosologie\u003c\/strong\u003e\n          \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-usage-step\"\u003e\n        \u003cdiv class=\"vc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eMoment\u003c\/strong\u003e\n          \u003cp\u003ePendant un repas avec un verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-usage-step\"\u003e\n        \u003cdiv class=\"vc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eDurée\u003c\/strong\u003e\n          \u003cp\u003eCure de 30 jours, renouvelable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e📌 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vc-accordion\"\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003ePilulier de 60 gélules végétales HPMC, soit 30 jours de cure à raison de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer après usage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical, consulter votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003eFormulé et fabriqué en France par Jade Recherche. Stéarate de magnésium végétal utilisé comme anti-agglomérant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"vc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vc-cta-box\"\u003e\n      \u003cp\u003e🫀 \u003cstrong\u003eVascu 10\u003c\/strong\u003e : la synergie de 5 actifs premium pour protéger votre capital vasculaire et préserver la jeunesse de vos cellules. Investissez dans votre santé cardiovasculaire dès aujourd'hui.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vc-cream: #F7F5F2;\n  --vc-white: #ffffff;\n  --vc-primary: #C73333;\n  --vc-primary-dark: #A52828;\n  --vc-primary-light: #FCE8E8;\n  --vc-secondary: #2E5C8A;\n  --vc-accent: #3A7D3A;\n  --vc-text: #1a1a1a;\n  --vc-text-light: #5a5a5a;\n  --vc-border: #e0e0e0;\n  --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --vc-radius: 20px;\n  --vc-radius-sm: 12px;\n}\n\n.vc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vc-secondary) 0%, #3D6FA0 50%, var(--vc-primary) 100%);\n  border-radius: var(--vc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.vc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.vc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.vc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.vc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.vc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vc-primary), var(--vc-secondary));\n  border-radius: 2px;\n}\n\n.vc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vc-card {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vc-shadow-lg);\n  border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vc-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vc-card-ingredient {\n  border-left: 4px solid var(--vc-accent);\n  text-align: left;\n}\n\n.vc-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--vc-primary), var(--vc-primary-dark));\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-bottom: .75rem;\n}\n\n.vc-usage-box {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1.5rem;\n  justify-content: center;\n}\n\n.vc-usage-step {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  min-width: 200px;\n}\n\n.vc-step-num {\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--vc-primary), var(--vc-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  color: white;\n  flex-shrink: 0;\n}\n\n.vc-usage-step strong {\n  display: block;\n  font-size: 15px;\n  color: var(--vc-secondary);\n  margin-bottom: 2px;\n}\n\n.vc-usage-step p {\n  font-size: 13px;\n  color: var(--vc-text-light);\n  margin: 0;\n}\n\n.vc-accordion {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  box-shadow: var(--vc-shadow);\n  overflow: hidden;\n}\n\n.vc-accordion-item {\n  border-bottom: 1px solid var(--vc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.vc-accordion-header:hover {\n  background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vc-primary);\n  transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n  content: '−';\n}\n\n.vc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.vc-accordion-content p {\n  margin: 0;\n}\n\n.vc-cta-box {\n  background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 100%);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .vc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vc-grid-compact .vc-card {\n    padding: .75rem;\n  }\n  \n  .vc-grid-compact .vc-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .vc-grid-compact .vc-card p {\n    font-size: 12px;\n  }\n  \n  .vc-card {\n    padding: 1.125rem;\n  }\n  \n  .vc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vc-radius-sm);\n  }\n  \n  .vc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vc-usage-box {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .vc-usage-step {\n    min-width: auto;\n  }\n  \n  .vc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .vc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vc-card:nth-child(1) { animation-delay: .05s; }\n  .vc-card:nth-child(2) { animation-delay: .1s; }\n  .vc-card:nth-child(3) { animation-delay: .15s; }\n  .vc-card:nth-child(4) { animation-delay: .2s; }\n  .vc-card:nth-child(5) { animation-delay: .25s; }\n  .vc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755254341789,"sku":"JADEVASCU10","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vascu-10-atout-jeunesse-jade-recherche-packshothd.webp?v=1786010724"},{"product_id":"amalaki-bio-60-gelules-ayurvana","title":"Amalaki Bio - Régule le transit intestinal - Ayur-Vana","description":"\u003cdiv class=\"amk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"amk-hero\"\u003e\n    \u003cdiv class=\"amk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"amk-hero-content\"\u003e\n      \u003cdiv class=\"amk-badges-top\"\u003e\n        \u003cspan class=\"amk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🧪 25 % de tanins\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"amk-hero-title\"\u003eLe fruit de la jeunesse de la tradition ayurvédique\u003c\/span\u003e\n      \u003cp class=\"amk-description\"\u003eUn extrait concentré riche en tanins pour réguler votre transit, protéger vos cellules et soutenir votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eAmalaki Bio Ayur-Vana : l'extrait d'Amla riche en tanins pour votre transit et votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eL'\u003cstrong\u003eAmalaki Bio\u003c\/strong\u003e d'Ayur-Vana, aussi appelé \u003cstrong\u003eAmla\u003c\/strong\u003e (\u003cem\u003eEmblica officinalis\u003c\/em\u003e), est l'un des fruits les plus précieux de la tradition ayurvédique. Surnommé « fruit de la jeunesse » en Inde, il est utilisé depuis des millénaires pour ses remarquables propriétés antioxydantes et digestives.\u003c\/p\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌱 Extrait concentré\u003c\/h3\u003e\n        \u003cp\u003eTitré à 25 % de tanins pour une efficacité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🏆 Tradition millénaire\u003c\/h3\u003e\n        \u003cp\u003ePilier de l'Ayurveda depuis des milliers d'années\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique contrôlée par Ecocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France avec des fruits récoltés en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'Amalaki plutôt qu'un autre antioxydant ?\u003c\/h2\u003e\n    \u003cdiv class=\"amk-testimonial\"\u003e\n      \u003cp class=\"amk-testimonial-text\"\u003eContrairement à une simple poudre de fruit, l'extraction permet d'obtenir une teneur garantie en principes actifs — ici, \u003cstrong\u003e400 mg de tanins pour 4 gélules\u003c\/strong\u003e. Vous bénéficiez ainsi d'une concentration supérieure à ce que pourrait offrir le fruit brut, dans un format pratique et facile à doser.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-tip\"\u003e\n      \u003cspan class=\"amk-tip-icon\"\u003e☯️\u003c\/span\u003e\n      \u003cp\u003eL'Amla est l'une des sources naturelles les plus riches en polyphénols et en vitamine C naturelle. C'est ce qui explique son rôle central dans la pharmacopée ayurvédique, où il est réputé pour contribuer à l'équilibre des trois doshas, et tout particulièrement pour apaiser \u003cstrong\u003ePitta\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'Amalaki Bio au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🫄 Régulation du transit intestinal\u003c\/h3\u003e\n        \u003cp\u003eL'Amalaki contribue à une digestion agréable et à un confort digestif durable. Il est particulièrement apprécié en cas de transit irrégulier ou paresseux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa richesse en tanins et polyphénols, il aide à protéger vos cellules contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💪 Soutien des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eEn Ayurveda, l'Amla est considéré comme un « rasayana », un tonique régénérant qui soutient l'immunité et la vitalité globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✨ Éclat de la peau et des cheveux\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés régénérantes sont recherchées pour maintenir une peau lumineuse et un cuir chevelu sain. Ce complément agit de l'intérieur, en nourrissant vos tissus en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card amk-card-highlight\"\u003e\n        \u003ch3\u003e🍇 Extrait de fruits d'Amalaki bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eEmblica officinalis\u003c\/em\u003e : \u003cstrong\u003e1 600 mg\u003c\/strong\u003e dont \u003cstrong\u003etanins : 400 mg\u003c\/strong\u003e (titrage à 25 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eAgent d'enrobage d'origine végétale : hypromellose\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-tip\"\u003e\n      \u003cspan class=\"amk-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eIngrédients issus de l'agriculture biologique, certifiés par Ecocert FR-BIO-01. Sans additifs chimiques, sans substances d'origine animale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComment prendre l'Amalaki Bio Ayur-Vana ?\u003c\/h2\u003e\n    \u003cdiv class=\"amk-timeline\"\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eRepas du midi\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du midi avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eRepas du soir\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du soir avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules correspond à \u003cstrong\u003e15 jours\u003c\/strong\u003e. Pour un effet optimal, une cure de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e est souvent conseillée, à renouveler selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eQualité et certifications\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique - Ecocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduction française pour une traçabilité optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🥬 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales : convient aux végétariens et véganes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n        \u003cp\u003eFruits d'Amla sélectionnés et récoltés en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"amk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"amk-accordion\"\u003e\n      \u003cdetails class=\"amk-accordion-item\" open\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"amk-disclaimer\"\u003eLes informations fournies ne sauraient se substituer à un avis médical. Consultez votre professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --amk-cream: #fdf8f0;\n  --amk-white: #ffffff;\n  --amk-primary: #d4a017;\n  --amk-primary-dark: #8b6914;\n  --amk-primary-light: #fdf3d7;\n  --amk-secondary: #7cb342;\n  --amk-accent: #e8a500;\n  --amk-text: #1a1a1a;\n  --amk-text-light: #5a5a5a;\n  --amk-border: #e8e0d0;\n  --amk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --amk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --amk-radius: 20px;\n  --amk-radius-sm: 12px;\n}\n\n.amk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--amk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d4a017 0%, #b8860b 40%, #7cb342 100%);\n  border-radius: var(--amk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--amk-shadow-lg);\n}\n\n.amk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.amk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.amk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.amk-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.amk-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.amk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.amk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--amk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.amk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.amk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--amk-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.amk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--amk-primary), var(--amk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.amk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.amk-card {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--amk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.amk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--amk-shadow-lg);\n  border-color: var(--amk-primary);\n}\n\n.amk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.amk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.amk-card-highlight {\n  border-color: var(--amk-primary);\n  background: var(--amk-primary-light);\n}\n\n\/* === GRILLES === *\/\n.amk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.amk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.amk-grid-compact .amk-card {\n  padding: 1rem;\n}\n\n.amk-grid-compact .amk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.amk-grid-compact .amk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.amk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.amk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.amk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--amk-primary), var(--amk-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.amk-timeline-content {\n  flex: 1;\n  background: var(--amk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--amk-radius-sm);\n  box-shadow: var(--amk-shadow);\n}\n\n.amk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.amk-timeline-content p {\n  font-size: 14px;\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.amk-testimonial {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--amk-shadow);\n  border-left: 4px solid var(--amk-primary);\n}\n\n.amk-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amk-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.amk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--amk-primary-light);\n  border-radius: var(--amk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.amk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.amk-tip p {\n  font-size: 14px;\n  color: var(--amk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amk-accordion {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  box-shadow: var(--amk-shadow);\n  overflow: hidden;\n}\n\n.amk-accordion-item {\n  border-bottom: 1px solid var(--amk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.amk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.amk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--amk-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.amk-accordion-header:hover {\n  background: var(--amk-primary-light);\n}\n\n.amk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.amk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--amk-primary);\n  transition: transform .2s ease;\n}\n\n.amk-accordion-item[open] .amk-accordion-header::after {\n  content: '−';\n}\n\n.amk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--amk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.amk-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amk-disclaimer {\n  font-size: 12px;\n  color: var(--amk-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .amk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .amk-card {\n    padding: 1.125rem;\n  }\n\n  .amk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .amk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--amk-radius-sm);\n  }\n\n  .amk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .amk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .amk-grid-compact {\n    gap: .625rem;\n  }\n\n  .amk-grid-compact .amk-card {\n    padding: .75rem;\n  }\n\n  .amk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .amk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .amk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .amk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .amk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .amk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .amk-testimonial {\n    padding: 1.25rem;\n  }\n\n  .amk-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .amk-card {\n    animation: amkFadeInUp .5s ease backwards;\n  }\n  .amk-card:nth-child(1) { animation-delay: .05s; }\n  .amk-card:nth-child(2) { animation-delay: .1s; }\n  .amk-card:nth-child(3) { animation-delay: .15s; }\n  .amk-card:nth-child(4) { animation-delay: .2s; }\n  .amk-card:nth-child(5) { animation-delay: .25s; }\n  .amk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes amkFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .amk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755267612829,"sku":"AY9104","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/amalaki-bio-regule-le-transit-intestinal-ayur-vana-packshothd.webp?v=1790067755"},{"product_id":"brahmi-bio-60-gelules-ayurvana","title":"Brahmi Bacopa monnieri 60 gélules - Mémoire - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brahmi Bacopa monnieri 60 gélules - Mémoire - AyurVana\nPalette détectée:\n  - Primaire: #6B4C6E (violet prune du packaging - capuchon et base)\n  - Secondaire: #8BC34A (vert nature des feuilles de la plante)\n  - Accent: #F5E6A3 (beige doré\/crème du corps du packaging)\n  - Fond: #FBF8F3 (crème très clair, ambiance naturelle)\nAmbiance: Ayurvédique\/naturel, sagesse ancestrale, sérénité, bien-être holistique, tradition indienne\nPréfixe CSS: bm (pour Brahmi Memory)\n--\u003e\n\n\u003cdiv class=\"bm-premium\"\u003e\n  \n  \u003cdiv class=\"bm-hero\"\u003e\n    \u003cdiv class=\"bm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bm-hero-content\"\u003e\n      \u003cdiv class=\"bm-badges-top\"\u003e\n        \u003cspan class=\"bm-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n        \u003cspan class=\"bm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"bm-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bm-hero-title\"\u003eBrahmi Bacopa monnieri\u003c\/span\u003e\n      \u003cp class=\"bm-subtitle\"\u003eLe secret ayurvédique pour une mémoire vive\u003c\/p\u003e\n      \u003cp class=\"bm-description\"\u003eExtrait titré à 20% de bacosides • 60 gélules végétales • Tradition millénaire indienne\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir les gélules de Brahmi ?\u003c\/h2\u003e\n    \u003cdiv class=\"bm-grid\"\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🧠 Soutien cognitif puissant\u003c\/h3\u003e\n        \u003cp\u003eFavorise la transmission nerveuse et l'encodage des informations pour une mémorisation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes bacosides protègent vos cellules cérébrales contre le stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🧘 Action adaptogène\u003c\/h3\u003e\n        \u003cp\u003eAide votre organisme à mieux gérer le stress qui brouille la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e💧 Microcirculation cérébrale\u003c\/h3\u003e\n        \u003cp\u003eSoutient une bonne irrigation du cerveau pour des fonctions cognitives optimales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e😌 Calme vigilant\u003c\/h3\u003e\n        \u003cp\u003eApaise l'esprit sans induire de somnolence, idéal pour la concentration prolongée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e📜 3000 ans de sagesse\u003c\/h3\u003e\n        \u003cp\u003ePlante « medhya rasayana » utilisée par les érudits indiens depuis des millénaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui est ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"bm-grid\"\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eSoutien mémorisation intensive et clarté mentale en période d'examens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003ePrésentations, dossiers complexes, prises de décision multiples.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003ePréservez votre vivacité intellectuelle et accompagnez le vieillissement cognitif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez votre concentration quand l'anxiété vous perturbe.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e🎨 Créatifs\u003c\/h3\u003e\n        \u003cp\u003eFavorisez la fluidité de pensée et la clarté des idées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e🧩 Intellectuels\u003c\/h3\u003e\n        \u003cp\u003eMaintenez vos performances lors d'efforts mentaux prolongés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"bm-composition-box\"\u003e\n      \u003cdiv class=\"bm-composition-header\"\u003e\n        \u003cspan class=\"bm-dose-label\"\u003ePour 6 gélules (dose journalière)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-grid\"\u003e\n        \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n          \u003ch3\u003e🌿 Extrait de Brahmi\u003c\/h3\u003e\n          \u003cp class=\"bm-dosage\"\u003e1 800 mg\u003c\/p\u003e\n          \u003cp\u003eBacopa monnieri de haute qualité\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n          \u003ch3\u003e⚡ Bacosides actifs\u003c\/h3\u003e\n          \u003cp class=\"bm-dosage\"\u003e360 mg\u003c\/p\u003e\n          \u003cp\u003eTitrage à 20% pour une efficacité optimale\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n          \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n          \u003cp class=\"bm-dosage\"\u003eHypromellose\u003c\/p\u003e\n          \u003cp\u003e100% végétal, convient aux végans\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-sans-list\"\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans gluten\u003c\/span\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans lactose\u003c\/span\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans colorants\u003c\/span\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n    \u003cdiv class=\"bm-timeline\"\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules avant chaque repas\u003c\/strong\u003e (matin, midi, soir) avec un grand verre d'eau, soit 6 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eAnticipez vos besoins\u003c\/h3\u003e\n          \u003cp\u003eCommencez votre cure \u003cstrong\u003e2 à 3 semaines avant\u003c\/strong\u003e une période d'examens ou de charge mentale intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eRégularité = résultats\u003c\/h3\u003e\n          \u003cp\u003eLe Brahmi agit progressivement. Une prise régulière est plus efficace qu'une utilisation ponctuelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e1 pilulier = 10 jours. Pour une cure complète, prévoyez \u003cstrong\u003e2 à 3 piluliers\u003c\/strong\u003e (1 à 1,5 mois).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"bm-accordion\"\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eLe Brahmi agit en profondeur et progressivement. La plupart des utilisateurs rapportent une amélioration notable après \u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e de prise régulière. Les meilleurs résultats s'observent sur le long terme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e💊 Puis-je le combiner avec d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eLe Brahmi se combine généralement bien avec d'autres plantes adaptogènes ou compléments pour la cognition. En cas de doute ou si vous prenez des médicaments, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e😴 Le Brahmi provoque-t-il de la somnolence ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eNon, le Brahmi possède un effet apaisant sur le stress \u003cstrong\u003esans induire de somnolence\u003c\/strong\u003e. Il favorise un état de calme vigilant, idéal pour la concentration.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e🌱 Ce produit convient-il aux végétaliens ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eAbsolument. Les gélules sont 100% végétales (hypromellose) et la formule ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"bm-accordion\"\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Bien refermer le pilulier après utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de 6 gélules. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez votre professionnel de santé. Ce complément ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eFabriqué en France selon des normes rigoureuses. AyurVana perpétue la tradition ayurvédique millénaire en l'adaptant aux exigences de qualité contemporaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bm-cta-box\"\u003e\n      \u003cdiv class=\"bm-cta-icon\"\u003e🧠\u003c\/div\u003e\n      \u003cp\u003eOffrez à votre esprit le soutien naturel qu'il mérite grâce à \u003cstrong\u003e3000 ans de sagesse ayurvédique\u003c\/strong\u003e.\u003cbr\u003eClarté mentale, mémoire renforcée, concentration optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bm-cream: #FBF8F3;\n  --bm-white: #ffffff;\n  --bm-primary: #6B4C6E;\n  --bm-primary-dark: #4A3350;\n  --bm-primary-light: #F3EDF4;\n  --bm-secondary: #8BC34A;\n  --bm-secondary-dark: #689F38;\n  --bm-accent: #E8D59E;\n  --bm-text: #1a1a1a;\n  --bm-text-light: #5a5a5a;\n  --bm-border: #e0e0e0;\n  --bm-shadow: 0 4px 24px rgba(107,76,110,.08);\n  --bm-shadow-lg: 0 12px 48px rgba(107,76,110,.15);\n  --bm-radius: 20px;\n  --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6B4C6E 0%, #8B6B8E 40%, #4A3350 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.bm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.bm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.bm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.bm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bm-shadow-lg);\n  border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD PROFILES === *\/\n.bm-card-profile {\n  background: linear-gradient(135deg, var(--bm-white) 0%, var(--bm-primary-light) 100%);\n}\n\n\/* === COMPOSITION BOX === *\/\n.bm-composition-box {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid var(--bm-primary-light);\n}\n\n.bm-composition-header {\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.bm-dose-label {\n  display: inline-block;\n  background: var(--bm-primary);\n  color: white;\n  padding: 8px 20px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.bm-card-ingredient {\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n  border: 1px solid var(--bm-primary-light);\n}\n\n.bm-dosage {\n  font-size: clamp(20px, 4vw, 28px) !important;\n  font-weight: 900 !important;\n  color: var(--bm-primary) !important;\n  margin: .5rem 0 !important;\n}\n\n.bm-sans-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 1.5rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--bm-border);\n}\n\n.bm-sans-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--bm-secondary);\n  color: white;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n  position: relative;\n  padding-left: 50px;\n}\n\n.bm-timeline::before {\n  content: '';\n  position: absolute;\n  left: 20px;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: linear-gradient(180deg, var(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n.bm-timeline-item {\n  position: relative;\n  margin-bottom: 1.5rem;\n  background: var(--bm-white);\n  border-radius: var(--bm-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--bm-shadow);\n  transition: all .3s ease;\n}\n\n.bm-timeline-item:last-child {\n  margin-bottom: 0;\n}\n\n.bm-timeline-item:hover {\n  transform: translateX(5px);\n  box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-timeline-number {\n  position: absolute;\n  left: -50px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bm-primary), var(--bm-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(107,76,110,.3);\n}\n\n.bm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.bm-timeline-content p {\n  font-size: 14px;\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  box-shadow: var(--bm-shadow);\n  overflow: hidden;\n}\n\n.bm-accordion-item {\n  border-bottom: 1px solid var(--bm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bm-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.bm-accordion-header:hover {\n  background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bm-primary);\n  transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n  content: '−';\n}\n\n.bm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.bm-accordion-content p {\n  margin: 0;\n}\n\n.mt-1 {\n  margin-top: 5px;\n}\n\n\/* === CTA BOX === *\/\n.bm-cta-box {\n  background: linear-gradient(135deg, var(--bm-primary) 0%, var(--bm-primary-dark) 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.bm-cta-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  position: relative;\n  z-index: 1;\n}\n\n.bm-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .bm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bm-card {\n    padding: 1.125rem;\n  }\n  \n  .bm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bm-radius-sm);\n  }\n  \n  .bm-badges-top {\n    gap: 8px;\n    margin-bottom: 1.25rem;\n  }\n  \n  .bm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .bm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bm-timeline {\n    padding-left: 45px;\n  }\n  \n  .bm-timeline::before {\n    left: 17px;\n  }\n  \n  .bm-timeline-number {\n    width: 34px;\n    height: 34px;\n    font-size: 14px;\n    left: -45px;\n  }\n  \n  .bm-timeline-item {\n    padding: 1rem;\n    margin-bottom: 1rem;\n  }\n  \n  .bm-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .bm-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .bm-composition-box {\n    padding: 1.25rem;\n  }\n  \n  .bm-sans-list {\n    gap: 8px;\n    margin-top: 1rem;\n    padding-top: 1rem;\n  }\n  \n  .bm-sans-badge {\n    padding: 5px 10px;\n    font-size: 11px;\n  }\n  \n  .bm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bm-card:nth-child(1) { animation-delay: .05s; }\n  .bm-card:nth-child(2) { animation-delay: .1s; }\n  .bm-card:nth-child(3) { animation-delay: .15s; }\n  .bm-card:nth-child(4) { animation-delay: .2s; }\n  .bm-card:nth-child(5) { animation-delay: .25s; }\n  .bm-card:nth-child(6) { animation-delay: .3s; }\n  \n  .bm-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bm-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .bm-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .bm-timeline-item:nth-child(3) { animation-delay: .3s; }\n  .bm-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .bm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45811344605341,"sku":"AY9092CC","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brahmi-bacopa-monnieri-60-gelules-memoire-ayurvana-ingredients.jpg?v=1768136625"},{"product_id":"prostajade-jade-recherche","title":"Prostajade - Complément alimentaire Naturel pour la Prostate - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: ProstaJade - Complément alimentaire pour la prostate\nPalette détectée:\n  - Primaire: #7B2D5B (magenta\/prune profond - bandeau du packaging)\n  - Secondaire: #E8A838 (doré\/curcuma - évoquant les ingrédients naturels)\n  - Accent: #3A9E8C (vert-bleu de la goutte du logo - fraîcheur, naturalité)\nAmbiance: Médical-naturel premium. Le packaging blanc épuré avec le bandeau prune crée un univers sérieux et rassurant. Les éléments naturels (curcuma, ortie, baies) renforcent l'aspect phytothérapique. Style masculin, sobre, axé santé et bien-être naturel.\nPréfixe CSS: pj\n--\u003e\n\n\u003cdiv class=\"pj-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"pj-hero\"\u003e\n    \u003cdiv class=\"pj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pj-hero-content\"\u003e\n      \u003cdiv class=\"pj-badges-top\"\u003e\n        \u003cspan class=\"pj-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"pj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"pj-badge\"\u003e🌙 Sommeil préservé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pj-hero-title\"\u003eProstaJade\u003c\/span\u003e\n      \u003cp class=\"pj-subtitle\"\u003eVotre allié naturel pour le confort prostatique\u003c\/p\u003e\n      \u003cp class=\"pj-description\"\u003eUne synergie de 4 extraits de plantes premium pour soutenir votre fonction prostatique, améliorer votre confort urinaire et retrouver des nuits sereines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES CLÉS --\u003e\n  \u003csection class=\"pj-section\"\u003e\n    \u003ch2\u003e🎯 Les 4 actions clés\u003c\/h2\u003e\n    \u003cdiv class=\"pj-grid\"\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e💧 Confort urinaire\u003c\/h3\u003e\n        \u003cp\u003eRéduit les envies fréquentes d'uriner et améliore le flux pour une miction plus confortable au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e🛡️ Fonction prostatique\u003c\/h3\u003e\n        \u003cp\u003eSoutient activement la santé de la prostate et contribue à réduire l'hypertrophie bénigne liée à l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n        \u003cp\u003eDiminue les réveils nocturnes pour des nuits plus paisibles et une meilleure récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e🌿 Formule 100% naturelle\u003c\/h3\u003e\n        \u003cp\u003e4 extraits de plantes rigoureusement sélectionnés, sans additifs chimiques ni OGM.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"pj-section\"\u003e\n    \u003ch2\u003e🌱 Une synergie de 4 plantes d'exception\u003c\/h2\u003e\n    \u003cdiv class=\"pj-grid\"\u003e\n      \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n        \u003ch3\u003e🌴 Sabal serrulata\u003c\/h3\u003e\n        \u003cp class=\"pj-ingredient-latin\"\u003ePalmier nain (Serenoa repens)\u003c\/p\u003e\n        \u003cp\u003eL'actif de référence pour la fonction urinaire normale chez l'homme. Reconnu pour son action bénéfique sur l'hypertrophie prostatique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n        \u003ch3\u003e🌳 Pygeum africanum\u003c\/h3\u003e\n        \u003cp class=\"pj-ingredient-latin\"\u003ePrunier d'Afrique\u003c\/p\u003e\n        \u003cp\u003eUtilisé traditionnellement depuis des siècles pour soutenir la santé de la prostate et améliorer le confort urinaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n        \u003ch3\u003e✨ Curcuma longa\u003c\/h3\u003e\n        \u003cp class=\"pj-ingredient-latin\"\u003eCurcumine biodisponible\u003c\/p\u003e\n        \u003cp\u003ePuissantes propriétés anti-inflammatoires et antioxydantes pour protéger les cellules prostatiques du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Urtica dioica\u003c\/h3\u003e\n        \u003cp class=\"pj-ingredient-latin\"\u003eOrtie dioïque\u003c\/p\u003e\n        \u003cp\u003eContribue à l'élimination rénale et soutient la fonction urinaire. Renforce l'action globale de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"pj-section\"\u003e\n    \u003ch2\u003e👨 ProstaJade est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"pj-grid\"\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e🎂 Vous avez plus de 45 ans\u003c\/h3\u003e\n        \u003cp\u003eL'âge où les troubles prostatiques commencent naturellement à apparaître. Une supplémentation préventive est bénéfique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e🚻 Envies fréquentes d'uriner\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez des besoins pressants ou fréquents qui perturbent votre quotidien et vos activités.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e😴 Réveils nocturnes répétés\u003c\/h3\u003e\n        \u003cp\u003eVos nuits sont fragmentées par des allers-retours aux toilettes, impactant votre qualité de sommeil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e💪 Flux urinaire diminué\u003c\/h3\u003e\n        \u003cp\u003eVous constatez une baisse de la force du jet ou une difficulté à initier la miction.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"pj-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"pj-usage-box\"\u003e\n      \u003cdiv class=\"pj-usage-step\"\u003e\n        \u003cdiv class=\"pj-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pj-step-content\"\u003e\n          \u003ch3\u003e☀️ Matin\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-usage-step\"\u003e\n        \u003cdiv class=\"pj-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pj-step-content\"\u003e\n          \u003ch3\u003e🌤️ Midi\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au déjeuner pour maintenir l'action tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-usage-step\"\u003e\n        \u003cdiv class=\"pj-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pj-step-content\"\u003e\n          \u003ch3\u003e🌙 Soir\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au dîner pour une action continue pendant la nuit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pj-tip-box\"\u003e\n      \u003cp\u003e💡 \u003cstrong\u003eCure recommandée :\u003c\/strong\u003e 2 mois minimum pour des résultats optimaux. Les premiers bienfaits apparaissent généralement après 3 à 4 semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"pj-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"pj-grid-compact\"\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e💊 180 gélules\u003c\/h3\u003e\n        \u003cp\u003eCure complète de 2 mois\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pj-card\"\u003e\n        \u003ch3\u003e✅ Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans additifs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n  \u003csection class=\"pj-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"pj-accordion\"\u003e\n      \u003cdetails class=\"pj-accordion-item\"\u003e\n        \u003csummary class=\"pj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pj-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants. Refermer soigneusement après utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pj-accordion-item\"\u003e\n        \u003csummary class=\"pj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pj-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de traitement médical en cours, demandez conseil à votre médecin. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pj-accordion-item\"\u003e\n        \u003csummary class=\"pj-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"pj-accordion-content\"\u003e\n          \u003cp\u003eFabriqué en France par le laboratoire Jade Recherche selon les normes strictes de l'industrie pharmaceutique (BPF). Chaque lot est contrôlé pour garantir la pureté et la teneur en principes actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pj-accordion-item\"\u003e\n        \u003csummary class=\"pj-accordion-header\"\u003e📅 Durée de cure recommandée\u003c\/summary\u003e\n        \u003cdiv class=\"pj-accordion-content\"\u003e\n          \u003cp\u003ePour des résultats significatifs et durables, une cure de 2 à 6 mois est recommandée selon vos besoins. Les études cliniques sur les extraits de plantes montrent une efficacité optimale à partir de 4 mois d'utilisation régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"pj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pj-cta-box\"\u003e\n      \u003cp\u003e🌿 \u003cstrong\u003eRetrouvez votre confort masculin naturellement\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003eProstaJade associe le meilleur de la phytothérapie pour vous accompagner au quotidien. Une formule naturelle, fabriquée en France, pour préserver votre santé prostatique et améliorer durablement votre qualité de vie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --pj-cream: #f9f7f5;\n  --pj-white: #ffffff;\n  --pj-primary: #7B2D5B;\n  --pj-primary-dark: #5C1E44;\n  --pj-primary-light: #F5EDF2;\n  --pj-secondary: #E8A838;\n  --pj-accent: #3A9E8C;\n\n  --pj-text: #1a1a1a;\n  --pj-text-light: #5a5a5a;\n\n  --pj-border: #e0e0e0;\n  --pj-shadow: 0 4px 24px rgba(123, 45, 91, 0.08);\n  --pj-shadow-lg: 0 12px 48px rgba(123, 45, 91, 0.15);\n  --pj-radius: 20px;\n  --pj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pj-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--pj-primary) 0%, var(--pj-primary-dark) 50%, #3D1530 100%);\n  border-radius: var(--pj-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pj-shadow-lg);\n}\n\n.pj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 50%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.pj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.pj-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pj-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pj-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.pj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.pj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pj-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.pj-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pj-primary), var(--pj-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.pj-card {\n  background: var(--pj-white);\n  border-radius: var(--pj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pj-shadow-lg);\n  border-color: var(--pj-primary);\n}\n\n.pj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pj-card-ingredient {\n  background: linear-gradient(135deg, var(--pj-white) 0%, var(--pj-primary-light) 100%);\n}\n\n.pj-ingredient-latin {\n  font-style: italic;\n  font-size: clamp(12px, 1.8vw, 14px) !important;\n  color: var(--pj-primary) !important;\n  margin-bottom: .75rem !important;\n}\n\n\/* === GRILLES === *\/\n.pj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pj-grid-compact .pj-card {\n  padding: 1rem;\n}\n\n.pj-grid-compact .pj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pj-grid-compact .pj-card p {\n  font-size: 12px;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.pj-usage-box {\n  background: var(--pj-white);\n  border-radius: var(--pj-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--pj-shadow);\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.pj-usage-step {\n  display: flex;\n  gap: 1.25rem;\n  align-items: center;\n}\n\n.pj-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--pj-primary), var(--pj-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  box-shadow: 0 4px 12px rgba(123, 45, 91, 0.3);\n}\n\n.pj-step-content h3 {\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 800;\n  color: var(--pj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pj-step-content p {\n  color: var(--pj-text-light);\n  font-size: clamp(13px, 2vw, 15px);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pj-tip-box {\n  background: linear-gradient(135deg, #FFF9E6 0%, var(--pj-white) 100%);\n  border-radius: var(--pj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1rem;\n  border-left: 4px solid var(--pj-secondary);\n}\n\n.pj-tip-box p {\n  margin: 0;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pj-text);\n  line-height: 1.6;\n}\n\n.pj-tip-box strong {\n  color: var(--pj-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.pj-accordion {\n  background: var(--pj-white);\n  border-radius: var(--pj-radius);\n  box-shadow: var(--pj-shadow);\n  overflow: hidden;\n}\n\n.pj-accordion-item {\n  border-bottom: 1px solid var(--pj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pj-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pj-accordion-header:hover {\n  background: var(--pj-primary-light);\n}\n\n.pj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pj-primary);\n  transition: transform .2s ease;\n}\n\n.pj-accordion-item[open] .pj-accordion-header::after {\n  content: '−';\n}\n\n.pj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.pj-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pj-cta-box {\n  background: linear-gradient(135deg, var(--pj-primary) 0%, var(--pj-primary-dark) 100%);\n  border-radius: var(--pj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pj-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0 0 1rem 0;\n}\n\n.pj-cta-box p:last-child {\n  margin-bottom: 0;\n  font-weight: 400;\n  font-size: clamp(14px, 2vw, 17px);\n  opacity: .95;\n}\n\n.pj-cta-box strong {\n  font-weight: 800;\n  font-size: clamp(18px, 3vw, 24px);\n  display: block;\n  margin-bottom: .5rem;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .pj-card {\n    padding: 1.125rem;\n  }\n  \n  .pj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .pj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pj-radius-sm);\n  }\n  \n  .pj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .pj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .pj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .pj-grid-compact .pj-card {\n    padding: .75rem;\n  }\n  \n  .pj-usage-step {\n    gap: 1rem;\n  }\n  \n  .pj-step-number {\n    width: 38px;\n    height: 38px;\n    font-size: 16px;\n  }\n  \n  .pj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .pj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pj-card:nth-child(1) { animation-delay: .05s; }\n  .pj-card:nth-child(2) { animation-delay: .1s; }\n  .pj-card:nth-child(3) { animation-delay: .15s; }\n  .pj-card:nth-child(4) { animation-delay: .2s; }\n  .pj-card:nth-child(5) { animation-delay: .25s; }\n  .pj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .pj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45814290940061,"sku":"PROSTAJADE180","price":45.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/prostajade-complement-alimentaire-naturel-pour-la-prostate-j-packshothd.webp?v=1786011094"},{"product_id":"immunocance-jade-recherche-defenses-immunitaires-60-g-jade-recherche","title":"Immunocance Jade Recherche - Défenses Immunitaires - 60 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Immunocance Jade Recherche - Défenses Immunitaires - 60 g\nPalette détectée:\n  - Primaire: #C2185B (rose magenta\/fuchsia dominant du packaging)\n  - Secondaire: #E6A817 (doré\/orange des bulles décoratives et texte jaune)\n  - Accent: #9C27B0 (violet\/pourpre visible sur les bords de l'étiquette)\nAmbiance: Santé naturelle, champignons médicinaux, immunité, univers féminin\/vibrant avec touches dorées évoquant la qualité premium. Pot blanc sobre avec étiquette rose vif et éléments dorés.\nPréfixe CSS: imc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Immunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\"\n  2. \"Pourquoi choisir Immunocance pour renforcer votre immunité ?\"\n  3. \"Composition détaillée pour 4 g (dose journalière)\"\n  4. \"Comment prendre Immunocance ?\"\n  5. \"À qui s'adresse ce complément ?\"\n  6. \"Qualité et fabrication française\"\n  7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"imc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"imc-hero\"\u003e\n    \u003cdiv class=\"imc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"imc-hero-content\"\u003e\n      \u003cdiv class=\"imc-badges-top\"\u003e\n        \u003cspan class=\"imc-badge\"\u003e🍄 Maïtaké · Shiitaké · Reishi\u003c\/span\u003e\n        \u003cspan class=\"imc-badge\"\u003e🧬 Vitamine C liposomale 170% AR\u003c\/span\u003e\n        \u003cspan class=\"imc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"imc-hero-title\"\u003eImmunocance Jade Recherche\u003c\/span\u003e\n      \u003cp class=\"imc-subtitle\"\u003eDéfenses immunitaires — 60 g de poudre\u003c\/p\u003e\n      \u003cp class=\"imc-description\"\u003eLa synergie de 3 champignons médicinaux adaptogènes et de vitamine C liposomale pour soutenir votre immunité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eImmunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\u003c\/h2\u003e\n    \u003cp class=\"imc-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire immunité\u003c\/strong\u003e qui associe le meilleur de la mycothérapie à la \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e ?\u003c\/p\u003e\n    \u003cdiv class=\"imc-grid\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍄 Trio de champignons adaptogènes\u003c\/h3\u003e\n        \u003cp\u003eMaïtaké, shiitaké et reishi réunis dans une seule formule en poudre pour une action synergique sur vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp\u003eEncapsulée dans des liposomes pour une biodisponibilité supérieure à la vitamine C classique. 136 mg par dose, soit 170 % des AR.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🌿 Formule 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eIngrédients issus de sources naturelles, enrichis de poudre de jus de noni pour un apport complémentaire en antioxydants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Immunocance pour renforcer votre immunité ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-grid\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🏔️ Maïtaké (Grifola frondosa)\u003c\/h3\u003e\n        \u003cp\u003eChampignon traditionnellement utilisé en médecine asiatique, riche en \u003cstrong\u003ebêta-glucanes\u003c\/strong\u003e qui contribuent à stimuler l'activité des cellules immunitaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🌸 Shiitaké (Lentinus edodes)\u003c\/h3\u003e\n        \u003cp\u003eDeuxième pilier de la formule, reconnu pour sa richesse en polysaccharides immunostimulants et son usage millénaire en mycothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e✨ Reishi (Ganoderma lucidum)\u003c\/h3\u003e\n        \u003cp\u003eSurnommé « champignon de l'immortalité », il complète le trio grâce à ses \u003cstrong\u003epropriétés adaptogènes\u003c\/strong\u003e reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e💊 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp\u003eEncapsulée dans des liposomes de lécithine de tournesol pour une \u003cstrong\u003eabsorption nettement supérieure\u003c\/strong\u003e, contribuant au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍈 Jus de noni\u003c\/h3\u003e\n        \u003cp\u003eLa poudre de jus de \u003cstrong\u003eMorinda citrifolia\u003c\/strong\u003e apporte un complément d'antioxydants naturels pour renforcer la synergie globale de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🔬 Synergie optimisée\u003c\/h3\u003e\n        \u003cp\u003eLa complémentarité des actifs fait toute la différence : chaque ingrédient amplifie l'efficacité des autres pour un soutien immunitaire complet.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 g (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"imc-composition-table\"\u003e\n      \u003cdiv class=\"imc-compo-row imc-compo-header\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003eIngrédient\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003eDosage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eMaïtaké\u003c\/strong\u003e (Grifola frondosa)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,6 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eShiitaké\u003c\/strong\u003e (Lentinus edodes)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,28 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍈 \u003cstrong\u003ePoudre de jus de noni\u003c\/strong\u003e (Morinda citrifolia)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,6 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e✨ \u003cstrong\u003eReishi\u003c\/strong\u003e (Ganoderma lucidum)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,32 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row imc-compo-highlight\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e💊 \u003cstrong\u003eVitamine C liposomale\u003c\/strong\u003e (acide L-ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e136 mg\u003c\/strong\u003e — 170 % AR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003eÉmulsifiant : lécithine de tournesol\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"imc-disclaimer\"\u003e* Ingrédients issus de sources naturelles. Contenance nette : \u003cstrong\u003e60 g\u003c\/strong\u003e de poudre.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eComment prendre Immunocance ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-timeline\"\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 cuillères à café rases\u003c\/strong\u003e par jour (soit 2 à 4 g).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans de l'eau chaude\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans un verre d'eau chaude d'environ \u003cstrong\u003e200 ml\u003c\/strong\u003e, puis mélangez bien. Vous pouvez aussi l'incorporer dans une tisane ou un jus tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003ePrenez pendant un repas\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez une prise \u003cstrong\u003ependant un repas\u003c\/strong\u003e pour favoriser l'absorption de la vitamine C liposomale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eFaites une cure régulière\u003c\/h3\u003e\n          \u003cp\u003ePour une cure efficace, une prise régulière \u003cstrong\u003esur plusieurs semaines\u003c\/strong\u003e est recommandée, notamment à l'approche de l'automne, de l'hiver ou lors de périodes de fatigue passagère.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-grid-compact\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité naturelle\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant renforcer leur immunité de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍄 Mycothérapie\u003c\/h3\u003e\n        \u003cp\u003eCeux qui veulent bénéficier des bienfaits des champignons médicinaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e💊 Vitamine C optimisée\u003c\/h3\u003e\n        \u003cp\u003ePersonnes cherchant une forme liposomale mieux assimilée par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir l'organisme lors des transitions saisonnières ou périodes exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"imc-testimonial\"\u003e\n      \u003cp class=\"imc-testimonial-text\"\u003eConçu et fabriqué en France par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, Immunocance bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Jade Recherche est un laboratoire spécialisé dans le développement de formules naturelles innovantes, reconnu pour son exigence scientifique et son engagement envers des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"imc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eConception et fabrication françaises.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n        \u003cp\u003eRigueur à chaque étape de production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"imc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"imc-accordion\"\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Conserver au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"imc-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --imc-cream: #fdf6f9;\n  --imc-white: #ffffff;\n  --imc-primary: #C2185B;\n  --imc-primary-dark: #880E4F;\n  --imc-primary-light: #fce4ec;\n  --imc-secondary: #E6A817;\n  --imc-accent: #9C27B0;\n  --imc-text: #1a1a1a;\n  --imc-text-light: #5a5a5a;\n  --imc-border: #f0e0e6;\n  --imc-shadow: 0 4px 24px rgba(194,24,91,.08);\n  --imc-shadow-lg: 0 12px 48px rgba(194,24,91,.15);\n  --imc-radius: 20px;\n  --imc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.imc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--imc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.imc-premium *, .imc-premium *::before, .imc-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.imc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--imc-primary-dark) 0%, var(--imc-primary) 40%, var(--imc-accent) 100%);\n  border-radius: var(--imc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--imc-shadow-lg);\n}\n\n.imc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(230,168,23,.25) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(230,168,23,.15) 0%, transparent 60%);\n  opacity: .6;\n}\n\n.imc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.imc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.imc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.imc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.imc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.imc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--imc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.imc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.imc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.imc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--imc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.imc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--imc-primary), var(--imc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.imc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--imc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.imc-card {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--imc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.imc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--imc-shadow-lg);\n  border-color: var(--imc-primary);\n}\n\n.imc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--imc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.imc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--imc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.imc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.imc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.imc-grid-compact .imc-card {\n  padding: 1rem;\n}\n\n.imc-grid-compact .imc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.imc-grid-compact .imc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.imc-composition-table {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  box-shadow: var(--imc-shadow);\n  overflow: hidden;\n}\n\n.imc-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--imc-border);\n  gap: 1rem;\n}\n\n.imc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.imc-compo-header {\n  background: linear-gradient(135deg, var(--imc-primary-dark), var(--imc-primary));\n  color: white;\n  font-weight: 800;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.imc-compo-header .imc-compo-name,\n.imc-compo-header .imc-compo-dose {\n  color: white;\n}\n\n.imc-compo-name {\n  font-size: 14px;\n  color: var(--imc-text);\n  line-height: 1.4;\n  flex: 1;\n}\n\n.imc-compo-dose {\n  font-size: 14px;\n  color: var(--imc-primary-dark);\n  font-weight: 700;\n  text-align: right;\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.imc-compo-highlight {\n  background: var(--imc-primary-light);\n}\n\n.imc-compo-highlight .imc-compo-dose {\n  color: var(--imc-primary);\n  font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.imc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.imc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.imc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--imc-primary), var(--imc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(194,24,91,.25);\n}\n\n.imc-timeline-content {\n  flex: 1;\n  background: var(--imc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--imc-radius-sm);\n  box-shadow: var(--imc-shadow);\n}\n\n.imc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--imc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.imc-timeline-content p {\n  font-size: 14px;\n  color: var(--imc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.imc-testimonial {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--imc-shadow);\n  border-left: 4px solid var(--imc-primary);\n}\n\n.imc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--imc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.imc-accordion {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  box-shadow: var(--imc-shadow);\n  overflow: hidden;\n}\n\n.imc-accordion-item {\n  border-bottom: 1px solid var(--imc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.imc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.imc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--imc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.imc-accordion-header:hover {\n  background: var(--imc-primary-light);\n}\n\n.imc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.imc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--imc-primary);\n  transition: transform .2s ease;\n}\n\n.imc-accordion-item[open] .imc-accordion-header::after {\n  content: '−';\n}\n\n.imc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--imc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.imc-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.imc-disclaimer {\n  font-size: 12px;\n  color: var(--imc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .imc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .imc-card {\n    padding: 1.125rem;\n  }\n\n  .imc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .imc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--imc-radius-sm);\n  }\n\n  .imc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .imc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  \/* Grille compacte mobile *\/\n  .imc-grid-compact {\n    gap: .625rem;\n  }\n\n  .imc-grid-compact .imc-card {\n    padding: .75rem;\n  }\n\n  \/* Composition table mobile *\/\n  .imc-compo-row {\n    padding: .75rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n\n  .imc-compo-header {\n    flex-direction: row;\n  }\n\n  .imc-compo-name {\n    font-size: 13px;\n  }\n\n  .imc-compo-dose {\n    font-size: 13px;\n    text-align: left;\n  }\n\n  \/* Timeline mobile *\/\n  .imc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .imc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .imc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .imc-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .imc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .imc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .imc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .imc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .imc-card {\n    animation: imcFadeInUp .5s ease backwards;\n  }\n  .imc-card:nth-child(1) { animation-delay: .05s; }\n  .imc-card:nth-child(2) { animation-delay: .1s; }\n  .imc-card:nth-child(3) { animation-delay: .15s; }\n  .imc-card:nth-child(4) { animation-delay: .2s; }\n  .imc-card:nth-child(5) { animation-delay: .25s; }\n  .imc-card:nth-child(6) { animation-delay: .3s; }\n\n  .imc-timeline-item {\n    animation: imcFadeInUp .5s ease backwards;\n  }\n  .imc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .imc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .imc-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .imc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes imcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .imc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755277279389,"sku":"JADEIMMU60","price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/immunocance-jade-recherche-defenses-immunitaires-60-g-packshothd.webp?v=1786012070"},{"product_id":"andraka-bio-gingembre-indien-60-gelules-ayurvana","title":"Andraka bio (Gingembre indien) - 60 gélules - Ayur-Vana","description":"\u003cdiv class=\"ak-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ak-hero\"\u003e\n\u003cdiv class=\"ak-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ak-hero-content\"\u003e\n\u003cdiv class=\"ak-badges-top\"\u003e\n\u003cspan class=\"ak-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"ak-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ak-badge\"\u003e🧘 Tradition ayurvédique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ak-hero-title\"\u003eAndraka Bio\u003cbr\u003eGingembre indien\u003c\/span\u003e\n\u003cp class=\"ak-subtitle\"\u003e60 gélules végétales · Ayur-Vana\u003c\/p\u003e\n\u003cp class=\"ak-description\"\u003eLa « médecine universelle » de l'Ayurveda au service de votre digestion, de votre vitalité et de votre confort articulaire — 990 mg de rhizome bio par dose.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eAndraka Bio : le gingembre indien en gélules pour votre confort digestif et votre vitalité\u003c\/h2\u003e\n\u003cp class=\"ak-section-intro\"\u003eDécouvrez le gingembre tel que la tradition ayurvédique le célèbre depuis des millénaires, dans un format moderne et pratique.\u003c\/p\u003e\n\u003cdiv class=\"ak-highlight-box\"\u003e\n\u003cp\u003eVous cherchez un allié naturel pour \u003cstrong\u003eaméliorer votre digestion\u003c\/strong\u003e, retrouver de l'énergie ou apaiser des inconforts du quotidien ? L'\u003cstrong\u003eAndraka Bio d'Ayur-Vana\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire au gingembre bio\u003c\/strong\u003e (\u003cem\u003eZingiber officinale\u003c\/em\u003e) directement inspiré de la tradition ayurvédique. Appelé \u003cem\u003eAndraka\u003c\/em\u003e en sanskrit, le gingembre y est considéré comme la « médecine universelle », tant ses usages sont variés et reconnus depuis des millénaires.\u003c\/p\u003e\n\u003cp\u003eChaque gélule renferme de la \u003cstrong\u003epoudre de gingembre bio\u003c\/strong\u003e, obtenue à partir du rhizome entier cultivé en Inde dans le respect de l'agriculture biologique. Contrairement à un simple \u003cstrong\u003eshot de gingembre bio\u003c\/strong\u003e ou à un \u003cstrong\u003ejus de gingembre bio\u003c\/strong\u003e, ce format en gélules végétales vous offre un dosage précis, pratique à emporter partout, sans le goût piquant parfois difficile à supporter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eLes bienfaits reconnus du gingembre indien biologique\u003c\/h2\u003e\n\u003cp class=\"ak-section-intro\"\u003eRiche en gingérols et en shogaols, le gingembre bio est l'une des plantes les plus étudiées au monde.\u003c\/p\u003e\n\u003cdiv class=\"ak-grid\"\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eLe gingembre accélère la digestion et favorise un bon fonctionnement intestinal. Il aide à réduire les ballonnements, les gaz et les sensations de lourdeur après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🤢 Action antiémétique\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour \u003cstrong\u003esoulager les nausées\u003c\/strong\u003e, qu'elles soient liées au mal des transports, à la grossesse (sous avis médical) ou à d'autres causes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eGrâce à ses propriétés apaisantes, il contribue à réduire les inconforts articulaires et musculaires, particulièrement appréciable en période hivernale ou après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n\u003cp\u003eEn Ayurveda, le gingembre est réputé pour « raviver le feu digestif » (Agni), ce qui se traduit par un regain d'énergie et une meilleure assimilation des nutriments. Il est aussi utilisé depuis longtemps comme aphrodisiaque naturel, chez l'homme comme chez la femme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eSes composés actifs aident l'organisme à lutter contre le stress oxydatif et soutiennent les défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"ak-composition-card\"\u003e\n\u003cdiv class=\"ak-composition-main\"\u003e\n\u003cdiv class=\"ak-composition-ingredient\"\u003e\n\u003cspan class=\"ak-composition-emoji\"\u003e🌱\u003c\/span\u003e\n\u003cdiv class=\"ak-composition-detail\"\u003e\n\u003ch3\u003ePoudre de rhizome de gingembre indien biologique\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eZingiber officinale\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ak-composition-dose\"\u003e990 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-composition-ingredient\"\u003e\n\u003cspan class=\"ak-composition-emoji\"\u003e💊\u003c\/span\u003e\n\u003cdiv class=\"ak-composition-detail\"\u003e\n\u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eHPMC (gélule végétale)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ak-composition-dose\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-composition-badges\"\u003e\n\u003cspan class=\"ak-comp-badge\"\u003e✅ 100 % végétale\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans excipient chimique\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans additif\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans colorant\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e🌿 Certifiée AB (FR-BIO-01)\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ak-timeline\"\u003e\n\u003cdiv class=\"ak-timeline-item\"\u003e\n\u003cdiv class=\"ak-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-item\"\u003e\n\u003cdiv class=\"ak-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par 2 gélules pour évaluer votre tolérance, puis ajustez à 3 si besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-item\"\u003e\n\u003cdiv class=\"ak-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de \u003cstrong\u003e20 à 30 jours\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits, renouvelable plusieurs fois dans l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-tip\"\u003e\n\u003cspan class=\"ak-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous préférez habituellement le \u003cstrong\u003egingembre bio en poudre\u003c\/strong\u003e dans vos boissons ou vos recettes, ces gélules constituent un complément pratique pour les journées où vous manquez de temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"ak-accordion\"\u003e\n\u003cdetails class=\"ak-accordion-item\"\u003e\n\u003csummary class=\"ak-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n\u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ak-accordion-item\"\u003e\n\u003csummary class=\"ak-accordion-header\"\u003e👶 Enfants et conservation\u003c\/summary\u003e\n\u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ak-accordion-item\"\u003e\n\u003csummary class=\"ak-accordion-header\"\u003e💊 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes sous traitement anticoagulant ou souffrant de calculs biliaires sans avis médical préalable. En cas de grossesse ou d'allaitement, consultez votre professionnel de santé avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ak-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir l'Andraka Bio Ayur-Vana ?\u003c\/h2\u003e\n\u003cdiv class=\"ak-grid-compact\"\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n\u003cp\u003eRhizome sélectionné pour sa richesse en principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique rigoureuse, label AB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française, traçabilité et sécurité garanties\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🧘 Expertise ayurvédique\u003c\/h3\u003e\n\u003cp\u003eFormule fidèle à la tradition millénaire de l'Ayurveda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-cta-box\"\u003e\n\u003cp\u003eUn produit pur, efficace et respectueux de votre corps comme de l'environnement — faites confiance à l'Andraka Bio Ayur-Vana pour intégrer le meilleur du gingembre indien dans votre quotidien. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ak-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --ak-cream: #F9F5EF;\n  --ak-white: #ffffff;\n  --ak-primary: #B5784E;\n  --ak-primary-dark: #7A4A2A;\n  --ak-primary-light: #F3E8DC;\n  --ak-secondary: #D4A04A;\n  --ak-accent: #6B8E3A;\n  --ak-text: #1a1a1a;\n  --ak-text-light: #5a5a5a;\n  --ak-border: #e8ddd0;\n  --ak-shadow: 0 4px 24px rgba(122,74,42,.08);\n  --ak-shadow-lg: 0 12px 48px rgba(122,74,42,.15);\n  --ak-radius: 20px;\n  --ak-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ak-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ak-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ak-premium *, .ak-premium *::before, .ak-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ak-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7A4A2A 0%, #B5784E 40%, #D4A04A 100%);\n  border-radius: var(--ak-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ak-shadow-lg);\n}\n\n.ak-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n    radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%),\n    repeating-conic-gradient(from 0deg at 15% 85%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg),\n    repeating-conic-gradient(from 45deg at 85% 15%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg);\n  opacity: 1;\n}\n\n.ak-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ak-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.ak-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .03em;\n  text-transform: uppercase;\n}\n\n.ak-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ak-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ak-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ak-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ak-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ak-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ak-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ak-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.ak-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ak-primary), var(--ak-secondary));\n  border-radius: 2px;\n}\n\n.ak-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ak-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX (intro longue) === *\/\n.ak-highlight-box {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ak-shadow);\n  border-left: 4px solid var(--ak-secondary);\n}\n\n.ak-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--ak-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.ak-highlight-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.ak-card {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ak-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ak-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ak-shadow-lg);\n  border-color: var(--ak-primary);\n}\n\n.ak-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ak-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ak-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ak-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ak-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ak-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.ak-grid-compact .ak-card {\n  padding: 1rem;\n}\n\n.ak-grid-compact .ak-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ak-grid-compact .ak-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.ak-composition-card {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  box-shadow: var(--ak-shadow);\n  overflow: hidden;\n}\n\n.ak-composition-main {\n  padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.ak-composition-ingredient {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--ak-border);\n}\n\n.ak-composition-ingredient:last-child {\n  border-bottom: none;\n}\n\n.ak-composition-emoji {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.ak-composition-detail {\n  flex: 1;\n}\n\n.ak-composition-detail h3 {\n  font-size: clamp(14px, 2.2vw, 16px);\n  font-weight: 700;\n  color: var(--ak-primary-dark);\n  margin: 0 0 .2rem 0;\n}\n\n.ak-composition-detail p {\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--ak-text-light);\n  margin: 0;\n  font-style: italic;\n}\n\n.ak-composition-dose {\n  flex-shrink: 0;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 900;\n  color: var(--ak-secondary);\n  background: linear-gradient(135deg, var(--ak-primary-light), var(--ak-cream));\n  padding: .5rem 1rem;\n  border-radius: var(--ak-radius-sm);\n}\n\n.ak-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .5rem;\n  padding: clamp(1rem, 3vw, 1.5rem);\n  background: var(--ak-primary-light);\n  border-top: 1px solid var(--ak-border);\n}\n\n.ak-comp-badge {\n  font-size: clamp(11px, 2vw, 13px);\n  font-weight: 600;\n  color: var(--ak-primary-dark);\n  background: var(--ak-white);\n  padding: .35rem .75rem;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.ak-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ak-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ak-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ak-primary), var(--ak-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(181,120,78,.3);\n}\n\n.ak-timeline-content {\n  flex: 1;\n  background: var(--ak-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ak-radius-sm);\n  box-shadow: var(--ak-shadow);\n}\n\n.ak-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ak-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ak-timeline-content p {\n  font-size: 14px;\n  color: var(--ak-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ak-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ak-primary-light);\n  border-radius: var(--ak-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ak-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ak-tip p {\n  font-size: 14px;\n  color: var(--ak-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ak-accordion {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  box-shadow: var(--ak-shadow);\n  overflow: hidden;\n}\n\n.ak-accordion-item {\n  border-bottom: 1px solid var(--ak-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ak-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ak-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ak-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ak-accordion-header:hover {\n  background: var(--ak-primary-light);\n}\n\n.ak-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ak-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ak-primary);\n  transition: transform .2s ease;\n}\n\n.ak-accordion-item[open] .ak-accordion-header::after {\n  content: '−';\n}\n\n.ak-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ak-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ak-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ak-cta-box {\n  background: linear-gradient(135deg, var(--ak-primary) 0%, var(--ak-primary-dark) 100%);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ak-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(212,160,74,.2) 0%, transparent 60%);\n}\n\n.ak-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ak-disclaimer {\n  font-size: 12px;\n  color: var(--ak-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ak-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ak-card {\n    padding: 1.125rem;\n  }\n\n  .ak-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ak-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ak-radius-sm);\n  }\n\n  .ak-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ak-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ak-grid-compact {\n    gap: .625rem;\n  }\n\n  .ak-grid-compact .ak-card {\n    padding: .75rem;\n  }\n\n  .ak-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ak-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ak-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ak-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ak-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ak-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ak-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .ak-highlight-box p {\n    font-size: 14px;\n  }\n\n  .ak-composition-ingredient {\n    gap: .75rem;\n    padding: .75rem 0;\n  }\n\n  .ak-composition-emoji {\n    font-size: 22px;\n  }\n\n  .ak-composition-dose {\n    font-size: 16px;\n    padding: .35rem .75rem;\n  }\n\n  .ak-composition-badges {\n    gap: .375rem;\n    padding: .875rem;\n  }\n\n  .ak-comp-badge {\n    font-size: 11px;\n    padding: .25rem .6rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ak-card {\n    animation: akFadeInUp .5s ease backwards;\n  }\n  .ak-card:nth-child(1) { animation-delay: .05s; }\n  .ak-card:nth-child(2) { animation-delay: .1s; }\n  .ak-card:nth-child(3) { animation-delay: .15s; }\n  .ak-card:nth-child(4) { animation-delay: .2s; }\n  .ak-card:nth-child(5) { animation-delay: .25s; }\n  .ak-card:nth-child(6) { animation-delay: .3s; }\n\n  .ak-timeline-item {\n    animation: akFadeInUp .5s ease backwards;\n  }\n  .ak-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .ak-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .ak-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes akFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ak-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755296022685,"sku":"AY9018","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/andraka-bio-gingembre-indien-60-gelules-ayur-vana-packshothd.webp?v=1791366167"},{"product_id":"algosource-spirulysat-original-extrait-liquide-de-spiruline-ampoule-20x10ml-algosource","title":"Spirulysat Original - Extrait Liquide de Spiruline - 15 Ampoules - AlgoSource","description":"\u003cdiv class=\"spir-premium\"\u003e\n  \u003cdiv class=\"spir-hero\"\u003e\n    \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spir-hero-content\"\u003e\n      \u003cdiv class=\"spir-badges-top\"\u003e\n        \u003cspan class=\"spir-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e💧 Extrait liquide\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e🔬 Testé cliniquement\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spir-hero-title\"\u003eLa puissance bleue de la spiruline en ampoule\u003c\/span\u003e\n      \u003cp class=\"spir-subtitle\"\u003eExtrait liquide concentré en phycocyanines bioactives\u003c\/p\u003e\n      \u003cp class=\"spir-description\"\u003e15 ampoules de 10 ml pour soutenir votre vitalité et vos défenses antioxydantes, jour après jour.\u003c\/p\u003e\n      \u003cdiv class=\"spir-hero-stats\"\u003e\n        \u003cdiv class=\"spir-stat\"\u003e\n          \u003cspan class=\"spir-stat-number\"\u003e20mg\u003c\/span\u003e\n          \u003cspan class=\"spir-stat-label\"\u003ePhycocyanines \/ ampoule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-stat\"\u003e\n          \u003cspan class=\"spir-stat-number\"\u003e15\u003c\/span\u003e\n          \u003cspan class=\"spir-stat-label\"\u003eAmpoules de 10 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-stat\"\u003e\n          \u003cspan class=\"spir-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"spir-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eUne spiruline liquide unique, à biodisponibilité maximale\u003c\/h2\u003e\n    \u003cp class=\"spir-section-intro\"\u003eLe \u003cstrong\u003eSpirulysat® Original\u003c\/strong\u003e d'AlgoSource est un \u003cstrong\u003eextrait de spiruline liquide\u003c\/strong\u003e obtenu par un procédé breveté à basse température. Contrairement à la spiruline en poudre ou en comprimés, cette \u003cstrong\u003espiruline liquide bleue\u003c\/strong\u003e conserve intactes ses molécules les plus fragiles, notamment les \u003cstrong\u003ephycocyanines bioactives\u003c\/strong\u003e, ce pigment bleu naturel reconnu pour ses propriétés antioxydantes puissantes.\u003c\/p\u003e\n    \u003cdiv class=\"spir-grid-compact\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💧 Liquide vs poudre\u003c\/h3\u003e\n        \u003cp\u003eLe format liquide offre une \u003cstrong\u003eassimilation immédiate\u003c\/strong\u003e, sans passage par la digestion des cellules végétales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🧪 Procédé breveté\u003c\/h3\u003e\n        \u003cp\u003eExtraction à basse température qui préserve les molécules actives les plus fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🔬 Études cliniques\u003c\/h3\u003e\n        \u003cp\u003eUne biodisponibilité exceptionnelle confirmée par plusieurs études réalisées chez l'Homme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💙 Phycocyanines pures\u003c\/h3\u003e\n        \u003cp\u003eLe pigment bleu naturel de la spiruline, aux propriétés antioxydantes puissantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Spirulysat® au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n        \u003cp\u003eUn coup de pouce naturel pour retrouver de l'énergie en cas de fatigue passagère, sans excitant ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eGrâce aux \u003cstrong\u003ephycocyanines\u003c\/strong\u003e, la \u003cstrong\u003espiruline antioxydant\u003c\/strong\u003e aide à protéger vos cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💙 Soutien de l'organisme\u003c\/h3\u003e\n        \u003cp\u003eUn allié précieux aux changements de saison, en période de sport intensif ou de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cp class=\"spir-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e eau, extrait aqueux de spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) cultivée en France, 100 % d'origine naturelle. Sans conservateur, sans colorant, sans arôme, sans allergène majeur.\u003c\/p\u003e\n\n    \u003cdiv class=\"spir-timeline\"\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003ePar ampoule de 10 ml\u003c\/h3\u003e\n          \u003cp\u003e200 mg d'extrait de spiruline dont \u003cstrong\u003e20 mg de phycocyanines bioactives\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e1 ampoule par jour, pure ou diluée dans un verre d'eau froide ou un jus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003eCure conseillée\u003c\/h3\u003e\n          \u003cp\u003e15 jours minimum, renouvelable 3 à 4 fois par an.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pour profiter pleinement de l'effet vitalité tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spir-tip\"\u003e\n      \u003cspan class=\"spir-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette \u003cstrong\u003espiruline liquide\u003c\/strong\u003e disponible en pharmacie et parapharmacie se conserve à température ambiante avant ouverture.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui ? Avis et recommandations\u003c\/h2\u003e\n    \u003cp class=\"spir-section-intro\"\u003eLe Spirulysat® convient aux adultes actifs, sportifs, personnes végétariennes ou végétaliennes, seniors et à toute personne souhaitant soutenir son organisme naturellement. Les avis sur cette \u003cstrong\u003espiruline liquide bleue\u003c\/strong\u003e soulignent souvent un regain d'énergie ressenti dès les premiers jours et une saveur douce, bien plus agréable que la spiruline en poudre.\u003c\/p\u003e\n\n    \u003cdiv class=\"spir-grid-compact\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir l'effort et la récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🌱 Végé \u0026amp; vegan\u003c\/h3\u003e\n        \u003cp\u003eUn apport naturel en nutriments essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003ePour préserver vitalité et tonus au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n        \u003cp\u003eContre la fatigue passagère et le stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spir-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical, ainsi qu'aux personnes sous traitement anticoagulant ou souffrant de phénylcétonurie. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, et \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. En cas de doute, demandez conseil à votre médecin ou pharmacien. Tenir hors de portée des enfants et respecter la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité avant ouverture. Après ouverture d'une ampoule, consommer immédiatement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --spir-cream: #f4f7fb;\n  --spir-white: #ffffff;\n  --spir-primary: #0a2a5e;\n  --spir-primary-dark: #061a3d;\n  --spir-primary-light: #e6ecf7;\n  --spir-secondary: #1e6bd6;\n  --spir-accent: #4dc3ff;\n  --spir-text: #0f1a2e;\n  --spir-text-light: #5a6478;\n  --spir-border: #dfe4ec;\n  --spir-shadow: 0 4px 24px rgba(10,42,94,.08);\n  --spir-shadow-lg: 0 12px 48px rgba(10,42,94,.18);\n  --spir-radius: 20px;\n  --spir-radius-sm: 12px;\n}\n\n.spir-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spir-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spir-text);\n  line-height: 1.6;\n}\n\n\/* HERO *\/\n.spir-hero {\n  position: relative;\n  background: linear-gradient(135deg, #061a3d 0%, #0a2a5e 45%, #1e6bd6 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(circle at 15% 20%, rgba(77,195,255,.4) 0%, transparent 40%),\n    radial-gradient(circle at 85% 80%, rgba(77,195,255,.3) 0%, transparent 45%),\n    repeating-linear-gradient(45deg, transparent 0 20px, rgba(255,255,255,.03) 20px 21px);\n  opacity: .5;\n}\n\n.spir-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spir-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 7vw, 46px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  line-height: 1.1;\n}\n\n.spir-subtitle {\n  color: #cfe1ff;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.spir-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 620px;\n  margin: 0 auto 1.75rem;\n}\n\n.spir-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.spir-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.spir-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spir-hero-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin-top: 2rem;\n  padding-top: 2rem;\n  border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.spir-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n\n.spir-stat-number {\n  font-size: clamp(20px, 4vw, 30px);\n  font-weight: 900;\n  color: var(--spir-accent);\n  letter-spacing: -.02em;\n  line-height: 1;\n}\n\n.spir-stat-label {\n  font-size: clamp(11px, 1.6vw, 13px);\n  color: rgba(255,255,255,.85);\n  font-weight: 500;\n  text-align: center;\n}\n\n\/* SECTIONS *\/\n.spir-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spir-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spir-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.spir-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--spir-primary), var(--spir-accent));\n  border-radius: 2px;\n}\n\n.spir-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.3vw, 17px);\n  color: var(--spir-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spir-section-intro strong {\n  color: var(--spir-primary-dark);\n}\n\n.spir-premium p strong {\n  color: var(--spir-primary-dark);\n}\n\n\/* CARDS *\/\n.spir-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--spir-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.spir-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-secondary);\n}\n\n.spir-card h3 {\n  font-size: clamp(15px, 2.3vw, 18px);\n  font-weight: 800;\n  color: var(--spir-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.spir-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--spir-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.spir-card p strong {\n  color: var(--spir-primary-dark);\n}\n\n\/* GRILLES *\/\n.spir-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.spir-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.spir-grid-compact .spir-card {\n  padding: 1.125rem;\n}\n\n.spir-grid-compact .spir-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.spir-grid-compact .spir-card p {\n  font-size: 12.5px;\n}\n\n\/* TIMELINE *\/\n.spir-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.spir-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.spir-timeline-number {\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n  background: linear-gradient(135deg, var(--spir-primary), var(--spir-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(30,107,214,.3);\n}\n\n.spir-timeline-content {\n  flex: 1;\n  background: var(--spir-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--spir-radius-sm);\n  box-shadow: var(--spir-shadow);\n  border-left: 3px solid var(--spir-accent);\n}\n\n.spir-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.spir-timeline-content p {\n  font-size: 14px;\n  color: var(--spir-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.spir-timeline-content p strong {\n  color: var(--spir-primary-dark);\n}\n\n\/* TIP *\/\n.spir-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--spir-primary-light);\n  border-radius: var(--spir-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spir-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.spir-tip p {\n  font-size: 14px;\n  color: var(--spir-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* ACCORDION *\/\n.spir-accordion {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  box-shadow: var(--spir-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spir-accordion-item {\n  border-bottom: 1px solid var(--spir-border);\n}\n\n.spir-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.spir-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--spir-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.spir-accordion-header:hover {\n  background: var(--spir-primary-light);\n}\n\n.spir-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.spir-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--spir-secondary);\n  transition: transform .2s ease;\n}\n\n.spir-accordion-item[open] .spir-accordion-header::after {\n  content: '−';\n}\n\n.spir-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--spir-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.spir-accordion-content p {\n  margin: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n  .spir-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .spir-section {\n    margin-bottom: 1.75rem;\n  }\n  .spir-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--spir-radius-sm);\n  }\n  .spir-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .spir-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .spir-hero-stats {\n    gap: .5rem;\n    margin-top: 1.5rem;\n    padding-top: 1.5rem;\n  }\n  .spir-grid-compact {\n    gap: .625rem;\n  }\n  .spir-grid-compact .spir-card {\n    padding: .875rem;\n  }\n  .spir-timeline-number {\n    width: 34px;\n    height: 34px;\n    font-size: 14px;\n  }\n  .spir-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .spir-timeline-content h3 {\n    font-size: 14.5px;\n  }\n  .spir-timeline-content p {\n    font-size: 13px;\n  }\n  .spir-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .spir-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spir-card {\n    animation: spir-fadeInUp .5s ease backwards;\n  }\n  .spir-card:nth-child(1) { animation-delay: .05s; }\n  .spir-card:nth-child(2) { animation-delay: .1s; }\n  .spir-card:nth-child(3) { animation-delay: .15s; }\n  .spir-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes spir-fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spir-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755311030429,"sku":"PHYCOSIASOBLEBT1","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-original-extrait-liquide-de-spiruline-20-ampoules-packshothd.webp?v=1784611724"},{"product_id":"tyro-120-gelules-jade-recherche","title":"Tyro+ Jade Recherche - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tyro+ Jade Recherche - Complément alimentaire thyroïde\nPalette détectée:\n  - Primaire: #8B4B9E (violet\/purple du logo TYRO - dominante packaging)\n  - Secondaire: #F4D835 (jaune vif du fond d'étiquette)\n  - Accent: #FF7F3E (orange du papillon)\n  - Vert: #1a7a5c (spiruline\/algues visibles sur infographie)\nAmbiance: Santé naturelle, vitalité, transformation (papillon = métamorphose thyroïdienne), dynamique et optimiste. Mix entre énergie solaire (jaune) et bien-être profond (violet). Univers naturel\/scientifique avec ingrédients visibles.\nType: Complément alimentaire - soutien hormonal thyroïde\nStyle: Naturel\/santé\/bien-être avec touche énergique et scientifique\nPréfixe CSS: tyro\n--\u003e\n\n\u003cdiv class=\"tyro-premium\"\u003e\n  \u003cdiv class=\"tyro-hero\"\u003e\n    \u003cdiv class=\"tyro-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tyro-hero-content\"\u003e\n      \u003cdiv class=\"tyro-badges-top\"\u003e\n        \u003cspan class=\"tyro-badge\"\u003e🦋 Soutien thyroïdien\u003c\/span\u003e\n        \u003cspan class=\"tyro-badge\"\u003e🌱 100% végétalien\u003c\/span\u003e\n        \u003cspan class=\"tyro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tyro-hero-title\"\u003eTyro+\u003c\/span\u003e\n      \u003cp class=\"tyro-subtitle\"\u003eRedonnez de l'élan à votre thyroïde\u003c\/p\u003e\n      \u003cp class=\"tyro-description\"\u003eFormule synergique associant tyrosine, iode naturel, sélénium, spiruline et maca pour soutenir votre fonction thyroïdienne et retrouver énergie et vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e🔬 Composition synergique\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e💜 Tyrosine 600 mg\u003c\/h3\u003e\n        \u003cp\u003eAcide aminé précurseur direct des hormones T3 et T4. Production naturelle qui diminue avec l'âge, supplémentation essentielle après 40 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌊 Iode naturel 150 µg\u003c\/h3\u003e\n        \u003cp\u003eExtrait de Fucus vesiculosus (75 mg), algue marine. Élément indispensable à la synthèse hormonale, biodisponibilité optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium 70 µg\u003c\/h3\u003e\n        \u003cp\u003e127% des AJR. Protège les cellules thyroïdiennes du stress oxydatif et favorise la conversion de T4 en T3 active.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌀 Spiruline 170 mg\u003c\/h3\u003e\n        \u003cp\u003eSuper-aliment concentré en nutriments, protéines et antioxydants. Soutient la vitalité et le tonus général.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⚡ Maca 100 mg\u003c\/h3\u003e\n        \u003cp\u003eRacine adaptogène péruvienne pour l'équilibre hormonal, la résistance au stress et l'énergie globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e💎 Les bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🎯 Soutien hormonal ciblé\u003c\/h3\u003e\n        \u003cp\u003eTous les éléments-clés pour le bon fonctionnement thyroïdien et une production hormonale optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eCombat la fatigue, la frilosité et les troubles métaboliques liés au ralentissement thyroïdien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eSans additifs artificiels, sans conservateurs, sans OGM. Gélules végétales HPMC.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🔬 Dosages optimaux\u003c\/h3\u003e\n        \u003cp\u003e127% AJR sélénium, 100% besoins iode, dosage généreux en tyrosine pour une efficacité maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid-compact\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eManque d'énergie chronique inexpliqué\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e❄️ Frilosité excessive\u003c\/h3\u003e\n        \u003cp\u003eMains et pieds froids en permanence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n        \u003cp\u003eMalgré alimentation équilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🎂 Après 40 ans\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel de la fonction thyroïdienne\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-usage-box\"\u003e\n      \u003cdiv class=\"tyro-usage-step\"\u003e\n        \u003cdiv class=\"tyro-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tyro-step-content\"\u003e\n          \u003ch3\u003ePosologie standard\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, matin et midi, \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-usage-step\"\u003e\n        \u003cdiv class=\"tyro-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tyro-step-content\"\u003e\n          \u003ch3\u003ePosologie renforcée\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e possible sous suivi médical selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-usage-step\"\u003e\n        \u003cdiv class=\"tyro-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tyro-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e recommandés. Renouveler après une pause d'un mois si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid-compact\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales HPMC 500 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⏱️ 60 jours\u003c\/h3\u003e\n        \u003cp\u003eÀ 2 gélules\/jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n        \u003cp\u003e100% compatible vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🇫🇷 Qualité GMP\u003c\/h3\u003e\n        \u003cp\u003eFabrication française contrôlée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-accordion\"\u003e\n      \u003cdetails class=\"tyro-accordion-item\"\u003e\n        \u003csummary class=\"tyro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"tyro-accordion-content\"\u003e\n          \u003cp\u003eNe remplace pas un traitement médical prescrit (Levothyrox...). Avis médical recommandé si suivi pour trouble thyroïdien. Ne pas dépasser la dose journalière. Complément à utiliser dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tyro-accordion-item\"\u003e\n        \u003csummary class=\"tyro-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"tyro-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux moins de 16 ans, femmes enceintes ou allaitantes (sauf avis médical). \u003cstrong\u003eNe pas associer avec la L-Dopa.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tyro-accordion-item\"\u003e\n        \u003csummary class=\"tyro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"tyro-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tyro-cta-box\"\u003e\n      \u003cp\u003e🦋 Redonnez à votre thyroïde les nutriments essentiels dont elle a besoin. Avec \u003cstrong\u003eTyro+\u003c\/strong\u003e, retrouvez naturellement énergie, vitalité et équilibre hormonal au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --tyro-cream: #faf9f7;\n  --tyro-white: #ffffff;\n  --tyro-primary: #8B4B9E;\n  --tyro-primary-dark: #6d3a7d;\n  --tyro-primary-light: #f5eef7;\n  --tyro-secondary: #F4D835;\n  --tyro-accent: #FF7F3E;\n  --tyro-text: #1a1a1a;\n  --tyro-text-light: #5a5a5a;\n  --tyro-border: #e8e4e0;\n  --tyro-shadow: 0 4px 24px rgba(139,75,158,.08);\n  --tyro-shadow-lg: 0 12px 48px rgba(139,75,158,.15);\n  --tyro-radius: 20px;\n  --tyro-radius-sm: 12px;\n}\n\n.tyro-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tyro-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tyro-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tyro-primary) 0%, #9b5aae 40%, var(--tyro-secondary) 100%);\n  border-radius: var(--tyro-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--tyro-shadow-lg);\n}\n\n.tyro-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .06;\n  background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.4) 2px, transparent 2px);\n  background-size: 40px 40px;\n}\n\n.tyro-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tyro-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.tyro-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tyro-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tyro-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tyro-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tyro-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3.5vw, 26px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n}\n\n.tyro-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.tyro-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tyro-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tyro-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.tyro-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--tyro-primary), var(--tyro-secondary));\n  border-radius: 2px;\n}\n\n.tyro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.tyro-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tyro-card {\n  background: var(--tyro-white);\n  border-radius: var(--tyro-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tyro-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tyro-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tyro-shadow-lg);\n  border-color: var(--tyro-primary);\n}\n\n.tyro-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tyro-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tyro-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tyro-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tyro-grid-compact .tyro-card {\n  padding: 1rem;\n}\n\n.tyro-grid-compact .tyro-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tyro-grid-compact .tyro-card p {\n  font-size: 12px;\n}\n\n.tyro-usage-box {\n  background: var(--tyro-white);\n  border-radius: var(--tyro-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tyro-shadow);\n}\n\n.tyro-usage-step {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  margin-bottom: 1.5rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 2px solid var(--tyro-border);\n}\n\n.tyro-usage-step:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n.tyro-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--tyro-primary), var(--tyro-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(139,75,158,.3);\n}\n\n.tyro-step-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--tyro-primary-dark);\n  margin: 0 0 .4rem 0;\n}\n\n.tyro-step-content p {\n  font-size: 14px;\n  color: var(--tyro-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tyro-accordion {\n  background: var(--tyro-white);\n  border-radius: var(--tyro-radius);\n  box-shadow: var(--tyro-shadow);\n  overflow: hidden;\n}\n\n.tyro-accordion-item {\n  border-bottom: 1px solid var(--tyro-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tyro-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tyro-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tyro-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.tyro-accordion-header:hover {\n  background: var(--tyro-primary-light);\n}\n\n.tyro-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tyro-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tyro-primary);\n  transition: transform .2s ease;\n}\n\n.tyro-accordion-item[open] .tyro-accordion-header::after {\n  content: '−';\n}\n\n.tyro-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tyro-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.tyro-accordion-content p {\n  margin: 0;\n}\n\n.tyro-cta-box {\n  background: linear-gradient(135deg, var(--tyro-primary) 0%, var(--tyro-primary-dark) 100%);\n  border-radius: var(--tyro-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tyro-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .tyro-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .tyro-grid-compact {\n    gap: .625rem;\n  }\n  \n  .tyro-grid-compact .tyro-card {\n    padding: .75rem;\n  }\n  \n  .tyro-card {\n    padding: 1.125rem;\n  }\n  \n  .tyro-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .tyro-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tyro-radius-sm);\n  }\n  \n  .tyro-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .tyro-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .tyro-usage-step {\n    flex-direction: column;\n    gap: .75rem;\n    text-align: center;\n  }\n  \n  .tyro-step-number {\n    margin: 0 auto;\n  }\n  \n  .tyro-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .tyro-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tyro-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .tyro-card:nth-child(1) { animation-delay: .05s; }\n  .tyro-card:nth-child(2) { animation-delay: .1s; }\n  .tyro-card:nth-child(3) { animation-delay: .15s; }\n  .tyro-card:nth-child(4) { animation-delay: .2s; }\n  .tyro-card:nth-child(5) { animation-delay: .25s; }\n  .tyro-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tyro-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755313848477,"sku":"TYROJADE","price":25.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tyro-jade-recherche-120-gelules-packshothd.webp?v=1786010807"},{"product_id":"creacholine-stimulez-votre-cerveau-120-gelules-jade-recherche","title":"Créacholine de Jade Recherche - Stimulez votre Cerveau - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Créacholine - Complément alimentaire mémoire et concentration\nPalette détectée:\n  - Primaire: #2E8B57 (vert prairie du packaging, zone centrale)\n  - Secondaire: #4169E1 (bleu royal du titre \"Créacholine\")\n  - Accent: #FFD700 (doré\/jaune des vagues décoratives)\n  - Background: #1E90FF (bleu ciel du dégradé supérieur)\nAmbiance: Naturel\/santé, frais, dynamique avec touches de nature (herbe, ciel, soleil)\nPréfixe CSS: crea\n--\u003e\n\n\u003cdiv class=\"crea-premium\"\u003e\n  \n  \u003cdiv class=\"crea-hero\"\u003e\n    \u003cdiv class=\"crea-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"crea-hero-content\"\u003e\n      \u003cdiv class=\"crea-badges-top\"\u003e\n        \u003cspan class=\"crea-badge\"\u003e🧠 7 actifs synergiques\u003c\/span\u003e\n        \u003cspan class=\"crea-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"crea-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"crea-hero-title\"\u003eCréacholine\u003c\/span\u003e\n      \u003cp class=\"crea-subtitle\"\u003eLe duo gagnant pour votre cerveau\u003c\/p\u003e\n      \u003cp class=\"crea-description\"\u003eFormule complète associant 7 actifs pour soutenir mémoire, concentration et vivacité intellectuelle. Agit sur l'acétylcholine, le neurotransmetteur clé de vos performances cognitives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits concrets\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🧠 Mémoire renforcée\u003c\/h3\u003e\n        \u003cp\u003eLa phosphatidylsérine et l'acétyl L-carnitine favorisent la transmission des informations entre neurones, soutenant la mémoire court et long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n        \u003cp\u003eLe Ginkgo biloba et le Ginseng stimulent la vigilance et la clarté mentale pour rester focus sur vos tâches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eL'acide alpha-lipoïque neutralise les radicaux libres responsables du vieillissement des cellules cérébrales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🩸 Oxygénation cérébrale\u003c\/h3\u003e\n        \u003cp\u003eLes ginkgosides améliorent la microcirculation sanguine pour un cerveau mieux irrigué et plus performant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e⚡ Énergie neuronale\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline et la vitamine B5 participent au métabolisme énergétique des cellules nerveuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🔬 Action acétylcholine\u003c\/h3\u003e\n        \u003cp\u003eFournit les précurseurs et cofacteurs pour maintenir des niveaux optimaux de ce neurotransmetteur essentiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e🧪 Composition pour 4 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid\"\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e717,6 mg\u003c\/p\u003e\n        \u003cp\u003eStandardisée à 20% de phosphatidylsérine, précurseur essentiel des membranes neuronales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Acétyl L-Carnitine\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e291,2 mg\u003c\/p\u003e\n        \u003cp\u003eTraverse la barrière hémato-encéphalique pour nourrir directement les neurones.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e120 mg\u003c\/p\u003e\n        \u003cp\u003eApporte vitamines B et fer pour soutenir l'énergie cérébrale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🔶 Acide alpha-lipoïque\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e40 mg\u003c\/p\u003e\n        \u003cp\u003eAntioxydant universel protégeant efficacement les cellules nerveuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n        \u003cp\u003eExtrait standardisé améliorant la circulation sanguine cérébrale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Ginseng\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n        \u003cp\u003eAdaptogène Panax ginseng soutenant les performances mentales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"crea-note\"\u003e+ Vitamine B5 (7,08 mg) cofacteur de la synthèse d'acétylcholine • Gélule végétale HPMC • Sans additifs artificiels\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid-compact\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e👨‍💼 Adultes 45+\u003c\/h3\u003e\n        \u003cp\u003ePréservez vos capacités cognitives dès les premiers signes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintenez votre autonomie intellectuelle au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eBoostez révisions et examens en période intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eRestez performant face aux défis cognitifs du travail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"crea-steps\"\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDémarrage en douceur\u003c\/h3\u003e\n          \u003cp\u003eCommencez avec \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pendant une semaine pour habituer votre organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDose optimale\u003c\/h3\u003e\n          \u003cp\u003eAugmentez progressivement à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003ePrenez vos gélules \u003cstrong\u003ele matin ou le midi\u003c\/strong\u003e, avant les repas pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois minimum\u003c\/strong\u003e, renouvelable jusqu'à 6 mois pour des résultats durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"crea-accordion\"\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eLes premiers bénéfices se font généralement sentir après 2 à 3 semaines de prise régulière. La pleine efficacité s'installe progressivement sur 4 à 6 semaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e🔗 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eOui, Créacholine se combine parfaitement avec des oméga-3 ou un complexe de vitamines B pour une action renforcée sur les fonctions cognitives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e🌱 Convient-il aux végétariens ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eCréacholine est formulé avec des gélules végétales en cellulose HPMC, adapté aux régimes végétaliens. Notez toutefois la présence de lécithine de soja.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes. Consultez votre médecin en cas de traitement médicamenteux. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid-compact\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 mois de cure selon posologie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n        \u003cp\u003eSécurité alimentaire stricte\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🌿 100% clean\u003c\/h3\u003e\n        \u003cp\u003eSans additifs ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"crea-cta-box\"\u003e\n      \u003cp\u003e🧠 Offrez à votre cerveau les 7 nutriments dont il a besoin pour rester vif, concentré et performant à tout âge. Créacholine : la formule complète pour des fonctions cognitives au top !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --crea-cream: #f8faf9;\n  --crea-white: #ffffff;\n  --crea-primary: #2E8B57;\n  --crea-primary-dark: #1e6b42;\n  --crea-primary-light: #e8f5ed;\n  --crea-secondary: #4169E1;\n  --crea-accent: #FFD700;\n  --crea-text: #1a1a1a;\n  --crea-text-light: #5a5a5a;\n  --crea-border: #e0e0e0;\n  --crea-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --crea-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --crea-radius: 20px;\n  --crea-radius-sm: 12px;\n}\n\n.crea-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--crea-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.crea-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4169E1 0%, #2E8B57 50%, #1e6b42 100%);\n  border-radius: var(--crea-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.crea-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.crea-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.crea-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--crea-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.crea-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.crea-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.crea-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.crea-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.crea-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.crea-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--crea-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.crea-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--crea-primary), var(--crea-secondary));\n  border-radius: 2px;\n}\n\n.crea-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.crea-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.crea-card {\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--crea-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.crea-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--crea-shadow-lg);\n  border-color: var(--crea-primary);\n}\n\n.crea-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--crea-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.crea-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--crea-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.crea-card-ingredient .crea-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n  color: white;\n  font-size: 13px;\n  font-weight: 800;\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: .5rem;\n}\n\n.crea-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--crea-text-light);\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n.crea-grid-compact .crea-card {\n  padding: 1rem;\n}\n\n.crea-grid-compact .crea-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.crea-grid-compact .crea-card p {\n  font-size: 12px;\n}\n\n\/* Steps *\/\n.crea-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.crea-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  padding: 1.25rem;\n  box-shadow: var(--crea-shadow);\n  transition: all .3s ease;\n}\n\n.crea-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(46,139,87,.3);\n}\n\n.crea-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--crea-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.crea-step-content p {\n  font-size: 14px;\n  color: var(--crea-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* Accordion *\/\n.crea-accordion {\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  box-shadow: var(--crea-shadow);\n  overflow: hidden;\n}\n\n.crea-accordion-item {\n  border-bottom: 1px solid var(--crea-border);\n  margin: 0;\n  padding: 0;\n}\n\n.crea-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.crea-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--crea-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.crea-accordion-header:hover {\n  background: var(--crea-primary-light);\n}\n\n.crea-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.crea-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--crea-primary);\n  transition: transform .2s ease;\n}\n\n.crea-accordion-item[open] .crea-accordion-header::after {\n  content: '−';\n}\n\n.crea-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--crea-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.crea-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA Box *\/\n.crea-cta-box {\n  background: linear-gradient(135deg, var(--crea-primary) 0%, var(--crea-secondary) 100%);\n  border-radius: var(--crea-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.crea-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n.crea-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n\/* Responsive Mobile *\/\n@media (max-width: 767px) {\n  .crea-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .crea-card {\n    padding: 1.125rem;\n  }\n  \n  .crea-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .crea-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--crea-radius-sm);\n  }\n  \n  .crea-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .crea-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .crea-grid-compact {\n    gap: .625rem;\n  }\n  \n  .crea-grid-compact .crea-card {\n    padding: .75rem;\n  }\n  \n  .crea-step {\n    padding: 1rem;\n  }\n  \n  .crea-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .crea-step-content h3 {\n    font-size: 14px;\n  }\n  \n  .crea-step-content p {\n    font-size: 13px;\n  }\n  \n  .crea-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .crea-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .crea-badges-top {\n    gap: 6px;\n  }\n  \n  .crea-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .crea-card {\n    animation: creaFadeInUp .5s ease backwards;\n  }\n  .crea-card:nth-child(1) { animation-delay: .05s; }\n  .crea-card:nth-child(2) { animation-delay: .1s; }\n  .crea-card:nth-child(3) { animation-delay: .15s; }\n  .crea-card:nth-child(4) { animation-delay: .2s; }\n  .crea-card:nth-child(5) { animation-delay: .25s; }\n  .crea-card:nth-child(6) { animation-delay: .3s; }\n  \n  .crea-step {\n    animation: creaFadeInLeft .5s ease backwards;\n  }\n  .crea-step:nth-child(1) { animation-delay: .1s; }\n  .crea-step:nth-child(2) { animation-delay: .2s; }\n  .crea-step:nth-child(3) { animation-delay: .3s; }\n  .crea-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes creaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes creaFadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* Accessibilité *\/\n@media (prefers-reduced-motion: reduce) {\n  .crea-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755321221277,"sku":"JADECREAC120","price":45.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creacholine-de-jade-recherche-stimulez-votre-cerveau-120-gel-packshothd.webp?v=1791552823"},{"product_id":"spirulysat-et-cuivre-extrait-liquide-de-spiruline-supplemente-en-cuivre-20-ampoules-algosource","title":"Spirulysat et Cuivre - Renforce les défenses naturelles - 20 ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spirulysat et Cuivre - AlgoSource\nPalette détectée:\n  - Primaire: #1B4F7C (bleu profond du packaging)\n  - Secondaire: #C65D3B (orange\/terracotta de la silhouette)\n  - Accent: #00A5B5 (bleu turquoise de l'ampoule)\n  - Fond: #F5F0E8 (crème beige du packaging)\nAmbiance: Naturel\/santé, scientifique mais accessible, produit breton premium, spiruline marine\nPréfixe CSS: spc\n--\u003e\n\n\u003cdiv class=\"spc-premium\"\u003e\n  \n  \u003cdiv class=\"spc-hero\"\u003e\n    \u003cdiv class=\"spc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spc-hero-content\"\u003e\n      \u003cdiv class=\"spc-badges-top\"\u003e\n        \u003cspan class=\"spc-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e🛡️ Immunité\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e⚡ Énergie\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spc-hero-title\"\u003eSpirulysat \u0026amp; Cuivre\u003c\/span\u003e\n      \u003cp class=\"spc-subtitle\"\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n      \u003cp class=\"spc-description\"\u003eExtrait liquide de spiruline fraîche enrichi en cuivre pour une immunité optimale et un métabolisme énergétique équilibré\u003c\/p\u003e\n      \u003cdiv class=\"spc-hero-stats\"\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e20\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eAmpoules\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e30%\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eAJR en cuivre\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eBiodisponible\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e🌊 Pourquoi choisir Spirulysat \u0026amp; Cuivre ?\u003c\/h2\u003e\n    \u003cdiv class=\"spc-grid\"\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eDéfenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eLe cuivre et la phycocyanine agissent en synergie pour booster vos fonctions immunitaires et vous protéger contre les infections saisonnières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e🧠\u003c\/div\u003e\n        \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n        \u003cp\u003eContribue au bon fonctionnement du système nerveux et aide à réduire efficacement la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eProtège vos cellules contre les radicaux libres grâce aux propriétés exceptionnelles de la spiruline bretonne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eHaute biodisponibilité\u003c\/h3\u003e\n        \u003cp\u003eLa forme liquide garantit une assimilation rapide et optimale des actifs pour des effets visibles rapidement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e🔬 Une formule unique et concentrée\u003c\/h2\u003e\n    \u003cdiv class=\"spc-composition-grid\"\u003e\n      \u003cdiv class=\"spc-composition-card\"\u003e\n        \u003cdiv class=\"spc-composition-header\"\u003e\n          \u003cspan class=\"spc-composition-icon\"\u003e🌀\u003c\/span\u003e\n          \u003ch3\u003eSpirulysat®\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spc-composition-desc\"\u003eExtrait aqueux de spiruline fraîche\u003c\/p\u003e\n        \u003cul class=\"spc-composition-benefits\" style=\"list-style:none;\"\u003e\n          \u003cli\u003eRiche en phycocyanine naturelle\u003c\/li\u003e\n          \u003cli\u003eCultivée en Bretagne\u003c\/li\u003e\n          \u003cli\u003eExtraction douce préservant les actifs\u003c\/li\u003e\n          \u003cli\u003eNaturellement bleu\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"spc-composition-tag\"\u003eIngrédient breveté\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-composition-card\"\u003e\n        \u003cdiv class=\"spc-composition-header\"\u003e\n          \u003cspan class=\"spc-composition-icon\"\u003e🔶\u003c\/span\u003e\n          \u003ch3\u003eCuivre\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spc-composition-desc\"\u003eSulfate de cuivre biodisponible\u003c\/p\u003e\n        \u003cul class=\"spc-composition-benefits\" style=\"list-style:none;\"\u003e\n          \u003cli\u003e30% des apports journaliers recommandés\u003c\/li\u003e\n          \u003cli\u003eEssentiel au métabolisme énergétique\u003c\/li\u003e\n          \u003cli\u003eProtection contre le stress oxydatif\u003c\/li\u003e\n          \u003cli\u003eSoutien du système immunitaire\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"spc-composition-tag\"\u003eMinéral essentiel\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"spc-usage-container\"\u003e\n      \u003cdiv class=\"spc-usage-steps\"\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eOuvrez l'ampoule\u003c\/h4\u003e\n            \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eDiluez\u003c\/h4\u003e\n            \u003cp\u003eVersez le contenu dans un verre d'eau ou de jus de fruits\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eConsommez\u003c\/h4\u003e\n            \u003cp\u003eBuvez de préférence le matin, pendant ou après le repas\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-usage-info\"\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e📅\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eDurée de cure\u003c\/strong\u003e\n            \u003cp\u003e20 jours pour un soutien optimal\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e💊\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003ePosologie\u003c\/strong\u003e\n            \u003cp\u003e1 ampoule par jour\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e🍃\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eGoût\u003c\/strong\u003e\n            \u003cp\u003eNeutre, facile à prendre\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"spc-grid spc-grid-3\"\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🏃\u003c\/div\u003e\n        \u003ch3\u003eActifs débordés\u003c\/h3\u003e\n        \u003cp\u003eRenforcez votre système immunitaire face aux rythmes intenses du quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e❄️\u003c\/div\u003e\n        \u003ch3\u003eChangements de saison\u003c\/h3\u003e\n        \u003cp\u003ePréparez votre corps aux périodes hivernales et aux transitions saisonnières\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eFatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et vitalité grâce à l'action combinée spiruline-cuivre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eSensibles au stress\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre système nerveux et protégez vos cellules du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eVégétaliens\u003c\/h3\u003e\n        \u003cp\u003eFormule 100% végétale adaptée à votre mode de vie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3\u003eExigeants qualité\u003c\/h3\u003e\n        \u003cp\u003eUn produit breton, sans alcool, sans conservateurs, certifié et traçable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e✅ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"spc-certifications\"\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan\u003e100% origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan\u003eSans alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan\u003eSans conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan\u003eVégétalien\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan\u003eCulture écologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"spc-info-grid\"\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003e20 ampoules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eDurée de cure\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003e20 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003eBretagne, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003eAlgoSource\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"spc-cta-box\"\u003e\n      \u003cdiv class=\"spc-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"spc-cta-content\"\u003e\n        \u003cp\u003e🌊 Renforcez vos défenses naturelles avec \u003cstrong\u003eSpirulysat \u0026amp; Cuivre\u003c\/strong\u003e, l'alliance unique de la spiruline bretonne et du cuivre pour une immunité en pleine forme, naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --spc-cream: #FDF8F1;\n  --spc-white: #ffffff;\n  --spc-primary: #1B4F7C;\n  --spc-primary-dark: #133A5C;\n  --spc-primary-light: #E8F1F8;\n  --spc-secondary: #C65D3B;\n  --spc-secondary-light: #FEF3EF;\n  --spc-accent: #00A5B5;\n  --spc-accent-light: #E5F7F9;\n  --spc-text: #1a1a1a;\n  --spc-text-light: #5a5a5a;\n  --spc-border: #e0e0e0;\n  --spc-shadow: 0 4px 24px rgba(27, 79, 124, .08);\n  --spc-shadow-lg: 0 12px 48px rgba(27, 79, 124, .15);\n  --spc-radius: 20px;\n  --spc-radius-sm: 12px;\n}\n\n.spc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spc-text);\n  line-height: 1.6;\n}\n\n.spc-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.spc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--spc-primary) 0%, var(--spc-primary-dark) 50%, #0D2840 100%);\n  border-radius: var(--spc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--spc-shadow-lg);\n}\n\n.spc-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(0, 165, 181, .15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(198, 93, 59, .15) 0%, transparent 50%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C30 5 35 15 35 30C35 45 30 55 30 55C30 55 25 45 25 30C25 15 30 5 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.spc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.spc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--spc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spc-subtitle {\n  color: var(--spc-accent);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n}\n\n.spc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 2vw, 19px);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.spc-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.spc-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.1);\n  border-radius: var(--spc-radius-sm);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.15);\n}\n\n.spc-stat-number {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.spc-stat-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.spc-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spc-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spc-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.spc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--spc-primary), var(--spc-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.spc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.spc-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.spc-card {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.spc-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spc-shadow-lg);\n  border-color: var(--spc-primary);\n}\n\n.spc-card-benefit {\n  text-align: center;\n}\n\n.spc-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spc-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.spc-card p {\n  font-size: 15px;\n  color: var(--spc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.spc-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n}\n\n.spc-composition-card {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--spc-shadow);\n  border: 2px solid var(--spc-primary-light);\n  transition: all .3s ease;\n}\n\n.spc-composition-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--spc-shadow-lg);\n  border-color: var(--spc-primary);\n}\n\n.spc-composition-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 1rem;\n}\n\n.spc-composition-icon {\n  font-size: 36px;\n}\n\n.spc-composition-header h3 {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n  margin: 0;\n}\n\n.spc-composition-desc {\n  font-size: 15px;\n  color: var(--spc-text-light);\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.spc-composition-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.spc-composition-benefits li {\n  padding: .5rem 0 .5rem 28px;\n  position: relative;\n  font-size: 14px;\n  color: var(--spc-text);\n  border-bottom: 1px solid var(--spc-border);\n}\n\n.spc-composition-benefits li:last-child {\n  border-bottom: none;\n}\n\n.spc-composition-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--spc-accent);\n  font-weight: 700;\n}\n\n.spc-composition-tag {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--spc-primary), var(--spc-accent));\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.spc-usage-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  align-items: start;\n}\n\n.spc-usage-steps {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-step {\n  display: flex;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--spc-border);\n}\n\n.spc-step:last-child {\n  border-bottom: none;\n}\n\n.spc-step-number {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--spc-primary), var(--spc-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.spc-step-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spc-primary-dark);\n  margin: 0 0 4px 0;\n}\n\n.spc-step-content p {\n  font-size: 14px;\n  color: var(--spc-text-light);\n  margin: 0;\n}\n\n.spc-usage-info {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.spc-info-card {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--spc-shadow);\n  border-left: 4px solid var(--spc-accent);\n}\n\n.spc-info-icon {\n  font-size: 28px;\n}\n\n.spc-info-card strong {\n  display: block;\n  font-size: 14px;\n  color: var(--spc-primary-dark);\n  margin-bottom: 2px;\n}\n\n.spc-info-card p {\n  font-size: 14px;\n  color: var(--spc-text-light);\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.spc-profile-card {\n  text-align: center;\n  padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.spc-profile-icon {\n  font-size: 40px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.spc-profile-card h3 {\n  font-size: 16px;\n  margin-bottom: .5rem;\n}\n\n.spc-profile-card p {\n  font-size: 14px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.spc-certifications {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-cert-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 18px;\n  background: var(--spc-primary-light);\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--spc-primary-dark);\n  transition: all .3s ease;\n}\n\n.spc-cert-item:hover {\n  background: var(--spc-primary);\n  color: white;\n  transform: scale(1.05);\n}\n\n.spc-cert-icon {\n  font-size: 18px;\n}\n\n\/* === INFO PRATIQUES === *\/\n.spc-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-info-item {\n  text-align: center;\n  padding: 1rem;\n  border-radius: var(--spc-radius-sm);\n  background: var(--spc-cream);\n}\n\n.spc-info-label {\n  display: block;\n  font-size: 13px;\n  color: var(--spc-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.spc-info-value {\n  display: block;\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n}\n\n\/* === CTA === *\/\n.spc-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--spc-primary) 0%, var(--spc-primary-dark) 50%, #0D2840 100%);\n  border-radius: var(--spc-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--spc-shadow-lg);\n}\n\n.spc-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 10% 90%, rgba(0, 165, 181, .2) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(198, 93, 59, .2) 0%, transparent 40%);\n}\n\n.spc-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.spc-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.spc-cta-box strong {\n  color: var(--spc-accent);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .spc-grid,\n  .spc-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-composition-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-usage-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-hero-stats {\n    gap: 1rem;\n  }\n  \n  .spc-stat {\n    padding: .75rem 1rem;\n  }\n  \n  .spc-certifications {\n    gap: .75rem;\n  }\n  \n  .spc-cert-item {\n    padding: 8px 14px;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spc-card,\n  .spc-composition-card,\n  .spc-info-card {\n    animation: spcFadeInUp .6s ease backwards;\n  }\n  \n  .spc-card:nth-child(1),\n  .spc-composition-card:nth-child(1) { animation-delay: .1s; }\n  .spc-card:nth-child(2),\n  .spc-composition-card:nth-child(2) { animation-delay: .2s; }\n  .spc-card:nth-child(3) { animation-delay: .3s; }\n  .spc-card:nth-child(4) { animation-delay: .4s; }\n  .spc-card:nth-child(5) { animation-delay: .5s; }\n  .spc-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes spcFadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .spc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .spc-card,\n  .spc-composition-card {\n    border: 2px solid var(--spc-text);\n  }\n  \n  .spc-badge {\n    border: 2px solid var(--spc-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755358314653,"sku":"PHYCOCUIV20","price":26.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-et-cuivre-renforce-les-defenses-naturelles-20-amp-packshothd.webp?v=1786010399"},{"product_id":"moringa-pure-bio-60-ou-150-gelules-lt-labo","title":"Poudre de Feuilles de Moringa oleifera bio - 60 gélules - LT Labo","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mg-hero\"\u003e\n    \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mg-hero-content\"\u003e\n      \u003cdiv class=\"mg-badges-top\"\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌿 100 % folioles bio\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌱 Certifié vegan\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e✅ Agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mg-hero-title\"\u003ePoudre de feuilles de Moringa oleifera bio\u003c\/span\u003e\n      \u003cp class=\"mg-subtitle\"\u003e60 gélules — LT Labo\u003c\/p\u003e\n      \u003cp class=\"mg-description\"\u003eL'extraordinaire densité nutritionnelle de l'« arbre de vie » concentrée dans chaque gélule : vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eMoringa oleifera bio en gélules : le superaliment qui nourrit votre vitalité au quotidien\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eVous cherchez un complément alimentaire naturel, complet et véritablement nutritif ? La \u003cstrong\u003epoudre de moringa oleifera bio\u003c\/strong\u003e de LT Labo réunit dans chaque gélule l'extraordinaire densité nutritionnelle de l'« arbre de vie ».\u003c\/p\u003e\n    \u003cp class=\"mg-section-intro\"\u003eIssu de \u003cstrong\u003e100 % de folioles\u003c\/strong\u003e — la partie la plus riche de la feuille —, ce moringa en poudre concentre vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif. Un vrai coup de pouce pour votre organisme, certifié bio et vegan.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePourquoi cette poudre de moringa se distingue\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid-compact\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🍃 100 % folioles biologiques\u003c\/h3\u003e\n        \u003cp\u003eSeules les petites feuilles sont sélectionnées, là où la concentration en nutriments est la plus élevée. Aucune tige, aucun déchet végétal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏅 Certifié AB \u0026amp; vegan\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique contrôlée, gélule d'origine végétale, compatible avec les régimes végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eConditionné en France par LT Labo, selon des standards de qualité stricts.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🚫 Sans excipient inutile\u003c\/h3\u003e\n        \u003cp\u003ePas de conservateur, pas de colorant, pas d'agent de charge. Juste du moringa pur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eBienfaits de la poudre de moringa pour votre corps\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de moringa\u003c\/strong\u003e sont reconnus depuis des siècles en phytothérapie traditionnelle. Voici ce que cette plante exceptionnelle peut vous apporter :\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003eGrâce au fer, aux vitamines du groupe B et aux acides aminés essentiels, le moringa aide à réduire la fatigue et à soutenir le métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eLes vitamines A, C et E, associées au zinc, participent au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols, flavonoïdes et quercétine, la poudre de moringa aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌾 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eLes fibres naturellement présentes favorisent un transit régulier et soutiennent l'équilibre du microbiote intestinal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💎 Apport minéral complet\u003c\/h3\u003e\n        \u003cp\u003eCalcium, magnésium, potassium… des minéraux indispensables au fonctionnement musculaire et nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"mg-composition-box\"\u003e\n      \u003cp class=\"mg-composition-title\"\u003eIngrédients pour 3 gélules (dose journalière maximale) :\u003c\/p\u003e\n      \u003cdiv class=\"mg-composition-grid\"\u003e\n        \u003cdiv class=\"mg-composition-item\"\u003e\n          \u003cspan class=\"mg-composition-value\"\u003e1 290 mg\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-label\"\u003ePoudre de feuilles de \u003cstrong\u003eMoringa oleifera\u003c\/strong\u003e* (100 % folioles)\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-equiv\"\u003e≈ 3 870 mg de plante fraîche\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-composition-item\"\u003e\n          \u003cspan class=\"mg-composition-value\"\u003eHPMC\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-label\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-equiv\"\u003e100 % végétale\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"mg-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComment consommer le moringa en gélules\u003c\/h2\u003e\n    \u003cdiv class=\"mg-timeline\"\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, de préférence avant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n          \u003cp\u003eCommencez par 2 gélules puis augmentez progressivement jusqu'à 3 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules correspond à une cure de \u003cstrong\u003e20 à 30 jours\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mg-accordion\"\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e🧒 Populations déconseillées\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux adolescents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"mg-accordion\"\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003eQuels sont les bienfaits de la poudre de moringa bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa poudre de moringa apporte vitamines, minéraux et antioxydants. Elle contribue à soutenir l'énergie, l'immunité, la digestion et la protection cellulaire contre le stress oxydatif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003ePourquoi choisir des gélules plutôt que de la poudre en vrac ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes gélules offrent un dosage précis, une prise facile et un goût neutre, idéales si vous n'appréciez pas la saveur herbacée du moringa libre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003eLe moringa convient-il aux végétaliens ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, la gélule est en HPMC, 100 % végétale, et le produit est certifié vegan.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003ePeut-on prendre le moringa en continu ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl est conseillé de faire des cures de 1 à 3 mois, entrecoupées de pauses d'une à deux semaines. Demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mg-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le meilleur de la nature avec le moringa oleifera bio LT Labo — 60 gélules de vitalité pure, sans compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mg-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mg-cream: #f5f9f3;\n  --mg-white: #ffffff;\n  --mg-primary: #3a9a3e;\n  --mg-primary-dark: #1e6b22;\n  --mg-primary-light: #e8f5e9;\n  --mg-secondary: #66bb6a;\n  --mg-accent: #a5d6a7;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a5a5a;\n  --mg-border: #d7e8d7;\n  --mg-shadow: 0 4px 24px rgba(30,107,34,.08);\n  --mg-shadow-lg: 0 12px 48px rgba(30,107,34,.15);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1e6b22 0%, #3a9a3e 45%, #66bb6a 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mg-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.mg-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.mg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n  border-radius: 2px;\n}\n\n.mg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n  padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mg-composition-box {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid var(--mg-primary-light);\n}\n\n.mg-composition-title {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  text-align: center;\n  margin: 0 0 1.5rem 0;\n}\n\n.mg-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1rem;\n}\n\n.mg-composition-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1.25rem 1rem;\n  gap: .5rem;\n}\n\n.mg-composition-value {\n  font-size: clamp(22px, 4vw, 32px);\n  font-weight: 900;\n  color: var(--mg-primary-dark);\n  line-height: 1;\n}\n\n.mg-composition-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text);\n  line-height: 1.4;\n}\n\n.mg-composition-equiv {\n  font-size: 12px;\n  color: var(--mg-text-light);\n  font-style: italic;\n  background: rgba(255,255,255,.7);\n  padding: 4px 12px;\n  border-radius: 999px;\n}\n\n.mg-composition-note {\n  font-size: 13px;\n  color: var(--mg-text-light);\n  text-align: center;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.mg-timeline-content {\n  flex: 1;\n  background: var(--mg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mg-radius-sm);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  box-shadow: var(--mg-shadow);\n  overflow: hidden;\n}\n\n.mg-accordion-item {\n  border-bottom: 1px solid var(--mg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mg-accordion-header:hover {\n  background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mg-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n  margin-left: 12px;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n  content: '−';\n}\n\n.mg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mg-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mg-cta-box {\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.mg-disclaimer {\n  font-size: 12px;\n  color: var(--mg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mg-card {\n    padding: 1.125rem;\n  }\n\n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n\n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mg-grid-compact {\n    gap: .625rem;\n  }\n\n  .mg-grid-compact .mg-card {\n    padding: .75rem;\n  }\n\n  .mg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mg-composition-box {\n    padding: 1.25rem;\n  }\n\n  .mg-composition-grid {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n\n  .mg-composition-item {\n    padding: 1rem .75rem;\n  }\n\n  .mg-composition-value {\n    font-size: 24px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n\n  .mg-timeline-item {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .mg-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .mg-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes mgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755361460381,"sku":"NBAILTL0009","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-feuilles-de-moringa-oleifera-bio-60-gelules-lt-lab-packshothd.webp?v=1775578009"},{"product_id":"jus-de-noni-jade-recherche-1-l-jade-recherche","title":"Jus de Noni - 1 L - Jade Recherche","description":"\n\n\u003cdiv class=\"noni-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"noni-hero\"\u003e\n    \u003cdiv class=\"noni-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"noni-hero-content\"\u003e\n      \u003cdiv class=\"noni-badges-top\"\u003e\n        \u003cspan class=\"noni-badge\"\u003e🌴 100% pur jus polynésien\u003c\/span\u003e\n        \u003cspan class=\"noni-badge\"\u003e🌿 Sans pesticides\u003c\/span\u003e\n        \u003cspan class=\"noni-badge\"\u003e✨ Remède ancestral\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"noni-hero-title\"\u003ePur Jus de Noni\u003c\/span\u003e\n      \u003cp class=\"noni-subtitle\"\u003eLe trésor de vitalité des îles polynésiennes\u003c\/p\u003e\n      \u003cp class=\"noni-description\"\u003eDécouvrez la puissance du fruit sacré \u003cem\u003eMorinda citrifolia\u003c\/em\u003e, récolté sur les sols volcaniques de Polynésie et transformé selon les traditions ancestrales pour préserver tous ses bienfaits.\u003c\/p\u003e\n      \u003cdiv class=\"noni-hero-stats\"\u003e\n        \u003cdiv class=\"noni-stat\"\u003e\n          \u003cspan class=\"noni-stat-number\"\u003e1L\u003c\/span\u003e\n          \u003cspan class=\"noni-stat-label\"\u003eFormat généreux\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"noni-stat\"\u003e\n          \u003cspan class=\"noni-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"noni-stat-label\"\u003ePur jus\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"noni-stat\"\u003e\n          \u003cspan class=\"noni-stat-number\"\u003e33\u003c\/span\u003e\n          \u003cspan class=\"noni-stat-label\"\u003eJours de cure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION ORIGINE --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e🏝️ Pourquoi ce jus de noni est unique\u003c\/h2\u003e\n    \u003cdiv class=\"noni-grid\"\u003e\n      \u003cdiv class=\"noni-card noni-card-highlight\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e🌋\u003c\/div\u003e\n        \u003ch3\u003eOrigine polynésienne authentique\u003c\/h3\u003e\n        \u003cp\u003eFruits cultivés sur des \u003cstrong\u003esols volcaniques\u003c\/strong\u003e exceptionnellement riches en minéraux, notamment en calcium et en sélénium, garantissant une concentration optimale en nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e💎\u003c\/div\u003e\n        \u003ch3\u003ePureté absolue\u003c\/h3\u003e\n        \u003cp\u003eNi coupé, ni reconstitué, ni dilué : un \u003cstrong\u003ejus 100% pur\u003c\/strong\u003e qui vous offre la concentration maximale en principes actifs du fruit de noni.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eProduction responsable\u003c\/h3\u003e\n        \u003cp\u003eCultivé \u003cstrong\u003esans pesticides\u003c\/strong\u003e selon une démarche respectueuse de l'environnement polynésien et de votre santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e👴\u003c\/div\u003e\n        \u003ch3\u003eSavoir-faire ancestral\u003c\/h3\u003e\n        \u003cp\u003eLes \u003cstrong\u003eméthodes traditionnelles polynésiennes\u003c\/strong\u003e sont rigoureusement respectées pour garantir l'authenticité et la qualité du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION BIENFAITS --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits du noni sur votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"noni-benefits-grid\"\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eSystème immunitaire renforcé\u003c\/h4\u003e\n          \u003cp\u003eAide à renforcer vos défenses naturelles, particulièrement utile lors des changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eAction antioxydante puissante\u003c\/h4\u003e\n          \u003cp\u003eContribue à lutter contre le stress oxydatif et le vieillissement cellulaire prématuré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🦴\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eConfort articulaire et musculaire\u003c\/h4\u003e\n          \u003cp\u003eTraditionnellement utilisé pour ses propriétés apaisantes sur les articulations sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🍃\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eSoutien digestif harmonieux\u003c\/h4\u003e\n          \u003cp\u003eFavorise une digestion équilibrée et le bon fonctionnement du métabolisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🔋\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eVitalité et énergie retrouvées\u003c\/h4\u003e\n          \u003cp\u003eNombreux témoignages évoquent un regain d'énergie significatif après une cure régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🌙\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eÉquilibre du sommeil\u003c\/h4\u003e\n          \u003cp\u003ePeut contribuer à améliorer la qualité de vos nuits et favoriser une récupération optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION COMPOSITION --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e🧪 Une composition d'une pureté exemplaire\u003c\/h2\u003e\n    \u003cdiv class=\"noni-composition-box\"\u003e\n      \u003cdiv class=\"noni-composition-main\"\u003e\n        \u003cdiv class=\"noni-composition-icon\"\u003e🍈\u003c\/div\u003e\n        \u003cdiv class=\"noni-composition-detail\"\u003e\n          \u003cspan class=\"noni-composition-percent\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"noni-composition-name\"\u003eJus de Morinda citrifolia (Noni)\u003c\/span\u003e\n          \u003cspan class=\"noni-composition-desc\"\u003ePur jus de fruit polynésien, rien d'autre.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-composition-tags\"\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans colorant\u003c\/span\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans conservateur\u003c\/span\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans sucre ajouté\u003c\/span\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans arôme artificiel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION MODE D'EMPLOI --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e📋 Comment profiter pleinement de votre cure\u003c\/h2\u003e\n    \u003cdiv class=\"noni-usage-grid\"\u003e\n      \u003cdiv class=\"noni-usage-step\"\u003e\n        \u003cdiv class=\"noni-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch4\u003eDose quotidienne\u003c\/h4\u003e\n        \u003cp\u003e\u003cstrong\u003e2 cuillères à soupe\u003c\/strong\u003e par jour, soit environ 30 ml pour une efficacité optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-usage-step\"\u003e\n        \u003cdiv class=\"noni-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n        \u003cp\u003eDe préférence \u003cstrong\u003ele matin, à jeun\u003c\/strong\u003e, pour une absorption maximale des principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-usage-step\"\u003e\n        \u003cdiv class=\"noni-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n        \u003cp\u003e\u003cstrong\u003e3 mois minimum\u003c\/strong\u003e recommandés pour des résultats significatifs et durables.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"noni-tip-box\"\u003e\n      \u003cdiv class=\"noni-tip-content\"\u003e\n        \u003ch4\u003eAstuce goût\u003c\/h4\u003e\n        \u003cp\u003eLe noni possède une saveur prononcée et caractéristique. Pour l'adoucir, mélangez-le avec du \u003cstrong\u003ejus d'ananas frais\u003c\/strong\u003e ou consommez-le bien frais. Avec le temps, beaucoup de personnes apprécient ce goût unique !\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"noni-conservation-box\"\u003e\n      \u003cspan class=\"noni-conservation-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e après ouverture, conservez au réfrigérateur et consommez dans les 30 jours.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION TÉMOIGNAGES --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e💬 Ce que rapportent les utilisateurs\u003c\/h2\u003e\n    \u003cdiv class=\"noni-testimonials-grid\"\u003e\n      \u003cdiv class=\"noni-testimonial\"\u003e\n        \u003cdiv class=\"noni-testimonial-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cp\u003eRegain d'énergie dès les premières semaines de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-testimonial\"\u003e\n        \u003cdiv class=\"noni-testimonial-icon\"\u003e🦵\u003c\/div\u003e\n        \u003cp\u003eAmélioration du confort articulaire au fil du temps\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-testimonial\"\u003e\n        \u003cdiv class=\"noni-testimonial-icon\"\u003e😴\u003c\/div\u003e\n        \u003cp\u003eMeilleur sommeil et récupération facilitée\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION PRÉCAUTIONS --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions et informations importantes\u003c\/h2\u003e\n    \u003cdiv class=\"noni-warning-box\"\u003e\n      \u003cdiv class=\"noni-warning-header\"\u003e\n        \u003cspan class=\"noni-warning-icon\"\u003e🔒\u003c\/span\u003e\n        \u003ch4\u003eLe jus de noni est-il dangereux ?\u003c\/h4\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eConsommé dans le respect des doses recommandées, le jus de noni est \u003cstrong\u003egénéralement bien toléré\u003c\/strong\u003e par la majorité des personnes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"noni-precautions-grid\"\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e🔄\u003c\/span\u003e\n        \u003ch5\u003eEffets en début de cure\u003c\/h5\u003e\n        \u003cp\u003eLégers troubles digestifs possibles (ballonnements, selles molles), généralement temporaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e🩺\u003c\/span\u003e\n        \u003ch5\u003eProblèmes rénaux ou hépatiques\u003c\/h5\u003e\n        \u003cp\u003eEn raison de sa teneur en potassium, consultez votre médecin avant consommation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e🤰\u003c\/span\u003e\n        \u003ch5\u003eGrossesse et allaitement\u003c\/h5\u003e\n        \u003cp\u003ePar principe de précaution, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e💊\u003c\/span\u003e\n        \u003ch5\u003eInteractions médicamenteuses\u003c\/h5\u003e\n        \u003cp\u003eSi vous suivez un traitement (notamment anticoagulant), consultez votre médecin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"noni-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"noni-cta-box\"\u003e\n      \u003cdiv class=\"noni-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"noni-cta-content\"\u003e\n        \u003cspan class=\"noni-cta-icon\"\u003e🌺\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le meilleur de la \u003cstrong\u003etradition polynésienne\u003c\/strong\u003e. Avec le Jus de Noni Jade Recherche, retrouvez naturellement \u003cstrong\u003evitalité, bien-être et énergie\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n        \u003cspan class=\"noni-cta-tagline\"\u003eUn trésor ancestral pour votre santé d'aujourd'hui\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --noni-cream: #f8f9f5;\n  --noni-white: #ffffff;\n  --noni-primary: #2E7D32;\n  --noni-primary-dark: #1B5E20;\n  --noni-primary-light: #E8F5E9;\n  --noni-secondary: #5BA3D9;\n  --noni-secondary-light: #E3F2FD;\n  --noni-accent: #D4A528;\n  --noni-accent-light: #FFF8E1;\n  --noni-tertiary: #8BC34A;\n\n  \/* Textes *\/\n  --noni-text: #1a1a1a;\n  --noni-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --noni-border: #e0e0e0;\n  --noni-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --noni-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --noni-radius: 20px;\n  --noni-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.noni-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--noni-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--noni-text);\n  line-height: 1.6;\n}\n\n.noni-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.noni-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-tertiary) 50%, var(--noni-secondary) 100%);\n  border-radius: var(--noni-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-4.5 8-4.5 18s2 18 4.5 18 4.5-8 4.5-18-2-18-4.5-18zm-15 25c0-2.5 8-4.5 18-4.5s18 2 18 4.5-8 4.5-18 4.5-18-2-18-4.5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.noni-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.noni-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.noni-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 18px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.noni-badge:hover {\n  transform: translateY(-3px) scale(1.05);\n  box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n.noni-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 24px rgba(0,0,0,.3);\n}\n\n.noni-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.noni-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 17px);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.noni-description em {\n  font-style: italic;\n  color: var(--noni-accent-light);\n}\n\n.noni-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.noni-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: var(--noni-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.noni-stat-number {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.noni-stat-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: rgba(255,255,255,.85);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 6px;\n}\n\n\/* === SECTIONS === *\/\n.noni-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.noni-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--noni-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.noni-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--noni-primary), var(--noni-tertiary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.noni-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.noni-card {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--noni-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.noni-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--noni-shadow-lg);\n  border-color: var(--noni-primary);\n}\n\n.noni-card-highlight {\n  background: linear-gradient(135deg, var(--noni-primary-light) 0%, var(--noni-white) 100%);\n  border: 2px solid var(--noni-primary);\n}\n\n.noni-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.noni-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.noni-card p {\n  font-size: 15px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-card strong {\n  color: var(--noni-text);\n}\n\n\/* === BENEFITS === *\/\n.noni-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 1.25rem;\n}\n\n.noni-benefit {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--noni-white);\n  padding: 1.5rem;\n  border-radius: var(--noni-radius-sm);\n  box-shadow: var(--noni-shadow);\n  border-left: 4px solid var(--noni-primary);\n  transition: all .3s ease;\n}\n\n.noni-benefit:hover {\n  transform: translateX(8px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-benefit-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.noni-benefit-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.noni-benefit-content p {\n  font-size: 14px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.noni-composition-box {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--noni-shadow);\n  text-align: center;\n}\n\n.noni-composition-main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 2px dashed var(--noni-border);\n}\n\n.noni-composition-icon {\n  font-size: 72px;\n}\n\n.noni-composition-detail {\n  text-align: left;\n}\n\n.noni-composition-percent {\n  display: block;\n  font-size: clamp(48px, 8vw, 72px);\n  font-weight: 900;\n  color: var(--noni-primary);\n  line-height: 1;\n}\n\n.noni-composition-name {\n  display: block;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 700;\n  color: var(--noni-text);\n  margin: .5rem 0;\n}\n\n.noni-composition-desc {\n  display: block;\n  font-size: 15px;\n  color: var(--noni-text-light);\n}\n\n.noni-composition-tags {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n}\n\n.noni-tag {\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.noni-tag-green {\n  background: var(--noni-primary-light);\n  color: var(--noni-primary-dark);\n}\n\n\/* === USAGE === *\/\n.noni-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.noni-usage-step {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: 2rem;\n  text-align: center;\n  box-shadow: var(--noni-shadow);\n  position: relative;\n  transition: all .3s ease;\n}\n\n.noni-usage-step:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-step-number {\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--noni-primary), var(--noni-tertiary));\n  color: white;\n  font-size: 24px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 1rem auto;\n  box-shadow: 0 4px 16px rgba(46,125,50,.3);\n}\n\n.noni-usage-step h4 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.noni-usage-step p {\n  font-size: 14px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.noni-usage-step strong {\n  color: var(--noni-text);\n}\n\n.noni-tip-box {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  background: var(--noni-accent-light);\n  border: 2px solid var(--noni-accent);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.noni-tip-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.noni-tip-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-accent);\n  margin: 0 0 .5rem 0;\n}\n\n.noni-tip-content p {\n  font-size: 14px;\n  color: var(--noni-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-tip-content strong {\n  color: var(--noni-primary-dark);\n}\n\n.noni-conservation-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  background: var(--noni-secondary-light);\n  border-radius: var(--noni-radius-sm);\n  padding: 1rem 1.5rem;\n}\n\n.noni-conservation-icon {\n  font-size: 28px;\n}\n\n.noni-conservation-box p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--noni-text);\n}\n\n\/* === TESTIMONIALS === *\/\n.noni-testimonials-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.noni-testimonial {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--noni-shadow);\n  border-top: 4px solid var(--noni-tertiary);\n  transition: all .3s ease;\n}\n\n.noni-testimonial:hover {\n  transform: scale(1.03);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-testimonial-icon {\n  font-size: 36px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.noni-testimonial p {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--noni-text);\n  margin: 0;\n}\n\n.noni-testimonial-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--noni-text-light);\n  font-style: italic;\n}\n\n\/* === WARNINGS === *\/\n.noni-warning-box {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n  box-shadow: var(--noni-shadow);\n  border-left: 4px solid var(--noni-tertiary);\n}\n\n.noni-warning-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: .75rem;\n}\n\n.noni-warning-icon {\n  font-size: 28px;\n}\n\n.noni-warning-header h4 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--noni-text);\n  margin: 0;\n}\n\n.noni-warning-box \u003e p {\n  font-size: 15px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-warning-box strong {\n  color: var(--noni-primary-dark);\n}\n\n.noni-precautions-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.noni-precaution {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--noni-shadow);\n  transition: all .3s ease;\n}\n\n.noni-precaution:hover {\n  transform: translateY(-3px);\n}\n\n.noni-precaution-icon {\n  font-size: 28px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.noni-precaution h5 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--noni-text);\n  margin: 0 0 .5rem 0;\n}\n\n.noni-precaution p {\n  font-size: 13px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.noni-alert-box {\n  background: #FFF3E0;\n  border: 2px solid #FF9800;\n  border-radius: var(--noni-radius-sm);\n  padding: 1.25rem;\n}\n\n.noni-alert-box p {\n  margin: 0;\n  font-size: 14px;\n  color: #E65100;\n  line-height: 1.6;\n}\n\n\/* === FAQ === *\/\n.noni-faq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 1.5rem;\n}\n\n.noni-faq {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: 1.75rem;\n  box-shadow: var(--noni-shadow);\n  transition: all .3s ease;\n}\n\n.noni-faq:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-faq h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.noni-faq p {\n  font-size: 14px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-faq strong {\n  color: var(--noni-text);\n}\n\n\/* === INFO GRID === *\/\n.noni-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.noni-info-item {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--noni-shadow);\n  transition: all .3s ease;\n}\n\n.noni-info-item:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-info-icon {\n  font-size: 32px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.noni-info-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--noni-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: .25rem;\n}\n\n.noni-info-value {\n  display: block;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n}\n\n\/* === CTA === *\/\n.noni-cta-box {\n  background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n  border-radius: var(--noni-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.noni-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='3' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.noni-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.noni-cta-icon {\n  font-size: 56px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.noni-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.noni-cta-box strong {\n  color: var(--noni-accent-light);\n}\n\n.noni-cta-tagline {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  padding: 12px 28px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 700;\n  color: white;\n  border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .noni-grid,\n  .noni-benefits-grid,\n  .noni-usage-grid,\n  .noni-testimonials-grid,\n  .noni-precautions-grid,\n  .noni-faq-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .noni-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .noni-hero-stats {\n    gap: 1rem;\n  }\n  \n  .noni-stat {\n    padding: .75rem 1rem;\n  }\n  \n  .noni-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .noni-composition-detail {\n    text-align: center;\n  }\n  \n  .noni-tip-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .noni-benefit {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .noni-card,\n  .noni-benefit,\n  .noni-usage-step,\n  .noni-testimonial,\n  .noni-faq,\n  .noni-info-item {\n    animation: noni-fadeInUp .6s ease backwards;\n  }\n  \n  .noni-card:nth-child(1), .noni-benefit:nth-child(1) { animation-delay: .1s; }\n  .noni-card:nth-child(2), .noni-benefit:nth-child(2) { animation-delay: .2s; }\n  .noni-card:nth-child(3), .noni-benefit:nth-child(3) { animation-delay: .3s; }\n  .noni-card:nth-child(4), .noni-benefit:nth-child(4) { animation-delay: .4s; }\n  .noni-benefit:nth-child(5) { animation-delay: .5s; }\n  .noni-benefit:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes noni-fadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(30px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .noni-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .noni-card,\n  .noni-benefit,\n  .noni-usage-step,\n  .noni-testimonial,\n  .noni-faq {\n    border: 2px solid var(--noni-text);\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755366899869,"sku":"JADENONI1L","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/jus-de-noni-jade-recherche-1-l-jade-recherche-packshothd_ad18c92b-8b8d-41c2-bbad-16b6f134f00b.webp?v=1786013279"},{"product_id":"panaceo-basic-poudre-200-g-ecoidees","title":"Panacéo Basic Poudre à zéolite clinoptilolite - 200 g","description":"\u003cdiv class=\"pnc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pnc-hero\"\u003e\n\u003cdiv class=\"pnc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pnc-hero-content\"\u003e\n\u003cdiv class=\"pnc-badges-top\"\u003e\n\u003cspan class=\"pnc-badge\"\u003e🏔️ 100% naturel\u003c\/span\u003e \u003cspan class=\"pnc-badge\"\u003e🔬 Technologie PMA brevetée\u003c\/span\u003e \u003cspan class=\"pnc-badge\"\u003e🇪🇺 Qualité européenne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pnc-hero-title\"\u003ePanacéo Basic Poudre\u003c\/span\u003e\n\u003cp class=\"pnc-subtitle\"\u003eZéolite clinoptilolite micronisée activée\u003c\/p\u003e\n\u003cp class=\"pnc-description\"\u003eDécouvrez le pouvoir détoxifiant d'un minéral volcanique millénaire. Une éponge moléculaire naturelle pour libérer votre organisme des toxines accumulées.\u003c\/p\u003e\n\u003cdiv class=\"pnc-hero-stats\"\u003e\n\u003cdiv class=\"pnc-stat\"\u003e\n\u003cspan class=\"pnc-stat-number\"\u003e200g\u003c\/span\u003e \u003cspan class=\"pnc-stat-label\"\u003ePoudre pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-stat\"\u003e\n\u003cspan class=\"pnc-stat-number\"\u003e~65\u003c\/span\u003e \u003cspan class=\"pnc-stat-label\"\u003eDoses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-stat\"\u003e\n\u003cspan class=\"pnc-stat-number\"\u003e100%\u003c\/span\u003e \u003cspan class=\"pnc-stat-label\"\u003eClinoptilolite\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pnc-section\"\u003e\n\u003ch2\u003eQu'est-ce que la zéolite clinoptilolite ?\u003c\/h2\u003e\n\u003cdiv class=\"pnc-intro-box\"\u003e\n\u003cdiv class=\"pnc-intro-content\"\u003e\n\u003cp\u003eLa \u003cstrong\u003ezéolite clinoptilolite\u003c\/strong\u003e est un minéral d'origine volcanique formé il y a des millions d'années par l'interaction entre la lave et l'eau de mer. Sa structure cristalline unique, composée de micro-cavités chargées négativement, lui confère des propriétés remarquables.\u003c\/p\u003e\n\u003cp\u003eElle agit comme une véritable \u003cstrong\u003eéponge moléculaire\u003c\/strong\u003e, capable de capter et de retenir les substances indésirables présentes dans le tractus digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-highlight-box\"\u003e\n\u003cdiv class=\"pnc-highlight-content\"\u003e\n\u003cstrong\u003e⚡ Technologie exclusive PMA\u003c\/strong\u003e\n\u003cp\u003eÀ la différence du charbon activé traditionnel, la zéolite Panacéo bénéficie du procédé breveté \u003cstrong\u003ePMA (Panaceo Micro Activation)\u003c\/strong\u003e. Cette technologie optimise la surface active du minéral, renforçant ainsi son efficacité tout en garantissant une parfaite innocuité pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pnc-section\"\u003e\n\u003ch2\u003eLes bienfaits de Panacéo Basic Poudre pour votre organisme\u003c\/h2\u003e\n\u003cdiv class=\"pnc-grid\"\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n\u003cp\u003eAide à \u003cstrong\u003eéliminer naturellement les métaux lourds et toxines\u003c\/strong\u003e qui s'accumulent dans votre système digestif. Action en douceur, sans agresser votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🌿 Bien-être digestif\u003c\/h3\u003e\n\u003cp\u003eCapte les substances irritantes au niveau intestinal pour maintenir un \u003cstrong\u003eéquilibre digestif optimal\u003c\/strong\u003e. Sensation de légèreté et meilleur confort après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003ePropriétés antioxydantes qui aident à \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e contre le stress oxydatif. Tout votre métabolisme en bénéficie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003eEn libérant votre organisme des substances qui l'encombrent, vous retrouvez progressivement \u003cstrong\u003eplus d'énergie et de vitalité\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e💧 Alternative douce\u003c\/h3\u003e\n\u003cp\u003eIdéal pour ceux qui trouvent le charbon végétal activé trop puissant ou difficile à tolérer. \u003cstrong\u003eAdapté à une utilisation prolongée.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🔄 Échange minéral\u003c\/h3\u003e\n\u003cp\u003ePeut libérer des \u003cstrong\u003eminéraux bénéfiques\u003c\/strong\u003e (calcium, magnésium, potassium) en échange des toxines captées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pnc-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"pnc-composition-box\"\u003e\n\u003cdiv class=\"pnc-composition-main\"\u003e\n\u003cdiv class=\"pnc-composition-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"pnc-composition-info\"\u003e\n\u003cspan class=\"pnc-composition-ingredient\"\u003eZéolite clinoptilolite micronisée activée\u003c\/span\u003e \u003cspan class=\"pnc-composition-percent\"\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-composition-badges\"\u003e\n\u003cspan class=\"pnc-comp-badge\"\u003e❌ Sans additif\u003c\/span\u003e \u003cspan class=\"pnc-comp-badge\"\u003e❌ Sans conservateur\u003c\/span\u003e \u003cspan class=\"pnc-comp-badge\"\u003e❌ Sans colorant\u003c\/span\u003e \u003cspan class=\"pnc-comp-badge\"\u003e❌ Sans excipient\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pnc-composition-note\"\u003eCette formule \u003cstrong\u003e100% naturelle\u003c\/strong\u003e garantit une pureté maximale. Un seul ingrédient, mais d'une efficacité remarquable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pnc-section\"\u003e\n\u003ch2\u003eComment prendre Panacéo Basic Poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"pnc-timeline\"\u003e\n\u003cdiv class=\"pnc-timeline-item\"\u003e\n\u003cdiv class=\"pnc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003e1 cuillère à café rase (environ 3 g) diluée dans un grand verre d'eau (200 ml minimum)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-item\"\u003e\n\u003cdiv class=\"pnc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-content\"\u003e\n\u003ch3\u003eFréquence\u003c\/h3\u003e\n\u003cp\u003e2 à 3 prises par jour selon vos besoins personnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-item\"\u003e\n\u003cdiv class=\"pnc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003e30 minutes avant les repas ou 2 heures après, pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-item\"\u003e\n\u003cdiv class=\"pnc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eMinimum 4 semaines pour une détoxification en profondeur, renouvelable plusieurs fois par an\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-item\"\u003e\n\u003cdiv class=\"pnc-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pnc-timeline-content\"\u003e\n\u003ch3\u003eHydratation\u003c\/h3\u003e\n\u003cp\u003eBoire 1,5 à 2 litres d'eau par jour pour favoriser l'élimination\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-tip\"\u003e\n\u003cp\u003e💡 \u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e Vous pouvez mélanger la poudre dans un smoothie ou un jus de fruits frais. Consommez rapidement après le mélange.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pnc-section\"\u003e\n\u003ch2\u003ePanacéo Basic vs charbon activé : quelles différences ?\u003c\/h2\u003e\n\u003cdiv class=\"pnc-comparison\"\u003e\n\u003cdiv class=\"pnc-comparison-item\"\u003e\n\u003cdiv class=\"pnc-comparison-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eSélectivité\u003c\/h3\u003e\n\u003cp\u003eLa zéolite cible préférentiellement les métaux lourds et certaines toxines, tandis que le charbon activé adsorbe de manière moins sélective\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-comparison-item\"\u003e\n\u003cdiv class=\"pnc-comparison-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eTolérance\u003c\/h3\u003e\n\u003cp\u003eGénéralement mieux tolérée sur le long terme, sans risque de constipation souvent associé au charbon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-comparison-item\"\u003e\n\u003cdiv class=\"pnc-comparison-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eInteraction médicamenteuse\u003c\/h3\u003e\n\u003cp\u003eComme pour tout adsorbant, espacez la prise de vos médicaments d'au moins 2 heures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-comparison-item\"\u003e\n\u003cdiv class=\"pnc-comparison-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eApport minéral\u003c\/h3\u003e\n\u003cp\u003eLa zéolite peut libérer des minéraux bénéfiques (calcium, magnésium, potassium) en échange des toxines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pnc-section\"\u003e\n\u003ch2\u003ePour qui est recommandé Panacéo Basic Poudre ?\u003c\/h2\u003e\n\u003cp class=\"pnc-section-intro\"\u003eCe complément alimentaire s'adresse à toutes les personnes souhaitant :\u003c\/p\u003e\n\u003cdiv class=\"pnc-grid-compact\"\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🍂 Cure détox saisonnière\u003c\/h3\u003e\n\u003cp\u003eChangement de saison, après les fêtes...\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🏙️ Environnement pollué\u003c\/h3\u003e\n\u003cp\u003eSoutenir l'organisme face aux agressions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🍽️ Confort digestif\u003c\/h3\u003e\n\u003cp\u003eAméliorer le bien-être au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🥗 Rééquilibrage\u003c\/h3\u003e\n\u003cp\u003eAccompagner une nouvelle alimentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e💪 Énergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eRetrouver sa forme naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-card\"\u003e\n\u003ch3\u003e🌱 Alternative douce\u003c\/h3\u003e\n\u003cp\u003eSi le charbon est mal toléré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"pnc-section\"\u003e\n\u003ch2\u003eQualité et traçabilité Ecoidées\u003c\/h2\u003e\n\u003cdiv class=\"pnc-quality-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eEcoidées\u003c\/strong\u003e s'engage à proposer des produits naturels de haute qualité. La zéolite utilisée dans Panacéo Basic provient de \u003cstrong\u003egisements européens soigneusement sélectionnés\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pnc-quality-points\"\u003e\n\u003cdiv class=\"pnc-quality-item\"\u003e\n\u003cspan class=\"pnc-quality-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eChaque lot analysé pour garantir l'absence de contaminants\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-quality-item\"\u003e\n\u003cspan class=\"pnc-quality-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eTeneur optimale en clinoptilolite garantie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-quality-item\"\u003e\n\u003cspan class=\"pnc-quality-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eProcédé PMA selon protocoles stricts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-quality-item\"\u003e\n\u003cspan class=\"pnc-quality-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eEfficacité constante d'un pot à l'autre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pnc-contenance\"\u003e\n\u003cstrong\u003eContenance :\u003c\/strong\u003e 200 g de poudre (environ 65 doses)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"pnc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"pnc-accordion\"\u003e\n\u003cdetails class=\"pnc-accordion-item\"\u003e\n\u003csummary class=\"pnc-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"pnc-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pnc-accordion-item\"\u003e\n\u003csummary class=\"pnc-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n\u003cdiv class=\"pnc-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eEspacer la prise d'au moins 2 heures de tout traitement médicamenteux\u003c\/li\u003e\n\u003cli\u003eConsultez votre médecin en cas de grossesse, allaitement ou traitement médical en cours\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pnc-accordion-item\"\u003e\n\u003csummary class=\"pnc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pnc-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eConserver dans un endroit frais et sec, à l'abri de l'humidité\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"pnc-disclaimer\"\u003eCe produit n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie. En cas de problème de santé, consultez un professionnel de santé qualifié.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pnc-cream: #F5F9F9;\n  --pnc-white: #ffffff;\n  --pnc-primary: #4A9B9B;\n  --pnc-primary-dark: #2D7A7A;\n  --pnc-primary-light: #E8F4F4;\n  --pnc-secondary: #D4AF37;\n  --pnc-accent: #3D8B8B;\n  --pnc-text: #1a1a1a;\n  --pnc-text-light: #5a5a5a;\n  --pnc-border: #e0e0e0;\n  --pnc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pnc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pnc-radius: 20px;\n  --pnc-radius-sm: 12px;\n}\n\n.pnc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pnc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pnc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4A9B9B 0%, #2D7A7A 50%, #1D6A6A 100%);\n  border-radius: var(--pnc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pnc-shadow-lg);\n}\n\n.pnc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(212,175,55,.15) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.pnc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pnc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pnc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pnc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pnc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pnc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pnc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.pnc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.pnc-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.pnc-stat {\n  text-align: center;\n}\n\n.pnc-stat-number {\n  display: block;\n  color: var(--pnc-secondary);\n  font-size: clamp(24px, 5vw, 36px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.pnc-stat-label {\n  color: rgba(255,255,255,.8);\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.pnc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pnc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pnc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.pnc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pnc-primary), var(--pnc-secondary));\n  border-radius: 2px;\n}\n\n.pnc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pnc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === INTRO BOX === *\/\n.pnc-intro-box {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--pnc-white);\n  border-radius: var(--pnc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pnc-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.pnc-intro-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.pnc-intro-content p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pnc-text);\n  line-height: 1.7;\n  margin: 0 0 1rem 0;\n}\n\n.pnc-intro-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pnc-highlight-box {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: linear-gradient(135deg, var(--pnc-primary-light) 0%, #d9eeee 100%);\n  border-radius: var(--pnc-radius-sm);\n  padding: 1.25rem 1.5rem;\n  border-left: 4px solid var(--pnc-secondary);\n}\n\n.pnc-highlight-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.pnc-highlight-content strong {\n  display: block;\n  color: var(--pnc-primary-dark);\n  font-size: 16px;\n  margin-bottom: .5rem;\n}\n\n.pnc-highlight-content p {\n  font-size: 14px;\n  color: var(--pnc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRID === *\/\n.pnc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.pnc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pnc-grid-compact .pnc-card {\n  padding: 1rem;\n}\n\n.pnc-grid-compact .pnc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pnc-grid-compact .pnc-card p {\n  font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.pnc-card {\n  background: var(--pnc-white);\n  border-radius: var(--pnc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pnc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pnc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pnc-shadow-lg);\n  border-color: var(--pnc-primary);\n}\n\n.pnc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pnc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pnc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pnc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.pnc-composition-box {\n  background: var(--pnc-white);\n  border-radius: var(--pnc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pnc-shadow);\n  text-align: center;\n}\n\n.pnc-composition-main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.pnc-composition-icon {\n  font-size: 40px;\n}\n\n.pnc-composition-info {\n  display: flex;\n  flex-direction: column;\n  gap: .25rem;\n}\n\n.pnc-composition-ingredient {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--pnc-primary-dark);\n}\n\n.pnc-composition-percent {\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: var(--pnc-secondary);\n  line-height: 1;\n}\n\n.pnc-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.25rem;\n}\n\n.pnc-comp-badge {\n  padding: 6px 12px;\n  background: var(--pnc-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--pnc-primary-dark);\n}\n\n.pnc-composition-note {\n  font-size: 14px;\n  color: var(--pnc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.pnc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pnc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pnc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pnc-primary), var(--pnc-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.pnc-timeline-content {\n  flex: 1;\n  background: var(--pnc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pnc-radius-sm);\n  box-shadow: var(--pnc-shadow);\n}\n\n.pnc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pnc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pnc-timeline-content p {\n  font-size: 14px;\n  color: var(--pnc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.pnc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pnc-primary-light);\n  border-radius: var(--pnc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pnc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pnc-tip p {\n  font-size: 14px;\n  color: var(--pnc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.pnc-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.pnc-comparison-item {\n  background: var(--pnc-white);\n  border-radius: var(--pnc-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--pnc-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.pnc-comparison-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--pnc-shadow-lg);\n}\n\n.pnc-comparison-icon {\n  font-size: 32px;\n  margin-bottom: .75rem;\n}\n\n.pnc-comparison-item h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--pnc-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.pnc-comparison-item p {\n  font-size: 14px;\n  color: var(--pnc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === QUALITY BOX === *\/\n.pnc-quality-box {\n  background: var(--pnc-white);\n  border-radius: var(--pnc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pnc-shadow);\n}\n\n.pnc-quality-box \u003e p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pnc-text);\n  line-height: 1.7;\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n}\n\n.pnc-quality-points {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: .75rem;\n  margin-bottom: 1.5rem;\n}\n\n.pnc-quality-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  padding: .75rem 1rem;\n  background: var(--pnc-primary-light);\n  border-radius: var(--pnc-radius-sm);\n}\n\n.pnc-quality-icon {\n  width: 24px;\n  height: 24px;\n  background: var(--pnc-primary);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 700;\n  flex-shrink: 0;\n}\n\n.pnc-quality-item span:last-child {\n  font-size: 14px;\n  color: var(--pnc-text);\n}\n\n.pnc-contenance {\n  text-align: center;\n  padding: 1rem;\n  background: linear-gradient(135deg, var(--pnc-primary) 0%, var(--pnc-primary-dark) 100%);\n  border-radius: var(--pnc-radius-sm);\n  color: white;\n  font-size: 16px;\n}\n\n\/* === ACCORDION === *\/\n.pnc-accordion {\n  background: var(--pnc-white);\n  border-radius: var(--pnc-radius);\n  box-shadow: var(--pnc-shadow);\n  overflow: hidden;\n}\n\n.pnc-accordion-item {\n  border-bottom: 1px solid var(--pnc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pnc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pnc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pnc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pnc-accordion-header:hover {\n  background: var(--pnc-primary-light);\n}\n\n.pnc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pnc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pnc-primary);\n  transition: transform .2s ease;\n}\n\n.pnc-accordion-item[open] .pnc-accordion-header::after {\n  content: '−';\n}\n\n.pnc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pnc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.pnc-accordion-content ul {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n\n.pnc-accordion-content li {\n  margin-bottom: .5rem;\n}\n\n.pnc-accordion-content li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pnc-disclaimer {\n  font-size: 12px;\n  color: var(--pnc-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  padding: 1rem;\n  background: var(--pnc-primary-light);\n  border-radius: var(--pnc-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pnc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .pnc-card {\n    padding: 1.125rem;\n  }\n  \n  .pnc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .pnc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pnc-radius-sm);\n  }\n  \n  .pnc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .pnc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .pnc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .pnc-grid-compact .pnc-card {\n    padding: .75rem;\n  }\n  \n  .pnc-intro-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1.25rem;\n  }\n  \n  .pnc-intro-icon {\n    font-size: 36px;\n  }\n  \n  .pnc-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1rem;\n  }\n  \n  .pnc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .pnc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .pnc-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .pnc-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .pnc-comparison {\n    grid-template-columns: 1fr;\n  }\n  \n  .pnc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .pnc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .pnc-quality-points {\n    grid-template-columns: 1fr;\n  }\n  \n  .pnc-tip {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pnc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pnc-card:nth-child(1) { animation-delay: .05s; }\n  .pnc-card:nth-child(2) { animation-delay: .1s; }\n  .pnc-card:nth-child(3) { animation-delay: .15s; }\n  .pnc-card:nth-child(4) { animation-delay: .2s; }\n  .pnc-card:nth-child(5) { animation-delay: .25s; }\n  .pnc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .pnc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ECOIDEES","offers":[{"title":"Default Title","offer_id":45755398619293,"sku":"ZEOLITHEPOU","price":42.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/panaceo-baisc-detox-poudre-200-grammes.jpg?v=1776339561"},{"product_id":"spiruline-bio-phyco-lt-labo-60-comprimes","title":"Spiruline Bio Phyco+ - 60 comprimés - LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n  \u003cdiv class=\"sp-hero\"\u003e\n    \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sp-hero-content\"\u003e\n      \u003cdiv class=\"sp-badges-top\"\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée Bio FR-BIO-01\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e💎 20 % de phycocyanines\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n      \u003cp class=\"sp-subtitle\"\u003e60 comprimés · LT Labo\u003c\/p\u003e\n      \u003cp class=\"sp-description\"\u003eUne spiruline bio d'exception à haute teneur en phycocyanines pour booster votre énergie, votre vitalité et vos défenses naturelles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eSpiruline Bio Phyco+ de LT Labo : une concentration exceptionnelle en phycocyanines\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio en comprimés\u003c\/strong\u003e véritablement efficace ? La Spiruline Bio Phyco+ de LT Labo se distingue par sa \u003cstrong\u003ehaute teneur en phycocyanines (20 %)\u003c\/strong\u003e, un pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔬 Pureté absolue\u003c\/h3\u003e\n        \u003cp\u003eMicro-algue d'eau douce 100 % pure, cultivée sans pesticides ni engrais chimiques, séchée à basse température pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 Concentré nutritionnel\u003c\/h3\u003e\n        \u003cp\u003e60 à 70 % de protéines végétales, vitamines du groupe B, fer, sélénium et bêta-carotène réunis dans un seul comprimé de 500 mg.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Clean \u0026amp; vegan\u003c\/h3\u003e\n        \u003cp\u003eCertifiée agriculture biologique, sans aucun additif, liant ou conservateur. Convient parfaitement aux personnes vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une spiruline riche en phycocyanines ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eToutes les spirulines ne se valent pas. La différence se joue sur la teneur en \u003cstrong\u003ephycocyanines\u003c\/strong\u003e, ce pigment exclusif à la spiruline qui lui confère ses propriétés antioxydantes uniques.\u003c\/p\u003e\n    \u003cdiv class=\"sp-comparison\"\u003e\n      \u003cdiv class=\"sp-comparison-item sp-comparison-standard\"\u003e\n        \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline standard\u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-bar\"\u003e\n          \u003cdiv class=\"sp-comparison-fill sp-fill-standard\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-value\"\u003e5 à 10 %\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-comparison-item sp-comparison-phyco\"\u003e\n        \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline Phyco+\u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-bar\"\u003e\n          \u003cdiv class=\"sp-comparison-fill sp-fill-phyco\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-value\"\u003e20 % · 800 mg \/ 4 g\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-section-intro\" style=\"margin-top:1.25rem;\"\u003eLes phycocyanines participent à la \u003cstrong\u003eprotection des cellules contre le stress oxydatif\u003c\/strong\u003e et soutiennent les défenses naturelles. Fatigue passagère, changements de saison ou rythme de vie exigeant : c'est précisément cette spiruline qu'il vous faut.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePosologie : comment prendre la Spiruline Phyco+ ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eChaque comprimé contient \u003cstrong\u003e500 mg de spiruline biologique\u003c\/strong\u003e. Adaptez votre cure selon vos besoins :\u003c\/p\u003e\n    \u003cdiv class=\"sp-timeline\"\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eDébut de cure\u003c\/h3\u003e\n          \u003cp\u003e2 comprimés par jour la première semaine, pour habituer votre organisme en douceur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eEntretien\u003c\/h3\u003e\n          \u003cp\u003e3 à 4 comprimés par jour pour maintenir énergie et vitalité au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eCure intensive\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 8 comprimés par jour (soit 4 g) en période de fatigue ou d'effort physique soutenu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePrenez vos comprimés au cours des repas, avec un grand verre d'eau. Une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique : 100 % spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid-compact\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💎 Phycocyanines\u003c\/h3\u003e\n        \u003cp\u003e800 mg (20 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n        \u003cp\u003e2,4 à 2,8 g (60-70 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003e52,4 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n        \u003cp\u003e4,8 mg (41 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚡ Vitamine B1\u003c\/h3\u003e\n        \u003cp\u003e150 µg (15 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e✨ Vitamine B2\u003c\/h3\u003e\n        \u003cp\u003e220 µg (16 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine B12\u003c\/h3\u003e\n        \u003cp\u003e5 µg (200 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n        \u003cp\u003e2,8 mg (20 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003e10 µg (18 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚖️ Chrome\u003c\/h3\u003e\n        \u003cp\u003e14 µg (35 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-disclaimer\"\u003e\u003cem\u003eVNR : Valeurs Nutritionnelles de Référence\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eLes atouts qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💎 20 % de phycocyanines\u003c\/h3\u003e\n        \u003cp\u003eUn taux parmi les plus élevés du marché, gage d'une spiruline premium et réellement efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01, culture contrôlée par Naturland. Aucun pesticide, aucun engrais chimique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n        \u003cp\u003eProcédé doux qui conserve vitamines, minéraux et enzymes dans leur intégralité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🚫 Sans aucun additif\u003c\/h3\u003e\n        \u003cp\u003eNi liant, ni conservateur, ni colorant. Juste 100 % de spiruline pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Multi-régimes\u003c\/h3\u003e\n        \u003cp\u003eConvient aux régimes vegan, casher et halal. Accessible à tous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eComprimés faciles à avaler, dosage simple à ajuster selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sp-accordion\"\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e💊 Dose journalière maximale\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de 8 comprimés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e👶 Enfants et femmes enceintes\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé avant 3 ans. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sp-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le meilleur de la spiruline bio — 20 % de phycocyanines, zéro additif, 100 % d'énergie naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sp-cream: #f5f9f3;\n  --sp-white: #ffffff;\n  --sp-primary: #4a9e3f;\n  --sp-primary-dark: #2d6b25;\n  --sp-primary-light: #e8f5e3;\n  --sp-secondary: #6fbf63;\n  --sp-accent: #3b8132;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #dce8d9;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d6b25 0%, #4a9e3f 50%, #6fbf63 100%);\n  border-radius: var(--sp-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n  opacity: 1;\n}\n\n.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.sp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.sp-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.sp-comparison {\n  max-width: 550px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-comparison-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n}\n\n.sp-comparison-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--sp-text);\n  min-width: 130px;\n  text-align: right;\n}\n\n.sp-comparison-bar {\n  flex: 1;\n  height: 28px;\n  background: var(--sp-primary-light);\n  border-radius: 999px;\n  overflow: hidden;\n  position: relative;\n}\n\n.sp-comparison-fill {\n  height: 100%;\n  border-radius: 999px;\n  transition: width 1s ease;\n}\n\n.sp-fill-standard {\n  width: 35%;\n  background: linear-gradient(90deg, #c4d8c0, #a3c49c);\n}\n\n.sp-fill-phyco {\n  width: 100%;\n  background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n  box-shadow: 0 2px 12px rgba(74,158,63,.3);\n}\n\n.sp-comparison-value {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  min-width: 110px;\n}\n\n.sp-comparison-phyco .sp-comparison-value {\n  color: var(--sp-primary);\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sp-cta-box {\n  background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sp-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sp-comparison-label {\n    font-size: 12px;\n    min-width: 90px;\n  }\n\n  .sp-comparison-value {\n    font-size: 11px;\n    min-width: 80px;\n  }\n\n  .sp-comparison-bar {\n    height: 22px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n  .sp-card:nth-child(7) { animation-delay: .35s; }\n  .sp-card:nth-child(8) { animation-delay: .4s; }\n  .sp-card:nth-child(9) { animation-delay: .45s; }\n  .sp-card:nth-child(10) { animation-delay: .5s; }\n\n  .sp-fill-standard {\n    animation: spBarGrow 1s ease .3s backwards;\n  }\n  .sp-fill-phyco {\n    animation: spBarGrow 1.2s ease .5s backwards;\n  }\n}\n\n@keyframes spFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes spBarGrow {\n  from { width: 0; }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755419721885,"sku":"NBAILTL0015","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-60-comprimes-lt-labo-packshothd.webp?v=1773347806"},{"product_id":"moringa-bio-60-gelules-vegetales-ayurvana","title":"Moringa Bio - 60 Gélules Végétales - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Moringa Bio - 60 Gélules Végétales - Ayur-Vana\nPalette détectée:\n  - Primaire: #D4726A (rose corail terracotta du packaging)\n  - Secondaire: #6B8E23 (vert olive des feuilles de moringa)\n  - Accent: #E8C547 (doré\/jaune des motifs indiens)\n  - Fond: #FDF6E3 (crème chaleureux du packaging)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, traditionnel indien avec touches modernes\nPréfixe CSS: mor\n--\u003e\n\n\u003cdiv class=\"mor-premium\"\u003e\n\n  \u003cdiv class=\"mor-hero\"\u003e\n    \u003cdiv class=\"mor-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mor-hero-content\"\u003e\n      \u003cdiv class=\"mor-badges-top\"\u003e\n        \u003cspan class=\"mor-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"mor-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mor-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mor-hero-title\"\u003eMoringa Bio\u003c\/span\u003e\n      \u003cp class=\"mor-subtitle\"\u003eL'arbre de vie en gélules pour votre vitalité quotidienne\u003c\/p\u003e\n      \u003cp class=\"mor-description\"\u003eDécouvrez toute la puissance nutritionnelle de \u003cem\u003eMoringa oleifera\u003c\/em\u003e, cette plante extraordinaire utilisée depuis des millénaires par la médecine ayurvédique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi le moringa est-il surnommé « l'arbre de vie » ?\u003c\/h2\u003e\n    \u003cdiv class=\"mor-grid\"\u003e\n      \u003cdiv class=\"mor-card mor-card-highlight\"\u003e\n        \u003ch3\u003e🧬 90+ nutriments\u003c\/h3\u003e\n        \u003cp\u003ePlus de 90 nutriments identifiés dont vitamines, minéraux et acides aminés essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🍊 7x plus de vitamine C\u003c\/h3\u003e\n        \u003cp\u003eSept fois plus de vitamine C que les oranges pour booster votre immunité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🥛 4x plus de calcium\u003c\/h3\u003e\n        \u003cp\u003eQuatre fois plus de calcium que le lait pour des os solides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🍌 3x plus de potassium\u003c\/h3\u003e\n        \u003cp\u003eTrois fois plus de potassium que les bananes pour votre système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e💪 Acides aminés complets\u003c\/h3\u003e\n        \u003cp\u003eTous les acides aminés essentiels réunis, ce qui est rare pour une plante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n        \u003cp\u003ePolyphénols, flavonoïdes et quercétine pour protéger vos cellules\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"mor-grid\"\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e⚡ Énergie naturelle\u003c\/h3\u003e\n        \u003cp\u003eUn cocktail de vitamines B, fer et magnésium qui réduit la fatigue et maintient un métabolisme énergétique optimal. Agit en douceur, sans pic ni chute brutale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamine C, vitamine A et zinc pour soutenir votre système immunitaire et affronter sereinement les changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌺 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes polyphénols et flavonoïdes protègent vos cellules contre le stress oxydatif et préservent votre capital jeunesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌿 Équilibre digestif\u003c\/h3\u003e\n        \u003cp\u003eFibres et composés actifs favorisent une digestion harmonieuse, un meilleur confort intestinal et une assimilation optimale des nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mor-grid\"\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez un manque d'énergie au quotidien et cherchez un regain de vitalité naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e❄️ Avant l'hiver\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez renforcer vos défenses naturelles avant les périodes froides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🥗 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n        \u003cp\u003eVous avez besoin d'un apport complet en acides aminés d'origine 100% végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eVous pratiquez une activité physique régulière et souhaitez optimiser votre récupération\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e📊 Carences nutritionnelles\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à combler naturellement des déficits en vitamines et minéraux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🧠 Stress \u0026amp; Surmenage\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période intense et avez besoin d'un soutien global pour votre organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n    \u003cdiv class=\"mor-composition\"\u003e\n      \u003cdiv class=\"mor-compo-main\"\u003e\n        \u003cdiv class=\"mor-compo-dose\"\u003e1 140 mg\u003c\/div\u003e\n        \u003cdiv class=\"mor-compo-label\"\u003ePoudre de feuilles de Moringa oleifera bio*\u003c\/div\u003e\n        \u003cdiv class=\"mor-compo-detail\"\u003ePour 4 gélules (dose journalière)\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-compo-info\"\u003e\n        \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'Agriculture Biologique - Certifié par FR-BIO-01\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eEnveloppe : HPMC (hydroxypropylméthylcellulose) - 100% végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mor-grid-compact\"\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié AB\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eGaranti sans OGM\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e✨ Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eFormule pure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100% végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mor-steps\"\u003e\n      \u003cdiv class=\"mor-step\"\u003e\n        \u003cdiv class=\"mor-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mor-step-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-step\"\u003e\n        \u003cdiv class=\"mor-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mor-step-content\"\u003e\n          \u003ch3\u003eLe midi\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le déjeuner avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-step\"\u003e\n        \u003cdiv class=\"mor-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mor-step-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e3 mois\u003c\/strong\u003e pour des résultats optimaux et durables (ce flacon = 15 jours)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mor-tip\"\u003e\n      \u003cspan class=\"mor-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e Commencez par 2 gélules\/jour la première semaine pour habituer votre organisme, puis passez à 4 gélules quotidiennes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🌍 Origine \u0026amp; Traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"mor-origin\"\u003e\n      \u003cdiv class=\"mor-origin-card\"\u003e\n        \u003cdiv class=\"mor-origin-icon\"\u003e🇮🇳\u003c\/div\u003e\n        \u003ch3\u003eRécolte en Inde\u003c\/h3\u003e\n        \u003cp\u003eFeuilles sélectionnées auprès de producteurs certifiés bio, berceau historique du moringa sacré. Récoltées à maturité optimale et séchées à basse température.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-origin-arrow\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"mor-origin-card\"\u003e\n        \u003cdiv class=\"mor-origin-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch3\u003eFabrication en France\u003c\/h3\u003e\n        \u003cp\u003eEncapsulation et conditionnement dans le respect des normes les plus strictes de l'industrie. Double exigence : authenticité et sécurité garanties.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"mor-accordion\"\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eLes premiers bienfaits se font généralement sentir après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. La fatigue diminue progressivement et vous retrouvez un regain d'énergie naturel. Pour des effets durables, maintenez la cure pendant 3 mois.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e🤰 Puis-je le prendre pendant la grossesse ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003ePar précaution, demandez conseil à votre médecin ou sage-femme avant de commencer une supplémentation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e⚠️ Y a-t-il des effets indésirables ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eLe moringa est généralement très bien toléré. Certaines personnes peuvent ressentir un léger effet laxatif les premiers jours, qui disparaît rapidement. Respectez la posologie recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e💊 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eOui, le moringa bio se combine facilement avec d'autres plantes adaptogènes comme l'ashwagandha ou le curcuma. En cas de traitement médicamenteux, consultez votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mor-accordion\"\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes et allaitantes sans avis médical. En cas de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mor-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps cette source naturelle exceptionnelle de nutriments et retrouvez une \u003cstrong\u003evitalité durable\u003c\/strong\u003e, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mor-cream: #FDF8F0;\n  --mor-white: #ffffff;\n  --mor-primary: #D4726A;\n  --mor-primary-dark: #B85A52;\n  --mor-primary-light: #F5E6E4;\n  --mor-secondary: #6B8E23;\n  --mor-secondary-light: #E8F0D8;\n  --mor-accent: #E8C547;\n  --mor-text: #1a1a1a;\n  --mor-text-light: #5a5a5a;\n  --mor-border: #e0e0e0;\n  --mor-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mor-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mor-radius: 20px;\n  --mor-radius-sm: 12px;\n}\n\n.mor-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mor-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mor-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4726A 0%, #B85A52 40%, #6B8E23 100%);\n  border-radius: var(--mor-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mor-shadow-lg);\n}\n\n.mor-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .6;\n}\n\n.mor-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mor-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.mor-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mor-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mor-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mor-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mor-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mor-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.mor-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mor-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mor-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mor-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mor-primary), var(--mor-secondary));\n  border-radius: 2px;\n}\n\n.mor-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mor-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.mor-card {\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mor-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mor-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mor-shadow-lg);\n  border-color: var(--mor-primary);\n}\n\n.mor-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mor-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mor-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mor-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mor-card-highlight {\n  background: linear-gradient(135deg, var(--mor-secondary-light) 0%, var(--mor-white) 100%);\n  border: 2px solid var(--mor-secondary);\n}\n\n.mor-grid-compact .mor-card {\n  padding: 1rem;\n}\n\n.mor-grid-compact .mor-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mor-grid-compact .mor-card p {\n  font-size: 12px;\n}\n\n\/* Composition *\/\n.mor-composition {\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mor-shadow);\n  text-align: center;\n  border: 2px solid var(--mor-secondary);\n}\n\n.mor-compo-main {\n  margin-bottom: 1.5rem;\n}\n\n.mor-compo-dose {\n  font-size: clamp(36px, 8vw, 52px);\n  font-weight: 900;\n  color: var(--mor-secondary);\n  line-height: 1;\n}\n\n.mor-compo-label {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--mor-text);\n  margin: .5rem 0;\n}\n\n.mor-compo-detail {\n  font-size: 14px;\n  color: var(--mor-text-light);\n}\n\n.mor-compo-info {\n  padding-top: 1rem;\n  border-top: 1px solid var(--mor-border);\n}\n\n.mor-compo-info p {\n  margin: .5rem 0;\n  font-size: 14px;\n  color: var(--mor-text-light);\n}\n\n\/* Steps *\/\n.mor-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mor-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: 1.5rem;\n  box-shadow: var(--mor-shadow);\n}\n\n.mor-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--mor-primary) 0%, var(--mor-primary-dark) 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  color: white;\n}\n\n.mor-step-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--mor-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.mor-step-content p {\n  font-size: 14px;\n  color: var(--mor-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mor-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: linear-gradient(135deg, #FEF9E7 0%, #FCF3CF 100%);\n  border-radius: var(--mor-radius-sm);\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  border: 2px solid var(--mor-accent);\n}\n\n.mor-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mor-tip p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mor-text);\n  line-height: 1.6;\n}\n\n\/* Origin *\/\n.mor-origin {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.mor-origin-card {\n  flex: 1;\n  min-width: 280px;\n  max-width: 400px;\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: 2rem;\n  box-shadow: var(--mor-shadow);\n  text-align: center;\n}\n\n.mor-origin-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.mor-origin-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mor-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.mor-origin-card p {\n  font-size: 14px;\n  color: var(--mor-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.mor-origin-arrow {\n  font-size: 32px;\n  color: var(--mor-secondary);\n  font-weight: 900;\n}\n\n\/* Accordion *\/\n.mor-accordion {\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  box-shadow: var(--mor-shadow);\n  overflow: hidden;\n}\n\n.mor-accordion-item {\n  border-bottom: 1px solid var(--mor-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mor-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mor-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mor-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mor-accordion-header:hover {\n  background: var(--mor-primary-light);\n}\n\n.mor-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mor-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mor-primary);\n  transition: transform .2s ease;\n}\n\n.mor-accordion-item[open] .mor-accordion-header::after {\n  content: '−';\n}\n\n.mor-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mor-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.mor-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA *\/\n.mor-cta-box {\n  background: linear-gradient(135deg, var(--mor-secondary) 0%, #4A6B18 100%);\n  border-radius: var(--mor-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mor-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.mor-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n  .mor-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mor-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .mor-grid-compact .mor-card {\n    padding: .75rem;\n  }\n  \n  .mor-card {\n    padding: 1.125rem;\n  }\n  \n  .mor-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mor-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mor-radius-sm);\n  }\n  \n  .mor-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mor-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mor-step {\n    padding: 1.125rem;\n    gap: 1rem;\n  }\n  \n  .mor-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n  \n  .mor-origin {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .mor-origin-arrow {\n    transform: rotate(90deg);\n  }\n  \n  .mor-origin-card {\n    min-width: auto;\n    padding: 1.5rem;\n  }\n  \n  .mor-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mor-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .mor-badges-top {\n    gap: 8px;\n  }\n  \n  .mor-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mor-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mor-card:nth-child(1) { animation-delay: .05s; }\n  .mor-card:nth-child(2) { animation-delay: .1s; }\n  .mor-card:nth-child(3) { animation-delay: .15s; }\n  .mor-card:nth-child(4) { animation-delay: .2s; }\n  .mor-card:nth-child(5) { animation-delay: .25s; }\n  .mor-card:nth-child(6) { animation-delay: .3s; }\n  \n  .mor-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mor-step:nth-child(1) { animation-delay: .1s; }\n  .mor-step:nth-child(2) { animation-delay: .2s; }\n  .mor-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mor-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755432337565,"sku":"AY0100","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/moringa-bio-60-gelules-vegetales-ayur-vana-ingredients.webp?v=1768518045"},{"product_id":"chaga-56-gelules-french-mush","title":"Chaga French Mush 56 gélules - Antioxydant \u0026 Immunité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Chaga French Mush - Complément Alimentaire Bio\nPalette détectée:\n  - Primaire: #8B7AA8 (violet doux du packaging et textes)\n  - Secondaire: #B8D4A8 (vert sauge des illustrations botaniques)\n  - Accent: #7B68A6 (violet iris des fleurs illustrées)\nAmbiance: Premium naturel bio, élégant et moderne. Design épuré avec illustrations botaniques délicates (feuilles vertes, fleurs violettes). Univers nordique\/forestier, scientifique et rassurant. Tonalités douces évoquant la nature et le bien-être.\nPréfixe CSS: chg\n--\u003e\n\n\u003cdiv class=\"chg-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"chg-hero\"\u003e\n    \u003cdiv class=\"chg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"chg-hero-content\"\u003e\n      \u003cdiv class=\"chg-badges-top\"\u003e\n        \u003cspan class=\"chg-badge\"\u003e🇫🇷 Cultivé en Europe\u003c\/span\u003e\n        \u003cspan class=\"chg-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"chg-badge\"\u003e⚡ 92% biodisponibilité\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"chg-hero-title\"\u003eChaga bio\u003c\/span\u003e\n      \u003cp class=\"chg-subtitle\"\u003eImmunité \u0026amp; antioxydant d'exception\u003c\/p\u003e\n      \u003cp class=\"chg-description\"\u003eL'unique Chaga cultivé et extrait en Europe avec une biodisponibilité 4x supérieure. 8000mg de champignons par dose pour une immunité et une vitalité exceptionnelles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- DOSAGE --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e🔬 Dosage cliniquement prouvé\u003c\/h2\u003e\n    \u003cdiv class=\"chg-dosage-box\"\u003e\n      \u003cdiv class=\"chg-dosage-main\"\u003e\n        \u003cspan class=\"chg-mega-number\"\u003e8000\u003c\/span\u003e\n        \u003cspan class=\"chg-mega-unit\"\u003emg\u003c\/span\u003e\n        \u003cp class=\"chg-dosage-label\"\u003ede champignons par dose*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-grid-compact\"\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e🍄 10% bêta-glucanes\u003c\/h3\u003e\n          \u003cp\u003eActifs immunostimulants\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e✨ 92% biodisponibilité\u003c\/h3\u003e\n          \u003cp\u003e4x plus efficace\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e💊 56 gélules\u003c\/h3\u003e\n          \u003cp\u003e28 jours de cure\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e🔬 Ratio 10:1\u003c\/h3\u003e\n          \u003cp\u003eExtrait concentré\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"chg-footnote\"\u003e* 800mg d'extraits concentrés pour 2 gélules = 8000mg de champignons frais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e💚 Bienfaits prouvés par 3 études cliniques\u003c\/h2\u003e\n    \u003cdiv class=\"chg-grid\"\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eStimule puissamment vos défenses naturelles grâce à sa richesse en polysaccharides et bêta-glucanes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e⚡ Antioxydant n°1 mondial\u003c\/h3\u003e\n        \u003cp\u003eLe superaliment le plus riche en antioxydants. Protège vos cellules du vieillissement et du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🌟 Digestion \u0026amp; vitalité\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre système digestif tout en boostant votre énergie naturelle au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e✨ Peau éclatante\u003c\/h3\u003e\n        \u003cp\u003eAméliore l'apparence de la peau, réduit les imperfections et favorise un teint lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🔥 Anti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003eCombat efficacement les inflammations chroniques grâce à son action douce mais puissante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e💪 Résistance au stress\u003c\/h3\u003e\n        \u003cp\u003ePropriétés adaptogènes pour mieux gérer le stress physique et mental.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"chg-timeline\"\u003e\n      \u003cdiv class=\"chg-step\"\u003e\n        \u003cspan class=\"chg-step-num\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"chg-step-content\"\u003e\n          \u003ch3\u003e💊 2 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-step\"\u003e\n        \u003cspan class=\"chg-step-num\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"chg-step-content\"\u003e\n          \u003ch3\u003e📅 Cure de 28 jours\u003c\/h3\u003e\n          \u003cp\u003eUn flacon = 1 mois. Pour des résultats optimaux, 2 à 3 mois de cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-step\"\u003e\n        \u003cspan class=\"chg-step-num\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"chg-step-content\"\u003e\n          \u003ch3\u003e🍄 Synergie possible\u003c\/h3\u003e\n          \u003cp\u003eCombinez avec Reishi, Cordyceps ou Shiitake pour un effet renforcé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e👥 Le Chaga est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"chg-grid\"\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à renforcer vos défenses naturelles face aux agressions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e⚡ Besoin d'énergie\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez retrouver vitalité et énergie durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e🧘 Stress quotidien\u003c\/h3\u003e\n        \u003cp\u003eVous voulez mieux gérer le stress et retrouver votre équilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e✨ Anti-âge naturel\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez un antioxydant puissant pour préserver vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e🏆 La différence French Mush\u003c\/h2\u003e\n    \u003cdiv class=\"chg-grid\"\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🔬 Extraction aux ultrasons\u003c\/h3\u003e\n        \u003cp\u003eTechnologie brevetée garantissant 92% de biodisponibilité, 4 à 8x plus efficace que les extraits classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🇪🇺 Unique : cultivé en Europe\u003c\/h3\u003e\n        \u003cp\u003eLe seul Chaga cultivé et extrait sur le territoire européen avec traçabilité totale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🌲 Origine Finlande\u003c\/h3\u003e\n        \u003cp\u003eRécolté dans les forêts sauvages du nord de la Finlande, là où pousse le meilleur Chaga bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"chg-accordion\"\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e📜 Histoire du Chaga\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003eLe Chaga (Inonotus obliquus) est utilisé depuis des siècles en médecine traditionnelle russe, particulièrement par le peuple Khanty de Sibérie qui l'appelait \"le don des dieux\". Ces populations l'utilisaient pour renforcer leur résistance face aux rudes hivers sibériens et améliorer leur longévité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e🧬 Composition détaillée\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eBêta-glucanes :\u003c\/strong\u003e 10% - Polysaccharides essentiels pour l'immunité\u003cbr\u003e\n          \u003cstrong\u003eAcide bétulinique :\u003c\/strong\u003e 0,5% - Antioxydant et anti-inflammatoire puissant\u003cbr\u003e\n          \u003cstrong\u003eErgostérol :\u003c\/strong\u003e 0,3% - Précurseur de la vitamine D naturelle\u003cbr\u003e\n          \u003cstrong\u003eInotodiol :\u003c\/strong\u003e 2,0% - Composé bioactif unique au Chaga\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e🍄 Synergies recommandées\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eChaga + Reishi :\u003c\/strong\u003e Immunité maximale et relaxation profonde\u003cbr\u003e\n          \u003cstrong\u003eChaga + Cordyceps :\u003c\/strong\u003e Énergie décuplée et performances physiques\u003cbr\u003e\n          \u003cstrong\u003eChaga + Shiitake :\u003c\/strong\u003e Digestion optimale et vitalité globale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003e• Déconseillé aux enfants de moins de 12 ans\u003cbr\u003e\n          • Déconseillé aux femmes enceintes et allaitantes\u003cbr\u003e\n          • En cas de traitement médical, demandez conseil à votre médecin\u003cbr\u003e\n          • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n          • Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e✅ Certifications\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003eCertifié agriculture biologique FR-BIO-01. Sans OGM, sans additifs, sans conservateurs. 100% vegan. Testé en laboratoire indépendant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"chg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"chg-cta-box\"\u003e\n      \u003cp\u003e✨ Rejoignez les milliers de personnes qui ont choisi French Mush pour prendre soin de leur santé naturellement. Le Chaga bio d'exception vous attend.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --chg-cream: #FAF8F5;\n  --chg-white: #ffffff;\n  --chg-primary: #8B7AA8;\n  --chg-primary-dark: #6B5B8A;\n  --chg-primary-light: #F3EFF8;\n  --chg-secondary: #B8D4A8;\n  --chg-accent: #7B68A6;\n  \n  --chg-text: #1a1a1a;\n  --chg-text-light: #5a5a5a;\n  \n  --chg-border: #e8e4e0;\n  --chg-shadow: 0 4px 24px rgba(139, 122, 168, .08);\n  --chg-shadow-lg: 0 12px 48px rgba(139, 122, 168, .15);\n  --chg-radius: 20px;\n  --chg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.chg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--chg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--chg-primary) 0%, var(--chg-accent) 50%, var(--chg-primary-dark) 100%);\n  border-radius: var(--chg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--chg-shadow-lg);\n}\n\n.chg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\n  background-image: radial-gradient(circle at 20% 80%, rgba(184,212,168,.5) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.chg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.chg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.chg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--chg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.chg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.chg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.chg-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n}\n\n.chg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.chg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--chg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.chg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--chg-primary), var(--chg-secondary));\n  border-radius: 2px;\n}\n\n\/* === DOSAGE BOX === *\/\n.chg-dosage-box {\n  background: linear-gradient(135deg, var(--chg-primary-light) 0%, rgba(184,212,168,.15) 100%);\n  border-radius: var(--chg-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n  border: 2px solid rgba(139,122,168,.1);\n}\n\n.chg-dosage-main {\n  margin-bottom: 1.5rem;\n}\n\n.chg-mega-number {\n  font-size: clamp(48px, 12vw, 80px);\n  font-weight: 900;\n  color: var(--chg-primary);\n  letter-spacing: -.04em;\n  line-height: 1;\n}\n\n.chg-mega-unit {\n  font-size: clamp(24px, 6vw, 40px);\n  font-weight: 800;\n  color: var(--chg-primary-dark);\n  margin-left: 4px;\n}\n\n.chg-dosage-label {\n  font-size: clamp(14px, 2.5vw, 18px);\n  color: var(--chg-text);\n  font-weight: 600;\n  margin: .5rem 0 0 0;\n}\n\n.chg-footnote {\n  font-size: 12px;\n  color: var(--chg-text-light);\n  font-style: italic;\n  margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.chg-card {\n  background: var(--chg-white);\n  border-radius: var(--chg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--chg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.chg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--chg-shadow-lg);\n  border-color: var(--chg-primary);\n}\n\n.chg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--chg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.chg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--chg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.chg-card-profile {\n  background: linear-gradient(135deg, var(--chg-white) 0%, var(--chg-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.chg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.chg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.chg-grid-compact .chg-card {\n  padding: 1rem;\n}\n\n.chg-grid-compact .chg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.chg-grid-compact .chg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chg-timeline {\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.chg-step {\n  display: flex;\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n  align-items: flex-start;\n}\n\n.chg-step:last-child {\n  margin-bottom: 0;\n}\n\n.chg-step-num {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--chg-primary), var(--chg-primary-dark));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  color: white;\n  box-shadow: 0 4px 16px rgba(139,122,168,.3);\n}\n\n.chg-step-content {\n  flex: 1;\n  background: var(--chg-white);\n  padding: 1.25rem;\n  border-radius: var(--chg-radius-sm);\n  box-shadow: var(--chg-shadow);\n}\n\n.chg-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--chg-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.chg-step-content p {\n  font-size: 14px;\n  color: var(--chg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.chg-accordion {\n  background: var(--chg-white);\n  border-radius: var(--chg-radius);\n  box-shadow: var(--chg-shadow);\n  overflow: hidden;\n}\n\n.chg-accordion-item {\n  border-bottom: 1px solid var(--chg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.chg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.chg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--chg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.chg-accordion-header:hover {\n  background: var(--chg-primary-light);\n}\n\n.chg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.chg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--chg-primary);\n  transition: transform .2s ease;\n}\n\n.chg-accordion-item[open] .chg-accordion-header::after {\n  content: '−';\n}\n\n.chg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--chg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.chg-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.chg-cta-box {\n  background: linear-gradient(135deg, var(--chg-primary) 0%, var(--chg-primary-dark) 100%);\n  border-radius: var(--chg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.chg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .chg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .chg-grid-compact {\n    gap: .625rem;\n  }\n  \n  .chg-grid-compact .chg-card {\n    padding: .75rem;\n  }\n  \n  .chg-card {\n    padding: 1.125rem;\n  }\n  \n  .chg-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .chg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--chg-radius-sm);\n  }\n  \n  .chg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .chg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .chg-step {\n    gap: 1rem;\n  }\n  \n  .chg-step-num {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n  \n  .chg-step-content {\n    padding: 1rem;\n  }\n  \n  .chg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .chg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .chg-dosage-box {\n    padding: 1.5rem 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .chg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .chg-card:nth-child(1) { animation-delay: .05s; }\n  .chg-card:nth-child(2) { animation-delay: .1s; }\n  .chg-card:nth-child(3) { animation-delay: .15s; }\n  .chg-card:nth-child(4) { animation-delay: .2s; }\n  .chg-card:nth-child(5) { animation-delay: .25s; }\n  .chg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .chg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799589478557,"sku":"NBAIFRM0006","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chaga_gelules_frenchmush_1_11zon.jpg?v=1766506765"},{"product_id":"spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-semilla","title":"Spiruline Crue Bio - Energie et immunité - 100 comprimés - Sol-Semilla","description":"\u003cdiv class=\"sp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sp-hero\"\u003e\n\u003cdiv class=\"sp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp-hero-content\"\u003e\n\u003cdiv class=\"sp-badges-top\"\u003e\n\u003cspan class=\"sp-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sp-hero-title\"\u003eSpiruline Crue Bio\u003c\/span\u003e\n\u003cp class=\"sp-subtitle\"\u003eÉnergie et immunité - 100 comprimés\u003c\/p\u003e\n\u003cp class=\"sp-description\"\u003eUn concentré de vitalité 100 % pur, sans excipient ni liant, riche en fer, vitamines A, K, B12 et phycocyanine. Élaborée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio\u003c\/strong\u003e authentique, séchée à basse température pour conserver toute sa richesse nutritionnelle ? La \u003cstrong\u003espiruline crue de Sol Semilla\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire : c'est un concentré de vitalité sous forme de 100 comprimés pratiques, composés à 100 % de spiruline pure, sans aucun excipient ni liant ajouté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une spiruline crue et bio ?\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid-compact\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n\u003cp\u003eSéchée à moins de 50 °C pour préserver enzymes, vitamines et phycocyanine - le pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e☀️ Cultivée au Burkina Faso\u003c\/h3\u003e\n\u003cp\u003eUn environnement préservé et ensoleillé offrant des conditions idéales de croissance pour cette microalgue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôlée en France\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et contrôlée par l'équipe Sol Semilla en France, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et vegan, cultivée sans pesticides ni produits chimiques pour une pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la spiruline bio pour votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e💪 Riche en fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eL'un des aliments les plus concentrés en fer. Idéale si vous êtes sujet à la fatigue passagère ou aux baisses d'énergie saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🥩 Protéines végétales complètes\u003c\/h3\u003e\n\u003cp\u003e60 à 70 % de protéines contenant tous les acides aminés essentiels - allié précieux des sportifs, végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🧬 Vitamines A, K et B12\u003c\/h3\u003e\n\u003cp\u003eVitamine A pour l'immunité, vitamine K pour l'ossature, B12 pour réduire la fatigue. Un trio essentiel réuni dans une seule microalgue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à la phycocyanine et au bêta-carotène, elle aide vos cellules à se protéger contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌿 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eSes nutriments essentiels contribuent au bon fonctionnement de votre système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sp-composition-box\"\u003e\n\u003cp class=\"sp-composition-highlight\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline crue biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 % pure, sans additif, sans conservateur, sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 1,9 g\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 8,4 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🟠 Vitamine A\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 2,8 mg\u003c\/strong\u003e (bêta-carotène)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 450 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eValeurs nutritionnelles pour 6 comprimés (dose journalière recommandée, soit environ 3 g). Contenu : 100 comprimés - Poids net : 55 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"sp-timeline\"\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez la spiruline, débutez par \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e pendant la première semaine pour permettre à votre organisme de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eAugmentez la dose\u003c\/h3\u003e\n\u003cp\u003ePassez ensuite à \u003cstrong\u003e4 à 6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin ou avant un effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n\u003cp\u003eAssociez la prise à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus de citron, kiwi, orange) pour une meilleure absorption du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-tip\"\u003e\n\u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un jus de citron pressé dans votre verre d'eau au moment de la prise booste considérablement l'assimilation du fer contenu dans la spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sp-accordion\"\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant de phénylcétonurie. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité dans son sachet d'origine bien refermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez votre professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --sp-cream: #faf6f1;\n  --sp-white: #ffffff;\n  --sp-primary: #2a9d8f;\n  --sp-primary-dark: #1a6b60;\n  --sp-primary-light: #e8f6f4;\n  --sp-secondary: #c45a3c;\n  --sp-accent: #d4a04a;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #e0e0e0;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6b60 0%, #2a9d8f 40%, #c45a3c 100%);\n  border-radius: var(--sp-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(42,157,143,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.sp-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.sp-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.8;\n}\n\n.sp-section-intro strong {\n  color: var(--sp-text);\n}\n\n\/* === CARDS === *\/\n.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sp-card p strong {\n  color: var(--sp-text);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1.25rem 1.5rem;\n  border-left: 4px solid var(--sp-primary);\n}\n\n.sp-composition-highlight {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sp-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sp-composition-highlight em {\n  color: var(--sp-text-light);\n}\n\n\/* === NUTRITION CARD VARIANT === *\/\n.sp-card-nutri {\n  background: linear-gradient(135deg, var(--sp-white) 0%, var(--sp-primary-light) 100%);\n}\n\n.sp-card-nutri p strong {\n  color: var(--sp-primary-dark);\n  font-size: clamp(16px, 3vw, 20px);\n  display: block;\n  margin-bottom: 2px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sp-timeline-content p strong {\n  color: var(--sp-text);\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sp-composition-box {\n    padding: 1rem 1.125rem;\n  }\n\n  .sp-tip {\n    padding: .875rem 1rem;\n  }\n\n  .sp-tip-icon {\n    font-size: 20px;\n  }\n\n  .sp-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45867172233373,"sku":"SPCO55","price":13.58,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-sem-lifestyle.webp?v=1772723739"},{"product_id":"mush-n-go-immunite-renforcee","title":"Mush n Go Immunité - Oyster, Chaga \u0026 Reishi - 30 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mush n Go Immunité - Oyster, Chaga \u0026 Reishi\nPalette détectée:\n  - Primaire: #7B5BA6 (violet lavande du packaging)\n  - Secondaire: #9D7DC3 (violet clair du dégradé)\n  - Accent: #D4A574 (beige doré des champignons)\nAmbiance: Naturel\/organique avec touche premium, univers bien-être et mycologie, ambiance douce et apaisante avec des tons lavande\/violet\nPréfixe CSS: mng\n--\u003e\n\u003cdiv class=\"mng-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mng-hero\"\u003e\n\u003cdiv class=\"mng-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mng-hero-content\"\u003e\n\u003cdiv class=\"mng-badges-top\"\u003e\n\u003cspan class=\"mng-badge\"\u003e🍄 3 champignons adaptogènes\u003c\/span\u003e \u003cspan class=\"mng-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mng-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mng-hero-title\"\u003eImmunité renforcée\u003c\/span\u003e\n\u003cp class=\"mng-subtitle\"\u003eChaga • Reishi • Pleurote\u003c\/p\u003e\n\u003cp class=\"mng-description\"\u003eLe trio de champignons médicinaux d'exception pour des défenses naturelles au top, à chaque saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e🛡️ Les bienfaits pour votre immunité\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e💪 Défenses renforcées\u003c\/h3\u003e\n\u003cp\u003eLes trois champignons agissent en synergie pour activer vos défenses naturelles et mieux résister aux agressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌟 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLe Chaga, \"l'or noir de la forêt\", neutralise les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🔥 Soutien anti-inflammatoire\u003c\/h3\u003e\n\u003cp\u003eLe Reishi apaise et réduit les réactions inflammatoires chroniques pour un meilleur confort au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🦠 Digestion optimisée\u003c\/h3\u003e\n\u003cp\u003eFibres et prébiotiques naturels favorisent un microbiote intestinal équilibré, clé d'une bonne immunité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n\u003cp\u003eL'huile MCT de coco bio fournit une énergie rapidement assimilable, sans pic glycémique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre immunitaire\u003c\/h3\u003e\n\u003cp\u003eLe Reishi régule votre réponse immunitaire : ni trop faible, ni excessive. L'harmonie parfaite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e🧬 Composition par gélule\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid\"\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🍄 Chaga\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e180 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePuissant antioxydant qui soutient les défenses naturelles. Surnommé \"l'or noir de la forêt\".\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🍄 Reishi\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e120 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eImmunomodulateur qui favorise l'équilibre immunitaire et apaise l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🍄 Pleurote\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e60 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eSource naturelle de bêta-glucanes qui stimulent les cellules immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🥥 Huile MCT bio\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e260 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eAméliore l'absorption des actifs et fournit une énergie rapide et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e👥 Ce complément est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e❄️ Préparation hivernale\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez renforcer vos défenses avant l'hiver ou lors des périodes à risque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e😴 Fatigue passagère\u003c\/h3\u003e\n\u003cp\u003eVous ressentez un coup de mou et avez besoin de retrouver votre vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌿 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eVous cherchez plus qu'une simple vitamine C, avec des actifs reconnus depuis des millénaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🔬 Qualité française\u003c\/h3\u003e\n\u003cp\u003eVous privilégiez les produits fabriqués en France avec des exigences strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e📋 Comment le prendre ?\u003c\/h2\u003e\n\u003cdiv class=\"mng-steps\"\u003e\n\u003cdiv class=\"mng-step\"\u003e\n\u003cdiv class=\"mng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mng-step-content\"\u003e\n\u003ch3\u003ePosologie simple\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, de préférence le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-step\"\u003e\n\u003cdiv class=\"mng-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mng-step-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003eAvalez avec un grand verre d'eau, au cours ou en dehors d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-step\"\u003e\n\u003cdiv class=\"mng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mng-step-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003eSuivez une \u003cstrong\u003ecure d'au moins 1 mois\u003c\/strong\u003e, renouvelable aux changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GARANTIES COMPACTES --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e✅ Nos garanties qualité\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid-compact\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌱 Bio \u0026amp; Vegan\u003c\/h3\u003e\n\u003cp\u003eGélule 100% végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eFormule clean\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eAdapté aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🔬 Testé labo\u003c\/h3\u003e\n\u003cp\u003eQualité contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ ACCORDÉON --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"mng-accordion\"\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003eQuelle différence entre Chaga et Reishi ?\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eChaga\u003c\/strong\u003e est particulièrement reconnu pour sa concentration exceptionnelle en antioxydants, idéale pour protéger vos cellules. Le \u003cstrong\u003eReishi\u003c\/strong\u003e est davantage apprécié pour ses propriétés immunomodulatrices : il aide à équilibrer la réponse immunitaire. Ensemble, ils forment un duo parfaitement complémentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003ePeut-on l'associer à d'autres champignons ?\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eOui, tout à fait ! Les champignons adaptogènes ont des actions complémentaires. Si vous cherchez à soutenir également vos fonctions cognitives ou votre énergie physique, vous pouvez alterner ou combiner avec des formules à base de Lion's Mane ou Cordyceps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003eY a-t-il des effets secondaires ?\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eAux dosages recommandés, les champignons médicinaux sont très bien tolérés. Si vous suivez un traitement médical ou souffrez d'une maladie auto-immune, demandez conseil à votre médecin avant de commencer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003ePrécautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eRéservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne se substitue pas à une alimentation variée et équilibrée. En cas de traitement médical, consultez un professionnel de santé. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"mng-section\"\u003e\n\u003cdiv class=\"mng-cta-box\"\u003e\n\u003cp\u003e🍄 Offrez à votre organisme le pouvoir ancestral des champignons adaptogènes.\u003cbr\u003e\u003cstrong\u003e30 gélules = 1 mois de cure\u003c\/strong\u003e pour traverser chaque saison avec sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --mng-cream: #faf8f5;\n  --mng-white: #ffffff;\n  --mng-primary: #7B5BA6;\n  --mng-primary-dark: #5a4080;\n  --mng-primary-light: #f3eff8;\n  --mng-secondary: #9D7DC3;\n  --mng-accent: #D4A574;\n  --mng-text: #1a1a1a;\n  --mng-text-light: #5a5a5a;\n  --mng-border: #e8e4ef;\n  --mng-shadow: 0 4px 24px rgba(123,91,166,.08);\n  --mng-shadow-lg: 0 12px 48px rgba(123,91,166,.15);\n  --mng-radius: 20px;\n  --mng-radius-sm: 12px;\n}\n\n.mng-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mng-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mng-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mng-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7B5BA6 0%, #9D7DC3 50%, #B89DD4 100%);\n  border-radius: var(--mng-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mng-shadow-lg);\n}\n\n.mng-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c2 0 3.5 8 3.5 12s-1.5 7-3.5 7-3.5-3-3.5-7 1.5-12 3.5-12z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.mng-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mng-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.mng-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mng-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mng-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mng-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mng-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .1em;\n}\n\n.mng-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.6;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mng-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mng-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mng-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mng-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mng-primary), var(--mng-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mng-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mng-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mng-card {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mng-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mng-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mng-shadow-lg);\n  border-color: var(--mng-primary);\n}\n\n.mng-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mng-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mng-card-ingredient {\n  background: linear-gradient(135deg, var(--mng-white) 0%, var(--mng-primary-light) 100%);\n}\n\n.mng-dosage {\n  display: inline-block;\n  background: var(--mng-primary);\n  color: white;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  margin-bottom: .75rem !important;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mng-grid-compact .mng-card {\n  padding: 1rem;\n}\n\n.mng-grid-compact .mng-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mng-grid-compact .mng-card p {\n  font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.mng-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.mng-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: 1.25rem;\n  box-shadow: var(--mng-shadow);\n  transition: all .3s ease;\n}\n\n.mng-step:hover {\n  transform: translateX(6px);\n  box-shadow: var(--mng-shadow-lg);\n}\n\n.mng-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--mng-primary), var(--mng-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n}\n\n.mng-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mng-step-content p {\n  font-size: 14px;\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mng-accordion {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  box-shadow: var(--mng-shadow);\n  overflow: hidden;\n}\n\n.mng-accordion-item {\n  border-bottom: 1px solid var(--mng-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mng-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mng-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mng-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mng-accordion-header:hover {\n  background: var(--mng-primary-light);\n}\n\n.mng-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mng-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mng-primary);\n  transition: transform .2s ease;\n}\n\n.mng-accordion-item[open] .mng-accordion-header::after {\n  content: '−';\n}\n\n.mng-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mng-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.mng-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.mng-cta-box {\n  background: linear-gradient(135deg, var(--mng-primary) 0%, var(--mng-primary-dark) 100%);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mng-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  animation: shimmer 3s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n  0%, 100% { transform: translate(-20%, -20%); }\n  50% { transform: translate(0%, 0%); }\n}\n\n.mng-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mng-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mng-card {\n    padding: 1.125rem;\n  }\n  \n  .mng-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mng-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mng-radius-sm);\n  }\n  \n  .mng-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mng-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mng-badges-top {\n    gap: .375rem;\n  }\n  \n  .mng-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .mng-grid-compact {\n    gap: .625rem;\n  }\n  \n  .mng-grid-compact .mng-card {\n    padding: .75rem;\n  }\n  \n  .mng-step {\n    padding: 1rem;\n    gap: .75rem;\n  }\n  \n  .mng-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .mng-step-content h3 {\n    font-size: 14px;\n  }\n  \n  .mng-step-content p {\n    font-size: 13px;\n  }\n  \n  .mng-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mng-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mng-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mng-card:nth-child(1) { animation-delay: .05s; }\n  .mng-card:nth-child(2) { animation-delay: .1s; }\n  .mng-card:nth-child(3) { animation-delay: .15s; }\n  .mng-card:nth-child(4) { animation-delay: .2s; }\n  .mng-card:nth-child(5) { animation-delay: .25s; }\n  .mng-card:nth-child(6) { animation-delay: .3s; }\n  \n  .mng-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .mng-step:nth-child(1) { animation-delay: .1s; }\n  .mng-step:nth-child(2) { animation-delay: .2s; }\n  .mng-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mng-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53523563217273,"sku":"IMMUNITEMUSHNGO","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mush-n-go-immunite-oyster-chaga-reishi-30-gelules-packshothd_96bb805b-b923-4336-9ac1-90532a77b580.webp?v=1776865590"},{"product_id":"centella-asiatica-bio-gelules-graine-sauvage","title":"Centella Asiatica Bio - Vivacité intellectuelle - 60 gélules – Graine sauvage","description":"\u003cdiv class=\"ca-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ca-hero\"\u003e\n    \u003cdiv class=\"ca-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ca-hero-content\"\u003e\n      \u003cdiv class=\"ca-badges-top\"\u003e\n        \u003cspan class=\"ca-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"ca-badge\"\u003e🧠 Vivacité intellectuelle\u003c\/span\u003e\n        \u003cspan class=\"ca-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ca-hero-title\"\u003eCentella Asiatica Bio\u003c\/span\u003e\n      \u003cp class=\"ca-subtitle\"\u003eExtrait concentré titré à 20 % de saponines\u003c\/p\u003e\n      \u003cp class=\"ca-description\"\u003eAussi appelée Gotu Kola, cette plante millénaire de l'Ayurveda soutient vos fonctions cognitives, votre mémoire et votre clarté mentale au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eCentella Asiatica Bio : le soutien naturel de votre vivacité intellectuelle\u003c\/h2\u003e\n    \u003cp class=\"ca-section-intro\"\u003eVous cherchez un allié naturel pour garder l'esprit vif au quotidien ? La \u003cstrong\u003eCentella Asiatica Bio\u003c\/strong\u003e de Graine Sauvage est un complément alimentaire formulé à partir d'un \u003cstrong\u003eextrait concentré et titré\u003c\/strong\u003e, spécialement conçu pour soutenir vos fonctions cognitives.\u003c\/p\u003e\n    \u003cdiv class=\"ca-grid-compact\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🌏 Origine millénaire\u003c\/h3\u003e\n        \u003cp\u003ePlante herbacée d'Asie utilisée depuis des siècles en médecine ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🧬 Gotu Kola\u003c\/h3\u003e\n        \u003cp\u003eNom traditionnel de cette plante aux propriétés remarquables sur le cerveau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n        \u003cp\u003eSoutient naturellement les fonctions cognitives et le système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eUn complément pur, sans additifs chimiques ni excipients superflus\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eUne formule bio concentrée et rigoureusement dosée\u003c\/h2\u003e\n    \u003cp class=\"ca-section-intro\"\u003eCe qui distingue ce complément, c'est la qualité de son extrait. Chaque dose quotidienne de \u003cstrong\u003e3 gélules\u003c\/strong\u003e vous apporte :\u003c\/p\u003e\n    \u003cdiv class=\"ca-grid\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🍃 Extrait de Centella Asiatica Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e750 mg\u003c\/strong\u003e titré à \u003cstrong\u003e20 % de saponines (150 mg)\u003c\/strong\u003e, dont des asiaticosides et madécassosides, les principes actifs clés de la plante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🌾 Fibre d'acacia Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e75 mg\u003c\/strong\u003e — un prébiotique doux qui favorise l'absorption optimale des nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e⚡ Carbonate de magnésium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e15 mg\u003c\/strong\u003e — contribue au bon fonctionnement du système nerveux et à la réduction de la fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ca-tip\"\u003e\n      \u003cspan class=\"ca-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eGélule végétale en hypromellose\u003c\/strong\u003e, convenant parfaitement aux personnes végétariennes et véganes. Produit \u003cstrong\u003ecertifié AB\u003c\/strong\u003e par Ecocert (FR-BIO-01), issu d'une culture responsable en Inde.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eBienfaits de la Centella Asiatica sur les fonctions cognitives\u003c\/h2\u003e\n    \u003cp class=\"ca-section-intro\"\u003eLes bienfaits de la Centella Asiatica sont largement documentés. Grâce à sa richesse en saponines triterpéniques, cet extrait agit sur plusieurs niveaux :\u003c\/p\u003e\n    \u003cdiv class=\"ca-grid\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🎯 Mémoire et concentration\u003c\/h3\u003e\n        \u003cp\u003eContribue à stimuler l'activité cognitive, un atout précieux en période d'effort intellectuel intense ou avec l'avancée en âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🛡️ Protection des cellules cérébrales\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés antioxydantes aident à lutter contre le stress oxydatif, un facteur majeur du vieillissement neuronal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e☯️ Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement reconnue pour ses vertus apaisantes, elle aide à mieux gérer le stress et les tensions nerveuses au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e💧 Microcirculation\u003c\/h3\u003e\n        \u003cp\u003eFavorise une bonne circulation sanguine, y compris au niveau cérébral, ce qui soutient l'oxygénation du cerveau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ca-tip\"\u003e\n      \u003cspan class=\"ca-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e au-delà de ses effets sur la cognition, la Centella Asiatica est également très prisée en cosmétique pour ses \u003cstrong\u003ebienfaits sur le visage\u003c\/strong\u003e et la peau, notamment ses propriétés cicatrisantes et régénérantes. Ici, c'est sous forme de complément alimentaire que vous profitez de ses vertus, de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ca-timeline\"\u003e\n      \u003cdiv class=\"ca-timeline-item\"\u003e\n        \u003cdiv class=\"ca-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ca-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au moment du dîner, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-timeline-item\"\u003e\n        \u003cdiv class=\"ca-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ca-timeline-content\"\u003e\n          \u003ch3\u003eDurée du pilulier\u003c\/h3\u003e\n          \u003cp\u003eLe pilulier de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e correspond à \u003cstrong\u003e20 jours d'utilisation\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-timeline-item\"\u003e\n        \u003cdiv class=\"ca-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ca-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, une \u003cstrong\u003ecure de plusieurs semaines\u003c\/strong\u003e est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ca-accordion\"\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée et équilibrée, ni un mode de vie sain. En cas de doute ou si vous suivez un traitement, consultez votre médecin ou votre pharmacien avant de commencer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"ca-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ca-cta-box\"\u003e\n      \u003cp\u003e🌿 Avec la \u003cstrong\u003eCentella Asiatica Bio de Graine Sauvage\u003c\/strong\u003e, offrez à votre cerveau un soutien végétal authentique, certifié bio et concentré en principes actifs. Un choix simple et naturel pour cultiver votre clarté mentale jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ca-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Certifié AB par Ecocert (FR-BIO-01)\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ca-cream: #f7f9f3;\n  --ca-white: #ffffff;\n  --ca-primary: #6b9e3a;\n  --ca-primary-dark: #3d6b1a;\n  --ca-primary-light: #eef5e4;\n  --ca-secondary: #c8d931;\n  --ca-accent: #e8d72a;\n  --ca-text: #1a1a1a;\n  --ca-text-light: #5a5a5a;\n  --ca-border: #e0e0e0;\n  --ca-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ca-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ca-radius: 20px;\n  --ca-radius-sm: 12px;\n}\n\n.ca-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ca-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ca-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6b1a 0%, #6b9e3a 50%, #9abf4a 100%);\n  border-radius: var(--ca-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ca-shadow-lg);\n}\n\n.ca-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(200,217,49,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(232,215,42,.2) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: .6;\n}\n\n.ca-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ca-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ca-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.ca-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ca-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ca-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ca-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ca-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ca-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ca-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ca-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ca-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ca-primary), var(--ca-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ca-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ca-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ca-section-intro strong {\n  color: var(--ca-text);\n}\n\n\/* === CARDS === *\/\n.ca-card {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ca-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ca-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ca-shadow-lg);\n  border-color: var(--ca-primary);\n}\n\n.ca-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ca-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ca-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ca-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ca-card p strong {\n  color: var(--ca-text);\n}\n\n\/* === GRILLES === *\/\n.ca-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ca-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ca-grid-compact .ca-card {\n  padding: 1rem;\n}\n\n.ca-grid-compact .ca-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ca-grid-compact .ca-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ca-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ca-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ca-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ca-primary), var(--ca-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ca-timeline-content {\n  flex: 1;\n  background: var(--ca-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ca-radius-sm);\n  box-shadow: var(--ca-shadow);\n}\n\n.ca-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ca-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ca-timeline-content p {\n  font-size: 14px;\n  color: var(--ca-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ca-timeline-content p strong {\n  color: var(--ca-text);\n}\n\n\/* === TIP BOX === *\/\n.ca-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ca-primary-light);\n  border-radius: var(--ca-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ca-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ca-tip p {\n  font-size: 14px;\n  color: var(--ca-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ca-accordion {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  box-shadow: var(--ca-shadow);\n  overflow: hidden;\n}\n\n.ca-accordion-item {\n  border-bottom: 1px solid var(--ca-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ca-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ca-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ca-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ca-accordion-header:hover {\n  background: var(--ca-primary-light);\n}\n\n.ca-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ca-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ca-primary);\n  transition: transform .2s ease;\n}\n\n.ca-accordion-item[open] .ca-accordion-header::after {\n  content: '−';\n}\n\n.ca-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ca-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ca-accordion-content p {\n  margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.ca-testimonial {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ca-shadow);\n  border-left: 4px solid var(--ca-primary);\n}\n\n.ca-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ca-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ca-cta-box {\n  background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ca-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ca-disclaimer {\n  font-size: 12px;\n  color: var(--ca-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ca-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ca-card {\n    padding: 1.125rem;\n  }\n\n  .ca-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ca-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ca-radius-sm);\n  }\n\n  .ca-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ca-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ca-grid-compact {\n    gap: .625rem;\n  }\n\n  .ca-grid-compact .ca-card {\n    padding: .75rem;\n  }\n\n  .ca-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ca-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ca-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ca-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ca-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ca-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ca-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ca-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ca-card {\n    animation: caFadeInUp .5s ease backwards;\n  }\n  .ca-card:nth-child(1) { animation-delay: .05s; }\n  .ca-card:nth-child(2) { animation-delay: .1s; }\n  .ca-card:nth-child(3) { animation-delay: .15s; }\n  .ca-card:nth-child(4) { animation-delay: .2s; }\n  .ca-card:nth-child(5) { animation-delay: .25s; }\n  .ca-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes caFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ca-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54884041294201,"sku":"GS0015","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/centella-asiatica-bio-vivacite-intellectuelle-60-gelules-gra-packshothd_1e58dfd3-44e3-48e4-8e49-79651a1eebf3.webp?v=1785946275"},{"product_id":"huile-de-nigelle-120-graine-sauvage","title":"Huile de Nigelle - 120 capsules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Nigelle - 120 capsules - Graine Sauvage\nPalette détectée:\n  - Primaire: #8B9A2E (vert-jaune\/chartreuse du bouchon et bandes du packaging)\n  - Secondaire: #C4272E (rouge du logo \"Graine Sauvage\")\n  - Accent: #4A7C2E (vert foncé du label Vegan)\n  - Fond: #F9F7F0 (crème doux\/blanc cassé du flacon)\nAmbiance: Naturel, santé, végétal, accessible, conditionné en France, vegan\nPréfixe CSS: ng\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile de Nigelle en capsules : le trésor du cumin noir pour votre bien-être\"\n  2. \"Les bienfaits de l'huile de nigelle pour votre organisme\"\n  3. \"Composition détaillée pour 4 capsules\"\n  4. \"Comment prendre l'huile de nigelle en capsules ?\"\n  5. \"L'huile de nigelle est-elle dangereuse ?\"\n  6. \"Pourquoi choisir cette huile de nigelle Graine Sauvage ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ng-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ng-hero\"\u003e\n    \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ng-hero-content\"\u003e\n      \u003cdiv class=\"ng-badges-top\"\u003e\n        \u003cspan class=\"ng-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n        \u003cspan class=\"ng-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n        \u003cspan class=\"ng-badge\"\u003e💊 120 capsules molles\u003c\/span\u003e\n        \u003cspan class=\"ng-badge\"\u003e📅 30 jours d'utilisation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle en capsules\u003c\/span\u003e\n      \u003cp class=\"ng-subtitle\"\u003eGraine Sauvage — Cumin noir pressé à froid\u003c\/p\u003e\n      \u003cp class=\"ng-description\"\u003eConcentrez dans chaque capsule molle les précieux actifs du cumin noir : acides gras essentiels, vitamine E et principes actifs préservés par une première pression à froid, sans solvant ni chaleur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eHuile de Nigelle en capsules : le trésor du cumin noir pour votre bien-être\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eVous cherchez un allié naturel pour traverser sereinement les périodes d'allergies saisonnières ? L'\u003cstrong\u003ehuile de nigelle\u003c\/strong\u003e Graine Sauvage, issue de graines de \u003cstrong\u003ecumin noir\u003c\/strong\u003e pressées à froid, concentre dans chaque capsule molle les précieux actifs de cette plante millénaire.\u003c\/p\u003e\n    \u003cdiv class=\"ng-grid-compact\"\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e💊 120 capsules molles\u003c\/h3\u003e\n        \u003cp\u003eFormat pratique et facile à avaler, sans goût prononcé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e📅 30 jours de cure\u003c\/h3\u003e\n        \u003cp\u003eUn mois complet d'accompagnement bien-être au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n        \u003cp\u003eFormule adaptée à tous les modes de vie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n        \u003cp\u003eExtraction douce préservant tous les nutriments essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de nigelle pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile de nigelle\u003c\/strong\u003e sont reconnus depuis des siècles dans les médecines traditionnelles. Voici pourquoi elle mérite une place dans votre routine bien-être :\u003c\/p\u003e\n    \u003cdiv class=\"ng-grid\"\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e🤧 Soutien face aux allergies saisonnières\u003c\/h3\u003e\n        \u003cp\u003eL'huile de nigelle est traditionnellement utilisée pour ses propriétés \u003cstrong\u003eantihistaminiques naturelles\u003c\/strong\u003e, aidant à apaiser les réactions allergiques comme le rhume des foins ou les irritations cutanées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur en \u003cstrong\u003evitamine E\u003c\/strong\u003e (20 mg par dose, soit \u003cstrong\u003e182 % des VNR\u003c\/strong\u003e), elle contribue à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e✨ Nutrition de la peau\u003c\/h3\u003e\n        \u003cp\u003eRiche en \u003cstrong\u003eacide linoléique\u003c\/strong\u003e (1100 mg pour 4 capsules), un acide gras essentiel, elle participe au maintien d'une peau nourrie et confortable, même les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras essentiels qu'elle contient favorisent le bon fonctionnement de vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 capsules\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eL'extraction par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e garantit la préservation intégrale des nutriments et des principes actifs, sans altération par la chaleur ni ajout de solvant.\u003c\/p\u003e\n    \u003cdiv class=\"ng-compo-table\"\u003e\n      \u003cdiv class=\"ng-compo-row ng-compo-row-main\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e🌱 Huile de graines de nigelle\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e2000 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e🧬 Acide linoléique\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e1100 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e🫒 Acide oléique\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e360 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row ng-compo-row-accent\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e⚡ Vitamine E\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e20 mg \u003csmall\u003e(182 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row ng-compo-row-light\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e💊 Enveloppe capsule molle\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003eGélatine\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eComment prendre l'huile de nigelle en capsules ?\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eLa posologie est simple à suivre :\u003c\/p\u003e\n    \u003cdiv class=\"ng-timeline\"\u003e\n      \u003cdiv class=\"ng-timeline-item\"\u003e\n        \u003cdiv class=\"ng-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ng-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours d'un repas pour une meilleure absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-timeline-item\"\u003e\n        \u003cdiv class=\"ng-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ng-timeline-content\"\u003e\n          \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003e2 capsules quotidiennes\u003c\/strong\u003e, puis ajustez progressivement selon vos besoins et les recommandations de votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-timeline-item\"\u003e\n        \u003cdiv class=\"ng-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ng-timeline-content\"\u003e\n          \u003ch3\u003eCure optimale de 30 jours\u003c\/h3\u003e\n          \u003cp\u003ePour un soutien optimal durant les périodes sensibles, une cure de \u003cstrong\u003e30 jours à 4 capsules par jour\u003c\/strong\u003e est généralement conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ng-tip\"\u003e\n      \u003cspan class=\"ng-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAvalez les capsules avec un grand verre d'eau pendant le repas pour optimiser l'assimilation des acides gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eL'huile de nigelle est-elle dangereuse ?\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eConsommée dans le respect des doses recommandées, l'\u003cstrong\u003ehuile de nigelle\u003c\/strong\u003e ne présente pas de \u003cstrong\u003edanger\u003c\/strong\u003e particulier pour les adultes en bonne santé. Toutefois, certaines précautions s'imposent :\u003c\/p\u003e\n    \u003cdiv class=\"ng-accordion\"\u003e\n      \u003cdetails class=\"ng-accordion-item\"\u003e\n        \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Personnes concernées par les restrictions\u003c\/summary\u003e\n        \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux enfants, adolescents, femmes enceintes ou allaitantes. En cas de traitement médical en cours, demandez toujours l'avis de votre médecin avant de commencer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ng-accordion-item\"\u003e\n        \u003csummary class=\"ng-accordion-header\"\u003e📏 Dose journalière maximale\u003c\/summary\u003e\n        \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de \u003cstrong\u003e4 capsules\u003c\/strong\u003e. Ce complément alimentaire \u003cstrong\u003ene remplace pas\u003c\/strong\u003e une alimentation variée et équilibrée ni un suivi médical adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ng-accordion-item\"\u003e\n        \u003csummary class=\"ng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez votre pilulier dans un endroit frais et sec, à l'abri de la lumière et hors de portée des jeunes enfants, pour préserver toute la qualité de votre huile de nigelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir cette huile de nigelle Graine Sauvage ?\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eToutes les huiles de nigelle ne se valent pas. Celle-ci se distingue par plusieurs atouts concrets :\u003c\/p\u003e\n    \u003cdiv class=\"ng-grid\"\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e🌿 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eConvient à un large public et à tous les modes de vie, sans compromis sur la qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n        \u003cp\u003eSelon des standards de qualité rigoureux, pour une traçabilité et une fiabilité optimales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e💊 Format capsule molle\u003c\/h3\u003e\n        \u003cp\u003eFini le goût prononcé de l'huile en flacon : chaque prise est neutre, rapide et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage maîtrisé\u003c\/h3\u003e\n        \u003cp\u003eVous savez exactement ce que vous prenez à chaque capsule, sans approximation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ng-cta-box\"\u003e\n      \u003cp\u003e🌱 Offrez à votre organisme le meilleur du cumin noir : une cure de 30 jours pour soutenir vos défenses naturelles, apaiser les allergies et nourrir votre peau de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ng-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --ng-cream: #F9F7F0;\n  --ng-white: #ffffff;\n  --ng-primary: #8B9A2E;\n  --ng-primary-dark: #5C6B1A;\n  --ng-primary-light: #f3f5e4;\n  --ng-secondary: #C4272E;\n  --ng-accent: #4A7C2E;\n  --ng-text: #1a1a1a;\n  --ng-text-light: #5a5a5a;\n  --ng-border: #e0e0e0;\n  --ng-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ng-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ng-radius: 20px;\n  --ng-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ng-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ng-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5C6B1A 0%, #8B9A2E 40%, #A8B84A 70%, #C4272E 100%);\n  border-radius: var(--ng-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.ng-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ng-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ng-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ng-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ng-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ng-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ng-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ng-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ng-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.ng-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ng-primary), var(--ng-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ng-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ng-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ng-card {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ng-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ng-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ng-shadow-lg);\n  border-color: var(--ng-primary);\n}\n\n.ng-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ng-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ng-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ng-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.ng-card-highlight {\n  border-left: 4px solid var(--ng-primary);\n  text-align: left;\n}\n\n.ng-card-highlight:hover {\n  border-left-color: var(--ng-secondary);\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ng-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n  padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ng-compo-table {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  box-shadow: var(--ng-shadow);\n  overflow: hidden;\n}\n\n.ng-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--ng-border);\n  transition: background .2s ease;\n}\n\n.ng-compo-row:last-child {\n  border-bottom: none;\n}\n\n.ng-compo-row:hover {\n  background: var(--ng-primary-light);\n}\n\n.ng-compo-label {\n  font-size: clamp(14px, 2.2vw, 16px);\n  font-weight: 600;\n  color: var(--ng-text);\n}\n\n.ng-compo-value {\n  font-size: clamp(14px, 2.2vw, 16px);\n  font-weight: 800;\n  color: var(--ng-primary-dark);\n  text-align: right;\n}\n\n.ng-compo-value small {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ng-secondary);\n  margin-top: 2px;\n}\n\n.ng-compo-row-main {\n  background: var(--ng-primary-light);\n}\n\n.ng-compo-row-main .ng-compo-label {\n  font-weight: 800;\n  color: var(--ng-primary-dark);\n}\n\n.ng-compo-row-main .ng-compo-value {\n  font-size: clamp(16px, 2.5vw, 20px);\n  color: var(--ng-primary-dark);\n}\n\n.ng-compo-row-accent .ng-compo-value {\n  color: var(--ng-secondary);\n}\n\n.ng-compo-row-light {\n  background: #fafafa;\n}\n\n.ng-compo-row-light .ng-compo-label,\n.ng-compo-row-light .ng-compo-value {\n  color: var(--ng-text-light);\n  font-weight: 500;\n}\n\n\/* === TIMELINE === *\/\n.ng-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ng-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ng-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ng-primary), var(--ng-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(139,154,46,.3);\n}\n\n.ng-timeline-content {\n  flex: 1;\n  background: var(--ng-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ng-radius-sm);\n  box-shadow: var(--ng-shadow);\n}\n\n.ng-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ng-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ng-timeline-content p {\n  font-size: 14px;\n  color: var(--ng-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ng-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ng-primary-light);\n  border-radius: var(--ng-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ng-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ng-tip p {\n  font-size: 14px;\n  color: var(--ng-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ng-testimonial {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ng-shadow);\n  border-left: 4px solid var(--ng-primary);\n}\n\n.ng-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ng-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  box-shadow: var(--ng-shadow);\n  overflow: hidden;\n}\n\n.ng-accordion-item {\n  border-bottom: 1px solid var(--ng-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ng-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ng-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ng-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ng-accordion-header:hover {\n  background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ng-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ng-primary);\n  transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n  content: '−';\n}\n\n.ng-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ng-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ng-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ng-cta-box {\n  background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n  border-radius: var(--ng-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.ng-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ng-disclaimer {\n  font-size: 12px;\n  color: var(--ng-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ng-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ng-card {\n    padding: 1.125rem;\n  }\n\n  .ng-card-highlight {\n    text-align: left;\n  }\n\n  .ng-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ng-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ng-radius-sm);\n  }\n\n  .ng-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ng-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  \/* Grille compacte *\/\n  .ng-grid-compact {\n    gap: .625rem;\n  }\n\n  .ng-grid-compact .ng-card {\n    padding: .75rem;\n  }\n\n  \/* Composition table mobile *\/\n  .ng-compo-row {\n    padding: .75rem 1rem;\n    flex-wrap: wrap;\n    gap: .25rem;\n  }\n\n  .ng-compo-label {\n    font-size: 13px;\n  }\n\n  .ng-compo-value {\n    font-size: 13px;\n  }\n\n  .ng-compo-row-main .ng-compo-value {\n    font-size: 15px;\n  }\n\n  \/* Timeline mobile *\/\n  .ng-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ng-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ng-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ng-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .ng-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ng-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .ng-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ng-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ng-card {\n    animation: ngFadeInUp .5s ease backwards;\n  }\n  .ng-card:nth-child(1) { animation-delay: .05s; }\n  .ng-card:nth-child(2) { animation-delay: .1s; }\n  .ng-card:nth-child(3) { animation-delay: .15s; }\n  .ng-card:nth-child(4) { animation-delay: .2s; }\n  .ng-card:nth-child(5) { animation-delay: .25s; }\n  .ng-card:nth-child(6) { animation-delay: .3s; }\n\n  .ng-compo-row {\n    animation: ngFadeInUp .4s ease backwards;\n  }\n  .ng-compo-row:nth-child(1) { animation-delay: .05s; }\n  .ng-compo-row:nth-child(2) { animation-delay: .1s; }\n  .ng-compo-row:nth-child(3) { animation-delay: .15s; }\n  .ng-compo-row:nth-child(4) { animation-delay: .2s; }\n  .ng-compo-row:nth-child(5) { animation-delay: .25s; }\n\n  .ng-timeline-item {\n    animation: ngFadeInUp .5s ease backwards;\n  }\n  .ng-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .ng-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .ng-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ngFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ng-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888338096505,"sku":"GS0018","price":14.52,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-120-capsules-graine-sauvage-packshothd_4797e821-5222-4f6f-9000-18087558c3c6.webp?v=1789403141"},{"product_id":"myrtille-acerola-graine-sauvage","title":"Myrtille Acérola Bio - Prenez soin de votre vision - 90 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Myrtille Acérola Bio - Graine Sauvage\nPalette détectée:\n  - Primaire: #5B8C2A (vert nature\/bio du logo et de l'étiquette)\n  - Secondaire: #D4E046 (jaune-vert vif du bouchon et de la bande)\n  - Accent: #7B2D8E (violet myrtille, évocation du fruit)\nAmbiance: Naturel\/bio, frais, santé visuelle, certifié agriculture biologique, confiance\nPréfixe CSS: ma\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Myrtille Acérola Bio : le duo antioxydant au service de votre vision\"\n  2. \"Pourquoi la myrtille est-elle l'alliée de vos yeux ?\"\n  3. \"L'acérola : un concentré de vitamine C naturelle\"\n  4. \"Composition détaillée pour 3 gélules (dose journalière)\"\n  5. \"Conseils d'utilisation\"\n  6. \"Ce qui distingue ce complément alimentaire vision bio\"\n  7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ma-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ma-hero\"\u003e\n    \u003cdiv class=\"ma-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ma-hero-content\"\u003e\n      \u003cdiv class=\"ma-badges-top\"\u003e\n        \u003cspan class=\"ma-badge\"\u003e🫐 Myrtille titrée en anthocyanosides\u003c\/span\u003e\n        \u003cspan class=\"ma-badge\"\u003e🍒 Vitamine C 100 % naturelle\u003c\/span\u003e\n        \u003cspan class=\"ma-badge\"\u003e🌿 Certifié AB \/ Ecocert\u003c\/span\u003e\n        \u003cspan class=\"ma-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ma-hero-title\"\u003eMyrtille Acérola Bio\u003c\/span\u003e\n      \u003cp class=\"ma-subtitle\"\u003ePrenez soin de votre vision naturellement\u003c\/p\u003e\n      \u003cp class=\"ma-description\"\u003e90 gélules végétales · Cure de 30 jours · 102 % des apports en vitamine C\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ma-section\"\u003e\n    \u003ch2\u003eMyrtille Acérola Bio : le duo antioxydant au service de votre vision\u003c\/h2\u003e\n    \u003cp class=\"ma-section-intro\"\u003eVous passez de longues heures devant un écran ? Vous ressentez une fatigue visuelle en fin de journée ? Le complément alimentaire \u003cstrong\u003eMyrtille Acérola Bio de Graine Sauvage\u003c\/strong\u003e associe deux superfruits reconnus pour offrir un soutien naturel à vos yeux.\u003c\/p\u003e\n    \u003cdiv class=\"ma-grid-compact\"\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🫐 Myrtille bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en anthocyanosides pour soutenir la vision au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n        \u003cp\u003e17 % de vitamine C naturelle pour renforcer les défenses antioxydantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e👁️ Confort visuel\u003c\/h3\u003e\n        \u003cp\u003eFormule pensée pour les yeux fatigués par les écrans et la lumière artificielle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié Agriculture Biologique, contrôlé par Ecocert\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ma-section\"\u003e\n    \u003ch2\u003ePourquoi la myrtille est-elle l'alliée de vos yeux ?\u003c\/h2\u003e\n    \u003cp class=\"ma-section-intro\"\u003eLe lien entre \u003cstrong\u003emyrtille et vision\u003c\/strong\u003e est étudié depuis des décennies. Ce petit fruit bleu-violet doit ses propriétés à sa richesse exceptionnelle en \u003cstrong\u003eanthocyanosides\u003c\/strong\u003e, des pigments antioxydants puissants. Dans ce complexe, le jus est titré à \u003cstrong\u003e0,5 % d'anthocyanosides\u003c\/strong\u003e et \u003cstrong\u003e2,5 % de polyphénols\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"ma-grid\"\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLes anthocyanosides aident à protéger les cellules oculaires du stress oxydatif, un facteur clé du vieillissement prématuré de l'œil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🩸 Soutien de la microcirculation\u003c\/h3\u003e\n        \u003cp\u003eEn favorisant l'irrigation des tissus oculaires, la myrtille contribue au confort visuel, notamment en cas de vision nocturne sollicitée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e💻 Confort quotidien\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les personnes exposées aux écrans ou à un éclairage artificiel prolongé, jour après jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ma-section\"\u003e\n    \u003ch2\u003eL'acérola : un concentré de vitamine C naturelle\u003c\/h2\u003e\n    \u003cp class=\"ma-section-intro\"\u003eL'acérola complète parfaitement l'action de la myrtille. Avec \u003cstrong\u003e17 % de vitamine C naturelle\u003c\/strong\u003e, cette petite baie tropicale apporte bien plus qu'un simple coup de boost immunitaire.\u003c\/p\u003e\n    \u003cdiv class=\"ma-grid\"\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🧬 Formation du collagène\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C participe à la formation du collagène, une protéine structurelle présente dans la cornée, la rétine et la sclérotique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🔬 Synergie antioxydante\u003c\/h3\u003e\n        \u003cp\u003eElle renforce les défenses antioxydantes de l'organisme, en synergie directe avec les polyphénols de la myrtille.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eElle contribue à réduire la fatigue, un atout précieux lorsque vos yeux sont mis à rude épreuve au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ma-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"ma-composition-table\"\u003e\n      \u003cdiv class=\"ma-table-row ma-table-header\"\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003eIngrédient\u003c\/div\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003eQuantité\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-table-row\"\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003e\u003cstrong\u003e🍒 Poudre de jus d'acérola bio*\u003c\/strong\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003e480 mg \u003cspan class=\"ma-table-detail\"\u003e(dont 81,6 mg de vitamine C naturelle, soit 102 % des AR**)\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-table-row\"\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003e\u003cstrong\u003e🫐 Poudre de jus de myrtille bio*\u003c\/strong\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003e480 mg \u003cspan class=\"ma-table-detail\"\u003e(≥ 0,5 % anthocyanosides, ≥ 2,5 % polyphénols)\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-table-row\"\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003e\u003cstrong\u003e💊 Gélule végétale (hypromellose)\u003c\/strong\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ma-table-cell\"\u003e—\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ma-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. **AR : Apports de Référence.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ma-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ma-timeline\"\u003e\n      \u003cdiv class=\"ma-timeline-item\"\u003e\n        \u003cdiv class=\"ma-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ma-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule avec un grand verre d'eau, au moment du petit-déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-timeline-item\"\u003e\n        \u003cdiv class=\"ma-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ma-timeline-content\"\u003e\n          \u003ch3\u003e🌤️ Le midi\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule avec un grand verre d'eau, au moment du déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-timeline-item\"\u003e\n        \u003cdiv class=\"ma-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ma-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule avec un grand verre d'eau, au moment du dîner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ma-tip\"\u003e\n      \u003cspan class=\"ma-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe pilulier contient \u003cstrong\u003e90 gélules végétales\u003c\/strong\u003e, soit une cure complète de \u003cstrong\u003e30 jours\u003c\/strong\u003e. Pour un résultat durable, renouvelez la cure plusieurs fois par an, notamment lors des changements de saison ou en période de forte sollicitation visuelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"ma-section\"\u003e\n    \u003ch2\u003eCe qui distingue ce complément alimentaire vision bio\u003c\/h2\u003e\n    \u003cdiv class=\"ma-grid\"\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e✅ Certifié AB et Ecocert\u003c\/h3\u003e\n        \u003cp\u003eDes ingrédients cultivés sans pesticides ni engrais chimiques, pour une qualité irréprochable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs ni conservateurs\u003c\/h3\u003e\n        \u003cp\u003eUniquement les actifs dont vous avez besoin, rien de superflu dans la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🌿 100 % compatible végan\u003c\/h3\u003e\n        \u003cp\u003eGélules d'origine végétale en hypromellose, adaptées à tous les modes de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🎯 Titrage garanti\u003c\/h3\u003e\n        \u003cp\u003eChaque lot offre des teneurs constantes en principes actifs pour une efficacité reproductible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ma-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré par un laboratoire engagé dans une démarche de qualité et de traçabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"ma-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ma-accordion\"\u003e\n      \u003cdetails class=\"ma-accordion-item\" open\u003e\n        \u003csummary class=\"ma-accordion-header\"\u003e⚠️ Dosage et recommandations\u003c\/summary\u003e\n        \u003cdiv class=\"ma-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe dépassez pas la dose recommandée de 3 gélules par jour. Ce complément alimentaire vision ne remplace ni un régime alimentaire varié et équilibré, ni un suivi médical adapté. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ma-accordion-item\"\u003e\n        \u003csummary class=\"ma-accordion-header\"\u003e🧒 Sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"ma-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ma-accordion-item\"\u003e\n        \u003csummary class=\"ma-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ma-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --ma-cream: #f7f9f2;\n  --ma-white: #ffffff;\n  --ma-primary: #5B8C2A;\n  --ma-primary-dark: #3d6b1a;\n  --ma-primary-light: #eef5e4;\n  --ma-secondary: #C8D930;\n  --ma-accent: #7B2D8E;\n  --ma-text: #1a1a1a;\n  --ma-text-light: #5a5a5a;\n  --ma-border: #e0e0e0;\n  --ma-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ma-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ma-radius: 20px;\n  --ma-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ma-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ma-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ma-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6b1a 0%, #5B8C2A 40%, #7B2D8E 100%);\n  border-radius: var(--ma-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ma-shadow-lg);\n}\n\n.ma-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(200,217,48,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(123,45,142,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.ma-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ma-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ma-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ma-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(13px, 2.2vw, 16px);\n  margin: 0;\n  letter-spacing: .02em;\n}\n\n\/* === BADGES === *\/\n.ma-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ma-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ma-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ma-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ma-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ma-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ma-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.ma-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ma-primary), var(--ma-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ma-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ma-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ma-section-intro strong {\n  color: var(--ma-text);\n}\n\n\/* === CARDS === *\/\n.ma-card {\n  background: var(--ma-white);\n  border-radius: var(--ma-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ma-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ma-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ma-shadow-lg);\n  border-color: var(--ma-primary);\n}\n\n.ma-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ma-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ma-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ma-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ma-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.ma-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ma-grid-compact .ma-card {\n  padding: 1rem;\n}\n\n.ma-grid-compact .ma-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ma-grid-compact .ma-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ma-composition-table {\n  background: var(--ma-white);\n  border-radius: var(--ma-radius);\n  box-shadow: var(--ma-shadow);\n  overflow: hidden;\n}\n\n.ma-table-row {\n  display: flex;\n  border-bottom: 1px solid var(--ma-border);\n  transition: background .2s ease;\n}\n\n.ma-table-row:last-child {\n  border-bottom: none;\n}\n\n.ma-table-row:not(.ma-table-header):hover {\n  background: var(--ma-primary-light);\n}\n\n.ma-table-header {\n  background: linear-gradient(135deg, var(--ma-primary), var(--ma-primary-dark));\n}\n\n.ma-table-header .ma-table-cell {\n  color: white;\n  font-weight: 800;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.ma-table-cell {\n  padding: 1rem 1.25rem;\n  font-size: 14px;\n  color: var(--ma-text);\n  line-height: 1.5;\n}\n\n.ma-table-cell:first-child {\n  flex: 1;\n  font-weight: 600;\n}\n\n.ma-table-cell:last-child {\n  flex: 1.4;\n}\n\n.ma-table-detail {\n  display: block;\n  font-size: 12px;\n  color: var(--ma-text-light);\n  margin-top: 2px;\n  font-weight: 400;\n}\n\n\/* === TIMELINE === *\/\n.ma-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ma-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ma-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ma-primary), var(--ma-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ma-timeline-content {\n  flex: 1;\n  background: var(--ma-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ma-radius-sm);\n  box-shadow: var(--ma-shadow);\n}\n\n.ma-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ma-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ma-timeline-content p {\n  font-size: 14px;\n  color: var(--ma-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ma-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ma-primary-light);\n  border-radius: var(--ma-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ma-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ma-tip p {\n  font-size: 14px;\n  color: var(--ma-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ma-tip p strong {\n  color: var(--ma-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.ma-accordion {\n  background: var(--ma-white);\n  border-radius: var(--ma-radius);\n  box-shadow: var(--ma-shadow);\n  overflow: hidden;\n}\n\n.ma-accordion-item {\n  border-bottom: 1px solid var(--ma-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ma-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ma-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ma-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ma-accordion-header:hover {\n  background: var(--ma-primary-light);\n}\n\n.ma-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ma-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ma-primary);\n  transition: transform .2s ease;\n}\n\n.ma-accordion-item[open] .ma-accordion-header::after {\n  content: '−';\n}\n\n.ma-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ma-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ma-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ma-disclaimer {\n  font-size: 12px;\n  color: var(--ma-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ma-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ma-card {\n    padding: 1.125rem;\n  }\n\n  .ma-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ma-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ma-radius-sm);\n  }\n\n  .ma-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ma-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ma-grid-compact {\n    gap: .625rem;\n  }\n\n  .ma-grid-compact .ma-card {\n    padding: .75rem;\n  }\n\n  .ma-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ma-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ma-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ma-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ma-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ma-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Table mobile *\/\n  .ma-table-row {\n    flex-direction: column;\n  }\n\n  .ma-table-header {\n    display: none;\n  }\n\n  .ma-table-cell {\n    padding: .75rem 1rem;\n  }\n\n  .ma-table-cell:first-child {\n    padding-bottom: .25rem;\n    font-size: 15px;\n  }\n\n  .ma-table-cell:last-child {\n    padding-top: 0;\n    font-size: 13px;\n    color: var(--ma-text-light);\n  }\n\n  .ma-tip {\n    padding: .875rem 1rem;\n  }\n\n  .ma-tip-icon {\n    font-size: 20px;\n  }\n\n  .ma-tip p {\n    font-size: 13px;\n  }\n\n  .ma-section-intro {\n    font-size: 14px;\n    margin-bottom: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ma-card {\n    animation: maFadeInUp .5s ease backwards;\n  }\n  .ma-card:nth-child(1) { animation-delay: .05s; }\n  .ma-card:nth-child(2) { animation-delay: .1s; }\n  .ma-card:nth-child(3) { animation-delay: .15s; }\n  .ma-card:nth-child(4) { animation-delay: .2s; }\n  .ma-card:nth-child(5) { animation-delay: .25s; }\n  .ma-card:nth-child(6) { animation-delay: .3s; }\n\n  .ma-timeline-item {\n    animation: maFadeInUp .5s ease backwards;\n  }\n  .ma-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .ma-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .ma-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes maFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ma-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893575504249,"sku":"GS9222","price":17.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/myrtille-acerola-bio-prenez-soin-de-votre-vision-90-gelules--packshothd.webp?v=1785942020"},{"product_id":"shilajit-graine-sauvage","title":"Shilajit – 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shilajit – 60 gélules - Graine Sauvage\nPalette détectée:\n  - Primaire: #8BC34A (vert lime vif du bouchon et accents)\n  - Secondaire: #4CAF50 (vert plus profond du texte \"SHILAJIT\")\n  - Accent: #C8E6C9 (vert très clair du fond d'étiquette)\n  - Terracotta: #D84315 (rouge-orange du texte \"GRAINE SAUVAGE\")\nAmbiance: Naturel\/végétal, frais, vitalité, approche santé naturelle avec mascotte sympathique\nPréfixe CSS: shj\n--\u003e\n\n\u003cdiv class=\"shj-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"shj-hero\"\u003e\n    \u003cdiv class=\"shj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"shj-hero-content\"\u003e\n      \u003cdiv class=\"shj-badges-top\"\u003e\n        \u003cspan class=\"shj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"shj-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n        \u003cspan class=\"shj-badge\"\u003e⛰️ Trésor de l'Himalaya\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"shj-hero-title\"\u003eShilajit en gélules\u003c\/span\u003e\n      \u003cp class=\"shj-subtitle\"\u003eL'or noir des montagnes pour votre vitalité\u003c\/p\u003e\n      \u003cp class=\"shj-description\"\u003e60 gélules végétales concentrant plus de 85 minéraux et acide fulvique naturel. Redécouvrez ce que signifie se sentir pleinement vivant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e🌟 Les bienfaits du shilajit\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003eSoutient la production d'ATP, la molécule énergétique de vos cellules. Retrouvez un regain de dynamisme naturel tout au long de la journée. Le shilajit est aussi traditionnellement utilisé en Ayurvéda pour la vitalité et le désir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eFavorise une meilleure oxygénation du cerveau. Concentration, mémoire et clarté mentale au rendez-vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💪 Récupération physique\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement apprécié des sportifs grâce à sa richesse exceptionnelle en minéraux biodisponibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🔄 Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour soutenir la production naturelle de testostérone et la vitalité masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antioxydantes puissantes qui protègent vos cellules contre le stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🎯 Absorption optimale\u003c\/h3\u003e\n        \u003cp\u003eL'acide fulvique agit comme un transporteur de nutriments, améliorant l'assimilation des vitamines et minéraux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QU'EST-CE QUE LE SHILAJIT --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e🏔️ Le shilajit, qu'est-ce que c'est ?\u003c\/h2\u003e\n    \u003cdiv class=\"shj-info-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eshilajit\u003c\/strong\u003e (aussi appelé « mumijo » ou « salajit » en arabe) est une substance résineuse brun-noir qui suinte naturellement des roches des hautes montagnes de l'Himalaya.\u003c\/p\u003e\n      \u003cp\u003eFormé sur des \u003cstrong\u003emilliers d'années\u003c\/strong\u003e par la décomposition lente de matières végétales et minérales, il concentre une composition unique : \u003cstrong\u003eplus de 85 minéraux sous forme ionique\u003c\/strong\u003e facilement assimilables, ainsi qu'une forte teneur en \u003cstrong\u003eacide fulvique\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003cp\u003eCette substance millénaire est un véritable trésor de la médecine ayurvédique, reconnue depuis des siècles pour ses propriétés revitalisantes exceptionnelles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e🧪 Composition transparente\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid\"\u003e\n      \u003cdiv class=\"shj-card shj-card-highlight\"\u003e\n        \u003ch3\u003e⛰️ Extrait de Shilajit\u003c\/h3\u003e\n        \u003cp class=\"shj-dosage\"\u003e500 mg \/ jour\u003c\/p\u003e\n        \u003cp\u003eAsphaltum punjabianum – Substance résineuse himalayenne concentrée en minéraux et acide fulvique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp class=\"shj-dosage\"\u003eHPMC\u003c\/p\u003e\n        \u003cp\u003eHydroxypropylméthylcellulose – Enveloppe 100% végétale adaptée aux régimes vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shj-certif-row\"\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans gluten\u003c\/span\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans OGM\u003c\/span\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans additifs\u003c\/span\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans conservateurs\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e📋 comment prendre le shilajit en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"shj-steps\"\u003e\n      \u003cdiv class=\"shj-step\"\u003e\n        \u003cdiv class=\"shj-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"shj-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-step\"\u003e\n        \u003cdiv class=\"shj-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"shj-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003ele matin ou en début d'après-midi\u003c\/strong\u003e pour profiter de l'effet énergisant\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-step\"\u003e\n        \u003cdiv class=\"shj-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"shj-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e20 jours\u003c\/strong\u003e avec ce flacon. Possibilité de renouvelez pendant 2 à 3 mois pour des résultats optimaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shj-tip\"\u003e\n      \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Associez votre cure à une alimentation équilibrée et une bonne hydratation pour maximiser les effets sur votre vitalité.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce shilajit en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e😴 Fatigués chroniques\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une fatigue persistante et souhaitez retrouver votre énergie naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à optimiser votre récupération et vos performances physiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période de stress ou de surmenage intellectuel intense\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e❄️ Soutien hivernal\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez renforcer vos défenses naturelles à l'approche des saisons froides\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ ET SÉCURITÉ --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e✅ Qualité et sécurité garanties\u003c\/h2\u003e\n    \u003cdiv class=\"shj-info-box shj-info-quality\"\u003e\n      \u003ch3\u003e🔬 Shilajit danger : démêler le vrai du faux\u003c\/h3\u003e\n      \u003cp\u003eUn shilajit de mauvaise qualité, non purifié ou contaminé, peut présenter des risques. C'est pourquoi la \u003cstrong\u003epureté et l'origine\u003c\/strong\u003e sont essentielles.\u003c\/p\u003e\n      \u003cp\u003eLe Shilajit Graine Sauvage est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e selon des normes strictes, garantissant un produit pur, sans additifs nocifs et contrôlé rigoureusement. Vous pouvez le consommer en toute sérénité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shj-grid-compact\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et normes européennes strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eGélules faciles à avaler, sans goût prononcé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🌱 Certification vegan\u003c\/h3\u003e\n        \u003cp\u003eAdapté à tous les régimes alimentaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💰 Excellent rapport\u003c\/h3\u003e\n        \u003cp\u003eFlacon complet pour 20 jours d'utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid-compact\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n        \u003cp\u003eCure de 20 jours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🌱 Certifié\u003c\/h3\u003e\n        \u003cp\u003e100% Vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e⚡ Dosage\u003c\/h3\u003e\n        \u003cp\u003e500mg \/ jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"shj-accordion\"\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière directe. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003e• Déconseillé aux femmes enceintes ou allaitantes\u003cbr\u003e\n          • Ne convient pas aux enfants et adolescents\u003cbr\u003e\n          • Consultez votre médecin si vous suivez un traitement (thyroïde, diabète, hypertension)\u003cbr\u003e\n          • Ne pas dépasser la dose journalière recommandée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e🍃 Shilajit bio : quelle différence ?\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003eLe shilajit, étant une substance minérale et non une plante cultivée, ne peut techniquement pas être certifié « bio » au sens réglementaire européen. Ce qui compte vraiment : sa \u003cstrong\u003epureté\u003c\/strong\u003e, son \u003cstrong\u003eorigine\u003c\/strong\u003e et l'absence de contaminants. Le Shilajit Graine Sauvage répond à ces exigences de qualité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e📝 Avis utilisateurs\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003eLes utilisateurs rapportent généralement :\u003cbr\u003e\n          • Énergie plus stable sans les pics du café\u003cbr\u003e\n          • Meilleure récupération après le sport\u003cbr\u003e\n          • Amélioration de la concentration\u003cbr\u003e\n          • Vitalité retrouvée après quelques semaines\u003cbr\u003e\u003cbr\u003e\n          \u003cem\u003eAccordez-vous 3 à 4 semaines pour juger des effets.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"shj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"shj-cta-box\"\u003e\n      \u003cp\u003e🏔️ Offrez à votre corps le meilleur de la nature himalayenne.\u003cbr\u003e\u003cstrong\u003eRedécouvrez ce que signifie se sentir pleinement vivant au quotidien.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"shj-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne peut se substituer à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --shj-cream: #f8faf5;\n  --shj-white: #ffffff;\n  --shj-primary: #8BC34A;\n  --shj-primary-dark: #689F38;\n  --shj-primary-light: #DCEDC8;\n  --shj-secondary: #4CAF50;\n  --shj-accent: #D84315;\n  --shj-text: #1a1a1a;\n  --shj-text-light: #5a5a5a;\n  --shj-border: #e0e0e0;\n  --shj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --shj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --shj-radius: 20px;\n  --shj-radius-sm: 12px;\n}\n\n.shj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--shj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.shj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8BC34A 0%, #689F38 50%, #4CAF50 100%);\n  border-radius: var(--shj-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--shj-shadow-lg);\n}\n\n.shj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3Cpath d='M10 35 L15 45 L10 55 L5 45 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3Cpath d='M50 35 L55 45 L50 55 L45 45 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.shj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.shj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.shj-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--shj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.shj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.shj-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.shj-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.shj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.shj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.shj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--shj-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.shj-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--shj-primary), var(--shj-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.shj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.shj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.shj-card {\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--shj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.shj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--shj-shadow-lg);\n  border-color: var(--shj-primary);\n}\n\n.shj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--shj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.shj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--shj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.shj-card-highlight {\n  background: linear-gradient(135deg, var(--shj-primary-light) 0%, #f1f8e9 100%);\n  border: 2px solid var(--shj-primary);\n}\n\n.shj-dosage {\n  font-size: clamp(20px, 4vw, 28px) !important;\n  font-weight: 900 !important;\n  color: var(--shj-primary-dark) !important;\n  margin: .5rem 0 !important;\n}\n\n.shj-grid-compact .shj-card {\n  padding: 1rem;\n}\n\n.shj-grid-compact .shj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.shj-grid-compact .shj-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.shj-info-box {\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--shj-shadow);\n  border-left: 5px solid var(--shj-primary);\n}\n\n.shj-info-box h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--shj-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.shj-info-box p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--shj-text-light);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.shj-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n.shj-info-box strong {\n  color: var(--shj-text);\n}\n\n.shj-info-quality {\n  margin-bottom: 1.5rem;\n  border-left-color: var(--shj-secondary);\n}\n\n\/* === CERTIFICATIONS === *\/\n.shj-certif-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-top: 1.5rem;\n}\n\n.shj-certif {\n  background: var(--shj-primary-light);\n  color: var(--shj-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === STEPS === *\/\n.shj-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.shj-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  padding: 1.25rem;\n  box-shadow: var(--shj-shadow);\n  transition: all .3s ease;\n}\n\n.shj-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--shj-shadow-lg);\n}\n\n.shj-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--shj-primary), var(--shj-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-weight: 900;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(139, 195, 74, .4);\n}\n\n.shj-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.shj-step-content p {\n  font-size: 14px;\n  color: var(--shj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.shj-tip {\n  background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n  border-radius: var(--shj-radius-sm);\n  padding: 1rem 1.25rem;\n  font-size: 14px;\n  color: #5D4037;\n  border-left: 4px solid #FFB300;\n}\n\n\/* === ACCORDÉON === *\/\n.shj-accordion {\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  box-shadow: var(--shj-shadow);\n  overflow: hidden;\n}\n\n.shj-accordion-item {\n  border-bottom: 1px solid var(--shj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.shj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.shj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--shj-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.shj-accordion-header:hover {\n  background: var(--shj-primary-light);\n}\n\n.shj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.shj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--shj-primary);\n  transition: transform .2s ease;\n}\n\n.shj-accordion-item[open] .shj-accordion-header::after {\n  content: '−';\n}\n\n.shj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--shj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.shj-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.shj-cta-box {\n  background: linear-gradient(135deg, var(--shj-primary) 0%, var(--shj-primary-dark) 100%);\n  border-radius: var(--shj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.shj-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.shj-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.shj-disclaimer {\n  text-align: center;\n  font-size: 12px;\n  color: var(--shj-text-light);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .shj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .shj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .shj-grid-compact .shj-card {\n    padding: .75rem;\n  }\n  \n  .shj-card {\n    padding: 1.125rem;\n  }\n  \n  .shj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .shj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--shj-radius-sm);\n  }\n  \n  .shj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .shj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .shj-badges-top {\n    gap: .375rem;\n  }\n  \n  .shj-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .shj-step {\n    padding: 1rem;\n  }\n  \n  .shj-step-number {\n    width: 38px;\n    height: 38px;\n    font-size: 16px;\n  }\n  \n  .shj-info-box {\n    padding: 1.25rem;\n  }\n  \n  .shj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .shj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .shj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .shj-card:nth-child(1) { animation-delay: .05s; }\n  .shj-card:nth-child(2) { animation-delay: .1s; }\n  .shj-card:nth-child(3) { animation-delay: .15s; }\n  .shj-card:nth-child(4) { animation-delay: .2s; }\n  .shj-card:nth-child(5) { animation-delay: .25s; }\n  .shj-card:nth-child(6) { animation-delay: .3s; }\n  \n  .shj-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .shj-step:nth-child(1) { animation-delay: .1s; }\n  .shj-step:nth-child(2) { animation-delay: .2s; }\n  .shj-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .shj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893781320057,"sku":"GS0009","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shilajit-60-gelules-graine-sauvage-packshothd.webp?v=1785942338"},{"product_id":"zinc-plus-500-ml","title":"ZINC PLUS Catalyons - Zinc - 500 ml","description":"\u003cdiv class=\"zp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"zp-hero\"\u003e\n    \u003cdiv class=\"zp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zp-hero-content\"\u003e\n      \u003cdiv class=\"zp-badges-top\"\u003e\n        \u003cspan class=\"zp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e💧 Oligo-éléments ionisés\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e🧪 Procédé breveté depuis 1960\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zp-hero-title\"\u003eZinc Plus Catalyons\u003c\/span\u003e\n      \u003cp class=\"zp-subtitle\"\u003eZinc en solution ionisée — 500 ml\u003c\/p\u003e\n      \u003cp class=\"zp-description\"\u003eUn zinc hautement biodisponible grâce à l'électrolyse brevetée Catalyons. Immunité, peau, protection cellulaire : un minéral essentiel en une seule prise quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eZinc Plus Catalyons : le zinc en solution ionisée\u003c\/h2\u003e\n    \u003cp class=\"zp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire au zinc\u003c\/strong\u003e réellement bien assimilé par l'organisme ? Le \u003cstrong\u003eZinc Plus de Catalyons\u003c\/strong\u003e est une solution d'oligo-éléments ionisés qui apporte ce minéral essentiel sous forme liquide, pour une biodisponibilité optimale.\u003c\/p\u003e\n    \u003cdiv class=\"zp-grid-compact\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚡ Électrolyse brevetée\u003c\/h3\u003e\n        \u003cp\u003eUn procédé naturel exclusif utilisé par les laboratoires Catalyons depuis 1960 pour une assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e💧 Forme liquide ionisée\u003c\/h3\u003e\n        \u003cp\u003eDes particules extrêmement fines, prêtes à être utilisées par vos cellules sans effort digestif particulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✅ 100 % des AR\u003c\/h3\u003e\n        \u003cp\u003e1 bouchon = 10 mg de zinc, soit 100 % des apports de référence quotidiens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌿 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans additif, sans conservateur, sans alcool et sans colorant. Convient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eZinc et cuivre : pourquoi respecter la dose ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003eEn oligothérapie, le \u003cstrong\u003ezinc\u003c\/strong\u003e et le \u003cstrong\u003ecuivre\u003c\/strong\u003e sont deux minéraux qui fonctionnent en synergie dans l'organisme, mais qui se concurrencent au niveau de l'absorption intestinale. Pris séparément à doses élevées, le zinc peut réduire l'assimilation du cuivre, et inversement. Le Zinc Plus est formulé pour apporter un zinc parfaitement dosé (10 mg par bouchon, soit 100 % des apports de référence) sous forme ionisée, dans le respect de cet équilibre naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est un point souvent méconnu : un \u003cstrong\u003ecomplément alimentaire en zinc\u003c\/strong\u003e pris à forte dose sur le long terme peut entraîner un déséquilibre en cuivre. Ici, la formulation ionisée à dose physiologique préserve cet équilibre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus du Zinc Plus\u003c\/h2\u003e\n    \u003cdiv class=\"zp-grid\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire, un atout précieux à l'approche de l'hiver ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n        \u003cp\u003eLe zinc participe au maintien d'une peau normale et soutient la synthèse des protéines, dont la kératine, pour des cheveux et des ongles en pleine santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue à protéger les cellules contre le stress oxydatif provoqué par les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚙️ Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eLe zinc joue un rôle dans le maintien d'un taux normal de testostérone et participe à la fertilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔄 Métabolisme des macronutriments\u003c\/h3\u003e\n        \u003cp\u003eLe zinc intervient dans le métabolisme normal des glucides, des lipides et des protéines pour une énergie bien utilisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau osmosée et dynamisée, citrate et carbonate de zinc.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e📊 Analyse nutritionnelle\u003c\/h3\u003e\n        \u003cp\u003ePour 1 bouchon (15 mL) : \u003cstrong\u003eZinc 10 mg\u003c\/strong\u003e, soit 100 % des apports de référence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur, alcool ou colorant ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌱 Vegan friendly\u003c\/h3\u003e\n        \u003cp\u003eConvient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué intégralement en France par Catalyons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComment prendre le Zinc Plus Catalyons ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-timeline\"\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre prise\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 bouchon doseur (environ 15 ml) par jour\u003c\/strong\u003e, idéalement le matin à jeun ou 15 minutes avant un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eConsommez pur ou dilué\u003c\/h3\u003e\n          \u003cp\u003eLe goût est très neutre : vous pouvez le prendre pur ou le diluer dans un petit verre d'eau selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n          \u003cp\u003eGardez la solution en bouche quelques secondes avant d'avaler pour améliorer encore la biodisponibilité des oligo-éléments ionisés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 à 6 semaines\u003c\/h3\u003e\n          \u003cp\u003ePour une cure d'entretien, comptez généralement \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'absorption sublinguale (garder en bouche) est la méthode la plus efficace pour les oligo-éléments ionisés. Quelques secondes suffisent !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"zp-accordion\"\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 15 ml (1 bouchon doseur) par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément zinc\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e⚕️ Traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"zp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe savoir-faire Catalyons depuis 1960\u003c\/h2\u003e\n    \u003cdiv class=\"zp-cta-box\"\u003e\n      \u003cp\u003eLes laboratoires \u003cstrong\u003eCatalyons\u003c\/strong\u003e sont pionniers en France dans la fabrication d'oligo-éléments ionisés par électrolyse. Ce procédé naturel breveté permet d'obtenir des particules extrêmement fines, directement assimilables par l'organisme. Résultat : une efficacité reconnue par les praticiens de santé naturelle depuis plus de \u003cstrong\u003esix décennies\u003c\/strong\u003e, et une gamme fabriquée intégralement en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"zp-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --zp-cream: #f9f6f1;\n  --zp-white: #ffffff;\n  --zp-primary: #c8942a;\n  --zp-primary-dark: #2c3a5e;\n  --zp-primary-light: #f5efe3;\n  --zp-secondary: #d4a83a;\n  --zp-accent: #3b5998;\n  --zp-text: #1a1a1a;\n  --zp-text-light: #5a5a5a;\n  --zp-border: #e0dbd2;\n  --zp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --zp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --zp-radius: 20px;\n  --zp-radius-sm: 12px;\n}\n\n.zp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zp-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 40%, var(--zp-primary) 100%);\n  border-radius: var(--zp-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--zp-shadow-lg);\n}\n\n.zp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    120deg,\n    transparent,\n    transparent 40px,\n    rgba(255,255,255,.03) 40px,\n    rgba(255,255,255,.03) 80px\n  );\n  opacity: 1;\n}\n\n.zp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.zp-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.zp-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.zp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.zp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--zp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.zp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.zp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zp-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.zp-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--zp-primary), var(--zp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.zp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.zp-card {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--zp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.zp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zp-shadow-lg);\n  border-color: var(--zp-primary);\n}\n\n.zp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.zp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.zp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.zp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.zp-grid-compact .zp-card {\n  padding: 1rem;\n}\n\n.zp-grid-compact .zp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.zp-grid-compact .zp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.zp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.zp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.zp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--zp-primary), var(--zp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.zp-timeline-content {\n  flex: 1;\n  background: var(--zp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--zp-radius-sm);\n  box-shadow: var(--zp-shadow);\n}\n\n.zp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.zp-timeline-content p {\n  font-size: 14px;\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.zp-testimonial {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zp-shadow);\n  border-left: 4px solid var(--zp-primary);\n}\n\n.zp-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.zp-accordion {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  box-shadow: var(--zp-shadow);\n  overflow: hidden;\n}\n\n.zp-accordion-item {\n  border-bottom: 1px solid var(--zp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.zp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.zp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--zp-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.zp-accordion-header:hover {\n  background: var(--zp-primary-light);\n}\n\n.zp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.zp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--zp-primary);\n  transition: transform .2s ease;\n}\n\n.zp-accordion-item[open] .zp-accordion-header::after {\n  content: '−';\n}\n\n.zp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--zp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.zp-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.zp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--zp-primary-light);\n  border-radius: var(--zp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.zp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.zp-tip p {\n  font-size: 14px;\n  color: var(--zp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.zp-cta-box {\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 50%, var(--zp-primary) 100%);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.zp-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.zp-disclaimer {\n  font-size: 12px;\n  color: var(--zp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .zp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .zp-card {\n    padding: 1.125rem;\n  }\n\n  .zp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .zp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--zp-radius-sm);\n  }\n\n  .zp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .zp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .zp-grid-compact {\n    gap: .625rem;\n  }\n\n  .zp-grid-compact .zp-card {\n    padding: .75rem;\n  }\n\n  .zp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .zp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .zp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .zp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .zp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .zp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .zp-testimonial {\n    padding: 1.25rem;\n  }\n\n  .zp-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zp-card {\n    animation: zp-fadeInUp .5s ease backwards;\n  }\n  .zp-card:nth-child(1) { animation-delay: .05s; }\n  .zp-card:nth-child(2) { animation-delay: .1s; }\n  .zp-card:nth-child(3) { animation-delay: .15s; }\n  .zp-card:nth-child(4) { animation-delay: .2s; }\n  .zp-card:nth-child(5) { animation-delay: .25s; }\n  .zp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes zp-fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .zp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54912363823481,"sku":"38813010","price":21.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-plus-catalyons-zinc-cuivre-500-ml-lifestyle.webp?v=1772097244"},{"product_id":"brahmi-bio-memoire-ayurvana-120-gelules","title":"Brahmi Bacopa monnieri 120 gélules - Mémoire - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brahmi Bacopa monnieri 120 gélules - Mémoire - AyurVana\nPalette détectée:\n  - Primaire: #7B5BA6 (violet\/mauve du packaging - couleur dominante)\n  - Secondaire: #4A9B4E (vert nature des feuilles\/plante)\n  - Accent: #E8A832 (doré\/jaune des gouttes décoratives)\n  - Cream: #F9F7F4 (fond crème naturel)\nAmbiance: Ayurvédique, naturel, sagesse, bien-être mental, tradition indienne modernisée\nPréfixe CSS: bm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Les bienfaits du Brahmi Ayur-Vana\"\n  2. \"Un extrait concentré pour une efficacité maximale\"\n  3. \"Un complément naturel et certifié\"\n  4. \"Conseils d'utilisation et durée du traitement\"\n  5. \"Composition\"\n  6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bm-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"bm-hero\"\u003e\n    \u003cdiv class=\"bm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bm-hero-content\"\u003e\n      \u003cdiv class=\"bm-badges-top\"\u003e\n        \u003cspan class=\"bm-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n        \u003cspan class=\"bm-badge\"\u003e🌿 20% bacosides\u003c\/span\u003e\n        \u003cspan class=\"bm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bm-hero-title\"\u003eBrahmi Bacopa Monnieri\u003c\/span\u003e\n      \u003cp class=\"bm-subtitle\"\u003eLa plante de la sagesse ayurvédique\u003c\/p\u003e\n      \u003cp class=\"bm-description\"\u003eExtrait concentré de Brahmi pour renforcer la mémoire, améliorer la concentration et apaiser le stress mental. 120 gélules végétales.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- INTRO CONTEXTUELLE --\u003e\n  \u003csection class=\"bm-section\"\u003e\n    \u003cdiv class=\"bm-intro-box\"\u003e\n      \u003cp\u003eAvec l'âge, il est courant de constater une baisse des capacités de mémorisation et d'attention. Environ \u003cstrong\u003e10% des personnes de plus de 65 ans\u003c\/strong\u003e souffrent de troubles significatifs de la mémoire. Mais ce phénomène ne concerne pas uniquement les seniors : le \u003cstrong\u003estress, la surcharge mentale et la fatigue chronique\u003c\/strong\u003e peuvent également affecter la concentration et l'apprentissage chez les jeunes adultes.\u003c\/p\u003e\n      \u003cp\u003eTraditionnellement utilisé en \u003cstrong\u003eAyurveda\u003c\/strong\u003e pour \u003cstrong\u003estimuler la mémorisation\u003c\/strong\u003e et améliorer la clarté mentale, le \u003cstrong\u003eBrahmi (Bacopa Monnieri)\u003c\/strong\u003e, aussi appelé \u003cem\u003e« plante de la sagesse »\u003c\/em\u003e, est un allié précieux pour votre bien-être cognitif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Les bienfaits du Brahmi Ayur-Vana --\u003e\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Brahmi Ayur-Vana\u003c\/h2\u003e\n    \u003cdiv class=\"bm-grid\"\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e📚 Apprentissage renforcé\u003c\/h3\u003e\n        \u003cp\u003eRenforce les capacités d'apprentissage et de mémorisation, notamment en période d'examens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n        \u003cp\u003eAméliore la concentration et aide à mieux gérer les charges mentales importantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🧘 Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003eRéduit le stress et l'anxiété en favorisant un apaisement du système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cognitive\u003c\/h3\u003e\n        \u003cp\u003eLimite le vieillissement cognitif en protégeant les cellules cérébrales du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre mental\u003c\/h3\u003e\n        \u003cp\u003eFavorise un équilibre mental et émotionnel grâce à son action adaptogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Un extrait concentré pour une efficacité maximale --\u003e\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003eUn extrait concentré pour une efficacité maximale\u003c\/h2\u003e\n    \u003cdiv class=\"bm-highlight-box\"\u003e\n      \u003cdiv class=\"bm-highlight-icon\"\u003e🔬\u003c\/div\u003e\n      \u003cdiv class=\"bm-highlight-content\"\u003e\n        \u003cp class=\"bm-highlight-title\"\u003e20% de bacosides\u003c\/p\u003e\n        \u003cp\u003eLe Brahmi Ayur-Vana est formulé à partir d'un extrait concentré contenant \u003cstrong\u003e20% de bacosides\u003c\/strong\u003e, les principes actifs responsables de ses effets bénéfiques sur le cerveau. Cette concentration élevée garantit une efficacité optimale à chaque prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Un complément naturel et certifié --\u003e\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003eUn complément naturel et certifié\u003c\/h2\u003e\n    \u003cdiv class=\"bm-grid-compact\"\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduction française garantie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales adaptées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🥗 Végétarien\u003c\/h3\u003e\n        \u003cp\u003eConvient aux végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🌿 Végan\u003c\/h3\u003e\n        \u003cp\u003eParfait pour les végans\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Conseils d'utilisation et durée du traitement --\u003e\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et durée du traitement\u003c\/h2\u003e\n    \u003cdiv class=\"bm-timeline\"\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e4 à 6 gélules par jour\u003c\/strong\u003e, à répartir pendant les repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'un pilulier\u003c\/h3\u003e\n          \u003cp\u003eUn pilulier de \u003cstrong\u003e120 gélules = 20 à 30 jours d'utilisation\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eMode d'utilisation\u003c\/h3\u003e\n          \u003cp\u003eConvient pour une utilisation régulière ou en cure ponctuelle selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Composition --\u003e\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"bm-composition-box\"\u003e\n      \u003cdiv class=\"bm-composition-main\"\u003e\n        \u003cdiv class=\"bm-composition-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"bm-composition-detail\"\u003e\n          \u003cp class=\"bm-composition-title\"\u003eExtrait de Brahmi (Bacopa Monnieri)\u003c\/p\u003e\n          \u003cp class=\"bm-composition-dose\"\u003e\u003cstrong\u003e1800 mg\u003c\/strong\u003e pour 6 gélules\u003c\/p\u003e\n          \u003cp class=\"bm-composition-info\"\u003edont 20% de bacosides – \u003cstrong\u003e360 mg\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-composition-others\"\u003e\n        \u003cdiv class=\"bm-composition-item\"\u003e\n          \u003cspan\u003e🌾 Fibres d'acacia\u003c\/span\u003e\n          \u003cspan\u003e300 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bm-composition-item\"\u003e\n          \u003cspan\u003e💊 Gélule végétale\u003c\/span\u003e\n          \u003cspan\u003eHypromellose\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Précautions d'emploi --\u003e\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bm-accordion\"\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose recommandée de 6 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e💡 Bon à savoir\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation équilibrée et un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"bm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bm-cta-box\"\u003e\n      \u003cp\u003e🧠 Grâce à sa concentration élevée en bacosides, le \u003cstrong\u003eBrahmi Ayur-Vana\u003c\/strong\u003e est une solution idéale pour \u003cstrong\u003esoutenir la mémoire, améliorer la concentration et apaiser le stress mental\u003c\/strong\u003e, quel que soit votre âge.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bm-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --bm-cream: #F9F7F4;\n  --bm-white: #ffffff;\n  --bm-primary: #7B5BA6;\n  --bm-primary-dark: #5D4280;\n  --bm-primary-light: #F3EFF8;\n  --bm-secondary: #4A9B4E;\n  --bm-accent: #E8A832;\n\n  \/* Textes *\/\n  --bm-text: #1a1a1a;\n  --bm-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --bm-border: #e0e0e0;\n  --bm-shadow: 0 4px 24px rgba(123,91,166,.08);\n  --bm-shadow-lg: 0 12px 48px rgba(123,91,166,.15);\n  --bm-radius: 20px;\n  --bm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7B5BA6 0%, #5D4280 50%, #4A9B4E 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.bm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bm-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.bm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === INTRO BOX === *\/\n.bm-intro-box {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bm-shadow);\n  border-left: 4px solid var(--bm-primary);\n}\n\n.bm-intro-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--bm-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.bm-intro-box p:last-child {\n  margin-bottom: 0;\n}\n\n.bm-intro-box strong {\n  color: var(--bm-primary-dark);\n}\n\n.bm-intro-box em {\n  color: var(--bm-secondary);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.bm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bm-shadow-lg);\n  border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bm-grid-compact .bm-card {\n  padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.bm-highlight-box {\n  display: flex;\n  gap: 1.5rem;\n  align-items: center;\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid var(--bm-primary);\n}\n\n.bm-highlight-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.bm-highlight-content {\n  flex: 1;\n}\n\n.bm-highlight-title {\n  font-size: clamp(20px, 4vw, 28px);\n  font-weight: 900;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.bm-highlight-content p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--bm-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.bm-highlight-content p:last-child {\n  margin-top: .5rem;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bm-primary), var(--bm-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.bm-timeline-content {\n  flex: 1;\n  background: var(--bm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bm-radius-sm);\n  box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n  font-size: 14px;\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.bm-composition-box {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  box-shadow: var(--bm-shadow);\n  overflow: hidden;\n}\n\n.bm-composition-main {\n  display: flex;\n  gap: 1.5rem;\n  align-items: center;\n  padding: clamp(1.5rem, 4vw, 2rem);\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n  border-bottom: 2px solid var(--bm-border);\n}\n\n.bm-composition-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.bm-composition-detail {\n  flex: 1;\n}\n\n.bm-composition-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bm-composition-dose {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--bm-text);\n  margin: 0 0 .25rem 0;\n}\n\n.bm-composition-info {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bm-secondary);\n  font-weight: 600;\n  margin: 0;\n}\n\n.bm-composition-others {\n  padding: 1rem clamp(1.5rem, 4vw, 2rem);\n}\n\n.bm-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .75rem 0;\n  border-bottom: 1px solid var(--bm-border);\n  font-size: 14px;\n  color: var(--bm-text);\n}\n\n.bm-composition-item:last-child {\n  border-bottom: none;\n}\n\n.bm-composition-item span:last-child {\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  box-shadow: var(--bm-shadow);\n  overflow: hidden;\n}\n\n.bm-accordion-item {\n  border-bottom: 1px solid var(--bm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bm-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.bm-accordion-header:hover {\n  background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bm-primary);\n  transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n  content: '−';\n}\n\n.bm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bm-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bm-cta-box {\n  background: linear-gradient(135deg, var(--bm-primary) 0%, var(--bm-primary-dark) 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bm-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.bm-disclaimer {\n  font-size: 12px;\n  color: var(--bm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .bm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bm-card {\n    padding: 1.125rem;\n  }\n  \n  .bm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bm-radius-sm);\n  }\n  \n  .bm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bm-grid-compact {\n    gap: .625rem;\n  }\n  \n  .bm-grid-compact .bm-card {\n    padding: .75rem;\n  }\n  \n  .bm-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n    padding: 1.25rem;\n  }\n  \n  .bm-highlight-icon {\n    font-size: 36px;\n  }\n  \n  .bm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .bm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .bm-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .bm-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .bm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .bm-composition-main {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n    padding: 1.25rem;\n  }\n  \n  .bm-composition-icon {\n    font-size: 32px;\n  }\n  \n  .bm-intro-box {\n    padding: 1.25rem;\n  }\n  \n  .bm-intro-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bm-card:nth-child(1) { animation-delay: .05s; }\n  .bm-card:nth-child(2) { animation-delay: .1s; }\n  .bm-card:nth-child(3) { animation-delay: .15s; }\n  .bm-card:nth-child(4) { animation-delay: .2s; }\n  .bm-card:nth-child(5) { animation-delay: .25s; }\n  .bm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .bm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":54953942516089,"sku":"AY9092CGF","price":19.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brahmi-bacopa-monnieri-120-gelules-memoire-ayurvana-packshothd.webp?v=1788447735"},{"product_id":"bibhitaki-bio-60-gelules-ayurvana","title":"Bibhitaki bio - 60 gélules – Ayurvana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bibhitaki bio - 60 gélules – Ayurvana\nPalette détectée:\n  - Primaire: #8BC34A (vert lime du packaging, couvercle et base)\n  - Secondaire: #4CAF50 (vert plus soutenu des textes)\n  - Accent: #FF9800 (orange des gouttes décoratives)\n  - Background: #F5F9E8 (crème verdâtre très clair)\nAmbiance: Naturel\/Bio, Ayurvédique, Frais et végétal, Bien-être holistique\nPréfixe CSS: bib\n--\u003e\n\n\u003cdiv class=\"bib-premium\"\u003e\n  \n  \u003cdiv class=\"bib-hero\"\u003e\n    \u003cdiv class=\"bib-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bib-hero-content\"\u003e\n      \u003cdiv class=\"bib-badges-top\"\u003e\n        \u003cspan class=\"bib-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"bib-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"bib-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bib-hero-title\"\u003eBibhitaki Bio\u003c\/span\u003e\n      \u003cp class=\"bib-subtitle\"\u003eTerminalia bellerica • Trésor ayurvédique\u003c\/p\u003e\n      \u003cp class=\"bib-description\"\u003eUn puissant antioxydant naturel pour protéger vos cellules, purifier votre organisme et renforcer votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits du Bibhitaki\u003c\/h2\u003e\n    \u003cdiv class=\"bib-grid\"\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eSes puissants antioxydants naturels protègent vos cellules, tissus et organes du stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eRenforce le système immunitaire et améliore la résistance de l'organisme face aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🍃 Détox naturelle\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'élimination des toxines accumulées pour une purification douce et efficace de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e❤️ Équilibre cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à l'équilibre du cholestérol et au bon fonctionnement du système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🔥 Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eAction revitalisante globale qui soutient le métabolisme et apporte un regain d'énergie naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🧘 Sagesse ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eBaie précieuse utilisée depuis des millénaires en médecine traditionnelle indienne pour le bien-être général.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003e🎯 Qui devrait acheter bibhitaki bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"bib-grid\"\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e👨‍💼 Actifs stressés\u003c\/h3\u003e\n        \u003cp\u003eProtection antioxydante contre le stress oxydatif lié au rythme de vie intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n        \u003cp\u003eSoutien du système immunitaire et protection cellulaire pour un vieillissement en forme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eAide à la récupération et protection contre le stress oxydatif induit par l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bib-usage-box\"\u003e\n      \u003cdiv class=\"bib-usage-step\"\u003e\n        \u003cspan class=\"bib-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"bib-step-content\"\u003e\n          \u003ch4\u003eLe matin\u003c\/h4\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-usage-step\"\u003e\n        \u003cspan class=\"bib-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"bib-step-content\"\u003e\n          \u003ch4\u003eLe midi\u003c\/h4\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le déjeuner pour une action optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003e🌿 Composition pure\u003c\/h2\u003e\n    \u003cdiv class=\"bib-ingredient-card\"\u003e\n      \u003cdiv class=\"bib-ingredient-main\"\u003e\n        \u003cspan class=\"bib-ingredient-icon\"\u003e🫛\u003c\/span\u003e\n        \u003cdiv class=\"bib-ingredient-info\"\u003e\n          \u003ch4\u003eBibhitaki bio\u003c\/h4\u003e\n          \u003cp class=\"bib-ingredient-latin\"\u003eTerminalia bellerica\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"bib-ingredient-dose\"\u003e1600 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"bib-ingredient-note\"\u003ePour 4 gélules • Origine : Inde • Gélule végétale (hypromellose)\u003c\/p\u003e\n      \u003cdiv class=\"bib-certif-badges\"\u003e\n        \u003cspan class=\"bib-certif\"\u003e🌱 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"bib-certif\"\u003e✅ Certifié Ecocert FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"bib-grid-compact\"\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n        \u003cp\u003eVégétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e📅 15 jours\u003c\/h3\u003e\n        \u003cp\u003eDe cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🇫🇷 France\u003c\/h3\u003e\n        \u003cp\u003eFabrication\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🏷️ Bio AB\u003c\/h3\u003e\n        \u003cp\u003eCertifié\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"bib-accordion\"\u003e\n      \u003cdetails class=\"bib-accordion-item\"\u003e\n        \u003csummary class=\"bib-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bib-accordion-content\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bib-accordion-item\"\u003e\n        \u003csummary class=\"bib-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"bib-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes. Ne pas dépasser la dose journalière recommandée. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bib-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bib-cta-box\"\u003e\n      \u003cp\u003e🧘 Offrez à votre corps la sagesse millénaire de l'Ayurveda.\u003cbr\u003eLe Bibhitaki bio, votre bouclier antioxydant naturel pour une vitalité préservée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bib-cream: #F7FAF0;\n  --bib-white: #ffffff;\n  --bib-primary: #8BC34A;\n  --bib-primary-dark: #558B2F;\n  --bib-primary-light: #E8F5E9;\n  --bib-secondary: #4CAF50;\n  --bib-accent: #FF9800;\n  --bib-text: #1a1a1a;\n  --bib-text-light: #5a5a5a;\n  --bib-border: #e0e0e0;\n  --bib-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bib-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bib-radius: 20px;\n  --bib-radius-sm: 12px;\n}\n\n.bib-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bib-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bib-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8BC34A 0%, #4CAF50 50%, #2E7D32 100%);\n  border-radius: var(--bib-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bib-shadow-lg);\n}\n\n.bib-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.bib-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bib-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.bib-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bib-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bib-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bib-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bib-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  margin: 0 0 1.5rem 0;\n  font-style: italic;\n}\n\n.bib-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.bib-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bib-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bib-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.bib-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bib-primary), var(--bib-secondary));\n  border-radius: 2px;\n}\n\n.bib-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bib-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n}\n\n.bib-card {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bib-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bib-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bib-shadow-lg);\n  border-color: var(--bib-primary);\n}\n\n.bib-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bib-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bib-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bib-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bib-grid-compact .bib-card {\n  padding: 1rem;\n}\n\n.bib-grid-compact .bib-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bib-grid-compact .bib-card p {\n  font-size: 12px;\n}\n\n\/* Usage Box *\/\n.bib-usage-box {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bib-shadow);\n}\n\n.bib-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--bib-border);\n}\n\n.bib-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.bib-usage-step:first-child {\n  padding-top: 0;\n}\n\n.bib-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--bib-primary), var(--bib-secondary));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  box-shadow: 0 4px 15px rgba(139, 195, 74, .4);\n}\n\n.bib-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bib-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bib-step-content p {\n  font-size: 14px;\n  color: var(--bib-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Ingredient Card *\/\n.bib-ingredient-card {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bib-shadow);\n  border: 2px solid var(--bib-primary-light);\n}\n\n.bib-ingredient-main {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding-bottom: 1rem;\n  border-bottom: 1px solid var(--bib-border);\n  margin-bottom: 1rem;\n}\n\n.bib-ingredient-icon {\n  font-size: 40px;\n}\n\n.bib-ingredient-info {\n  flex: 1;\n}\n\n.bib-ingredient-info h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--bib-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bib-ingredient-latin {\n  font-size: 14px;\n  color: var(--bib-text-light);\n  font-style: italic;\n  margin: 0;\n}\n\n.bib-ingredient-dose {\n  background: linear-gradient(135deg, var(--bib-primary), var(--bib-secondary));\n  color: white;\n  font-size: 18px;\n  font-weight: 900;\n  padding: 10px 20px;\n  border-radius: 999px;\n  box-shadow: 0 4px 15px rgba(139, 195, 74, .3);\n}\n\n.bib-ingredient-note {\n  font-size: 13px;\n  color: var(--bib-text-light);\n  text-align: center;\n  margin: 0 0 1rem 0;\n}\n\n.bib-certif-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n}\n\n.bib-certif {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 14px;\n  background: var(--bib-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--bib-primary-dark);\n}\n\n\/* Accordion *\/\n.bib-accordion {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  box-shadow: var(--bib-shadow);\n  overflow: hidden;\n}\n\n.bib-accordion-item {\n  border-bottom: 1px solid var(--bib-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bib-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bib-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bib-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.bib-accordion-header:hover {\n  background: var(--bib-primary-light);\n}\n\n.bib-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bib-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bib-primary);\n  transition: transform .2s ease;\n}\n\n.bib-accordion-item[open] .bib-accordion-header::after {\n  content: '−';\n}\n\n.bib-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bib-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.bib-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA Box *\/\n.bib-cta-box {\n  background: linear-gradient(135deg, var(--bib-primary) 0%, var(--bib-primary-dark) 100%);\n  border-radius: var(--bib-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bib-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.bib-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n  .bib-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bib-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .bib-grid-compact .bib-card {\n    padding: .75rem;\n  }\n  \n  .bib-card {\n    padding: 1.125rem;\n  }\n  \n  .bib-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bib-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bib-radius-sm);\n  }\n  \n  .bib-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bib-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bib-usage-step {\n    gap: 1rem;\n  }\n  \n  .bib-step-number {\n    min-width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n  \n  .bib-ingredient-main {\n    flex-wrap: wrap;\n    justify-content: center;\n    text-align: center;\n  }\n  \n  .bib-ingredient-info {\n    flex: none;\n    width: 100%;\n  }\n  \n  .bib-ingredient-dose {\n    font-size: 16px;\n    padding: 8px 16px;\n  }\n  \n  .bib-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bib-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bib-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bib-card:nth-child(1) { animation-delay: .05s; }\n  .bib-card:nth-child(2) { animation-delay: .1s; }\n  .bib-card:nth-child(3) { animation-delay: .15s; }\n  .bib-card:nth-child(4) { animation-delay: .2s; }\n  .bib-card:nth-child(5) { animation-delay: .25s; }\n  .bib-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bib-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":54961967268217,"sku":"AY0011","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bibhitaki-bio-60-gelules-ayurvana-ingredients.webp?v=1768671797"},{"product_id":"kudzuline-bio-60-gelules-lt-labo","title":"Kudzuline BIO LT Labo - Complexe Kudzu \u0026 Spiruline - 60 gélules","description":"\u003cdiv class=\"kz-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"kz-hero\"\u003e\n    \u003cdiv class=\"kz-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kz-hero-content\"\u003e\n      \u003cdiv class=\"kz-badges-top\"\u003e\n        \u003cspan class=\"kz-badge\"\u003e🌿 Certifié Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"kz-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"kz-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kz-hero-title\"\u003eKudzuline BIO LT Labo\u003c\/span\u003e\n      \u003cp class=\"kz-subtitle\"\u003eComplexe Kudzu \u0026amp; Spiruline\u003c\/p\u003e\n      \u003cp class=\"kz-description\"\u003eL'alliance biologique de deux super-ingrédients pour soutenir votre indépendance et votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"kz-section\"\u003e\n    \u003ch2\u003eKudzuline BIO : l'alliance du kudzu et de la spiruline pour retrouver votre équilibre\u003c\/h2\u003e\n    \u003cp class=\"kz-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire kudzu\u003c\/strong\u003e de qualité biologique pour vous accompagner dans une démarche de rééquilibrage ?\u003c\/p\u003e\n    \u003cdiv class=\"kz-grid-compact\"\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🌱 Kudzu bio\u003c\/h3\u003e\n        \u003cp\u003ePlante apaisante millénaire, riche en isoflavones pour calmer les envies\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e💚 Spiruline bio\u003c\/h3\u003e\n        \u003cp\u003eMicro-algue revitalisante, concentré exceptionnel de nutriments essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🔬 Synergie unique\u003c\/h3\u003e\n        \u003cp\u003eDeux ingrédients d'exception associés pour une action globale sur le bien-être\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eFormule 100 % biologique, sans pesticides ni engrais chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"kz-section\"\u003e\n    \u003ch2\u003eLe kudzu : une plante apaisante utilisée depuis des millénaires\u003c\/h2\u003e\n    \u003cp class=\"kz-section-intro\"\u003eLe kudzu (\u003cem\u003ePueraria lobata\u003c\/em\u003e) est une plante grimpante originaire d'Asie, utilisée depuis plus de 2 000 ans dans la médecine traditionnelle chinoise. Sa racine est naturellement riche en \u003cstrong\u003eisoflavones\u003c\/strong\u003e, notamment la daidzéine, la daidzine et la puérarine.\u003c\/p\u003e\n    \u003cdiv class=\"kz-grid\"\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🧠 Effet apaisant sur le système nerveux\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement appréciable en période de stress ou de sevrage, le kudzu aide à retrouver calme et sérénité intérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes isoflavones du kudzu aident à protéger vos cellules du stress oxydatif et du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e💜 Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eContribue à la réduction des envies compulsives et soutient un meilleur équilibre émotionnel au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kz-tip\"\u003e\n      \u003cspan class=\"kz-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eQue ce soit pour le tabac, l'alcool ou le grignotage, le \u003cstrong\u003ekudzu en complément alimentaire\u003c\/strong\u003e peut constituer un allié précieux dans votre démarche de rééquilibrage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"kz-section\"\u003e\n    \u003ch2\u003eLa spiruline bio : un concentré de vitalité et d'antioxydants\u003c\/h2\u003e\n    \u003cp class=\"kz-section-intro\"\u003eAssociée au kudzu, la \u003cstrong\u003espiruline\u003c\/strong\u003e (\u003cem\u003eSpirulina platensis\u003c\/em\u003e) apporte toute sa richesse nutritionnelle pour compenser les carences souvent liées aux périodes de déséquilibre.\u003c\/p\u003e\n    \u003cdiv class=\"kz-grid-compact\"\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e💪 Protéines complètes\u003c\/h3\u003e\n        \u003cp\u003eLes 8 acides aminés essentiels pour soutenir votre organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🔶 Vitamines du groupe B\u003c\/h3\u003e\n        \u003cp\u003eB1, B2, B3, B12 + vitamine A et vitamine E\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e⚙️ Minéraux essentiels\u003c\/h3\u003e\n        \u003cp\u003eFer hautement assimilable, magnésium, zinc\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🌊 Phycocyanine \u0026amp; chlorophylle\u003c\/h3\u003e\n        \u003cp\u003ePigments aux puissantes propriétés antioxydantes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kz-tip\"\u003e\n      \u003cspan class=\"kz-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eL'association \u003cstrong\u003espiruline et kudzu\u003c\/strong\u003e crée une complémentarité remarquable : l'une apaise, l'autre revitalise. La spiruline comme antioxydant naturel contribue à renforcer vos défenses immunitaires et à retrouver un tonus global.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"kz-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Kudzuline BIO plutôt qu'un autre complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"kz-grid\"\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🏅 Certification biologique AB\u003c\/h3\u003e\n        \u003cp\u003eLabel européen garantissant des ingrédients cultivés sans pesticides ni engrais chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🔬 Formule synergique\u003c\/h3\u003e\n        \u003cp\u003eLe kudzu et la spiruline se complètent pour une action globale sur le bien-être physique et mental.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003ePar LT Labo, laboratoire reconnu pour son expertise en phytothérapie depuis de nombreuses années.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e🌿 Convient aux végétariens\u003c\/h3\u003e\n        \u003cp\u003eGélules d'origine végétale, formule adaptée aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-card\"\u003e\n        \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n        \u003cp\u003e60 gélules pour une cure complète d'un mois, simple et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"kz-section\"\u003e\n    \u003ch2\u003eComposition pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"kz-composition\"\u003e\n      \u003cdiv class=\"kz-compo-item\"\u003e\n        \u003cdiv class=\"kz-compo-name\"\u003e\n          \u003cspan class=\"kz-compo-icon\"\u003e🌱\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eKudzu bio\u003c\/strong\u003e\n            \u003cem\u003ePueraria lobata, racine\u003c\/em\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"kz-compo-dose\"\u003e300 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-compo-item\"\u003e\n        \u003cdiv class=\"kz-compo-name\"\u003e\n          \u003cspan class=\"kz-compo-icon\"\u003e💚\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eSpiruline bio\u003c\/strong\u003e\n            \u003cem\u003eSpirulina platensis\u003c\/em\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"kz-compo-dose\"\u003e200 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kz-compo-note\"\u003eEnveloppe de la gélule d'origine végétale. Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"kz-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"kz-timeline\"\u003e\n      \u003cdiv class=\"kz-timeline-item\"\u003e\n        \u003cdiv class=\"kz-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kz-timeline-content\"\u003e\n          \u003ch3\u003ePrenez 2 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau, de préférence le matin ou en début d'après-midi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-timeline-item\"\u003e\n        \u003cdiv class=\"kz-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kz-timeline-content\"\u003e\n          \u003ch3\u003eCure de 30 jours recommandée\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable selon vos besoins pour un accompagnement continu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-timeline-item\"\u003e\n        \u003cdiv class=\"kz-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kz-timeline-content\"\u003e\n          \u003ch3\u003eAccompagnement optimal\u003c\/h3\u003e\n          \u003cp\u003ePour un sevrage, n'hésitez pas à en parler à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"kz-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"kz-accordion\"\u003e\n      \u003cdetails class=\"kz-accordion-item\"\u003e\n        \u003csummary class=\"kz-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n        \u003cdiv class=\"kz-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kz-accordion-item\"\u003e\n        \u003csummary class=\"kz-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"kz-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement hormonal, sauf avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kz-accordion-item\"\u003e\n        \u003csummary class=\"kz-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"kz-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"kz-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"kz-cta-box\"\u003e\n      \u003cp\u003e🌿 Retrouvez votre indépendance et votre vitalité grâce à la synergie naturelle du kudzu et de la spiruline bio. Offrez à votre corps le meilleur de la phytothérapie française.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kz-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kz-cream: #f7f5f2;\n  --kz-white: #ffffff;\n  --kz-primary: #6b4c9a;\n  --kz-primary-dark: #4a2d78;\n  --kz-primary-light: #f0ebf5;\n  --kz-secondary: #5a9a4c;\n  --kz-accent: #3d8b2f;\n  --kz-text: #1a1a1a;\n  --kz-text-light: #5a5a5a;\n  --kz-border: #e0dce6;\n  --kz-shadow: 0 4px 24px rgba(107,76,154,.08);\n  --kz-shadow-lg: 0 12px 48px rgba(107,76,154,.15);\n  --kz-radius: 20px;\n  --kz-radius-sm: 12px;\n}\n\n.kz-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kz-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kz-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--kz-primary) 0%, var(--kz-primary-dark) 40%, #3d6b2f 100%);\n  border-radius: var(--kz-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--kz-shadow-lg);\n}\n\n.kz-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(90,154,76,.1) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.kz-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kz-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kz-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3.5vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.kz-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.kz-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kz-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--kz-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kz-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kz-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kz-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kz-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.kz-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--kz-primary), var(--kz-secondary));\n  border-radius: 2px;\n}\n\n.kz-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kz-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kz-card {\n  background: var(--kz-white);\n  border-radius: var(--kz-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kz-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kz-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kz-shadow-lg);\n  border-color: var(--kz-primary);\n}\n\n.kz-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kz-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kz-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kz-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kz-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kz-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kz-grid-compact .kz-card {\n  padding: 1rem;\n}\n\n.kz-grid-compact .kz-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kz-grid-compact .kz-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kz-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kz-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kz-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kz-primary), var(--kz-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.kz-timeline-content {\n  flex: 1;\n  background: var(--kz-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kz-radius-sm);\n  box-shadow: var(--kz-shadow);\n}\n\n.kz-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kz-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kz-timeline-content p {\n  font-size: 14px;\n  color: var(--kz-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.kz-composition {\n  background: var(--kz-white);\n  border-radius: var(--kz-radius);\n  box-shadow: var(--kz-shadow);\n  overflow: hidden;\n}\n\n.kz-compo-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1.25rem 1.5rem;\n  border-bottom: 1px solid var(--kz-border);\n  transition: background .2s ease;\n}\n\n.kz-compo-item:last-child {\n  border-bottom: none;\n}\n\n.kz-compo-item:hover {\n  background: var(--kz-primary-light);\n}\n\n.kz-compo-name {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n}\n\n.kz-compo-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kz-compo-name strong {\n  display: block;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kz-primary-dark);\n}\n\n.kz-compo-name em {\n  font-size: 13px;\n  color: var(--kz-text-light);\n  font-style: italic;\n}\n\n.kz-compo-dose {\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--kz-primary);\n  white-space: nowrap;\n}\n\n.kz-compo-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--kz-text-light);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === TESTIMONIAL === *\/\n.kz-testimonial {\n  background: var(--kz-white);\n  border-radius: var(--kz-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kz-shadow);\n  border-left: 4px solid var(--kz-primary);\n}\n\n.kz-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kz-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kz-accordion {\n  background: var(--kz-white);\n  border-radius: var(--kz-radius);\n  box-shadow: var(--kz-shadow);\n  overflow: hidden;\n}\n\n.kz-accordion-item {\n  border-bottom: 1px solid var(--kz-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kz-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kz-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kz-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.kz-accordion-header:hover {\n  background: var(--kz-primary-light);\n}\n\n.kz-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kz-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kz-primary);\n  transition: transform .2s ease;\n}\n\n.kz-accordion-item[open] .kz-accordion-header::after {\n  content: '−';\n}\n\n.kz-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kz-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kz-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kz-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kz-primary-light);\n  border-radius: var(--kz-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kz-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kz-tip p {\n  font-size: 14px;\n  color: var(--kz-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.kz-cta-box {\n  background: linear-gradient(135deg, var(--kz-primary) 0%, var(--kz-secondary) 100%);\n  border-radius: var(--kz-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.kz-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kz-disclaimer {\n  font-size: 12px;\n  color: var(--kz-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .kz-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kz-card {\n    padding: 1.125rem;\n  }\n\n  .kz-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kz-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kz-radius-sm);\n  }\n\n  .kz-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kz-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kz-grid-compact {\n    gap: .625rem;\n  }\n\n  .kz-grid-compact .kz-card {\n    padding: .75rem;\n  }\n\n  .kz-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kz-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kz-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kz-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kz-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kz-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kz-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kz-testimonial-text {\n    font-size: 14px;\n  }\n\n  .kz-compo-item {\n    padding: 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .5rem;\n  }\n\n  .kz-compo-dose {\n    font-size: 18px;\n    align-self: flex-end;\n  }\n\n  .kz-compo-name strong {\n    font-size: 15px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kz-card {\n    animation: kzFadeInUp .5s ease backwards;\n  }\n  .kz-card:nth-child(1) { animation-delay: .05s; }\n  .kz-card:nth-child(2) { animation-delay: .1s; }\n  .kz-card:nth-child(3) { animation-delay: .15s; }\n  .kz-card:nth-child(4) { animation-delay: .2s; }\n  .kz-card:nth-child(5) { animation-delay: .25s; }\n  .kz-card:nth-child(6) { animation-delay: .3s; }\n\n  .kz-timeline-item {\n    animation: kzFadeInUp .5s ease backwards;\n  }\n  .kz-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .kz-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .kz-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes kzFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .kz-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55052287836537,"sku":"NBAILTL0025","price":21.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kudzuline-bio-lt-labo-complexe-kudzu-spiruline-60-gelules-packshothd_da76d6d4-99c5-4c43-af8f-842d640be64c.webp?v=1791285909"},{"product_id":"liporyz-starter-80-capsules-lt-labo","title":"Liporyz Starter - 80 capsules - LT Labo","description":"\u003cdiv class=\"lpo-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lpo-hero\"\u003e\n    \u003cdiv class=\"lpo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lpo-hero-content\"\u003e\n      \u003cdiv class=\"lpo-badges-top\"\u003e\n        \u003cspan class=\"lpo-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lpo-badge\"\u003e🛡️ 800 mg de phytostérols\u003c\/span\u003e\n        \u003cspan class=\"lpo-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lpo-hero-title\"\u003eLipOryz Starter\u003c\/span\u003e\n      \u003cp class=\"lpo-subtitle\"\u003e80 capsules · LT Labo\u003c\/p\u003e\n      \u003cp class=\"lpo-description\"\u003eLe complément alimentaire naturel surconcentré en phytostérols pour contribuer au maintien d'une cholestérolémie normale. Enrichi en vitamine E naturelle, chrome et zinc.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eLipOryz Starter : le complément alimentaire anti-cholestérol naturel à base d'huile de son de riz\u003c\/h2\u003e\n    \u003cp class=\"lpo-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003ebaisser le cholestérol\u003c\/strong\u003e sans recourir systématiquement à des traitements lourds ?\u003c\/p\u003e\n    \u003cdiv class=\"lpo-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eLipOryz Starter de LT Labo\u003c\/strong\u003e est un complément alimentaire contre le cholestérol qui mise sur la puissance des phytostérols issus de l'huile de son de riz. Surconcentrée et enrichie en vitamine E naturelle, chrome et zinc, cette formule agit sur plusieurs leviers pour vous aider à retrouver un profil lipidique plus équilibré.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003ePourquoi les phytostérols sont si efficaces contre le cholestérol ?\u003c\/h2\u003e\n    \u003cdiv class=\"lpo-card lpo-card-full\"\u003e\n      \u003cp\u003eLes \u003cstrong\u003ephytostérols\u003c\/strong\u003e sont des lipides d'origine végétale dont la structure ressemble à celle du cholestérol. Concrètement, ils entrent en compétition avec le cholestérol alimentaire au niveau de l'intestin et \u003cstrong\u003eréduisent son absorption\u003c\/strong\u003e. C'est un mécanisme reconnu par l'Autorité européenne de sécurité des aliments (EFSA) : un apport quotidien d'au moins 800 mg de phytostérols contribue au maintien d'une cholestérolémie normale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-tip\"\u003e\n      \u003cspan class=\"lpo-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eAvec LipOryz Starter, vous atteignez précisément ce seuil de \u003cstrong\u003e800 mg de phytostérols par jour\u003c\/strong\u003e, directement extraits de l'huile de son de riz, une source particulièrement riche en acides gras essentiels et en composés bioactifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eUne formule synergique pour votre santé cardiovasculaire\u003c\/h2\u003e\n    \u003cp class=\"lpo-section-intro\"\u003eCe qui distingue LipOryz Starter des autres compléments alimentaires pour baisser le cholestérol, c'est sa formule complète. Chaque nutriment joue un rôle précis :\u003c\/p\u003e\n    \u003cdiv class=\"lpo-grid\"\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz surconcentrée en phytostérols\u003c\/h3\u003e\n        \u003cp\u003eCœur de la formule, elle aide à limiter l'absorption du cholestérol intestinal et fournit des acides gras essentiels précieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine E naturelle (d-alpha-tocophérol)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant qui protège vos cellules du stress oxydatif, souvent amplifié en cas de déséquilibre lipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003eContribue au métabolisme normal des macronutriments et au maintien d'une glycémie normale, deux paramètres étroitement liés au cholestérol.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n        \u003cp\u003eOligoélément essentiel qui participe au métabolisme des acides gras et soutient vos défenses immunitaires au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-tip\"\u003e\n      \u003cspan class=\"lpo-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette synergie fait de LipOryz Starter l'un des meilleurs compléments alimentaires contre le cholestérol pour ceux qui souhaitent une approche globale et naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eComment prendre LipOryz Starter ?\u003c\/h2\u003e\n    \u003cp class=\"lpo-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e4 capsules par jour\u003c\/strong\u003e, à répartir au cours des repas :\u003c\/p\u003e\n    \u003cdiv class=\"lpo-timeline\"\u003e\n      \u003cdiv class=\"lpo-timeline-item\"\u003e\n        \u003cdiv class=\"lpo-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lpo-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le matin au petit-déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 capsule\u003c\/strong\u003e avec un grand verre d'eau au cours de votre premier repas de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-timeline-item\"\u003e\n        \u003cdiv class=\"lpo-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lpo-timeline-content\"\u003e\n          \u003ch3\u003e🍽️ Le midi au déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 capsules\u003c\/strong\u003e pendant votre repas principal pour optimiser l'absorption des phytostérols.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-timeline-item\"\u003e\n        \u003cdiv class=\"lpo-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lpo-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir au dîner\u003c\/h3\u003e\n          \u003cp\u003eComplétez avec \u003cstrong\u003e1 capsule\u003c\/strong\u003e lors du dernier repas pour une couverture optimale sur 24 heures.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-tip\"\u003e\n      \u003cspan class=\"lpo-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eLe flacon de \u003cstrong\u003e80 capsules\u003c\/strong\u003e correspond à une cure de \u003cstrong\u003e20 jours\u003c\/strong\u003e, idéale pour initier votre programme de régulation du cholestérol. Pour des résultats durables, il est conseillé de poursuivre avec la gamme LipOryz classique et d'adopter une alimentation équilibrée, riche en fibres et en bons acides gras essentiels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire anti-cholestérol naturel ?\u003c\/h2\u003e\n    \u003cdiv class=\"lpo-card lpo-card-full\"\u003e\n      \u003cp\u003eLipOryz Starter convient à toute personne adulte souhaitant \u003cstrong\u003eagir naturellement sur son cholestérol sanguin\u003c\/strong\u003e, que ce soit en prévention ou en complément d'une hygiène de vie adaptée. Il est également pertinent si vous cherchez un complément alimentaire pour augmenter le bon cholestérol tout en limitant le mauvais.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-accordion\"\u003e\n      \u003cdetails class=\"lpo-accordion-item\"\u003e\n        \u003csummary class=\"lpo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lpo-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit ne convient pas aux femmes enceintes, allaitantes, ni aux enfants de moins de 10 ans. Il ne se substitue pas à un régime alimentaire varié ni à un avis médical. Si vous suivez un traitement hypocholestérolémiant, consultez votre médecin avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lpo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConditionnement\u003c\/h2\u003e\n    \u003cdiv class=\"lpo-cta-box\"\u003e\n      \u003cp\u003eFlacon de \u003cstrong\u003e80 capsules\u003c\/strong\u003e – Cure de \u003cstrong\u003e20 jours\u003c\/strong\u003e\u003cbr\u003ePoids net : 83 g\u003cbr\u003eFabriqué par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, laboratoire français spécialisé dans les compléments alimentaires d'origine naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lpo-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lpo-cream: #faf8f4;\n  --lpo-white: #ffffff;\n  --lpo-primary: #d4a017;\n  --lpo-primary-dark: #7a5c0a;\n  --lpo-primary-light: #fdf6e3;\n  --lpo-secondary: #e8b820;\n  --lpo-accent: #c28f0a;\n  --lpo-text: #1a1a1a;\n  --lpo-text-light: #5a5a5a;\n  --lpo-border: #e8e2d6;\n  --lpo-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lpo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lpo-radius: 20px;\n  --lpo-radius-sm: 12px;\n}\n\n.lpo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lpo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lpo-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lpo-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a5c0a 0%, #d4a017 50%, #e8b820 100%);\n  border-radius: var(--lpo-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lpo-shadow-lg);\n}\n\n.lpo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lpo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lpo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lpo-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.lpo-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lpo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lpo-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lpo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lpo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lpo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpo-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lpo-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.lpo-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lpo-primary), var(--lpo-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lpo-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpo-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lpo-card {\n  background: var(--lpo-white);\n  border-radius: var(--lpo-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lpo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lpo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lpo-shadow-lg);\n  border-color: var(--lpo-primary);\n}\n\n.lpo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lpo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lpo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lpo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lpo-card-full {\n  text-align: left;\n  margin-bottom: 1.25rem;\n}\n\n.lpo-card-full:hover {\n  transform: none;\n}\n\n.lpo-card-full p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  line-height: 1.75;\n  color: var(--lpo-text);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.lpo-highlight-box {\n  background: var(--lpo-white);\n  border-radius: var(--lpo-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lpo-shadow);\n  border-left: 5px solid var(--lpo-primary);\n}\n\n.lpo-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--lpo-text);\n  line-height: 1.75;\n  margin: 0;\n}\n\n\/* === GRILLES === *\/\n.lpo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.lpo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lpo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lpo-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lpo-primary), var(--lpo-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(212, 160, 23, .3);\n}\n\n.lpo-timeline-content {\n  flex: 1;\n  background: var(--lpo-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lpo-radius-sm);\n  box-shadow: var(--lpo-shadow);\n}\n\n.lpo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lpo-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lpo-timeline-content p {\n  font-size: 14px;\n  color: var(--lpo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lpo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lpo-primary-light);\n  border-radius: var(--lpo-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lpo-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lpo-tip p {\n  font-size: 14px;\n  color: var(--lpo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.lpo-accordion {\n  background: var(--lpo-white);\n  border-radius: var(--lpo-radius);\n  box-shadow: var(--lpo-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.lpo-accordion-item {\n  border-bottom: 1px solid var(--lpo-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lpo-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lpo-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lpo-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lpo-accordion-header:hover {\n  background: var(--lpo-primary-light);\n}\n\n.lpo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lpo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lpo-primary);\n  transition: transform .2s ease;\n}\n\n.lpo-accordion-item[open] .lpo-accordion-header::after {\n  content: '−';\n}\n\n.lpo-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lpo-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lpo-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lpo-cta-box {\n  background: linear-gradient(135deg, var(--lpo-primary) 0%, var(--lpo-primary-dark) 100%);\n  border-radius: var(--lpo-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lpo-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lpo-disclaimer {\n  font-size: 12px;\n  color: var(--lpo-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lpo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lpo-card {\n    padding: 1.125rem;\n  }\n\n  .lpo-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lpo-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lpo-radius-sm);\n  }\n\n  .lpo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lpo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lpo-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lpo-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lpo-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lpo-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lpo-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lpo-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lpo-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .lpo-card-full {\n    padding: 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lpo-card {\n    animation: lpoFadeInUp .5s ease backwards;\n  }\n  .lpo-card:nth-child(1) { animation-delay: .05s; }\n  .lpo-card:nth-child(2) { animation-delay: .1s; }\n  .lpo-card:nth-child(3) { animation-delay: .15s; }\n  .lpo-card:nth-child(4) { animation-delay: .2s; }\n  .lpo-card:nth-child(5) { animation-delay: .25s; }\n  .lpo-card:nth-child(6) { animation-delay: .3s; }\n\n  .lpo-timeline-item {\n    animation: lpoFadeInUp .5s ease backwards;\n  }\n  .lpo-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lpo-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .lpo-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lpoFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lpo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55090161582457,"sku":"NBAILTL0032","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-starter-80-capsules-lt-labo-packshothd_8008b839-28d2-49a4-8a6b-4ad855de4be0.webp?v=1789642977"},{"product_id":"glutathion-60-gelules-laboratoire-code","title":"Glutathion 50 mg - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"glt-premium\"\u003e\n  \u003cdiv class=\"glt-hero\"\u003e\n    \u003cdiv class=\"glt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"glt-hero-content\"\u003e\n      \u003cdiv class=\"glt-badges-top\"\u003e\n        \u003cspan class=\"glt-badge\"\u003e🛡️ Antioxydant maître\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e💊 Cure 2 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"glt-hero-title\"\u003eGlutathion 50 mg\u003c\/span\u003e\n      \u003cp class=\"glt-subtitle\"\u003eLaboratoire Code — 60 gélules végétales\u003c\/p\u003e\n      \u003cp class=\"glt-description\"\u003eLe « maître des antioxydants » dans sa forme \u003cstrong\u003eL-glutathion réduit\u003c\/strong\u003e, directement assimilable, enrichi en fibre d'acacia prébiotique pour une absorption optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"glt-section\"\u003e\n    \u003cp class=\"glt-section-intro\"\u003eLe \u003cstrong\u003eGlutathion\u003c\/strong\u003e est l'un des antioxydants les plus puissants produits naturellement par notre organisme. Surnommé « le maître des antioxydants », ce tripeptide composé de trois acides aminés (glutamate, cystéine et glycine) joue un rôle central dans la protection cellulaire. Avec l'âge, le stress, la pollution ou une alimentation déséquilibrée, sa production diminue. Le complément \u003cstrong\u003eGlutathion 50 mg du Laboratoire Code\u003c\/strong\u003e vous offre un apport ciblé en \u003cstrong\u003eL-glutathion\u003c\/strong\u003e, identique à celui synthétisé par votre corps.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eLes bienfaits du glutathion au quotidien\u003c\/h2\u003e\n    \u003cp class=\"glt-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du glutathion\u003c\/strong\u003e sont nombreux et reconnus par la recherche scientifique. Voici ce qu'il apporte à votre organisme :\u003c\/p\u003e\n    \u003cdiv class=\"glt-grid\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante puissante\u003c\/h3\u003e\n        \u003cp\u003eIl neutralise les radicaux libres responsables du vieillissement cellulaire prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🌿 Soutien à la détoxification\u003c\/h3\u003e\n        \u003cp\u003eIl accompagne le foie dans l'élimination des toxines et des métaux lourds.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e💪 Renforcement immunitaire\u003c\/h3\u003e\n        \u003cp\u003eIl participe à la production et à l'activité des lymphocytes T.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e✨ Éclat du teint\u003c\/h3\u003e\n        \u003cp\u003eLe glutathion éclaircissant est reconnu pour favoriser une peau plus lumineuse et un teint uniforme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e♻️ Recyclage des antioxydants\u003c\/h3\u003e\n        \u003cp\u003eIl réactive les vitamines C et E pour prolonger leur action protectrice.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e❤️ Protection cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eIl soutient la régénération cellulaire et la santé du système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le L-glutathion du Laboratoire Code ?\u003c\/h2\u003e\n    \u003cp class=\"glt-section-intro\"\u003eÀ la différence du \u003cstrong\u003eglutathion liposomal\u003c\/strong\u003e, cette formule mise sur la forme \u003cstrong\u003eL-glutathion réduit\u003c\/strong\u003e, directement assimilable, associée à de la \u003cstrong\u003efibre d'acacia\u003c\/strong\u003e, un prébiotique qui soutient la flore intestinale et favorise une meilleure absorption. Fabriqué en France, ce complément bénéficie du savoir-faire du \u003cstrong\u003eLaboratoire Code\u003c\/strong\u003e, garant de qualité, de traçabilité et d'une fabrication sans additifs controversés.\u003c\/p\u003e\n    \u003cdiv class=\"glt-grid-compact\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🧬 Forme réduite\u003c\/h3\u003e\n        \u003cp\u003eL-glutathion directement assimilable par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🌾 Fibre d'acacia\u003c\/h3\u003e\n        \u003cp\u003ePrébiotique favorisant l'absorption intestinale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française, traçabilité garantie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eFormule propre, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 1 gélule)\u003c\/h2\u003e\n    \u003cdiv class=\"glt-grid-compact\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e💊 L-glutathion\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e50 mg\u003c\/strong\u003e — forme réduite bioassimilable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🌾 Fibre d'acacia\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e — prébiotique naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🌱 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eHypromellose d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e✅ Convient à tous\u003c\/h3\u003e\n        \u003cp\u003eSans gluten, sans lactose, vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"glt-timeline\"\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez une gélule avec un grand verre d'eau, de préférence pendant le repas principal pour une meilleure assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003eCure de 2 mois\u003c\/h3\u003e\n          \u003cp\u003eLe pilulier de 60 gélules permet une cure complète de 2 mois, idéale pour ressentir les premiers bénéfices.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003eProlonger jusqu'à 3 mois\u003c\/h3\u003e\n          \u003cp\u003ePour des effets visibles sur la vitalité ou l'éclat du teint, une cure de 2 à 3 mois est généralement conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003eRenouveler aux changements de saison\u003c\/h3\u003e\n          \u003cp\u003eÀ renouveler selon vos besoins, notamment aux changements de saison pour accompagner votre organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eGlutathion : y a-t-il un danger ?\u003c\/h2\u003e\n    \u003cdiv class=\"glt-testimonial\"\u003e\n      \u003cp class=\"glt-testimonial-text\"\u003eÀ la dose recommandée, le \u003cstrong\u003eglutathion\u003c\/strong\u003e est bien toléré. La question du \u003cstrong\u003eglutathion et danger\u003c\/strong\u003e revient souvent : les risques rapportés concernent surtout les injections à très fortes doses, détournées à des fins cosmétiques, ce qui n'a rien à voir avec une supplémentation orale encadrée comme celle-ci. Respectez simplement la dose journalière indiquée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"glt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"glt-accordion\"\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e⚠️ Dose recommandée\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 1 gélule par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e👶 Tenir hors de portée des enfants\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le produit hors de portée des jeunes enfants pour éviter tout risque d'ingestion accidentelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de traitement en cours ou de pathologie, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .glt-premium {\n    --glt-cream: #f4f7fb;\n    --glt-white: #ffffff;\n    --glt-primary: #c8102e;\n    --glt-primary-dark: #8b0a20;\n    --glt-primary-light: #fde8ec;\n    --glt-secondary: #a8c5e2;\n    --glt-secondary-dark: #5a7ea8;\n    --glt-accent: #2c3e5c;\n    --glt-text: #1a1a1a;\n    --glt-text-light: #5a5a5a;\n    --glt-border: #e0e0e0;\n    --glt-shadow: 0 4px 24px rgba(44, 62, 92, .08);\n    --glt-shadow-lg: 0 12px 48px rgba(44, 62, 92, .15);\n    --glt-radius: 20px;\n    --glt-radius-sm: 12px;\n\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--glt-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--glt-text);\n    line-height: 1.6;\n  }\n\n  .glt-hero {\n    position: relative;\n    background: linear-gradient(135deg, #a8c5e2 0%, #7ea4c9 50%, #c8102e 100%);\n    border-radius: var(--glt-radius);\n    padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n    margin-bottom: clamp(2.5rem, 5vw, 4rem);\n    overflow: hidden;\n    box-shadow: var(--glt-shadow-lg);\n  }\n\n  .glt-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n    opacity: .6;\n  }\n\n  .glt-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .glt-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.25);\n  }\n\n  .glt-subtitle {\n    color: white;\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 600;\n    margin: 0 0 1rem 0;\n    opacity: .95;\n    text-shadow: 0 2px 10px rgba(0,0,0,.2);\n  }\n\n  .glt-description {\n    color: white;\n    font-size: clamp(14px, 2vw, 16px);\n    max-width: 700px;\n    margin: 0 auto;\n    opacity: .95;\n    text-shadow: 0 1px 6px rgba(0,0,0,.15);\n  }\n\n  .glt-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .glt-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: rgba(255,255,255,.95);\n    backdrop-filter: blur(10px);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--glt-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .glt-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .glt-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .glt-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--glt-primary-dark);\n    margin-bottom: clamp(1.25rem, 3vw, 2rem);\n    text-align: center;\n    letter-spacing: -.03em;\n    position: relative;\n    padding-bottom: 1rem;\n  }\n\n  .glt-premium h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: linear-gradient(90deg, var(--glt-primary), var(--glt-secondary-dark));\n    border-radius: 2px;\n  }\n\n  .glt-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--glt-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 780px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .glt-section-intro strong {\n    color: var(--glt-text);\n  }\n\n  .glt-card {\n    background: var(--glt-white);\n    border-radius: var(--glt-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--glt-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .glt-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--glt-shadow-lg);\n    border-color: var(--glt-primary);\n  }\n\n  .glt-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--glt-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .glt-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--glt-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .glt-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .glt-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .glt-grid-compact .glt-card {\n    padding: 1rem;\n  }\n\n  .glt-grid-compact .glt-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .glt-grid-compact .glt-card p {\n    font-size: 12px;\n  }\n\n  .glt-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 820px;\n    margin: 0 auto;\n  }\n\n  .glt-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .glt-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--glt-primary), var(--glt-primary-dark));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(200,16,46,.3);\n  }\n\n  .glt-timeline-content {\n    flex: 1;\n    background: var(--glt-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--glt-radius-sm);\n    box-shadow: var(--glt-shadow);\n  }\n\n  .glt-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--glt-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .glt-timeline-content p {\n    font-size: 14px;\n    color: var(--glt-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .glt-testimonial {\n    background: var(--glt-white);\n    border-radius: var(--glt-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--glt-shadow);\n    border-left: 4px solid var(--glt-primary);\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  .glt-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--glt-text);\n    line-height: 1.8;\n    margin: 0;\n  }\n\n  .glt-testimonial-text strong {\n    color: var(--glt-primary-dark);\n  }\n\n  .glt-accordion {\n    background: var(--glt-white);\n    border-radius: var(--glt-radius);\n    box-shadow: var(--glt-shadow);\n    overflow: hidden;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  .glt-accordion-item {\n    border-bottom: 1px solid var(--glt-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .glt-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .glt-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--glt-primary-dark);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    transition: background .2s ease;\n    background: transparent;\n    border: none;\n    margin: 0;\n  }\n\n  .glt-accordion-header:hover {\n    background: var(--glt-primary-light);\n  }\n\n  .glt-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .glt-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--glt-primary);\n    transition: transform .2s ease;\n  }\n\n  .glt-accordion-item[open] .glt-accordion-header::after {\n    content: '−';\n  }\n\n  .glt-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--glt-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .glt-accordion-content p {\n    margin: 0;\n  }\n\n  @media (max-width: 767px) {\n    .glt-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n\n    .glt-card {\n      padding: 1.125rem;\n    }\n\n    .glt-section {\n      margin-bottom: 1.75rem;\n    }\n\n    .glt-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--glt-radius-sm);\n    }\n\n    .glt-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n\n    .glt-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n\n    .glt-grid-compact {\n      gap: .625rem;\n    }\n\n    .glt-grid-compact .glt-card {\n      padding: .75rem;\n    }\n\n    .glt-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n\n    .glt-timeline-content {\n      padding: .875rem 1rem;\n    }\n\n    .glt-timeline-content h3 {\n      font-size: 14px;\n    }\n\n    .glt-timeline-content p {\n      font-size: 13px;\n    }\n\n    .glt-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n\n    .glt-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n\n    .glt-testimonial {\n      padding: 1.25rem;\n    }\n\n    .glt-testimonial-text {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .glt-card {\n      animation: glt-fadeInUp .5s ease backwards;\n    }\n    .glt-card:nth-child(1) { animation-delay: .05s; }\n    .glt-card:nth-child(2) { animation-delay: .1s; }\n    .glt-card:nth-child(3) { animation-delay: .15s; }\n    .glt-card:nth-child(4) { animation-delay: .2s; }\n    .glt-card:nth-child(5) { animation-delay: .25s; }\n    .glt-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes glt-fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .glt-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55117933707641,"sku":"LC9099","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glutathion-50-mg-60-gelules-laboratoire-code-packshothd.webp?v=1777041832"},{"product_id":"lutea-60-gelules-laboratoire-code","title":"Lutéa - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"lutea-premium\"\u003e\n  \u003cdiv class=\"lutea-hero\"\u003e\n    \u003cdiv class=\"lutea-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lutea-hero-content\"\u003e\n      \u003cdiv class=\"lutea-badges-top\"\u003e\n        \u003cspan class=\"lutea-badge\"\u003e👁️ Vision \u0026amp; Écrans\u003c\/span\u003e\n        \u003cspan class=\"lutea-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n        \u003cspan class=\"lutea-badge\"\u003e🔬 Laboratoire Code\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lutea-hero-title\"\u003eLutéa\u003c\/span\u003e\n      \u003cp class=\"lutea-subtitle\"\u003eLutéine • Zéaxanthine • Myrtille • Thé vert\u003c\/p\u003e\n      \u003cp class=\"lutea-description\"\u003eUne synergie d'actifs naturels pour préserver votre capital visuel face aux écrans et au temps qui passe. 60 gélules végétales de 586 mg.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Lutéa pour votre confort visuel ?\u003c\/h2\u003e\n    \u003cp class=\"lutea-section-intro\"\u003eLa rétine, et plus précisément la macula, concentre naturellement deux pigments essentiels : la \u003cstrong\u003elutéine\u003c\/strong\u003e et la \u003cstrong\u003ezéaxanthine\u003c\/strong\u003e. Ces caroténoïdes agissent comme un filtre protecteur contre la lumière bleue et les radicaux libres.\u003c\/p\u003e\n    \u003cp class=\"lutea-section-intro\"\u003eNotre organisme ne les produit pas : seul un apport alimentaire (légumes verts, œufs) ou via un complément ciblé permet de maintenir des réserves suffisantes. Lutéa répond précisément à ce besoin, avec des dosages pensés pour les personnes soucieuses de leur santé oculaire, notamment en cas de fatigue visuelle liée aux écrans ou de préoccupations liées au vieillissement oculaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-grid\"\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🍵 Extrait de thé vert — 750 mg\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCamellia sinensis\u003c\/em\u003e — riche en EGCG aux propriétés antioxydantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🫐 Myrtille — 480 mg\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e — traditionnellement associée au confort visuel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🌻 Vitamine E naturelle — 24 mg\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger les cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e⚡ Zinc — 12,6 mg\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une vision normale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🌼 Lutéine — 10 mg\u003c\/h3\u003e\n        \u003cp\u003eIssue de la fleur de tagète (œillet d'Inde).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e✨ Zéaxanthine — 2 mg\u003c\/h3\u003e\n        \u003cp\u003eIssue de la fleur de tagète, ratio optimal 5:1.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lutea-tip\"\u003e\n      \u003cspan class=\"lutea-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eLes gélules sont \u003cstrong\u003e100 % végétales\u003c\/strong\u003e, pour une meilleure tolérance digestive et une assimilation optimale des actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003eComment prendre Lutéa ?\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-timeline\"\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au cours du petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le midi\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au cours du déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au cours du dîner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n          \u003cp\u003eSuivez une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lutea-tip\"\u003e\n      \u003cspan class=\"lutea-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUn pilulier de 60 gélules correspond à environ \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Pour un programme complet de 2 mois, prévoyez 3 piluliers.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003ePour qui ce complément est-il conçu ?\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-grid-compact\"\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e💻 Exposés aux écrans\u003c\/h3\u003e\n        \u003cp\u003eTélétravail, gaming, lecture numérique intensive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e👓 Vieillissement oculaire\u003c\/h3\u003e\n        \u003cp\u003eAdultes souhaitant accompagner le vieillissement naturel des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🌱 Approche naturelle\u003c\/h3\u003e\n        \u003cp\u003eRecherche de vision avec actifs naturels et bien dosés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🥗 Alimentation pauvre\u003c\/h3\u003e\n        \u003cp\u003ePersonnes dont l'alimentation est pauvre en légumes verts à feuilles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003eNotre avis d'expert sur Lutéa\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-testimonial\"\u003e\n      \u003cp class=\"lutea-testimonial-text\"\u003e\"Contrairement à de nombreux compléments du marché, Lutéa associe \u003cstrong\u003elutéine + zéaxanthine\u003c\/strong\u003e dans un ratio proche de celui présent naturellement dans la macula (5:1), tout en intégrant des antioxydants complémentaires (thé vert, vitamine E, myrtille). Une formule complète, sobre et cohérente.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-accordion\"\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, adolescents, femmes enceintes et allaitantes. En cas de doute, demandez l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e🍽️ Conseils de prise\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas consommer à jeun, ni associer à un autre produit contenant du thé vert le même jour. Respectez les doses journalières recommandées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e🩺 Mode de vie sain\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément ne remplace pas une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement ou un suivi ophtalmologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière, au sec, à température ambiante, et hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.lutea-premium {\n  --lutea-cream: #f5f8fc;\n  --lutea-white: #ffffff;\n  --lutea-primary: #5a9fd4;\n  --lutea-primary-dark: #2c5f8d;\n  --lutea-primary-light: #e3eef8;\n  --lutea-secondary: #d63230;\n  --lutea-accent: #c41e1a;\n  --lutea-text: #1a1a1a;\n  --lutea-text-light: #5a6b7a;\n  --lutea-border: #d8e2ec;\n  --lutea-shadow: 0 4px 24px rgba(44, 95, 141, .08);\n  --lutea-shadow-lg: 0 12px 48px rgba(44, 95, 141, .18);\n  --lutea-radius: 20px;\n  --lutea-radius-sm: 12px;\n\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lutea-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--lutea-text);\n  line-height: 1.6;\n}\n\n.lutea-premium * { box-sizing: border-box; }\n\n\/* === HERO === *\/\n.lutea-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5a9fd4 0%, #2c5f8d 55%, #d63230 100%);\n  border-radius: var(--lutea-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lutea-shadow-lg);\n}\n\n.lutea-hero-pattern {\n  position: absolute;\n  inset: 0;\n  opacity: .08;\n  background-image:\n    radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n    radial-gradient(circle at 80% 70%, #fff 2px, transparent 3px),\n    radial-gradient(circle at 50% 50%, #fff 1px, transparent 2px);\n  background-size: 80px 80px, 120px 120px, 40px 40px;\n}\n\n.lutea-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lutea-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lutea-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  letter-spacing: .05em;\n  margin: 0 0 1.25rem 0;\n  text-transform: uppercase;\n}\n\n.lutea-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.lutea-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lutea-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lutea-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lutea-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.lutea-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.lutea-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lutea-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lutea-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lutea-primary), var(--lutea-secondary));\n  border-radius: 2px;\n}\n\n.lutea-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lutea-text-light);\n  margin: 0 auto 1rem;\n  max-width: 720px;\n  line-height: 1.75;\n}\n\n.lutea-section-intro strong { color: var(--lutea-primary-dark); }\n\n\/* === CARDS === *\/\n.lutea-card {\n  background: var(--lutea-white);\n  border-radius: var(--lutea-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lutea-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lutea-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lutea-shadow-lg);\n  border-color: var(--lutea-primary);\n}\n\n.lutea-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lutea-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lutea-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lutea-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lutea-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lutea-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lutea-grid-compact .lutea-card { padding: 1rem; }\n.lutea-grid-compact .lutea-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.lutea-grid-compact .lutea-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.lutea-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.lutea-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lutea-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lutea-primary), var(--lutea-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(44, 95, 141, .3);\n}\n\n.lutea-timeline-content {\n  flex: 1;\n  background: var(--lutea-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lutea-radius-sm);\n  box-shadow: var(--lutea-shadow);\n}\n\n.lutea-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lutea-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lutea-timeline-content p {\n  font-size: 14px;\n  color: var(--lutea-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lutea-testimonial {\n  background: var(--lutea-white);\n  border-radius: var(--lutea-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lutea-shadow);\n  border-left: 4px solid var(--lutea-secondary);\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.lutea-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lutea-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.lutea-testimonial-text strong { color: var(--lutea-primary-dark); font-style: normal; }\n\n\/* === ACCORDÉON === *\/\n.lutea-accordion {\n  background: var(--lutea-white);\n  border-radius: var(--lutea-radius);\n  box-shadow: var(--lutea-shadow);\n  overflow: hidden;\n}\n\n.lutea-accordion-item {\n  border-bottom: 1px solid var(--lutea-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lutea-accordion-item:last-child { border-bottom: none; }\n\n.lutea-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lutea-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.lutea-accordion-header:hover { background: var(--lutea-primary-light); }\n.lutea-accordion-header::-webkit-details-marker { display: none; }\n\n.lutea-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--lutea-primary);\n  transition: transform .2s ease;\n}\n\n.lutea-accordion-item[open] .lutea-accordion-header::after { content: '−'; }\n\n.lutea-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lutea-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lutea-accordion-content p { margin: 0; }\n\n\/* === TIP BOX === *\/\n.lutea-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lutea-primary-light);\n  border-radius: var(--lutea-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.lutea-tip-icon { font-size: 24px; flex-shrink: 0; }\n\n.lutea-tip p {\n  font-size: 14px;\n  color: var(--lutea-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lutea-tip strong { color: var(--lutea-primary-dark); }\n\n\/* === MOBILE === *\/\n@media (max-width: 767px) {\n  .lutea-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .lutea-card { padding: 1.125rem; }\n  .lutea-section { margin-bottom: 1.75rem; }\n  .lutea-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--lutea-radius-sm); }\n  .lutea-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .lutea-premium h2::after { width: 40px; height: 3px; }\n  .lutea-grid-compact { gap: .625rem; }\n  .lutea-grid-compact .lutea-card { padding: .75rem; }\n  .lutea-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .lutea-timeline-content { padding: .875rem 1rem; }\n  .lutea-timeline-content h3 { font-size: 14px; }\n  .lutea-timeline-content p { font-size: 13px; }\n  .lutea-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .lutea-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  .lutea-testimonial { padding: 1.25rem; }\n  .lutea-testimonial-text { font-size: 14px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lutea-card { animation: fadeInUp .5s ease backwards; }\n  .lutea-card:nth-child(1) { animation-delay: .05s; }\n  .lutea-card:nth-child(2) { animation-delay: .1s; }\n  .lutea-card:nth-child(3) { animation-delay: .15s; }\n  .lutea-card:nth-child(4) { animation-delay: .2s; }\n  .lutea-card:nth-child(5) { animation-delay: .25s; }\n  .lutea-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lutea-premium * {\n    animation-duration: .01ms !important;\n    transition-duration: .01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55117984792953,"sku":"LC9104","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lutea-60-gelules-laboratoire-code_1.webp?v=1776699896"},{"product_id":"coq10-60-gelules-laboratoire-code","title":"Coenzyme Q10 (CoQ10 ubiquinone) - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"cq-premium\"\u003e\n  \u003cdiv class=\"cq-hero\"\u003e\n    \u003cdiv class=\"cq-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cq-hero-content\"\u003e\n      \u003cdiv class=\"cq-badges-top\"\u003e\n        \u003cspan class=\"cq-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cq-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cq-badge\"\u003e⚡ 100 mg CoQ10\u003c\/span\u003e\n        \u003cspan class=\"cq-badge\"\u003e🛡️ Vitamine E\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cq-hero-title\"\u003eCoenzyme Q10\u003c\/span\u003e\n      \u003cp class=\"cq-subtitle\"\u003eCoQ10 ubiquinone + Vitamine E naturelle\u003c\/p\u003e\n      \u003cp class=\"cq-description\"\u003e60 gélules végétales hautement biodisponibles pour soutenir votre énergie cellulaire et lutter contre le stress oxydatif au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cq-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits de la Coenzyme Q10 ?\u003c\/h2\u003e\n    \u003cp class=\"cq-section-intro\"\u003eLes bienfaits du Coenzyme Q10 sont étudiés depuis plusieurs décennies. Présente dans les mitochondries, véritables centrales énergétiques de nos cellules, la CoQ10 participe activement à la transformation des nutriments en énergie utilisable.\u003c\/p\u003e\n    \u003cdiv class=\"cq-grid\"\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e⚡ Énergie cellulaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient la production d'énergie au cœur de chaque cellule, particulièrement dans le cœur, le foie et les muscles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLutte contre le stress oxydatif, facteur reconnu du vieillissement prématuré des cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e✨ Vitalité après 40 ans\u003c\/h3\u003e\n        \u003cp\u003eCompense la baisse naturelle de production de CoQ10 qui débute dès la trentaine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🏃 Personnes actives\u003c\/h3\u003e\n        \u003cp\u003eComplément idéal pour les sportifs et toute personne en demande d'énergie au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cq-section\"\u003e\n    \u003ch2\u003eUne synergie unique avec la vitamine E naturelle\u003c\/h2\u003e\n    \u003cp class=\"cq-section-intro\"\u003eCette formule combine la CoQ10 à de la vitamine E d'origine naturelle, deux antioxydants complémentaires qui se renforcent mutuellement.\u003c\/p\u003e\n    \u003cdiv class=\"cq-grid-compact\"\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🔬 Protection mutuelle\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine E protège la CoQ10 de l'oxydation pour préserver toute son efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e💧 Action membranaire\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'action de la CoQ10 directement sur les membranes cellulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e💯 100% des VNR\u003c\/h3\u003e\n        \u003cp\u003eChaque dose journalière couvre 100% des Valeurs Nutritionnelles de Référence en vitamine E.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eVitamine E d'origine naturelle, mieux assimilée que les versions synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cq-section\"\u003e\n    \u003ch2\u003eUne fabrication française de haute qualité\u003c\/h2\u003e\n    \u003cp class=\"cq-section-intro\"\u003eLa Coenzyme Q10 ubiquinone du Laboratoire Code est obtenue par fermentation bactérienne naturelle, un procédé garantissant une pureté optimale et une excellente assimilation.\u003c\/p\u003e\n    \u003cdiv class=\"cq-grid\"\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🧪 Fermentation naturelle\u003c\/h3\u003e\n        \u003cp\u003eProcédé de fermentation bactérienne naturelle pour une pureté et une assimilation optimales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003e100% végétales (pullulan), sans gélatine animale. Adapté aux régimes végétariens et vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France avec une traçabilité rigoureuse à chaque étape de production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cq-section\"\u003e\n    \u003ch2\u003eComment prendre la Coenzyme Q10 ?\u003c\/h2\u003e\n    \u003cdiv class=\"cq-timeline\"\u003e\n      \u003cdiv class=\"cq-timeline-item\"\u003e\n        \u003cdiv class=\"cq-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cq-timeline-content\"\u003e\n          \u003ch3\u003e2 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003ePrendre 2 gélules par jour avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-timeline-item\"\u003e\n        \u003cdiv class=\"cq-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cq-timeline-content\"\u003e\n          \u003ch3\u003eAu cours d'un repas\u003c\/h3\u003e\n          \u003cp\u003eDe préférence pendant un repas contenant des matières grasses pour optimiser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-timeline-item\"\u003e\n        \u003cdiv class=\"cq-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cq-timeline-content\"\u003e\n          \u003ch3\u003eCure d'1 mois\u003c\/h3\u003e\n          \u003cp\u003eCure recommandée de 30 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cq-tip\"\u003e\n      \u003cspan class=\"cq-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eL'association avec un repas riche en bonnes graisses (avocat, huile d'olive, oléagineux) améliore significativement l'absorption de la CoQ10.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cq-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"cq-section-intro\"\u003e\u003cstrong\u003ePour 2 gélules (dose journalière) :\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cdiv class=\"cq-grid-compact\"\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e⚡ CoQ10 ubiquinone\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e de Coenzyme Q10 hautement biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e (100% des VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e🌾 Fibres d'acacia\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e464 mg\u003c\/strong\u003e d'excipient naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cq-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n        \u003cp\u003eGélule en \u003cstrong\u003epullulan\u003c\/strong\u003e 100% végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cq-tip\"\u003e\n      \u003cspan class=\"cq-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eSans OGM, sans gluten, sans lactose, sans additifs controversés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cq-section\"\u003e\n    \u003ch2\u003eCoenzyme Q10 : danger ou précautions à connaître ?\u003c\/h2\u003e\n    \u003cdiv class=\"cq-testimonial\"\u003e\n      \u003cp class=\"cq-testimonial-text\"\u003eLa CoQ10 est généralement très bien tolérée et ne présente pas de danger aux doses recommandées. Toutefois, quelques précautions s'imposent : si vous suivez un traitement anticoagulant, antihypertenseur ou un traitement par statines, demandez conseil à votre médecin avant la prise. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. \u003cstrong\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un traitement médical.\u003c\/strong\u003e Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cq-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"cq-accordion\"\u003e\n      \u003cdetails class=\"cq-accordion-item\" open\u003e\n        \u003csummary class=\"cq-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n        \u003cdiv class=\"cq-accordion-content mt-3\"\u003e\n          \u003cp\u003ePilulier de 60 gélules végétales de 375 mg.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cq-accordion-item\"\u003e\n        \u003csummary class=\"cq-accordion-header\"\u003e⏱️ Durée de la cure\u003c\/summary\u003e\n        \u003cdiv class=\"cq-accordion-content mt-3\"\u003e\n          \u003cp\u003e30 jours de cure à raison de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cq-accordion-item\"\u003e\n        \u003csummary class=\"cq-accordion-header\"\u003e⚖️ Poids net\u003c\/summary\u003e\n        \u003cdiv class=\"cq-accordion-content mt-3\"\u003e\n          \u003cp\u003e22,5 g.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cq-accordion-item\"\u003e\n        \u003csummary class=\"cq-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"cq-accordion-content mt-3\"\u003e\n          \u003cp\u003eFabriqué en France avec une traçabilité rigoureuse à chaque étape.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cq-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cq-cream: #f5f8fc;\n  --cq-white: #ffffff;\n  --cq-primary: #d63846;\n  --cq-primary-dark: #a8222e;\n  --cq-primary-light: #fdeaec;\n  --cq-secondary: #2b6cb0;\n  --cq-secondary-dark: #1e4d80;\n  --cq-secondary-light: #e3f0fa;\n  --cq-accent: #f59e0b;\n  --cq-text: #1a1a1a;\n  --cq-text-light: #5a5a5a;\n  --cq-border: #e0e0e0;\n  --cq-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cq-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cq-radius: 20px;\n  --cq-radius-sm: 12px;\n}\n\n.cq-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cq-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cq-text);\n  line-height: 1.6;\n}\n\n.cq-premium *, .cq-premium *::before, .cq-premium *::after {\n  box-sizing: border-box;\n}\n\n.cq-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2b6cb0 0%, #d63846 60%, #a8222e 100%);\n  border-radius: var(--cq-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cq-shadow-lg);\n}\n\n.cq-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.cq-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cq-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n  line-height: 1.1;\n}\n\n.cq-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.cq-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  margin: 0 auto;\n  max-width: 700px;\n  line-height: 1.6;\n  opacity: .9;\n}\n\n.cq-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cq-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cq-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cq-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cq-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cq-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cq-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cq-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cq-primary), var(--cq-secondary));\n  border-radius: 2px;\n}\n\n.cq-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cq-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cq-card {\n  background: var(--cq-white);\n  border-radius: var(--cq-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cq-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cq-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cq-shadow-lg);\n  border-color: var(--cq-primary);\n}\n\n.cq-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cq-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cq-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cq-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cq-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cq-grid-compact .cq-card {\n  padding: 1rem;\n}\n\n.cq-grid-compact .cq-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cq-grid-compact .cq-card p {\n  font-size: 12px;\n}\n\n.cq-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cq-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cq-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cq-primary), var(--cq-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(214,56,70,.3);\n}\n\n.cq-timeline-content {\n  flex: 1;\n  background: var(--cq-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cq-radius-sm);\n  box-shadow: var(--cq-shadow);\n}\n\n.cq-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cq-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cq-timeline-content p {\n  font-size: 14px;\n  color: var(--cq-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cq-testimonial {\n  background: var(--cq-white);\n  border-radius: var(--cq-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cq-shadow);\n  border-left: 4px solid var(--cq-primary);\n}\n\n.cq-testimonial-text {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--cq-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.cq-accordion {\n  background: var(--cq-white);\n  border-radius: var(--cq-radius);\n  box-shadow: var(--cq-shadow);\n  overflow: hidden;\n}\n\n.cq-accordion-item {\n  border-bottom: 1px solid var(--cq-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cq-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cq-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cq-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cq-accordion-header:hover {\n  background: var(--cq-primary-light);\n}\n\n.cq-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cq-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cq-primary);\n  transition: transform .2s ease;\n}\n\n.cq-accordion-item[open] .cq-accordion-header::after {\n  content: '−';\n}\n\n.cq-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cq-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cq-accordion-content p {\n  margin: 0;\n}\n\n.cq-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cq-secondary-light);\n  border-radius: var(--cq-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 3px solid var(--cq-secondary);\n}\n\n.cq-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.cq-tip p {\n  font-size: 14px;\n  color: var(--cq-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cq-disclaimer {\n  font-size: 12px;\n  color: var(--cq-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cq-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cq-card {\n    padding: 1.125rem;\n  }\n  .cq-section {\n    margin-bottom: 1.75rem;\n  }\n  .cq-hero {\n    padding: 2.25rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cq-radius-sm);\n  }\n  .cq-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cq-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cq-grid-compact {\n    gap: .625rem;\n  }\n  .cq-grid-compact .cq-card {\n    padding: .75rem;\n  }\n  .cq-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cq-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cq-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cq-timeline-content p {\n    font-size: 13px;\n  }\n  .cq-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cq-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .cq-testimonial {\n    padding: 1.25rem;\n  }\n  .cq-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cq-card {\n    animation: cqFadeInUp .5s ease backwards;\n  }\n  .cq-card:nth-child(1) { animation-delay: .05s; }\n  .cq-card:nth-child(2) { animation-delay: .1s; }\n  .cq-card:nth-child(3) { animation-delay: .15s; }\n  .cq-card:nth-child(4) { animation-delay: .2s; }\n  .cq-card:nth-child(5) { animation-delay: .25s; }\n  .cq-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cqFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cq-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55120624845177,"sku":"LC9030","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coenzyme-q10-coq10-ubiquinone-60-gelules-laboratoire-code-packshothd_35c7efc6-40b2-4c17-a70a-62db76ee8074.webp?v=1778595476"},{"product_id":"liporyz-huile-de-son-de-riz-90-capsules-lt-labo","title":"Liporyz 90 capsules - Huile de son de riz pour Réguler le Cholestérol - LT Labo","description":"\u003cdiv class=\"lipo-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lipo-hero\"\u003e\n    \u003cdiv class=\"lipo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lipo-hero-content\"\u003e\n      \u003cdiv class=\"lipo-badges-top\"\u003e\n        \u003cspan class=\"lipo-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"lipo-badge\"\u003e📜 Brevet déposé\u003c\/span\u003e\n        \u003cspan class=\"lipo-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lipo-badge\"\u003e💊 90 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lipo-hero-title\"\u003eLipOryz - Huile de son de riz\u003c\/span\u003e\n      \u003cp class=\"lipo-subtitle\"\u003eComplexe breveté pour réguler le cholestérol naturellement\u003c\/p\u003e\n      \u003cp class=\"lipo-description\"\u003eConcentrée en phytostérols, vitamine E naturelle, chrome \u0026amp; zinc. Agit sur le cholestérol sanguin et protège vos cellules du stress oxydatif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eLipOryz : l'huile de son de riz concentrée en phytostérols\u003c\/h2\u003e\n    \u003cp class=\"lipo-section-intro\"\u003eVous cherchez un \u003cstrong\u003eanti-cholestérol naturel sans statine\u003c\/strong\u003e ? \u003cstrong\u003eLipOryz\u003c\/strong\u003e de LT Labo est un complément alimentaire breveté à base d'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e, concentrée en phytostérols, vitamine E naturelle, chrome et zinc.\u003c\/p\u003e\n    \u003cdiv class=\"lipo-grid-compact\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e❤️ Cholestérol sanguin\u003c\/h3\u003e\n        \u003cp\u003eMaintien d'un taux de cholestérol normal grâce aux phytostérols\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🛡️ Stress oxydatif\u003c\/h3\u003e\n        \u003cp\u003eProtection des cellules grâce à la vitamine E naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🫀 Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eUn allié précieux pour votre système cardiovasculaire au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eFormule brevetée à base d'huile de son de riz concentrée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-tip\"\u003e\n      \u003cspan class=\"lipo-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eNouveau packaging, même formule :\u003c\/strong\u003e LT Labo a récemment rafraîchi le design du flacon LipOryz. Rassurez-vous, la \u003cstrong\u003eformule brevetée reste strictement identique\u003c\/strong\u003e et conserve toute son efficacité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de son de riz LipOryz ?\u003c\/h2\u003e\n    \u003cp class=\"lipo-section-intro\"\u003eL'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e est extraite de l'enveloppe du grain de riz, la partie la plus riche en nutriments. LipOryz utilise un \u003cstrong\u003ecomplexe breveté\u003c\/strong\u003e qui concentre les actifs pour une efficacité optimale.\u003c\/p\u003e\n    \u003cdiv class=\"lipo-grid\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🌱 Phytostérols\u003c\/h3\u003e\n        \u003cp\u003eContribuent au maintien d'un taux de cholestérol sanguin normal en limitant l'absorption du cholestérol alimentaire au niveau intestinal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant qui protège les cellules contre le stress oxydatif, un facteur clé du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003eParticipe au métabolisme normal des macronutriments, notamment des glucides et des lipides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n        \u003cp\u003eSoutient le système immunitaire et contribue au métabolisme des acides gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-tip\"\u003e\n      \u003cspan class=\"lipo-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement aux huiles végétales classiques, l'huile de son de riz renferme naturellement du \u003cstrong\u003egamma-oryzanol\u003c\/strong\u003e, des phytostérols et des tocotriénols, reconnus pour leur action bénéfique sur le métabolisme lipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eComposition détaillée — pour 3 capsules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-grid\"\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1 420 mg\u003c\/strong\u003e\u003cbr\u003eComplexe breveté concentré\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e🌱 Phytostérols\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e510 mg\u003c\/strong\u003e\u003cbr\u003eActifs sur le cholestérol\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e (d-alpha-tocophérol)\u003cbr\u003e\u003cspan class=\"lipo-vnr\"\u003e100 % des VNR\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e\u003cbr\u003e\u003cspan class=\"lipo-vnr\"\u003e100 % des VNR\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e25 µg\u003c\/strong\u003e\u003cbr\u003e\u003cspan class=\"lipo-vnr\"\u003e62,5 % des VNR\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-tip\"\u003e\n      \u003cspan class=\"lipo-tip-icon\"\u003e💊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eListe complète des ingrédients :\u003c\/strong\u003e huile de son de riz concentrée en phytostérols, tunique d'origine marine (gélatine de poisson, glycérine, eau), vitamine E naturelle (d-alpha-tocophérol issu de tournesol), gluconate de zinc, chlorure de chrome. \u003cstrong\u003eSans levure de riz rouge\u003c\/strong\u003e, sans OGM, sans conservateurs. Flacon de \u003cstrong\u003e90 capsules\u003c\/strong\u003e, soit \u003cstrong\u003e1 mois de cure\u003c\/strong\u003e à raison de 3 capsules par jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-timeline\"\u003e\n      \u003cdiv class=\"lipo-timeline-item\"\u003e\n        \u003cdiv class=\"lipo-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lipo-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e : \u003cstrong\u003e1 le matin, 1 le midi et 1 le soir\u003c\/strong\u003e, au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-timeline-item\"\u003e\n        \u003cdiv class=\"lipo-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lipo-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption optimale\u003c\/h3\u003e\n          \u003cp\u003eLa prise pendant le repas favorise l'absorption des actifs liposolubles comme la vitamine E et les phytostérols.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-timeline-item\"\u003e\n        \u003cdiv class=\"lipo-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lipo-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour un \u003cstrong\u003etraitement naturel du cholestérol\u003c\/strong\u003e efficace, une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e est conseillée, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse LipOryz ?\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-grid-compact\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e📊 Cholestérol \u0026amp; triglycérides\u003c\/h3\u003e\n        \u003cp\u003eMaintenir un taux de cholestérol et de triglycérides dans les normes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n        \u003cp\u003eAdopter un traitement cholestérol naturel en complément d'une hygiène de vie équilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-âge cellulaire\u003c\/h3\u003e\n        \u003cp\u003eProtéger votre organisme du stress oxydatif lié à l'âge ou au mode de vie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🫀 Santé du cœur\u003c\/h3\u003e\n        \u003cp\u003eSoutenir votre santé cardiovasculaire de manière douce et naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-card lipo-card-quality\"\u003e\n      \u003cp\u003e\u003cstrong\u003eLipOryz\u003c\/strong\u003e est fabriqué en France par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, un laboratoire spécialisé dans les compléments alimentaires naturels. La formule est protégée par un \u003cstrong\u003ebrevet déposé\u003c\/strong\u003e, gage de son originalité et de son sérieux. Les matières premières sont rigoureusement sélectionnées et les produits finis contrôlés selon les normes européennes en vigueur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-grid-compact lipo-quality-badges\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire LT Labo\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e📜 Brevet déposé\u003c\/h3\u003e\n        \u003cp\u003eFormule exclusive et protégée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e✅ Normes européennes\u003c\/h3\u003e\n        \u003cp\u003eContrôle qualité rigoureux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🔎 Traçabilité\u003c\/h3\u003e\n        \u003cp\u003eMatières premières sélectionnées\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"lipo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-accordion\"\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e⚠️ Avertissements du fabricant\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain\u003c\/strong\u003e. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e🩺 Personnes sous traitement\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl n'est pas recommandé de consommer plus de \u003cstrong\u003e3 g de phytostérols par jour\u003c\/strong\u003e. Les personnes sous \u003cstrong\u003etraitement hypocholestérolémiant\u003c\/strong\u003e ne devraient consommer ce produit que \u003cstrong\u003esous contrôle médical\u003c\/strong\u003e. Ce produit peut ne pas convenir sur le plan nutritionnel aux femmes enceintes ou allaitantes ainsi qu'aux enfants de moins de 5 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes ainsi qu'aux enfants sans avis médical. En cas de doute, consultez votre médecin ou votre pharmacien avant de débuter la cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lipo-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lipo-cream: #faf8f4;\n  --lipo-white: #ffffff;\n  --lipo-primary: #c4952a;\n  --lipo-primary-dark: #8a6a1b;\n  --lipo-primary-light: #fdf6e8;\n  --lipo-secondary: #d4a93a;\n  --lipo-accent: #e8b830;\n\n  --lipo-text: #1a1a1a;\n  --lipo-text-light: #5a5a5a;\n\n  --lipo-border: #e8e2d6;\n  --lipo-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lipo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lipo-radius: 20px;\n  --lipo-radius-sm: 12px;\n}\n\n.lipo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lipo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lipo-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8a6a1b 0%, #c4952a 45%, #d4a93a 100%);\n  border-radius: var(--lipo-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lipo-shadow-lg);\n}\n\n.lipo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lipo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lipo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lipo-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lipo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lipo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lipo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lipo-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.lipo-description {\n  color: rgba(255,255,255,.82);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.lipo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lipo-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lipo-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lipo-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lipo-primary), var(--lipo-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lipo-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lipo-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lipo-card {\n  background: var(--lipo-white);\n  border-radius: var(--lipo-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lipo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lipo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lipo-shadow-lg);\n  border-color: var(--lipo-primary);\n}\n\n.lipo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lipo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lipo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lipo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD COMPO === *\/\n.lipo-card-compo p strong {\n  font-size: clamp(18px, 3vw, 24px);\n  color: var(--lipo-primary);\n  display: block;\n  margin-bottom: .25rem;\n}\n\n.lipo-vnr {\n  display: inline-block;\n  background: var(--lipo-primary-light);\n  color: var(--lipo-primary-dark);\n  padding: 3px 10px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  margin-top: .35rem;\n}\n\n\/* === CARD QUALITY === *\/\n.lipo-card-quality {\n  text-align: left;\n  margin-bottom: 1.25rem;\n  border-left: 4px solid var(--lipo-primary);\n}\n\n.lipo-card-quality p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--lipo-text);\n  line-height: 1.8;\n}\n\n\/* === GRILLES === *\/\n.lipo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lipo-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lipo-grid-compact .lipo-card {\n  padding: 1rem;\n}\n\n.lipo-grid-compact .lipo-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lipo-grid-compact .lipo-card p {\n  font-size: 12px;\n}\n\n.lipo-quality-badges {\n  margin-top: 0;\n}\n\n\/* === TIMELINE === *\/\n.lipo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lipo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lipo-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lipo-primary), var(--lipo-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lipo-timeline-content {\n  flex: 1;\n  background: var(--lipo-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lipo-radius-sm);\n  box-shadow: var(--lipo-shadow);\n}\n\n.lipo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lipo-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lipo-timeline-content p {\n  font-size: 14px;\n  color: var(--lipo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.lipo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lipo-primary-light);\n  border-radius: var(--lipo-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lipo-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lipo-tip p {\n  font-size: 14px;\n  color: var(--lipo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.lipo-accordion {\n  background: var(--lipo-white);\n  border-radius: var(--lipo-radius);\n  box-shadow: var(--lipo-shadow);\n  overflow: hidden;\n}\n\n.lipo-accordion-item {\n  border-bottom: 1px solid var(--lipo-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lipo-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lipo-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lipo-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lipo-accordion-header:hover {\n  background: var(--lipo-primary-light);\n}\n\n.lipo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lipo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lipo-primary);\n  transition: transform .2s ease;\n}\n\n.lipo-accordion-item[open] .lipo-accordion-header::after {\n  content: '−';\n}\n\n.lipo-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lipo-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lipo-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lipo-disclaimer {\n  font-size: 12px;\n  color: var(--lipo-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lipo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lipo-card {\n    padding: 1.125rem;\n  }\n\n  .lipo-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lipo-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lipo-radius-sm);\n  }\n\n  .lipo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lipo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lipo-grid-compact {\n    gap: .625rem;\n  }\n\n  .lipo-grid-compact .lipo-card {\n    padding: .75rem;\n  }\n\n  .lipo-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lipo-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lipo-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lipo-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lipo-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lipo-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lipo-card-quality {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lipo-card {\n    animation: lipoFadeInUp .5s ease backwards;\n  }\n  .lipo-card:nth-child(1) { animation-delay: .05s; }\n  .lipo-card:nth-child(2) { animation-delay: .1s; }\n  .lipo-card:nth-child(3) { animation-delay: .15s; }\n  .lipo-card:nth-child(4) { animation-delay: .2s; }\n  .lipo-card:nth-child(5) { animation-delay: .25s; }\n  .lipo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lipoFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lipo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55122980766073,"sku":"NBAILTL0008","price":26.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-90-capsules-huile-de-son-de-riz-pour-reguler-le-chol-packshothd.webp?v=1787062972"},{"product_id":"liporyz-huile-de-son-de-riz-180-capsules-lt-labo","title":"Liporyz 180 capsules - Huile de son de riz pour réguler le cholestérol - LT Labo","description":"\u003cdiv class=\"lr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lr-hero\"\u003e\n    \u003cdiv class=\"lr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lr-hero-content\"\u003e\n      \u003cdiv class=\"lr-badges-top\"\u003e\n        \u003cspan class=\"lr-badge\"\u003e🔬 Complexe breveté\u003c\/span\u003e\n        \u003cspan class=\"lr-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lr-badge\"\u003e💊 180 capsules – 60 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lr-hero-title\"\u003eLipOryz 180 capsules\u003c\/span\u003e\n      \u003cp class=\"lr-subtitle\"\u003eHuile de son de riz concentrée par LT Labo\u003c\/p\u003e\n      \u003cp class=\"lr-description\"\u003ePhytostérols, vitamine E naturelle, chrome \u0026amp; zinc – Plus de 100 antioxydants naturels pour accompagner votre équilibre lipidique et cardiovasculaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eLipOryz : l'huile de son de riz concentrée pour le cholestérol et le stress oxydatif\u003c\/h2\u003e\n    \u003cp class=\"lr-section-intro\"\u003eVous cherchez une solution naturelle pour accompagner votre profil lipidique ? \u003cstrong\u003eLipOryz\u003c\/strong\u003e de LT Labo est un complément alimentaire breveté à base d'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e, concentré en phytostérols, vitamine E naturelle, chrome et zinc.\u003c\/p\u003e\n    \u003cdiv class=\"lr-grid-compact\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e💊 180 capsules\u003c\/h3\u003e\n        \u003cp\u003eUn format généreux pour une cure complète de 60 jours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e📉 Équilibre lipidique\u003c\/h3\u003e\n        \u003cp\u003eUne formule pensée pour accompagner votre profil lipidique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🛡️ Stress oxydatif\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger vos cellules grâce à la vitamine E naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🔬 Brevet déposé\u003c\/h3\u003e\n        \u003cp\u003eFormule unique et exclusive développée par LT Labo\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits de l'huile de son de riz ?\u003c\/h2\u003e\n    \u003cp class=\"lr-section-intro\"\u003eL'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e est extraite de la fine pellicule qui entoure le grain de riz. Considérée comme un véritable trésor nutritionnel, elle renferme plus de \u003cstrong\u003e100 antioxydants naturels\u003c\/strong\u003e, dont les gamma-oryzanols, des tocotriénols et de l'acide férulique.\u003c\/p\u003e\n    \u003cdiv class=\"lr-grid\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌾 Gamma-oryzanols\u003c\/h3\u003e\n        \u003cp\u003eDes composés caractéristiques du son de riz, traditionnellement associés au maintien d'un bon métabolisme des lipides, glucides et protides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🧬 Tocotriénols\u003c\/h3\u003e\n        \u003cp\u003eForme rare de vitamine E, appréciée pour ses propriétés antioxydantes, complémentaires des tocophérols classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🍃 Acide férulique\u003c\/h3\u003e\n        \u003cp\u003eUn polyphénol qui contribue à la protection des cellules face au stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-tip\"\u003e\n      \u003cspan class=\"lr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à la levure de riz rouge, l'huile de son de riz ne contient \u003cstrong\u003eaucune monacoline ni citrinine\u003c\/strong\u003e. C'est une alternative végétale intéressante, généralement bien tolérée, pour celles et ceux qui recherchent une approche différente.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir LipOryz 180 capsules ?\u003c\/h2\u003e\n    \u003cdiv class=\"lr-grid\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🔬 Complexe breveté\u003c\/h3\u003e\n        \u003cp\u003eUne formule unique associant huile de son de riz, phytostérols, vitamine E, chrome et zinc pour une approche synergique complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌿 Phytostérols (510 mg\/jour)\u003c\/h3\u003e\n        \u003cp\u003eLes stérols végétaux font partie des ingrédients traditionnellement associés à l'équilibre lipidique dans le cadre d'une alimentation variée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome (62 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une glycémie normale et au métabolisme normal des macronutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🛡️ Zinc (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eContribue au métabolisme normal des acides gras et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌱 Qualité maîtrisée\u003c\/h3\u003e\n        \u003cp\u003eUne huile de son de riz obtenue par première pression à froid, dans le respect de la qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eComment prendre LipOryz ?\u003c\/h2\u003e\n    \u003cdiv class=\"lr-timeline\"\u003e\n      \u003cdiv class=\"lr-timeline-item\"\u003e\n        \u003cdiv class=\"lr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lr-timeline-content\"\u003e\n          \u003ch3\u003eMatin – 1 capsule\u003c\/h3\u003e\n          \u003cp\u003ePrenez votre première capsule au petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-timeline-item\"\u003e\n        \u003cdiv class=\"lr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lr-timeline-content\"\u003e\n          \u003ch3\u003eMidi – 1 capsule\u003c\/h3\u003e\n          \u003cp\u003ePrenez la deuxième capsule au cours du déjeuner pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-timeline-item\"\u003e\n        \u003cdiv class=\"lr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lr-timeline-content\"\u003e\n          \u003ch3\u003eSoir – 1 capsule\u003c\/h3\u003e\n          \u003cp\u003eComplétez votre prise quotidienne au dîner. 3 capsules par jour, c'est aussi simple que ça.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-tip\"\u003e\n      \u003cspan class=\"lr-tip-icon\"\u003e📊\u003c\/span\u003e\n      \u003cp\u003eUne boîte de 180 capsules correspond à \u003cstrong\u003e60 jours de cure\u003c\/strong\u003e, une durée adaptée pour un accompagnement dans la durée. Un contrôle sanguin avant et après la cure, avec votre médecin, vous permettra de suivre l'évolution de votre bilan lipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eComposition complète – pour 3 capsules\u003c\/h2\u003e\n    \u003cdiv class=\"lr-grid\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eOryza sativa\u003c\/em\u003e L. — \u003cstrong\u003e1420 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌿 Phytostérols (soja)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e510 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003eD-alpha-tocophérols — \u003cstrong\u003e12 mg\u003c\/strong\u003e (100 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n        \u003cp\u003eLactate de zinc apportant \u003cstrong\u003e10 mg\u003c\/strong\u003e de zinc élément (100 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003ePicolinate de chrome — \u003cstrong\u003e25 µg\u003c\/strong\u003e (62 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e📋 Autres ingrédients\u003c\/h3\u003e\n        \u003cp\u003eCire d'abeille, lécithine de tournesol. Enveloppe : gélatine, glycérol, caramel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lr-accordion\"\u003e\n      \u003cdetails class=\"lr-accordion-item\" open\u003e\n        \u003csummary class=\"lr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, adolescents, femmes enceintes ou allaitantes. Ne pas dépasser \u003cstrong\u003e3 g de stérols végétaux par jour\u003c\/strong\u003e (toutes sources confondues).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lr-accordion-item\"\u003e\n        \u003csummary class=\"lr-accordion-header\"\u003e💊 Traitement médical en cours\u003c\/summary\u003e\n        \u003cdiv class=\"lr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Si vous suivez un traitement hypocholestérolémiant ou tout autre traitement, demandez conseil à votre médecin avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eConservation\u003c\/h2\u003e\n    \u003cdiv class=\"lr-accordion\"\u003e\n      \u003cdetails class=\"lr-accordion-item\" open\u003e\n        \u003csummary class=\"lr-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lr-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez vos capsules dans un endroit sec, à l'abri de la chaleur et de la lumière. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"lr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lr-cta-box\"\u003e\n      \u003cp\u003e🌾 Prenez soin de vous naturellement avec \u003cstrong\u003eLipOryz\u003c\/strong\u003e — 180 capsules d'huile de son de riz brevetée pour 60 jours d'accompagnement au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lr-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lr-cream: #faf8f4;\n  --lr-white: #ffffff;\n  --lr-primary: #c8972e;\n  --lr-primary-dark: #8a6518;\n  --lr-primary-light: #fdf5e6;\n  --lr-secondary: #d4a843;\n  --lr-accent: #e8c45a;\n  --lr-text: #1a1a1a;\n  --lr-text-light: #5a5a5a;\n  --lr-border: #e8e2d6;\n  --lr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lr-radius: 20px;\n  --lr-radius-sm: 12px;\n}\n\n.lr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8a6518 0%, #c8972e 45%, #d4a843 100%);\n  border-radius: var(--lr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lr-shadow-lg);\n}\n\n.lr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.lr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lr-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.lr-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.lr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lr-primary), var(--lr-secondary));\n  border-radius: 2px;\n}\n\n.lr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.lr-section-intro strong {\n  color: var(--lr-primary-dark);\n}\n\n.lr-card {\n  background: var(--lr-white);\n  border-radius: var(--lr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lr-shadow-lg);\n  border-color: var(--lr-primary);\n}\n\n.lr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lr-card p strong {\n  color: var(--lr-text);\n}\n\n.lr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lr-grid-compact .lr-card {\n  padding: 1rem;\n}\n\n.lr-grid-compact .lr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lr-grid-compact .lr-card p {\n  font-size: 12px;\n}\n\n.lr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lr-primary), var(--lr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200,151,46,.3);\n}\n\n.lr-timeline-content {\n  flex: 1;\n  background: var(--lr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lr-radius-sm);\n  box-shadow: var(--lr-shadow);\n}\n\n.lr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lr-timeline-content p {\n  font-size: 14px;\n  color: var(--lr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lr-primary-light);\n  border-radius: var(--lr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lr-tip p {\n  font-size: 14px;\n  color: var(--lr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lr-tip p strong {\n  color: var(--lr-primary-dark);\n}\n\n.lr-testimonial {\n  background: var(--lr-white);\n  border-radius: var(--lr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lr-shadow);\n  border-left: 4px solid var(--lr-primary);\n}\n\n.lr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.lr-accordion {\n  background: var(--lr-white);\n  border-radius: var(--lr-radius);\n  box-shadow: var(--lr-shadow);\n  overflow: hidden;\n}\n\n.lr-accordion-item {\n  border-bottom: 1px solid var(--lr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lr-accordion-header:hover {\n  background: var(--lr-primary-light);\n}\n\n.lr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lr-primary);\n  transition: transform .2s ease;\n}\n\n.lr-accordion-item[open] .lr-accordion-header::after {\n  content: '−';\n}\n\n.lr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lr-accordion-content p {\n  margin: 0;\n}\n\n.lr-accordion-content p strong {\n  color: var(--lr-text);\n}\n\n.lr-cta-box {\n  background: linear-gradient(135deg, var(--lr-primary) 0%, var(--lr-primary-dark) 100%);\n  border-radius: var(--lr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.lr-disclaimer {\n  font-size: 12px;\n  color: var(--lr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .lr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lr-card {\n    padding: 1.125rem;\n  }\n\n  .lr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lr-radius-sm);\n  }\n\n  .lr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lr-grid-compact {\n    gap: .625rem;\n  }\n\n  .lr-grid-compact .lr-card {\n    padding: .75rem;\n  }\n\n  .lr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lr-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lr-tip {\n    padding: .875rem 1rem;\n  }\n\n  .lr-tip-icon {\n    font-size: 20px;\n  }\n\n  .lr-tip p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lr-card {\n    animation: lrFadeInUp .5s ease backwards;\n  }\n  .lr-card:nth-child(1) { animation-delay: .05s; }\n  .lr-card:nth-child(2) { animation-delay: .1s; }\n  .lr-card:nth-child(3) { animation-delay: .15s; }\n  .lr-card:nth-child(4) { animation-delay: .2s; }\n  .lr-card:nth-child(5) { animation-delay: .25s; }\n  .lr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55123079070073,"sku":"NBAILTL0006","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-180-capsules-huile-de-son-de-riz-pour-reguler-le-cho-packshothd_09203cab-d9be-40c1-91ae-d8ab7c9d5ead.webp?v=1787126883"},{"product_id":"vitamine-c-liposomale-30-gelules-sfb-laboratoires","title":"Vitamine C Liposomale - 30 gélules - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale 575 - SFB Laboratoires\nPalette détectée:\n  - Primaire: #1a8273 (vert menthe foncé du logo et branding)\n  - Secondaire: #b8e5de (vert menthe clair du bandeau)\n  - Accent: #ff4d8f (rose fuchsia du badge)\n  - Background: #f8fafa (blanc cassé très clair, minimaliste)\nAmbiance: Scientifique premium \/ Médical \/ Clean \/ Moderne\nStyle: Laboratoire professionnel avec touches de couleur vives pour dynamiser\nType: Complément alimentaire haut de gamme\nPréfixe CSS: vcl\n--\u003e\n\n\u003cdiv class=\"vcl-premium\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"vcl-hero\"\u003e\n    \u003cdiv class=\"vcl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vcl-hero-content\"\u003e\n      \u003cdiv class=\"vcl-badges-top\"\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e💊 30 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vcl-hero-title\"\u003eVitamine C Liposomale 575\u003c\/span\u003e\n      \u003cp class=\"vcl-subtitle\"\u003eLa nouvelle génération de vitamine C ultra-assimilable\u003c\/p\u003e\n      \u003cp class=\"vcl-description\"\u003eGrâce à sa technologie d'encapsulation liposomale révolutionnaire, profitez d'une absorption jusqu'à 98% et d'une efficacité incomparable pour booster votre immunité, réduire la fatigue et protéger vos cellules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Dosage Section --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e💪 Un dosage puissant et optimal\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-dosage-card\"\u003e\n      \u003cdiv class=\"vcl-dosage-visual\"\u003e\n        \u003cspan class=\"vcl-dosage-number\"\u003e575\u003c\/span\u003e\n        \u003cspan class=\"vcl-dosage-unit\"\u003emg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-dosage-content\"\u003e\n        \u003cp class=\"vcl-dosage-title\"\u003eVitamine C hautement concentrée\u003c\/p\u003e\n        \u003cp class=\"vcl-dosage-desc\"\u003eUne dose quotidienne qui couvre largement vos besoins journaliers pour une efficacité maximale sur votre système immunitaire, votre niveau d'énergie et la protection de vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Bienfaits Section --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e⚡ Énergie \u0026amp; vitalité\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eDiminue la fatigue passagère et soutient la résistance de votre organisme au quotidien. Retrouvez tonus et dynamisme naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e🛡️ Immunité renforcée\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eAide à maintenir des défenses naturelles efficaces, notamment lors des changements de saison ou des périodes sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e🔒 Protection cellulaire\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eLutte activement contre le stress oxydatif et ralentit le vieillissement prématuré de vos cellules grâce à son pouvoir antioxydant puissant.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e✨ Peau \u0026amp; collagène\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eFavorise une peau plus ferme et éclatante en stimulant la synthèse naturelle du collagène pour la peau, les os et les cartilages.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Technologie Liposomale --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🔬 La révolution liposomale\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-tech-box\"\u003e\n      \u003cdiv class=\"vcl-tech-content\"\u003e\n        \u003cp class=\"vcl-tech-title\"\u003eUne absorption jusqu'à 3 fois supérieure\u003c\/p\u003e\n        \u003cp class=\"vcl-tech-desc\"\u003eLa technologie d'encapsulation liposomale protège la vitamine C dans des microbulles de phospholipides naturels. Résultat : une assimilation jusqu'à 98%, une protection optimale dans le système digestif et une libération progressive dans l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-tech-stats\"\u003e\n        \u003cdiv class=\"vcl-stat\"\u003e\n          \u003cspan class=\"vcl-stat-number\"\u003e98%\u003c\/span\u003e\n          \u003cspan class=\"vcl-stat-label\"\u003ed'absorption\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-stat\"\u003e\n          \u003cspan class=\"vcl-stat-number\"\u003e3x\u003c\/span\u003e\n          \u003cspan class=\"vcl-stat-label\"\u003eplus efficace\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-stat\"\u003e\n          \u003cspan class=\"vcl-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"vcl-stat-label\"\u003etolérance digestive\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Composition Section --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🧪 Composition \u0026amp; ingrédients\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003cdiv class=\"vcl-ingredient-header\"\u003e\n          \u003cdiv class=\"vcl-card-icon\"\u003e🍊\u003c\/div\u003e\n          \u003cspan class=\"vcl-card-title\"\u003eVitamine C\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"vcl-ingredient-dose\"\u003e575 mg \/ dose\u003c\/p\u003e\n        \u003cp class=\"vcl-card-text\"\u003eAscorbate de sodium de qualité pharmaceutique. Contribue au fonctionnement normal du système immunitaire et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003cdiv class=\"vcl-ingredient-header\"\u003e\n          \u003cdiv class=\"vcl-card-icon\"\u003e🔬\u003c\/div\u003e\n          \u003cspan class=\"vcl-card-title\"\u003ePhospholipides naturels\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"vcl-ingredient-dose\"\u003eLiposomes\u003c\/p\u003e\n        \u003cp class=\"vcl-card-text\"\u003eAssurent l'encapsulation et permettent une assimilation jusqu'à 3 fois supérieure à celle de la vitamine C classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vcl-quality-banner\"\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans OGM\u003c\/span\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans additifs artificiels\u003c\/span\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans conservateurs\u003c\/span\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Gélules végétales\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Mode d'emploi --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-usage-box\"\u003e\n      \u003cdiv class=\"vcl-usage-main\"\u003e\n        \u003cdiv class=\"vcl-usage-text\"\u003e\n          \u003cp class=\"vcl-usage-title\"\u003e💊 1 dose par jour\u003c\/p\u003e\n          \u003cp class=\"vcl-usage-desc\"\u003ePrendre 1 dose (575 mg) le matin à jeun ou avant un repas pour une assimilation optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-usage-details\"\u003e\n        \u003cdiv class=\"vcl-usage-item\"\u003e\n          \u003cspan class=\"vcl-usage-label\"\u003e👤 Public :\u003c\/span\u003e\n          \u003cspan class=\"vcl-usage-value\"\u003eAdultes et adolescents dès 12 ans\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-usage-item\"\u003e\n          \u003cspan class=\"vcl-usage-label\"\u003e📦 Contenance :\u003c\/span\u003e\n          \u003cspan class=\"vcl-usage-value\"\u003e30 gélules végétales\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-usage-item\"\u003e\n          \u003cspan class=\"vcl-usage-label\"\u003e⏱️ Durée :\u003c\/span\u003e\n          \u003cspan class=\"vcl-usage-value\"\u003e1 mois de cure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003cdiv class=\"vcl-warning-box\"\u003e\n      \u003cdiv class=\"vcl-warning-content\"\u003e\n        \u003cp class=\"vcl-warning-title\"\u003e⚠️ Précautions d'emploi\u003c\/p\u003e\n        \u003cp class=\"vcl-warning-text\"\u003eDemander un avis médical en cas de grossesse, d'allaitement ou de traitement médical en cours.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Pourquoi choisir --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🏆 Pourquoi choisir cette vitamine C liposomale ?\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e01\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eAbsorption optimale\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eJusqu'à 98% d'assimilation grâce à la technologie liposomale révolutionnaire, soit 3 fois plus qu'une vitamine C classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e02\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eTolérance digestive\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eExcellente tolérance, même pour les estomacs sensibles. Pas d'acidité, pas d'inconfort digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e03\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eQualité premium\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eFabriquée en France par SFB Laboratoires, sans OGM, sans additifs artificiels ni conservateurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e04\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eAction globale\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eUn complément complet pour votre énergie, vos défenses immunitaires, la beauté de votre peau et la protection cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA Final --\u003e\n  \u003csection class=\"vcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vcl-cta-box\"\u003e\n      \u003cdiv class=\"vcl-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"vcl-cta-content\"\u003e\n        \u003cp class=\"vcl-cta-title\"\u003eOffrez à votre organisme la vitamine C nouvelle génération\u003c\/p\u003e\n        \u003cp class=\"vcl-cta-text\"\u003eUn concentré d'énergie, de protection et de vitalité au quotidien. Une solution hautement assimilable et douce pour votre digestion, conçue pour vous accompagner vers une santé optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --vcl-cream: #f8fafa;\n  --vcl-white: #ffffff;\n  --vcl-primary: #1a8273;\n  --vcl-primary-dark: #0f5b4f;\n  --vcl-primary-light: #b8e5de;\n  --vcl-secondary: #2ca593;\n  --vcl-accent: #ff4d8f;\n\n  \/* Textes *\/\n  --vcl-text: #1a1a1a;\n  --vcl-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --vcl-border: #e0e0e0;\n  --vcl-shadow: 0 4px 24px rgba(26, 130, 115, 0.08);\n  --vcl-shadow-lg: 0 12px 48px rgba(26, 130, 115, 0.15);\n  --vcl-radius: 20px;\n  --vcl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vcl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vcl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.vcl-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-secondary) 50%, var(--vcl-primary-dark) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--vcl-shadow-lg);\n}\n\n.vcl-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    repeating-linear-gradient(0deg, transparent, transparent 2px, white 2px, white 4px),\n    repeating-linear-gradient(90deg, transparent, transparent 2px, white 2px, white 4px);\n}\n\n.vcl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vcl-badges-top {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.vcl-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, .95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vcl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  transition: all .3s ease;\n}\n\n.vcl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vcl-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n.vcl-subtitle {\n  color: var(--vcl-primary-light);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .15);\n}\n\n.vcl-description {\n  color: rgba(255, 255, 255, .95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, .1);\n}\n\n\/* === SECTIONS === *\/\n.vcl-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vcl-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vcl-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.vcl-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vcl-primary), var(--vcl-secondary));\n  border-radius: 2px;\n}\n\n\/* === DOSAGE CARD === *\/\n.vcl-dosage-card {\n  display: flex;\n  align-items: center;\n  gap: clamp(2rem, 4vw, 3rem);\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-dosage-visual {\n  flex-shrink: 0;\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: linear-gradient(135deg, var(--vcl-primary-light), rgba(184, 229, 222, .3));\n  border-radius: var(--vcl-radius-sm);\n  border: 3px solid var(--vcl-primary);\n}\n\n.vcl-dosage-number {\n  font-size: clamp(48px, 8vw, 72px);\n  font-weight: 900;\n  color: var(--vcl-primary-dark);\n  line-height: 1;\n}\n\n.vcl-dosage-unit {\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 700;\n  color: var(--vcl-primary);\n}\n\n.vcl-dosage-content {\n  flex: 1;\n}\n\n.vcl-dosage-title {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.vcl-dosage-desc {\n  color: var(--vcl-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vcl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.vcl-card {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vcl-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vcl-shadow-lg);\n  border-color: var(--vcl-primary);\n}\n\n.vcl-card-icon {\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 32px;\n  background: var(--vcl-primary-light);\n  border-radius: var(--vcl-radius-sm);\n  margin-bottom: 1rem;\n}\n\n.vcl-card-title {\n  display: block;\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.vcl-card-text {\n  color: var(--vcl-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TECHNOLOGIE BOX === *\/\n.vcl-tech-box {\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  color: white;\n  position: relative;\n  overflow: hidden;\n}\n\n.vcl-tech-content {\n  margin-bottom: 2rem;\n}\n\n.vcl-tech-title {\n  font-size: clamp(22px, 4vw, 28px);\n  font-weight: 800;\n  margin-bottom: 1rem;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.vcl-tech-desc {\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.7;\n  color: rgba(255, 255, 255, .95);\n}\n\n.vcl-tech-stats {\n  display: flex;\n  justify-content: space-around;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.vcl-stat {\n  text-align: center;\n}\n\n.vcl-stat-number {\n  display: block;\n  font-size: clamp(40px, 7vw, 56px);\n  font-weight: 900;\n  color: var(--vcl-accent);\n  line-height: 1;\n  margin-bottom: 0.5rem;\n  text-shadow: 0 4px 16px rgba(0, 0, 0, .2);\n}\n\n.vcl-stat-label {\n  display: block;\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 600;\n  color: var(--vcl-primary-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.vcl-card-ingredient {\n  border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 0.75rem;\n}\n\n.vcl-ingredient-header .vcl-card-icon {\n  width: 56px;\n  height: 56px;\n  font-size: 28px;\n  margin: 0;\n}\n\n.vcl-ingredient-header .vcl-card-title {\n  margin: 0;\n  flex: 1;\n}\n\n.vcl-ingredient-dose {\n  display: inline-block;\n  padding: 6px 14px;\n  background: var(--vcl-accent);\n  color: white;\n  font-size: 14px;\n  font-weight: 800;\n  border-radius: 999px;\n  margin-bottom: 1rem;\n}\n\n\/* === QUALITY BANNER === *\/\n.vcl-quality-banner {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-top: 2rem;\n  padding: 1.5rem;\n  background: var(--vcl-primary-light);\n  border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-quality-item {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--vcl-primary-dark);\n}\n\n\/* === USAGE BOX === *\/\n.vcl-usage-box {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-usage-main {\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  padding-bottom: 2rem;\n  margin-bottom: 2rem;\n  border-bottom: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-usage-icon {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 40px;\n  background: var(--vcl-primary-light);\n  border-radius: 50%;\n}\n\n.vcl-usage-text {\n  flex: 1;\n}\n\n.vcl-usage-title {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.vcl-usage-desc {\n  color: var(--vcl-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  margin: 0;\n}\n\n.vcl-usage-details {\n  display: grid;\n  gap: 1rem;\n}\n\n.vcl-usage-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem;\n  background: var(--vcl-cream);\n  border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-usage-label {\n  font-weight: 700;\n  color: var(--vcl-primary-dark);\n  font-size: 15px;\n}\n\n.vcl-usage-value {\n  font-weight: 600;\n  color: var(--vcl-text-light);\n  font-size: 15px;\n  text-align: right;\n}\n\n\/* === WARNING BOX === *\/\n.vcl-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: #fff8e6;\n  border: 2px solid #ffc107;\n  border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-warning-icon {\n  flex-shrink: 0;\n  font-size: 32px;\n}\n\n.vcl-warning-content {\n  flex: 1;\n}\n\n.vcl-warning-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: #e65100;\n  margin-bottom: 0.5rem;\n}\n\n.vcl-warning-text {\n  font-size: 14px;\n  color: #6d4c00;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === WHY CARDS === *\/\n.vcl-card-why {\n  position: relative;\n  padding-top: clamp(2rem, 4vw, 2.5rem);\n}\n\n.vcl-why-number {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  color: white;\n  background: linear-gradient(135deg, var(--vcl-accent), #ff1d6d);\n  border-radius: 50%;\n  box-shadow: 0 4px 16px rgba(255, 77, 143, .4);\n}\n\n\/* === CTA FINAL === *\/\n.vcl-cta-box {\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vcl-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n    radial-gradient(circle at 80% 80%, white 2px, transparent 2px);\n  background-size: 60px 60px;\n}\n\n.vcl-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.vcl-cta-title {\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n  margin-bottom: 1rem;\n  text-shadow: 0 2px 16px rgba(0, 0, 0, .2);\n}\n\n.vcl-cta-text {\n  color: rgba(255, 255, 255, .95);\n  font-size: clamp(16px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .vcl-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .vcl-dosage-card {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vcl-usage-main {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vcl-usage-item {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  .vcl-usage-value {\n    text-align: center;\n  }\n\n  .vcl-tech-stats {\n    gap: 1.5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vcl-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  .vcl-card:nth-child(1) { animation-delay: .1s; }\n  .vcl-card:nth-child(2) { animation-delay: .2s; }\n  .vcl-card:nth-child(3) { animation-delay: .3s; }\n  .vcl-card:nth-child(4) { animation-delay: .4s; }\n  .vcl-card:nth-child(5) { animation-delay: .5s; }\n  .vcl-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .vcl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .vcl-card {\n    border-width: 3px;\n  }\n  .vcl-badge {\n    border: 2px solid var(--vcl-primary);\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55156481753465,"sku":"SF0085","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sfb_vitamine-c-liposomale-30-gelules_11zon.jpg?v=1758989112"},{"product_id":"spiruline-bio-150-comprimes-aosa-veritable","title":"Spiruline bio - 150 comprimés - Aosa Veritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spiruline bio - 150 comprimés - Aosa Véritable\nPalette détectée:\n  - Primaire: #4A7C34 (vert algue\/nature du packaging)\n  - Secondaire: #6B8E4E (vert clair de l'étiquette)\n  - Accent: #2D5A1E (vert foncé du bouchon)\nAmbiance: Naturel\/Bio, santé, vitalité, écologique, simplicité\nPréfixe CSS: spir\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Qu'est-ce que la spiruline et pourquoi est-elle si prisée ?\"\n  2. \"Composition détaillée de ces comprimés de spiruline bio\"\n  3. \"Les bienfaits concrets de la spiruline au quotidien\"\n  4. \"Comment prendre votre spiruline bio ?\"\n  5. \"Pourquoi choisir cette spiruline bio Aosa Véritable ?\"\n  6. \"À qui s'adresse ce complément alimentaire ?\"\n  7. \"Précautions d'emploi importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"spir-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"spir-hero\"\u003e\n    \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spir-hero-content\"\u003e\n      \u003cdiv class=\"spir-badges-top\"\u003e\n        \u003cspan class=\"spir-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e💪 60-70% protéines\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e🇫🇷 Certifié FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spir-hero-title\"\u003eSpiruline Bio\u003c\/span\u003e\n      \u003cp class=\"spir-subtitle\"\u003e150 comprimés de 500 mg • Aosa Véritable\u003c\/p\u003e\n      \u003cp class=\"spir-description\"\u003eLe superaliment ancestral pour retrouver vitalité et énergie au quotidien. Une source végétale exceptionnelle de protéines et de nutriments essentiels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la spiruline et pourquoi est-elle si prisée ?\u003c\/h2\u003e\n    \u003cp class=\"spir-section-intro\"\u003eSurnommée \u003cstrong\u003e\"l'or bleu\"\u003c\/strong\u003e ou \u003cstrong\u003e\"l'algue miracle\"\u003c\/strong\u003e, la spiruline fascine les nutritionnistes du monde entier depuis des millénaires.\u003c\/p\u003e\n    \u003cdiv class=\"spir-grid-compact\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🌍 3 milliards d'années\u003c\/h3\u003e\n        \u003cp\u003eCyanobactérie microscopique existant depuis l'aube de la vie sur Terre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🥇 60-70% protéines\u003c\/h3\u003e\n        \u003cp\u003eL'une des sources végétales les plus concentrées qui existe\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e✅ Acides aminés essentiels\u003c\/h3\u003e\n        \u003cp\u003eContient les 8 acides aminés que le corps ne peut pas produire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n        \u003cp\u003eProtéines facilement absorbées par l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-tip\"\u003e\n      \u003cspan class=\"spir-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eParticulièrement appréciée des sportifs, végétariens et de toutes les personnes souhaitant compléter leur alimentation naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eComposition détaillée de ces comprimés de spiruline bio\u003c\/h2\u003e\n    \u003cdiv class=\"spir-composition-highlight\"\u003e\n      \u003cdiv class=\"spir-dose-box\"\u003e\n        \u003cspan class=\"spir-dose-number\"\u003e2500 mg\u003c\/span\u003e\n        \u003cspan class=\"spir-dose-label\"\u003ede spiruline bio par jour (5 comprimés)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-grid\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🥩 Protéines complètes\u003c\/h3\u003e\n        \u003cp\u003e60 à 70% de la composition avec les 8 acides aminés essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🩸 Fer biodisponible\u003c\/h3\u003e\n        \u003cp\u003eRéduit la fatigue et soutient le métabolisme énergétique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e⚡ Vitamines B\u003c\/h3\u003e\n        \u003cp\u003eB1, B2, B3, B6 et B12 pour le bon fonctionnement nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant protégeant les cellules du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n        \u003cp\u003ePrécurseur de la vitamine A, bénéfique pour vision et peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n        \u003cp\u003eMagnésium, zinc, calcium et potassium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💙 Phycocyanine\u003c\/h3\u003e\n        \u003cp\u003ePigment bleu aux propriétés antioxydantes remarquables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🌱 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003eFavorise la détoxification naturelle de l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"spir-disclaimer\"\u003e*Produit issu de l'agriculture biologique, certifié FR-BIO-01.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de la spiruline au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid\"\u003e\n      \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n        \u003ch3\u003e⚡ Un allié contre la fatigue\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur exceptionnelle en \u003cstrong\u003efer\u003c\/strong\u003e et en \u003cstrong\u003evitamines B\u003c\/strong\u003e, la spiruline aide votre organisme à produire de l'énergie de manière optimale. Idéale en période de surmenage, convalescence ou baisse de régime.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n        \u003ch3\u003e🛡️ Un soutien pour vos défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eLes antioxydants présents, notamment la \u003cstrong\u003ephycocyanine\u003c\/strong\u003e, participent au renforcement de votre système immunitaire. Parfait aux changements de saison pour mieux résister aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n        \u003ch3\u003e🏃 Un complément idéal pour les sportifs\u003c\/h3\u003e\n        \u003cp\u003eLa richesse en protéines favorise la récupération musculaire après l'effort. De nombreux athlètes l'intègrent pour optimiser leurs performances et réduire les courbatures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n        \u003ch3\u003e⚖️ Un atout pour le contrôle du poids\u003c\/h3\u003e\n        \u003cp\u003eAvec sa haute teneur en protéines, la spiruline procure un effet de satiété naturel. Prise avant les repas, elle aide à modérer l'appétit sans sensation de privation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eComment prendre votre spiruline bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"spir-timeline\"\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cspan class=\"spir-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e5 comprimés par jour\u003c\/strong\u003e pour une efficacité optimale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cspan class=\"spir-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eAu moment des repas\u003c\/strong\u003e, de préférence le matin ou midi pour éviter tout effet stimulant le soir\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cspan class=\"spir-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003eAvalez les comprimés avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-tip\"\u003e\n      \u003cspan class=\"spir-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e si vous découvrez la spiruline, commencez progressivement avec 2 comprimés par jour pendant la première semaine, puis augmentez jusqu'à la dose recommandée. Le pilulier de 150 comprimés vous offre une \u003cstrong\u003ecure complète de 30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette spiruline bio Aosa Véritable ?\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🌿 Certification bio garantie\u003c\/h3\u003e\n        \u003cp\u003eCultivée sans pesticides ni engrais chimiques, dans le respect de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e✨ Pureté optimale\u003c\/h3\u003e\n        \u003cp\u003eSans additifs, sans conservateurs, sans colorants artificiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eLes comprimés sont plus faciles à doser et à transporter que la poudre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🌱 100% végane\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux régimes végétariens et végétaliens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n        \u003cp\u003ePilulier compostable et biodégradable pour limiter l'impact environnemental\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e📏 Dosage maîtrisé\u003c\/h3\u003e\n        \u003cp\u003eChaque comprimé de 500 mg garantit un apport précis et constant\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid-compact\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n        \u003cp\u003eOu en période de convalescence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePour optimiser la récupération\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🥗 Végétariens \u0026amp; végétaliens\u003c\/h3\u003e\n        \u003cp\u003eSource de protéines complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🩸 Personnes carencées en fer\u003c\/h3\u003e\n        \u003cp\u003eFer hautement biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-tip\"\u003e\n      \u003cspan class=\"spir-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eConvient à tous ceux qui souhaitent renforcer leur vitalité de manière naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n    \u003cdiv class=\"spir-accordion\"\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux personnes souffrant de phénylcétonurie (la spiruline contient de la phénylalanine).\u003cbr\u003e\u003cstrong\u003eNon recommandé\u003c\/strong\u003e en cas de maladie rénale ou hépatique sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content\"\u003e\n          \u003cp\u003eDemandez conseil à votre médecin avant de commencer une cure de spiruline.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003e📋 Conseils de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content\"\u003e\n          \u003cp\u003eConservez le pilulier à l'abri de la lumière et de l'humidité, dans un endroit frais. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez scrupuleusement la dose journalière indiquée. En cas de doute ou de traitement médical en cours, consultez un professionnel de santé avant de commencer votre cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --spir-cream: #f8faf6;\n  --spir-white: #ffffff;\n  --spir-primary: #4A7C34;\n  --spir-primary-dark: #2D5A1E;\n  --spir-primary-light: #e8f2e4;\n  --spir-secondary: #6B8E4E;\n  --spir-accent: #8BC34A;\n  --spir-text: #1a1a1a;\n  --spir-text-light: #5a5a5a;\n  --spir-border: #e0e0e0;\n  --spir-shadow: 0 4px 24px rgba(74,124,52,.08);\n  --spir-shadow-lg: 0 12px 48px rgba(45,90,30,.15);\n  --spir-radius: 20px;\n  --spir-radius-sm: 12px;\n}\n\n.spir-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spir-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.spir-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4A7C34 0%, #6B8E4E 50%, #2D5A1E 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.spir-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spir-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.spir-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spir-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spir-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spir-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.spir-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.spir-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spir-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spir-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.spir-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--spir-primary), var(--spir-accent));\n  border-radius: 2px;\n}\n\n.spir-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--spir-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.spir-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--spir-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.spir-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-primary);\n}\n\n.spir-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--spir-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.spir-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--spir-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.spir-card-benefit {\n  text-align: left;\n}\n\n.spir-card-benefit h3 {\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.spir-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.spir-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.spir-grid-compact .spir-card {\n  padding: 1rem;\n}\n\n.spir-grid-compact .spir-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.spir-grid-compact .spir-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.spir-composition-highlight {\n  margin-bottom: 1.5rem;\n}\n\n.spir-dose-box {\n  background: linear-gradient(135deg, var(--spir-primary) 0%, var(--spir-secondary) 100%);\n  border-radius: var(--spir-radius);\n  padding: 1.5rem 2rem;\n  text-align: center;\n  box-shadow: var(--spir-shadow);\n}\n\n.spir-dose-number {\n  display: block;\n  font-size: clamp(36px, 8vw, 52px);\n  font-weight: 900;\n  color: white;\n  letter-spacing: -.03em;\n}\n\n.spir-dose-label {\n  display: block;\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: rgba(255,255,255,.9);\n  font-weight: 600;\n  margin-top: .25rem;\n}\n\n\/* === TIMELINE === *\/\n.spir-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.spir-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.spir-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--spir-primary), var(--spir-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(74,124,52,.3);\n}\n\n.spir-timeline-content {\n  flex: 1;\n  background: var(--spir-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--spir-radius-sm);\n  box-shadow: var(--spir-shadow);\n}\n\n.spir-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.spir-timeline-content p {\n  font-size: 14px;\n  color: var(--spir-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.spir-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--spir-primary-light);\n  border-radius: var(--spir-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--spir-primary);\n}\n\n.spir-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.spir-tip p {\n  font-size: 14px;\n  color: var(--spir-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.spir-accordion {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  box-shadow: var(--spir-shadow);\n  overflow: hidden;\n}\n\n.spir-accordion-item {\n  border-bottom: 1px solid var(--spir-border);\n  margin: 0;\n  padding: 0;\n}\n\n.spir-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.spir-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--spir-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.spir-accordion-header:hover {\n  background: var(--spir-primary-light);\n}\n\n.spir-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.spir-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--spir-primary);\n  transition: transform .2s ease;\n}\n\n.spir-accordion-item[open] .spir-accordion-header::after {\n  content: '−';\n}\n\n.spir-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--spir-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.spir-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.spir-disclaimer {\n  font-size: 12px;\n  color: var(--spir-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .spir-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .spir-card {\n    padding: 1.125rem;\n  }\n  \n  .spir-card-benefit {\n    text-align: center;\n  }\n  \n  .spir-card-benefit h3 {\n    text-align: center;\n  }\n  \n  .spir-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .spir-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--spir-radius-sm);\n  }\n  \n  .spir-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .spir-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .spir-grid-compact {\n    gap: .625rem;\n  }\n  \n  .spir-grid-compact .spir-card {\n    padding: .75rem;\n  }\n  \n  .spir-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .spir-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .spir-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .spir-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .spir-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .spir-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .spir-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .spir-tip-icon {\n    font-size: 20px;\n  }\n  \n  .spir-tip p {\n    font-size: 13px;\n  }\n  \n  .spir-dose-box {\n    padding: 1.25rem 1.5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spir-card {\n    animation: spirFadeInUp .5s ease backwards;\n  }\n  .spir-card:nth-child(1) { animation-delay: .05s; }\n  .spir-card:nth-child(2) { animation-delay: .1s; }\n  .spir-card:nth-child(3) { animation-delay: .15s; }\n  .spir-card:nth-child(4) { animation-delay: .2s; }\n  .spir-card:nth-child(5) { animation-delay: .25s; }\n  .spir-card:nth-child(6) { animation-delay: .3s; }\n  .spir-card:nth-child(7) { animation-delay: .35s; }\n  .spir-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes spirFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .spir-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":55157428027769,"sku":"AV8000","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-150-comprimes-aosa-veritable-packshothd.webp?v=1789735290"},{"product_id":"bibhitaki-bio-poudre-150g-ayurvana","title":"Bibhitaki bio en poudre – 150 g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bibhitaki bio en poudre – 150 g - Ayur-Vana\nPalette détectée:\n  - Primaire: #8B6914 (kraft\/doré du sachet kraft naturel)\n  - Secondaire: #A6366B (magenta\/fuchsia de la bande décorative)\n  - Accent: #7BAA2E (vert des fruits bibhitaki sur l'étiquette)\n  - Fond: #F7F3ED (crème chaud rappelant le kraft)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, tradition indienne, motifs paisley colorés\nPréfixe CSS: bib\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Bibhitaki bio en poudre : le fruit protecteur de l'Ayurveda\"\n  2. \"Les bienfaits de la poudre de bibhitaki\"\n  3. \"Comment utiliser le bibhitaki poudre au quotidien ?\"\n  4. \"Composition\"\n  5. \"Pourquoi choisir la poudre de bibhitaki AYur-vana ?\"\n  6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bib-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"bib-hero\"\u003e\n    \u003cdiv class=\"bib-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bib-hero-content\"\u003e\n      \u003cdiv class=\"bib-badges-top\"\u003e\n        \u003cspan class=\"bib-badge\"\u003e🌿 100 % Bio\u003c\/span\u003e\n        \u003cspan class=\"bib-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"bib-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"bib-badge\"\u003e📦 150 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bib-hero-title\"\u003eBibhitaki bio en poudre\u003c\/span\u003e\n      \u003cp class=\"bib-subtitle\"\u003eLe fruit sacré du Triphala, pilier de l'Ayurveda depuis des millénaires\u003c\/p\u003e\n      \u003cp class=\"bib-description\"\u003eProtégez vos cellules, soutenez votre digestion et renforcez vos défenses naturelles avec cette poudre pure de \u003cem\u003eTerminalia bellerica\u003c\/em\u003e, certifiée biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003eBibhitaki bio en poudre : le fruit protecteur de l'Ayurveda\u003c\/h2\u003e\n    \u003cdiv class=\"bib-intro-card\"\u003e\n      \u003cp\u003eConnaissez-vous le \u003cstrong\u003eBibhitaki\u003c\/strong\u003e ? Ce fruit issu de l'arbre tropical \u003cem\u003eTerminalia bellerica\u003c\/em\u003e est l'un des trois piliers du célèbre \u003cstrong\u003eTriphala\u003c\/strong\u003e, remède ancestral de la médecine ayurvédique. Utilisé depuis des millénaires en Inde, le \u003cstrong\u003ebibhitaki en poudre\u003c\/strong\u003e est aujourd'hui reconnu pour sa richesse exceptionnelle en \u003cstrong\u003etanins, polyphénols et antioxydants\u003c\/strong\u003e naturels.\u003c\/p\u003e\n      \u003cp\u003eAvec ce sachet de \u003cstrong\u003e150 g\u003c\/strong\u003e proposé par AYur-vana, vous disposez d'un complément alimentaire \u003cstrong\u003e100 % bio\u003c\/strong\u003e, fabriqué en France, pour prendre soin de votre organisme au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la poudre de bibhitaki\u003c\/h2\u003e\n    \u003cp class=\"bib-section-intro\"\u003eLe bibhitaki se distingue par un spectre d'action remarquablement large. Voici ses principaux atouts pour votre bien-être :\u003c\/p\u003e\n    \u003cdiv class=\"bib-grid\"\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur élevée en antioxydants, le bibhitaki aide à protéger vos cellules, tissus et organes contre le stress oxydatif et les dommages causés par les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eIl soutient la motilité intestinale, préserve l'intégrité des muqueuses du tube digestif et favorise une élimination régulière. Un allié précieux pour votre confort digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eEn Ayurveda, le bibhitaki est traditionnellement utilisé pour renforcer les défenses naturelles de l'organisme, notamment lors des changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e❤️ Équilibre cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eCe fruit contribue au maintien d'un taux de cholestérol normal, participant ainsi à la bonne santé de votre système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e✨ Détoxification douce\u003c\/h3\u003e\n        \u003cp\u003eLe bibhitaki aide à éliminer les toxines accumulées, ce que l'Ayurveda appelle \u003cem\u003eAma\u003c\/em\u003e, pour retrouver légèreté et vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003eComment utiliser le bibhitaki poudre au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"bib-timeline\"\u003e\n      \u003cdiv class=\"bib-timeline-item\"\u003e\n        \u003cdiv class=\"bib-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bib-timeline-content\"\u003e\n          \u003ch3\u003eDosez ½ cuillère à café (2,5 g)\u003c\/h3\u003e\n          \u003cp\u003ePrenez cette dose deux fois par jour pour un total de 5 g maximum quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-timeline-item\"\u003e\n        \u003cdiv class=\"bib-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bib-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans votre boisson préférée\u003c\/h3\u003e\n          \u003cp\u003eMélangez dans une boisson chaude, un smoothie, une compote ou un yaourt selon vos envies.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-timeline-item\"\u003e\n        \u003cdiv class=\"bib-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bib-timeline-content\"\u003e\n          \u003ch3\u003eSavourez pendant 4 à 6 semaines\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 4 à 6 semaines est recommandée pour des résultats satisfaisants. Renouvelez après une pause de quelques jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bib-tip\"\u003e\n      \u003cspan class=\"bib-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e Le goût du bibhitaki est légèrement astringent. Associez-le à un peu de miel ou mélangez-le dans un jus de fruit. Il s'intègre aussi parfaitement dans vos recettes de \u003cstrong\u003egolden milk\u003c\/strong\u003e ou d'infusions épicées.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"bib-composition-card\"\u003e\n      \u003cdiv class=\"bib-composition-header\"\u003e\n        \u003cspan class=\"bib-composition-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n          \u003cp\u003eBaies de Bibhitaki (\u003cem\u003eTerminalia bellerica\u003c\/em\u003e) en poudre\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-grid-compact\"\u003e\n        \u003cdiv class=\"bib-card\"\u003e\n          \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n          \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bib-card\"\u003e\n          \u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n          \u003cp\u003eRécolte traditionnelle\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bib-card\"\u003e\n          \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n          \u003cp\u003eNi excipient, ni conservateur\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bib-card\"\u003e\n          \u003ch3\u003e🥬 Végane\u003c\/h3\u003e\n          \u003cp\u003eVégétarien \u0026amp; végan\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"bib-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la poudre de bibhitaki AYur-vana ?\u003c\/h2\u003e\n    \u003cdiv class=\"bib-grid\"\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e💎 Pureté garantie\u003c\/h3\u003e\n        \u003cp\u003eUn seul ingrédient, 100 % bio, sans aucun ajout superflu. La nature à l'état pur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eConditionné en France selon les normes strictes applicables aux compléments alimentaires biologiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e📦 Format économique\u003c\/h3\u003e\n        \u003cp\u003eLe sachet de 150 g offre environ \u003cstrong\u003e30 jours d'utilisation\u003c\/strong\u003e à la dose recommandée, un excellent rapport qualité-prix.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bib-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage personnalisable\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux gélules, la poudre vous permet d'ajuster précisément la quantité selon vos besoins et votre ressenti.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"bib-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bib-accordion\"\u003e\n      \u003cdetails class=\"bib-accordion-item\"\u003e\n        \u003csummary class=\"bib-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"bib-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin ou pharmacien avant toute prise en cas de grossesse, d'allaitement ou de traitement médical en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bib-accordion-item\"\u003e\n        \u003csummary class=\"bib-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bib-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Refermez bien le sachet après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bib-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --bib-cream: #F7F3ED;\n  --bib-white: #ffffff;\n  --bib-primary: #A6366B;\n  --bib-primary-dark: #7E2350;\n  --bib-primary-light: #F9EEF3;\n  --bib-secondary: #8B6914;\n  --bib-accent: #7BAA2E;\n  --bib-accent-light: #F0F5E4;\n  --bib-text: #1a1a1a;\n  --bib-text-light: #5a5a5a;\n  --bib-border: #e8e0d8;\n  --bib-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bib-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bib-radius: 20px;\n  --bib-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bib-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bib-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bib-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7E2350 0%, #A6366B 40%, #C45A3E 70%, #8B6914 100%);\n  border-radius: var(--bib-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bib-shadow-lg);\n}\n\n.bib-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 85% 75%, rgba(255,255,255,.06) 0%, transparent 35%),\n    radial-gradient(circle at 50% 10%, rgba(255,255,255,.04) 0%, transparent 50%),\n    radial-gradient(circle at 20% 80%, rgba(123,170,46,.1) 0%, transparent 30%),\n    radial-gradient(circle at 80% 20%, rgba(139,105,20,.1) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.bib-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.bib-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bib-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bib-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bib-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === HERO TITRE === *\/\n.bib-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bib-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.bib-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bib-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bib-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bib-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.bib-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bib-primary), var(--bib-accent));\n  border-radius: 2px;\n}\n\n\/* === INTRO CARD === *\/\n.bib-intro-card {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bib-shadow);\n  border-left: 4px solid var(--bib-accent);\n}\n\n.bib-intro-card p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--bib-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.bib-intro-card p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bib-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bib-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.bib-card {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bib-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bib-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bib-shadow-lg);\n  border-color: var(--bib-primary);\n}\n\n.bib-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bib-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bib-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bib-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bib-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bib-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bib-grid-compact .bib-card {\n  padding: 1rem;\n}\n\n.bib-grid-compact .bib-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bib-grid-compact .bib-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.bib-composition-card {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bib-shadow);\n}\n\n.bib-composition-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n  padding-bottom: 1.25rem;\n  border-bottom: 2px solid var(--bib-border);\n}\n\n.bib-composition-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.bib-composition-header h3 {\n  font-size: clamp(17px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--bib-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bib-composition-header p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--bib-text-light);\n  margin: 0;\n  font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.bib-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bib-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bib-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bib-primary), var(--bib-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.bib-timeline-content {\n  flex: 1;\n  background: var(--bib-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bib-radius-sm);\n  box-shadow: var(--bib-shadow);\n}\n\n.bib-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bib-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bib-timeline-content p {\n  font-size: 14px;\n  color: var(--bib-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bib-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bib-accent-light);\n  border-radius: var(--bib-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bib-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bib-tip p {\n  font-size: 14px;\n  color: var(--bib-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bib-accordion {\n  background: var(--bib-white);\n  border-radius: var(--bib-radius);\n  box-shadow: var(--bib-shadow);\n  overflow: hidden;\n}\n\n.bib-accordion-item {\n  border-bottom: 1px solid var(--bib-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bib-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bib-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bib-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.bib-accordion-header:hover {\n  background: var(--bib-primary-light);\n}\n\n.bib-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bib-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bib-primary);\n  transition: transform .2s ease;\n}\n\n.bib-accordion-item[open] .bib-accordion-header::after {\n  content: '−';\n}\n\n.bib-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bib-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bib-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bib-disclaimer {\n  font-size: 12px;\n  color: var(--bib-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .bib-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bib-card {\n    padding: 1.125rem;\n  }\n\n  .bib-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bib-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bib-radius-sm);\n  }\n\n  .bib-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bib-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bib-grid-compact {\n    gap: .625rem;\n  }\n\n  .bib-grid-compact .bib-card {\n    padding: .75rem;\n  }\n\n  .bib-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bib-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bib-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bib-timeline-content p {\n    font-size: 13px;\n  }\n\n  .bib-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .bib-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .bib-intro-card {\n    padding: 1.25rem;\n  }\n\n  .bib-intro-card p {\n    font-size: 14px;\n  }\n\n  .bib-composition-card {\n    padding: 1.25rem;\n  }\n\n  .bib-composition-header {\n    gap: .75rem;\n    margin-bottom: 1rem;\n    padding-bottom: 1rem;\n  }\n\n  .bib-composition-icon {\n    font-size: 32px;\n  }\n\n  .bib-tip {\n    padding: .875rem 1rem;\n  }\n\n  .bib-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bib-card {\n    animation: bibFadeInUp .5s ease backwards;\n  }\n  .bib-card:nth-child(1) { animation-delay: .05s; }\n  .bib-card:nth-child(2) { animation-delay: .1s; }\n  .bib-card:nth-child(3) { animation-delay: .15s; }\n  .bib-card:nth-child(4) { animation-delay: .2s; }\n  .bib-card:nth-child(5) { animation-delay: .25s; }\n  .bib-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bibFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .bib-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55159281877369,"sku":"AY9801","price":14.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bibhitaki-bio-en-poudre-150-g-ayur-vana-ingredients.webp?v=1770906766"},{"product_id":"astaxanthine-bio-30-gelules-aosa-veritable","title":"Astaxanthine bio - 30 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Astaxanthine bio - 30 gélules - Aosa Véritable\nPalette détectée:\n  - Primaire: #2E8B57 (vert émeraude du bouchon et bandeau)\n  - Secondaire: #F5A623 (orange\/jaune du logo \"Véritable\")\n  - Accent: #E8F5E9 (vert très clair pour backgrounds)\nAmbiance: Naturel\/Bio, frais, santé, certifié agriculture biologique, produit français\nPréfixe CSS: astx\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Astaxanthine bio 8 mg : l'antioxydant naturel le plus puissant pour votre peau et votre vitalité\"\n  2. \"Qu'est-ce que l'astaxanthine et pourquoi en prendre ?\"\n  3. \"Pourquoi choisir l'astaxanthine bio d'Aosa Véritable ?\"\n  4. \"Composition détaillée pour 1 gélule\"\n  5. \"Comment prendre l'astaxanthine bio ?\"\n  6. \"À qui s'adresse ce complément alimentaire ?\"\n  7. \"Précautions d'emploi\"\n  8. \"Questions fréquentes sur l'astaxanthine bio\"\n  9. \"Faites le choix d'une protection cellulaire naturelle et certifiée bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"astx-premium\"\u003e\n  \n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"astx-hero\"\u003e\n    \u003cdiv class=\"astx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"astx-hero-content\"\u003e\n      \u003cdiv class=\"astx-badges-top\"\u003e\n        \u003cspan class=\"astx-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"astx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"astx-badge\"\u003e💪 6000x plus puissant que la vitamine C\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"astx-hero-title\"\u003eAstaxanthine Bio 8 mg\u003c\/span\u003e\n      \u003cp class=\"astx-subtitle\"\u003eL'antioxydant naturel le plus puissant au monde\u003c\/p\u003e\n      \u003cp class=\"astx-description\"\u003eExtrait de la microalgue Haematococcus pluvialis, ce pigment rouge orangé protège vos cellules, préserve votre peau et soutient votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eAstaxanthine bio 8 mg : l'antioxydant naturel le plus puissant pour votre peau et votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"astx-section-intro\"\u003eVous recherchez une protection cellulaire efficace contre le vieillissement cutané et le stress oxydatif ? L'astaxanthine bio d'Aosa Véritable est exactement ce qu'il vous faut.\u003c\/p\u003e\n    \u003cdiv class=\"astx-grid-compact\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e⚡ 6000x plus puissant\u003c\/h3\u003e\n        \u003cp\u003eque la vitamine C en pouvoir antioxydant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🛡️ 550x plus actif\u003c\/h3\u003e\n        \u003cp\u003eque la vitamine E contre les radicaux libres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eExtrait de microalgue certifiée bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et qualité irréprochables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"astx-tip\"\u003e\n      \u003cspan class=\"astx-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eVotre peau, vos yeux et l'ensemble de vos cellules bénéficient d'une défense naturelle contre les agressions quotidiennes : exposition solaire, pollution, fatigue...\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'astaxanthine et pourquoi en prendre ?\u003c\/h2\u003e\n    \u003cp class=\"astx-section-intro\"\u003eL'astaxanthine appartient à la famille des caroténoïdes, ces pigments naturels qui donnent leur couleur aux flamants roses, aux saumons et aux crevettes. Sa particularité ? Elle traverse la barrière hémato-encéphalique pour protéger le cerveau et les yeux de l'intérieur.\u003c\/p\u003e\n    \u003cdiv class=\"astx-grid\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e✨ Élasticité préservée\u003c\/h3\u003e\n        \u003cp\u003eMaintient la fermeté et la souplesse de la peau en neutralisant les radicaux libres générés par les UV\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌟 Teint lumineux\u003c\/h3\u003e\n        \u003cp\u003eSoutient un teint uniforme et éclatant, atténue l'apparence des ridules liées au photovieillissement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e☀️ Préparation solaire\u003c\/h3\u003e\n        \u003cp\u003ePrépare naturellement la peau avant l'exposition au soleil pour une meilleure tolérance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e👁️ Santé oculaire\u003c\/h3\u003e\n        \u003cp\u003eProtège la rétine de la fatigue visuelle, idéal si vous passez de longues heures devant les écrans\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'astaxanthine bio d'Aosa Véritable ?\u003c\/h2\u003e\n    \u003cp class=\"astx-section-intro\"\u003eSur le marché des compléments alimentaires, toutes les astaxanthines ne se valent pas. Voici ce qui distingue cette formule premium :\u003c\/p\u003e\n    \u003cdiv class=\"astx-grid\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌿 Certification bio AB\u003c\/h3\u003e\n        \u003cp\u003eMicroalgue cultivée selon des méthodes respectueuses de l'environnement, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e💊 Dosage optimal 8 mg\u003c\/h3\u003e\n        \u003cp\u003eLa concentration recommandée par les études pour observer des effets significatifs sur la peau et la protection cellulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🔬 Source 100% naturelle\u003c\/h3\u003e\n        \u003cp\u003eAstaxanthine extraite exclusivement de l'algue Haematococcus pluvialis, jamais de synthèse chimique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux régimes végétariens et végans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité complète et qualité irréprochable garanties\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e✅ Sans allergène\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans gluten – une formule pure adaptée aux organismes sensibles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n    \u003cdiv class=\"astx-composition-box\"\u003e\n      \u003cdiv class=\"astx-composition-item\"\u003e\n        \u003cdiv class=\"astx-composition-label\"\u003ePoudre d'Haematococcus pluvialis*\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-value\"\u003e160 mg\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-detail\"\u003estandardisée à 5% d'astaxanthine = \u003cstrong\u003e8 mg d'astaxanthine pure\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-composition-item\"\u003e\n        \u003cdiv class=\"astx-composition-label\"\u003eFibre d'acacia biologique*\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-value\"\u003e100 mg\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-detail\"\u003eprébiotique doux favorisant l'absorption intestinale\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-composition-item\"\u003e\n        \u003cdiv class=\"astx-composition-label\"\u003eEnveloppe de la gélule\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-value\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-detail\"\u003ehypromellose (cellulose végétale)\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"astx-composition-note\"\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n    \u003cdiv class=\"astx-tip\"\u003e\n      \u003cspan class=\"astx-tip-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cp\u003eLa formule ne contient aucun additif superflu, aucun colorant artificiel, aucun conservateur de synthèse. Juste l'essentiel pour votre bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eComment prendre l'astaxanthine ?\u003c\/h2\u003e\n    \u003cdiv class=\"astx-timeline\"\u003e\n      \u003cdiv class=\"astx-timeline-item\"\u003e\n        \u003cdiv class=\"astx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"astx-timeline-content\"\u003e\n          \u003ch3\u003ePosologie simple\u003c\/h3\u003e\n          \u003cp\u003e1 gélule par jour suffit pour bénéficier de tous les bienfaits\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-timeline-item\"\u003e\n        \u003cdiv class=\"astx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"astx-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eAu cours d'un repas contenant un peu de matières grasses – l'astaxanthine étant liposoluble, elle s'absorbe mieux avec des lipides\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-timeline-item\"\u003e\n        \u003cdiv class=\"astx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"astx-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 mois pour des résultats visibles sur la peau, à renouveler selon vos besoins\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"astx-tip\"\u003e\n      \u003cspan class=\"astx-tip-icon\"\u003e☀️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce été :\u003c\/strong\u003e Pour une préparation optimale avant l'été, commencez votre cure 4 à 6 semaines avant vos premières expositions au soleil. Un flacon de 30 gélules correspond à un mois complet de cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"astx-grid\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e👩 Beauté naturelle\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant préserver la jeunesse de leur peau de façon naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🏖️ Amateurs de soleil\u003c\/h3\u003e\n        \u003cp\u003eCeux qui s'exposent régulièrement et veulent protéger leurs cellules des UV\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n        \u003cp\u003ePersonnes passant de longues heures devant les écrans et ressentant une fatigue oculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n        \u003cp\u003ePratiquants d'activité sportive intense – le stress oxydatif augmente avec l'effort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌟 Bien-être global\u003c\/h3\u003e\n        \u003cp\u003eTous ceux qui recherchent un antioxydant puissant pour leur santé au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"astx-accordion\"\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e⚠️ Usage et dosage\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire est réservé aux adultes. Respectez la dose journalière recommandée (1 gélule\/jour). Ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, dans un endroit sec et frais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🤰 Cas particuliers\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eSi vous êtes enceinte, allaitante, sous traitement médical ou si vous avez des antécédents de troubles de la thyroïde, consultez votre médecin ou votre pharmacien avant de commencer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e☀️ Protection solaire\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e l'astaxanthine ne constitue pas une protection solaire à elle seule. Continuez à appliquer une crème solaire adaptée lors de vos expositions et évitez les heures les plus chaudes de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eNos réponses aux intérrogations fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"astx-accordion\"\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on les effets sur la peau ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eLes premiers résultats sont généralement perceptibles après \u003cstrong\u003e4 à 8 semaines\u003c\/strong\u003e de prise régulière. La peau paraît plus souple, le teint plus uniforme. Pour des effets durables, une cure de 3 mois est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🧴 L'astaxanthine peut-elle remplacer ma crème solaire ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eNon, l'astaxanthine agit de l'intérieur en renforçant les défenses naturelles de la peau contre le stress oxydatif. Elle \u003cstrong\u003ecomplète\u003c\/strong\u003e votre protection solaire externe mais ne la remplace pas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e💊 Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eL'astaxanthine naturelle est très bien tolérée. À forte dose, certaines personnes peuvent observer une légère coloration orangée des paumes, sans danger, qui disparaît à l'arrêt de la supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🔬 Quelle différence entre l'astaxanthine bio et synthétique ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eL'astaxanthine naturelle issue de l'algue \u003cem\u003eHaematococcus pluvialis\u003c\/em\u003e est beaucoup \u003cstrong\u003emieux assimilée\u003c\/strong\u003e par l'organisme et offre une biodisponibilité supérieure à la version synthétique fabriquée à partir de pétrochimie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 9 - CTA FINAL --\u003e\n  \u003csection class=\"astx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFaites le choix d'une protection cellulaire naturelle et certifiée bio\u003c\/h2\u003e\n    \u003cdiv class=\"astx-cta-box\"\u003e\n      \u003cp\u003eAvec l'astaxanthine bio d'Aosa Véritable, vous optez pour un complément alimentaire à la fois \u003cstrong\u003eefficace, pur et respectueux de l'environnement\u003c\/strong\u003e. Chaque gélule concentre le meilleur de la microalgue pour vous aider à préserver votre capital jeunesse et votre vitalité au quotidien.\u003c\/p\u003e\n      \u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Offrez à vos cellules la protection qu'elles méritent, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"astx-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --astx-cream: #f9fdfb;\n  --astx-white: #ffffff;\n  --astx-primary: #2E8B57;\n  --astx-primary-dark: #1d5c3a;\n  --astx-primary-light: #e8f5ee;\n  --astx-secondary: #F5A623;\n  --astx-accent: #FF6B4A;\n  --astx-text: #1a1a1a;\n  --astx-text-light: #5a5a5a;\n  --astx-border: #e0e8e4;\n  --astx-shadow: 0 4px 24px rgba(46, 139, 87, .08);\n  --astx-shadow-lg: 0 12px 48px rgba(46, 139, 87, .15);\n  --astx-radius: 20px;\n  --astx-radius-sm: 12px;\n}\n\n.astx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--astx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.astx-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2E8B57 0%, #3CB371 40%, #228B22 100%);\n  border-radius: var(--astx-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--astx-shadow-lg);\n}\n\n.astx-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(245,166,35,.15) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.astx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.astx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.astx-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--astx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.astx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.astx-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.astx-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.astx-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.astx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.astx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--astx-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.astx-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--astx-primary), var(--astx-secondary));\n  border-radius: 2px;\n}\n\n.astx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--astx-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.astx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.astx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.astx-card {\n  background: var(--astx-white);\n  border-radius: var(--astx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--astx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.astx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--astx-shadow-lg);\n  border-color: var(--astx-primary);\n}\n\n.astx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--astx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.astx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--astx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.astx-grid-compact .astx-card {\n  padding: 1rem;\n}\n\n.astx-grid-compact .astx-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.astx-grid-compact .astx-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.astx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.astx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.astx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--astx-primary), var(--astx-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.astx-timeline-content {\n  flex: 1;\n  background: var(--astx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--astx-radius-sm);\n  box-shadow: var(--astx-shadow);\n}\n\n.astx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--astx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.astx-timeline-content p {\n  font-size: 14px;\n  color: var(--astx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.astx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--astx-primary-light);\n  border-radius: var(--astx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.astx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.astx-tip p {\n  font-size: 14px;\n  color: var(--astx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.astx-composition-box {\n  background: var(--astx-white);\n  border-radius: var(--astx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--astx-shadow);\n}\n\n.astx-composition-item {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: auto auto;\n  gap: .25rem 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--astx-border);\n}\n\n.astx-composition-item:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.astx-composition-item:first-child {\n  padding-top: 0;\n}\n\n.astx-composition-label {\n  font-weight: 700;\n  color: var(--astx-primary-dark);\n  font-size: 15px;\n}\n\n.astx-composition-value {\n  font-weight: 800;\n  color: var(--astx-primary);\n  font-size: 15px;\n  text-align: right;\n}\n\n.astx-composition-detail {\n  grid-column: 1 \/ -1;\n  font-size: 13px;\n  color: var(--astx-text-light);\n  line-height: 1.5;\n}\n\n.astx-composition-note {\n  font-size: 13px;\n  color: var(--astx-text-light);\n  font-style: italic;\n  text-align: center;\n  margin-top: 1rem;\n  margin-bottom: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.astx-accordion {\n  background: var(--astx-white);\n  border-radius: var(--astx-radius);\n  box-shadow: var(--astx-shadow);\n  overflow: hidden;\n}\n\n.astx-accordion-item {\n  border-bottom: 1px solid var(--astx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.astx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.astx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--astx-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.astx-accordion-header:hover {\n  background: var(--astx-primary-light);\n}\n\n.astx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.astx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--astx-primary);\n  transition: transform .2s ease;\n}\n\n.astx-accordion-item[open] .astx-accordion-header::after {\n  content: '−';\n}\n\n.astx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--astx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.astx-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.astx-cta-box {\n  background: linear-gradient(135deg, var(--astx-primary) 0%, var(--astx-primary-dark) 100%);\n  border-radius: var(--astx-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.astx-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.astx-disclaimer {\n  font-size: 12px;\n  color: var(--astx-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .astx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .astx-card {\n    padding: 1.125rem;\n  }\n  \n  .astx-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .astx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--astx-radius-sm);\n  }\n  \n  .astx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .astx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .astx-grid-compact {\n    gap: .625rem;\n  }\n  \n  .astx-grid-compact .astx-card {\n    padding: .75rem;\n  }\n  \n  .astx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .astx-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .astx-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .astx-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .astx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .astx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .astx-composition-item {\n    grid-template-columns: 1fr;\n    gap: .25rem;\n  }\n  \n  .astx-composition-value {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .astx-card {\n    animation: astxFadeInUp .5s ease backwards;\n  }\n  .astx-card:nth-child(1) { animation-delay: .05s; }\n  .astx-card:nth-child(2) { animation-delay: .1s; }\n  .astx-card:nth-child(3) { animation-delay: .15s; }\n  .astx-card:nth-child(4) { animation-delay: .2s; }\n  .astx-card:nth-child(5) { animation-delay: .25s; }\n  .astx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes astxFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .astx-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":55159358914937,"sku":"AV3000","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/astaxanthine-bio-30-gelules-aosa-veritable-packshothd.webp?v=1789735243"},{"product_id":"ail-noir-fermente-extrait-100-gelules-vital-osmose","title":"Ail noir fermenté (extrait 4:1) - 100 gélules dosées à 250 mg - VitalOsmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ail noir fermenté (extrait 4:1) - 100 gélules\nPalette détectée:\n  - Primaire: #8B2635 (bordeaux\/rouge foncé du texte packaging)\n  - Secondaire: #C9A227 (doré des icônes marketing)\n  - Accent: #1A1A1A (noir profond de l'ail noir)\nAmbiance: Premium naturel, santé\/bien-être, touches dorées luxueuses sur fond épuré\nPréfixe CSS: anf\n--\u003e\n\n\u003cdiv class=\"anf-premium\"\u003e\n  \n  \u003cdiv class=\"anf-hero\"\u003e\n    \u003cdiv class=\"anf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"anf-hero-content\"\u003e\n      \u003cdiv class=\"anf-badges-top\"\u003e\n        \u003cspan class=\"anf-badge\"\u003e🧄 Extrait 4:1\u003c\/span\u003e\n        \u003cspan class=\"anf-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"anf-badge\"\u003e💊 100 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"anf-hero-title\"\u003eAil noir fermenté\u003c\/span\u003e\n      \u003cp class=\"anf-subtitle\"\u003eLe superaliment japonais aux vertus exceptionnelles\u003c\/p\u003e\n      \u003cp class=\"anf-description\"\u003e1 gélule = l'équivalent de 1000 mg d'ail noir. Une concentration optimale sans odeur ni inconfort digestif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi l'ail noir est-il si différent ?\u003c\/h2\u003e\n    \u003cdiv class=\"anf-grid\"\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e🔬 Antioxydants x2\u003c\/h3\u003e\n        \u003cp\u003eLa fermentation double la teneur en polyphénols et flavonoïdes par rapport à l'ail cru.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e⚗️ S-allyl-cystéine\u003c\/h3\u003e\n        \u003cp\u003eCe composé bioactif, quasi absent dans l'ail blanc, devient abondant et hautement assimilable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e🌬️ Sans odeur\u003c\/h3\u003e\n        \u003cp\u003eFini les désagréments digestifs et l'haleine d'ail ! Profitez des bienfaits sans les inconvénients.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e🍯 Goût doux\u003c\/h3\u003e\n        \u003cp\u003eLa fermentation neutralise l'agressivité de l'allicine pour un goût légèrement sucré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits sur votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"anf-grid\"\u003e\n      \u003cdiv class=\"anf-card anf-card-highlight\"\u003e\n        \u003ch3\u003e❤️ Protection cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eLa S-allyl-cystéine contribue à maintenir une tension artérielle normale et favorise une circulation sanguine fluide. Aide à réguler les niveaux de cholestérol.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card anf-card-highlight\"\u003e\n        \u003ch3\u003e🛡️ Bouclier antioxydant\u003c\/h3\u003e\n        \u003cp\u003eCapacité antioxydante jusqu'à 10 fois supérieure à l'ail cru. Protège vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card anf-card-highlight\"\u003e\n        \u003ch3\u003e🦠 Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eStimule naturellement vos défenses grâce à sa richesse en composés organosulfurés et nutriments essentiels. Idéal aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card anf-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003epH équilibré et digestibilité remarquable contrairement à l'ail cru. Aucun ballonnement ni inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003e🧬 Composition par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"anf-composition\"\u003e\n      \u003cdiv class=\"anf-composition-item\"\u003e\n        \u003cdiv class=\"anf-composition-value\"\u003e250 mg\u003c\/div\u003e\n        \u003cdiv class=\"anf-composition-label\"\u003eExtrait 4:1 d'ail noir fermenté\u003c\/div\u003e\n        \u003cdiv class=\"anf-composition-equiv\"\u003e≈ 1000 mg d'ail noir\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-composition-item\"\u003e\n        \u003cdiv class=\"anf-composition-value\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"anf-composition-label\"\u003eStéarate de magnésium\u003c\/div\u003e\n        \u003cdiv class=\"anf-composition-equiv\"\u003eAgent d'enrobage\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-composition-item\"\u003e\n        \u003cdiv class=\"anf-composition-value\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"anf-composition-label\"\u003eGélule végétale\u003c\/div\u003e\n        \u003cdiv class=\"anf-composition-equiv\"\u003eGélatine \u0026amp; glycérine végétale\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"anf-steps\"\u003e\n      \u003cdiv class=\"anf-step\"\u003e\n        \u003cdiv class=\"anf-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"anf-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 gélules par jour selon vos besoins\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-step\"\u003e\n        \u003cdiv class=\"anf-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"anf-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003ePendant les repas avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-step\"\u003e\n        \u003cdiv class=\"anf-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"anf-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 mois pour des résultats significatifs\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"anf-grid\"\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e🫀 Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant maintenir une tension et un cholestérol normaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité quotidienne\u003c\/h3\u003e\n        \u003cp\u003eCeux qui recherchent un boost d'énergie naturelle et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003ePersonnes sensibles aux changements de saison ou fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e✨ Anti-âge naturel\u003c\/h3\u003e\n        \u003cp\u003eCeux qui veulent préserver leur jeunesse cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"anf-grid-compact\"\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e💊 100 gélules\u003c\/h3\u003e\n        \u003cp\u003e2 à 3 mois de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e⚖️ 32,50 g\u003c\/h3\u003e\n        \u003cp\u003ePoids net total\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e🇫🇷 France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"anf-card\"\u003e\n        \u003ch3\u003e🧄 Extrait 4:1\u003c\/h3\u003e\n        \u003cp\u003eConcentration optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"anf-accordion\"\u003e\n      \u003cdetails class=\"anf-accordion-item\"\u003e\n        \u003csummary class=\"anf-accordion-header\"\u003e🤔 L'extrait 4:1 est-il aussi efficace que l'ail noir bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"anf-accordion-content\"\u003e\n          \u003cp\u003eCe qui compte avant tout, c'est la qualité du processus de fermentation et la concentration en principes actifs. Notre extrait 4:1 garantit une teneur élevée en S-allyl-cystéine, le composé le plus recherché pour ses effets bénéfiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"anf-accordion-item\"\u003e\n        \u003csummary class=\"anf-accordion-header\"\u003e💊 Puis-je le prendre si je suis hypertendu ?\u003c\/summary\u003e\n        \u003cdiv class=\"anf-accordion-content\"\u003e\n          \u003cp\u003eL'ail noir est reconnu pour son action favorable sur la tension artérielle. Toutefois, si vous suivez un traitement contre l'hypertension, parlez-en à votre médecin pour ajuster éventuellement votre suivi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"anf-accordion-item\"\u003e\n        \u003csummary class=\"anf-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les bienfaits ?\u003c\/summary\u003e\n        \u003cdiv class=\"anf-accordion-content\"\u003e\n          \u003cp\u003eLes premiers effets peuvent se manifester après 2 à 4 semaines de prise régulière. Pour des résultats durables sur le plan cardiovasculaire et immunitaire, une cure de 3 mois est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"anf-accordion\"\u003e\n      \u003cdetails class=\"anf-accordion-item\"\u003e\n        \u003csummary class=\"anf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"anf-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer le flacon après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"anf-accordion-item\"\u003e\n        \u003csummary class=\"anf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"anf-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eTraitement anticoagulant :\u003c\/strong\u003e consultez votre médecin avant toute supplémentation, l'ail pouvant potentialiser l'effet de ces médicaments.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eIntervention chirurgicale prévue :\u003c\/strong\u003e arrêtez la prise 2 semaines avant l'opération.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eGrossesse et allaitement :\u003c\/strong\u003e demandez l'avis d'un professionnel de santé.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eAllergie à l'ail :\u003c\/strong\u003e ce produit ne convient pas aux personnes allergiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"anf-accordion-item\"\u003e\n        \u003csummary class=\"anf-accordion-header\"\u003e📜 Mentions légales\u003c\/summary\u003e\n        \u003cdiv class=\"anf-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"anf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"anf-cta-box\"\u003e\n      \u003cp\u003e🧄 Intégrez l'ail noir fermenté à votre routine quotidienne et offrez à votre cœur, votre immunité et votre vitalité le soutien naturel qu'ils méritent.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --anf-cream: #FAF9F6;\n  --anf-white: #ffffff;\n  --anf-primary: #8B2635;\n  --anf-primary-dark: #6B1D29;\n  --anf-primary-light: #F5E6E8;\n  --anf-secondary: #C9A227;\n  --anf-accent: #1A1A1A;\n  --anf-text: #1a1a1a;\n  --anf-text-light: #5a5a5a;\n  --anf-border: #e0e0e0;\n  --anf-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --anf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --anf-radius: 20px;\n  --anf-radius-sm: 12px;\n}\n\n.anf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--anf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.anf-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--anf-accent) 0%, var(--anf-primary-dark) 50%, var(--anf-primary) 100%);\n  border-radius: var(--anf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--anf-shadow-lg);\n}\n\n.anf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(201,162,39,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(201,162,39,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.anf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.anf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.anf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--anf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.anf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.anf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.anf-subtitle {\n  color: var(--anf-secondary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.anf-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.anf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.anf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--anf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.anf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--anf-primary), var(--anf-secondary));\n  border-radius: 2px;\n}\n\n.anf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.anf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.anf-card {\n  background: var(--anf-white);\n  border-radius: var(--anf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--anf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.anf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--anf-shadow-lg);\n  border-color: var(--anf-primary);\n}\n\n.anf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--anf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.anf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--anf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.anf-card-highlight {\n  background: linear-gradient(135deg, var(--anf-white) 0%, var(--anf-primary-light) 100%);\n  border-left: 4px solid var(--anf-primary);\n}\n\n.anf-grid-compact .anf-card {\n  padding: 1rem;\n}\n\n.anf-grid-compact .anf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.anf-grid-compact .anf-card p {\n  font-size: 12px;\n}\n\n\/* Composition *\/\n.anf-composition {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.25rem;\n}\n\n.anf-composition-item {\n  background: var(--anf-white);\n  border-radius: var(--anf-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--anf-shadow);\n  border-top: 4px solid var(--anf-secondary);\n}\n\n.anf-composition-value {\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--anf-primary);\n  margin-bottom: .25rem;\n}\n\n.anf-composition-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--anf-text);\n  margin-bottom: .25rem;\n}\n\n.anf-composition-equiv {\n  font-size: 12px;\n  color: var(--anf-text-light);\n}\n\n\/* Steps *\/\n.anf-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.anf-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--anf-white);\n  border-radius: var(--anf-radius);\n  padding: 1.25rem;\n  box-shadow: var(--anf-shadow);\n}\n\n.anf-step-number {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  background: linear-gradient(135deg, var(--anf-primary) 0%, var(--anf-primary-dark) 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.anf-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--anf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.anf-step-content p {\n  font-size: 14px;\n  color: var(--anf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* Accordion *\/\n.anf-accordion {\n  background: var(--anf-white);\n  border-radius: var(--anf-radius);\n  box-shadow: var(--anf-shadow);\n  overflow: hidden;\n}\n\n.anf-accordion-item {\n  border-bottom: 1px solid var(--anf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.anf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.anf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--anf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.anf-accordion-header:hover {\n  background: var(--anf-primary-light);\n}\n\n.anf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.anf-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--anf-primary);\n  transition: transform .2s ease;\n}\n\n.anf-accordion-item[open] .anf-accordion-header::after {\n  content: '−';\n}\n\n.anf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--anf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.anf-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA *\/\n.anf-cta-box {\n  background: linear-gradient(135deg, var(--anf-primary) 0%, var(--anf-primary-dark) 100%);\n  border-radius: var(--anf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.anf-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(201,162,39,.2) 0%, transparent 50%);\n}\n\n.anf-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n  .anf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .anf-card {\n    padding: 1.125rem;\n  }\n  \n  .anf-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .anf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--anf-radius-sm);\n  }\n  \n  .anf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .anf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .anf-grid-compact {\n    gap: .625rem;\n  }\n  \n  .anf-grid-compact .anf-card {\n    padding: .75rem;\n  }\n  \n  .anf-composition {\n    grid-template-columns: 1fr;\n  }\n  \n  .anf-step {\n    padding: 1rem;\n  }\n  \n  .anf-step-number {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    font-size: 18px;\n  }\n  \n  .anf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .anf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .anf-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .anf-card:nth-child(1) { animation-delay: .05s; }\n  .anf-card:nth-child(2) { animation-delay: .1s; }\n  .anf-card:nth-child(3) { animation-delay: .15s; }\n  .anf-card:nth-child(4) { animation-delay: .2s; }\n  .anf-card:nth-child(5) { animation-delay: .25s; }\n  .anf-card:nth-child(6) { animation-delay: .3s; }\n  \n  .anf-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .anf-step:nth-child(1) { animation-delay: .05s; }\n  .anf-step:nth-child(2) { animation-delay: .1s; }\n  .anf-step:nth-child(3) { animation-delay: .15s; }\n  \n  .anf-composition-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .anf-composition-item:nth-child(1) { animation-delay: .05s; }\n  .anf-composition-item:nth-child(2) { animation-delay: .1s; }\n  .anf-composition-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .anf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":55159378968953,"sku":"VO4594","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ail-noir-fermente-extrait-41-100-gelules-dosees-a-250-mg-vit-packshothd.webp?v=1791281292"},{"product_id":"max-opc-50-60-gelules-vital-osmose","title":"MAX OPC 50 (extrait d’écorce de pin maritime) 60 gélules – Vital Osmose","description":"\u003cdiv class=\"opc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"opc-hero\"\u003e\n    \u003cdiv class=\"opc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"opc-hero-content\"\u003e\n      \u003cdiv class=\"opc-badges-top\"\u003e\n        \u003cspan class=\"opc-badge\"\u003e🌲 Pin maritime des Landes\u003c\/span\u003e\n        \u003cspan class=\"opc-badge\"\u003e🇫🇷 Origine France\u003c\/span\u003e\n        \u003cspan class=\"opc-badge\"\u003e🌱 100 % végétal\u003c\/span\u003e\n        \u003cspan class=\"opc-badge\"\u003e⚡ 96 % polyphénols\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"opc-hero-title\"\u003eMAX OPC 50\u003c\/span\u003e\n      \u003cp class=\"opc-subtitle\"\u003eExtrait d'écorce de pin maritime des Landes\u003c\/p\u003e\n      \u003cp class=\"opc-description\"\u003eUn concentré exceptionnel d'OPC purs — les antioxydants parmi les plus puissants du règne végétal — pour protéger vos cellules, soutenir votre circulation et préserver votre vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"opc-section\"\u003e\n    \u003ch2\u003eMAX OPC 50 – Extrait d'écorce de pin maritime des Landes : un antioxydant naturel d'exception\u003c\/h2\u003e\n    \u003cp class=\"opc-section-intro\"\u003eVous cherchez un \u003cstrong\u003eOPC antioxydant\u003c\/strong\u003e puissant et d'origine 100 % naturelle ?\u003c\/p\u003e\n    \u003cp class=\"opc-section-text\"\u003eMAX OPC 50 de Vital Osmose est un complément alimentaire formulé à partir d'un \u003cstrong\u003eextrait d'écorce de pin maritime\u003c\/strong\u003e des Landes françaises, reconnu pour sa richesse exceptionnelle en \u003cstrong\u003eOligomères-ProanthoCyanidines (OPC)\u003c\/strong\u003e. Ces polyphénols de bas poids moléculaire figurent parmi les antioxydants les plus étudiés et les plus efficaces du règne végétal.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"opc-section\"\u003e\n    \u003ch2\u003eQu'est-ce que les OPC et pourquoi sont-ils si précieux ?\u003c\/h2\u003e\n    \u003cp class=\"opc-section-intro\"\u003eLes OPC sont des molécules naturellement présentes dans l'écorce de pin maritime. Leur pouvoir antioxydant est estimé \u003cstrong\u003e50 fois supérieur à celui de la vitamine E\u003c\/strong\u003e et \u003cstrong\u003e20 fois supérieur à celui de la vitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\n    \u003cdiv class=\"opc-highlight-row\"\u003e\n      \u003cdiv class=\"opc-highlight-card\"\u003e\n        \u003cspan class=\"opc-highlight-number\"\u003e×50\u003c\/span\u003e\n        \u003cp\u003eplus puissant que la vitamine E\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-highlight-card\"\u003e\n        \u003cspan class=\"opc-highlight-number\"\u003e×20\u003c\/span\u003e\n        \u003cp\u003eplus puissant que la vitamine C\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"opc-grid\"\u003e\n      \u003cdiv class=\"opc-card\"\u003e\n        \u003ch3\u003e🩸 Soutien circulatoire\u003c\/h3\u003e\n        \u003cp\u003eFavorise la résistance et l'élasticité des parois veineuses et capillaires — un atout précieux contre les jambes lourdes et les inconforts de la microcirculation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-card\"\u003e\n        \u003ch3\u003e✨ Protection du collagène\u003c\/h3\u003e\n        \u003cp\u003eProtège le collagène et l'élastine, deux protéines essentielles à la fermeté de la peau et à la souplesse des tissus conjonctifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-card\"\u003e\n        \u003ch3\u003e🍊 Synergie vitaminique\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'action des vitamines C et E déjà présentes dans votre alimentation en prolongeant leur activité antioxydante dans l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"opc-section\"\u003e\n    \u003ch2\u003eUne pureté exceptionnelle pour une efficacité réelle\u003c\/h2\u003e\n    \u003cp class=\"opc-section-intro\"\u003eCe qui distingue MAX OPC 50, c'est la \u003cstrong\u003econcentration remarquable de son extrait\u003c\/strong\u003e.\u003c\/p\u003e\n\n    \u003cdiv class=\"opc-purity-bar\"\u003e\n      \u003cdiv class=\"opc-purity-item\"\u003e\n        \u003cdiv class=\"opc-purity-value\"\u003e96 %\u003c\/div\u003e\n        \u003cdiv class=\"opc-purity-label\"\u003ePolyphénols totaux\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-purity-divider\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"opc-purity-item\"\u003e\n        \u003cdiv class=\"opc-purity-value\"\u003e67 %\u003c\/div\u003e\n        \u003cdiv class=\"opc-purity-label\"\u003eOPC purs\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-purity-divider\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"opc-purity-item\"\u003e\n        \u003cdiv class=\"opc-purity-value\"\u003e32,16 mg\u003c\/div\u003e\n        \u003cdiv class=\"opc-purity-label\"\u003ed'OPC par gélule\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"opc-section-text\"\u003ePas de remplissage inutile : le pin maritime provient de forêts françaises durablement gérées, et les gélules sont 100 % végétales, adaptées aux personnes suivant un régime vegan.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"opc-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 3 gélules – 690 mg)\u003c\/h2\u003e\n    \u003cdiv class=\"opc-composition\"\u003e\n      \u003cdiv class=\"opc-compo-main\"\u003e\n        \u003cdiv class=\"opc-compo-header\"\u003e\n          \u003cspan class=\"opc-compo-icon\"\u003e🌲\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eExtrait d'écorce de pin maritime des Landes\u003c\/h3\u003e\n            \u003cspan class=\"opc-compo-dose\"\u003e150 mg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"opc-compo-details\"\u003e\n          \u003cdiv class=\"opc-compo-detail\"\u003e\n            \u003cspan class=\"opc-compo-dot\"\u003e\u003c\/span\u003e\n            \u003cspan\u003edont \u003cstrong\u003e144 mg\u003c\/strong\u003e de polyphénols totaux\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"opc-compo-detail\"\u003e\n            \u003cspan class=\"opc-compo-dot\"\u003e\u003c\/span\u003e\n            \u003cspan\u003edont \u003cstrong\u003e96,48 mg\u003c\/strong\u003e d'OPC purs\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-compo-row\"\u003e\n        \u003cdiv class=\"opc-compo-simple\"\u003e\n          \u003cspan class=\"opc-compo-icon-sm\"\u003e🌿\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eCellulose végétale\u003c\/h3\u003e\n            \u003cspan class=\"opc-compo-dose-sm\"\u003e540 mg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"opc-compo-simple\"\u003e\n          \u003cspan class=\"opc-compo-icon-sm\"\u003e💊\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eEnveloppe\u003c\/h3\u003e\n            \u003cspan class=\"opc-compo-dose-sm\"\u003eGélule 100 % végétale\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"opc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"opc-timeline\"\u003e\n      \u003cdiv class=\"opc-timeline-item\"\u003e\n        \u003cdiv class=\"opc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"opc-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-timeline-item\"\u003e\n        \u003cdiv class=\"opc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"opc-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e15 à 20 minutes avant les repas\u003c\/strong\u003e pour favoriser une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-timeline-item\"\u003e\n        \u003cdiv class=\"opc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"opc-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"opc-tip\"\u003e\n      \u003cspan class=\"opc-tip-icon\"\u003e🏃\u003c\/span\u003e\n      \u003cp\u003eLes sportifs apprécieront particulièrement ce complément pour accompagner la \u003cstrong\u003erécupération musculaire\u003c\/strong\u003e et limiter le stress oxydatif lié à l'effort intense.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"opc-section\"\u003e\n    \u003ch2\u003ePour qui est fait MAX OPC 50 ?\u003c\/h2\u003e\n    \u003cdiv class=\"opc-grid-compact\"\u003e\n      \u003cdiv class=\"opc-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLes personnes soucieuses de protéger leurs cellules du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-card\"\u003e\n        \u003ch3\u003e🦵 Confort veineux\u003c\/h3\u003e\n        \u003cp\u003eCelles et ceux qui recherchent un soutien naturel pour la circulation veineuse et capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-card\"\u003e\n        \u003ch3\u003e💪 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eLes sportifs souhaitant optimiser leur récupération après l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"opc-card\"\u003e\n        \u003ch3\u003e🌆 Vie intense\u003c\/h3\u003e\n        \u003cp\u003eToute personne exposée au stress, à la pollution ou à un mode de vie exigeant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"opc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"opc-accordion\"\u003e\n      \u003cdetails class=\"opc-accordion-item\"\u003e\n        \u003csummary class=\"opc-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n        \u003cdiv class=\"opc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical, de grossesse ou d'allaitement, demandez conseil à votre médecin avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"opc-accordion-item\"\u003e\n        \u003csummary class=\"opc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"opc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"opc-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --opc-cream: #f5f3ef;\n  --opc-white: #ffffff;\n  --opc-primary: #1a6b3c;\n  --opc-primary-dark: #0e4a28;\n  --opc-primary-light: #e8f4ed;\n  --opc-secondary: #c0392b;\n  --opc-accent: #8b6914;\n  --opc-text: #1a1a1a;\n  --opc-text-light: #5a5a5a;\n  --opc-border: #e0e0e0;\n  --opc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --opc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --opc-radius: 20px;\n  --opc-radius-sm: 12px;\n}\n\n.opc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--opc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.opc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e4a28 0%, #1a6b3c 40%, #2d8a52 70%, #1a5a35 100%);\n  border-radius: var(--opc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--opc-shadow-lg);\n}\n\n.opc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.opc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.opc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.opc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--opc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.opc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.opc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.opc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.opc-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.opc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.opc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--opc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.opc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--opc-primary), var(--opc-secondary));\n  border-radius: 2px;\n}\n\n.opc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--opc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.opc-section-text {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--opc-text-light);\n  max-width: 650px;\n  margin: 1.25rem auto 0;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT ROW (chiffres clés) === *\/\n.opc-highlight-row {\n  display: flex;\n  gap: 1.25rem;\n  justify-content: center;\n  margin-bottom: 2rem;\n}\n\n.opc-highlight-card {\n  background: var(--opc-white);\n  border-radius: var(--opc-radius-sm);\n  padding: 1.5rem 2rem;\n  text-align: center;\n  box-shadow: var(--opc-shadow);\n  border: 2px solid var(--opc-primary-light);\n  flex: 0 1 200px;\n  transition: all .3s ease;\n}\n\n.opc-highlight-card:hover {\n  transform: translateY(-4px);\n  border-color: var(--opc-primary);\n  box-shadow: var(--opc-shadow-lg);\n}\n\n.opc-highlight-number {\n  display: block;\n  font-size: clamp(32px, 6vw, 48px);\n  font-weight: 900;\n  color: var(--opc-secondary);\n  letter-spacing: -.04em;\n  line-height: 1;\n  margin-bottom: .35rem;\n}\n\n.opc-highlight-card p {\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--opc-text-light);\n  margin: 0;\n  line-height: 1.4;\n}\n\n\/* === CARDS === *\/\n.opc-card {\n  background: var(--opc-white);\n  border-radius: var(--opc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--opc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.opc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--opc-shadow-lg);\n  border-color: var(--opc-primary);\n}\n\n.opc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--opc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.opc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--opc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.opc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.opc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.opc-grid-compact .opc-card {\n  padding: 1rem;\n}\n\n.opc-grid-compact .opc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.opc-grid-compact .opc-card p {\n  font-size: 12px;\n}\n\n\/* === PURITY BAR === *\/\n.opc-purity-bar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  background: var(--opc-white);\n  border-radius: var(--opc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 3vw, 3rem);\n  box-shadow: var(--opc-shadow);\n  border: 2px solid var(--opc-primary-light);\n  margin-bottom: 1rem;\n}\n\n.opc-purity-item {\n  text-align: center;\n  flex: 1;\n}\n\n.opc-purity-value {\n  font-size: clamp(24px, 5vw, 40px);\n  font-weight: 900;\n  color: var(--opc-primary);\n  letter-spacing: -.03em;\n  line-height: 1.1;\n}\n\n.opc-purity-label {\n  font-size: clamp(11px, 1.8vw, 14px);\n  color: var(--opc-text-light);\n  font-weight: 600;\n  margin-top: .25rem;\n}\n\n.opc-purity-divider {\n  width: 2px;\n  height: 40px;\n  background: var(--opc-border);\n  flex-shrink: 0;\n}\n\n\/* === COMPOSITION === *\/\n.opc-composition {\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.opc-compo-main {\n  background: var(--opc-white);\n  border-radius: var(--opc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--opc-shadow);\n  border: 2px solid var(--opc-primary-light);\n  margin-bottom: 1rem;\n}\n\n.opc-compo-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.opc-compo-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.opc-compo-header h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--opc-primary-dark);\n  margin: 0;\n  line-height: 1.3;\n}\n\n.opc-compo-dose {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--opc-primary);\n  display: inline-block;\n  margin-top: .15rem;\n}\n\n.opc-compo-details {\n  display: flex;\n  flex-direction: column;\n  gap: .5rem;\n  padding-left: .5rem;\n}\n\n.opc-compo-detail {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--opc-text-light);\n  line-height: 1.5;\n}\n\n.opc-compo-dot {\n  width: 8px;\n  height: 8px;\n  background: linear-gradient(135deg, var(--opc-primary), var(--opc-secondary));\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.opc-compo-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n}\n\n.opc-compo-simple {\n  background: var(--opc-white);\n  border-radius: var(--opc-radius-sm);\n  padding: 1rem 1.25rem;\n  box-shadow: var(--opc-shadow);\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n}\n\n.opc-compo-icon-sm {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.opc-compo-simple h3 {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--opc-primary-dark);\n  margin: 0;\n  line-height: 1.3;\n}\n\n.opc-compo-dose-sm {\n  font-size: 12px;\n  color: var(--opc-text-light);\n  display: block;\n  margin-top: .1rem;\n}\n\n\/* === TIMELINE === *\/\n.opc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.opc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.opc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--opc-primary), #2d8a52);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(26,107,60,.3);\n}\n\n.opc-timeline-content {\n  flex: 1;\n  background: var(--opc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--opc-radius-sm);\n  box-shadow: var(--opc-shadow);\n}\n\n.opc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--opc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.opc-timeline-content p {\n  font-size: 14px;\n  color: var(--opc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.opc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--opc-primary-light);\n  border-radius: var(--opc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.opc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.opc-tip p {\n  font-size: 14px;\n  color: var(--opc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.opc-accordion {\n  background: var(--opc-white);\n  border-radius: var(--opc-radius);\n  box-shadow: var(--opc-shadow);\n  overflow: hidden;\n}\n\n.opc-accordion-item {\n  border-bottom: 1px solid var(--opc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.opc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.opc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--opc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.opc-accordion-header:hover {\n  background: var(--opc-primary-light);\n}\n\n.opc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.opc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--opc-primary);\n  transition: transform .2s ease;\n}\n\n.opc-accordion-item[open] .opc-accordion-header::after {\n  content: '−';\n}\n\n.opc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--opc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.opc-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.opc-disclaimer {\n  font-size: 12px;\n  color: var(--opc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .opc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .opc-card {\n    padding: 1.125rem;\n  }\n\n  .opc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .opc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--opc-radius-sm);\n  }\n\n  .opc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .opc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .opc-highlight-row {\n    gap: .75rem;\n  }\n\n  .opc-highlight-card {\n    padding: 1rem 1.25rem;\n    flex: 1;\n  }\n\n  .opc-highlight-number {\n    font-size: 28px;\n  }\n\n  .opc-purity-bar {\n    flex-direction: column;\n    gap: 1rem;\n    padding: 1.5rem 1.25rem;\n  }\n\n  .opc-purity-divider {\n    width: 50px;\n    height: 2px;\n  }\n\n  .opc-compo-row {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n\n  .opc-grid-compact {\n    gap: .625rem;\n  }\n\n  .opc-grid-compact .opc-card {\n    padding: .75rem;\n  }\n\n  .opc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .opc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .opc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .opc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .opc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .opc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .opc-compo-icon {\n    font-size: 28px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .opc-card {\n    animation: opcFadeInUp .5s ease backwards;\n  }\n  .opc-card:nth-child(1) { animation-delay: .05s; }\n  .opc-card:nth-child(2) { animation-delay: .1s; }\n  .opc-card:nth-child(3) { animation-delay: .15s; }\n  .opc-card:nth-child(4) { animation-delay: .2s; }\n  .opc-card:nth-child(5) { animation-delay: .25s; }\n  .opc-card:nth-child(6) { animation-delay: .3s; }\n\n  .opc-highlight-card {\n    animation: opcFadeInUp .5s ease backwards;\n  }\n  .opc-highlight-card:nth-child(1) { animation-delay: .1s; }\n  .opc-highlight-card:nth-child(2) { animation-delay: .2s; }\n\n  .opc-timeline-item {\n    animation: opcFadeInUp .5s ease backwards;\n  }\n  .opc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .opc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .opc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes opcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .opc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":55159396991353,"sku":"VO4460","price":31.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/max-opc-50-extrait-decorce-de-pin-maritime-60-gelules-vital--packshothd_dab85597-6bdc-4776-92fe-d5e6860a5a2e.webp?v=1786441359"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/antioxydants.webp?v=1790072709","url":"https:\/\/www.naturellement-bio.com\/collections\/antioxydants.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}