{"title":"Santé","description":"\u003cp\u003eVous sentez parfois un \u003cstrong\u003emanque d’énergie\u003c\/strong\u003e, une \u003cstrong\u003econcentration en baisse\u003c\/strong\u003e, ou vous cherchez à \u003cstrong\u003epréserver votre cœur, vos articulations ou votre vision\u003c\/strong\u003e ? La nutrition joue un rôle clé dans ces problématiques, mais elle n’est pas toujours suffisante. Selon une étude de l’ANSES (Agence nationale de sécurité sanitaire de l’alimentation), \u003cstrong\u003eprès d’un adulte sur trois en France présente des carences en micronutriments essentiels\u003c\/strong\u003e comme le magnésium, la vitamine D ou les oméga-3 \u003ca rel=\"nofollow\" title=\"Étude individuelle nationale des consommations alimentaires 3 (INCA 3) Avis de l’Anses - Rapport d’expertise collective de Juin 2017 - Édition scientifique\" href=\"https:\/\/www.anses.fr\/fr\/system\/files\/NUT2014SA0234Ra.pdf\"\u003e\u003cspan\u003e(source)\u003c\/span\u003e\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eC’est là qu’interviennent les compléments alimentaires dédiés à la santé.\u003c\/strong\u003e Ils ne remplacent pas une alimentation équilibrée mais permettent de combler des besoins précis pour renforcer l’organisme. Les \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires\" title=\"complément alimentaire naturel et bio\"\u003ecompléments alimentaires\u003c\/a\u003e pour soutenir la santé se répartissent en plusieurs catégories, chacune ayant un rôle spécifique. Voici les principales :\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003e\u003cstrong\u003e🫀 Soutenir les grandes fonctions vitales\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eNotre organisme est une mécanique bien rodée, mais il a parfois besoin d’un \u003cstrong\u003epetit coup de pouce pour fonctionner de manière optimale\u003c\/strong\u003e. Voici comment choisir les bons compléments en fonction des \u003cstrong\u003eproblématiques courantes\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"mb-3\"\u003e\n\u003cstrong\u003eCœur et circulation sanguine\u003c\/strong\u003e : Un système cardiovasculaire en bonne santé passe par une alimentation riche en \u003cstrong\u003eoméga-3\u003c\/strong\u003e, en \u003cstrong\u003eantioxydants\u003c\/strong\u003e et en \u003cstrong\u003eplantes protectrices\u003c\/strong\u003e comme l’aubépine. Un complément ciblé peut aider à \u003cstrong\u003eréguler la tension artérielle et protéger le cœur\u003c\/strong\u003e. 👉 Voir nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/cardio-vasculaire\" title=\"Compléments alimentaires pour la santé Cardiovasculaire et la Tension\" target=\"_blank\"\u003ecompléments alimentaires pour le coeur et la tension\u003c\/a\u003e\n\u003c\/li\u003e\n\u003cli class=\"mb-3\"\u003e\n\u003cstrong\u003eÉquilibre du sucre dans le sang\u003c\/strong\u003e : Si vous cherchez à \u003cstrong\u003estabiliser votre glycémie\u003c\/strong\u003e, des actifs comme le \u003cstrong\u003echrome\u003c\/strong\u003e, la \u003cstrong\u003ecannelle\u003c\/strong\u003e ou encore le \u003cstrong\u003enopal\u003c\/strong\u003e peuvent être intéressants. 👉 Consultez nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/glycemie\" title=\"Compléments alimentaires naturels pour le diabète et la gestion de la glycémie\" rel=\"noopener\" target=\"_blank\"\u003e\u003cspan\u003ecompléments alimentaires pour la Glycémie\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRégulation hormonale et thyroïde\u003c\/strong\u003e : La thyroïde joue un rôle central dans le métabolisme. Le \u003cstrong\u003esélénium\u003c\/strong\u003e, l’\u003cstrong\u003eiode\u003c\/strong\u003e et certaines plantes comme l’ashwagandha aident à maintenir son bon fonctionnement. 👉 Explorez notre gamme de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/thyroide\" title=\"Complément alimentaire thyroïde\"\u003e\u003cspan\u003ecompléments pour la\u003c\/span\u003e\u003cspan\u003e Thyroïde\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/li\u003e\n\u003cli class=\"mb-3\"\u003e\n\u003cstrong\u003eSoutenir les voies respiratoires\u003c\/strong\u003e : Une bonne oxygénation passe par des poumons en pleine santé. Des actifs naturels comme le \u003cstrong\u003epin sylvestre\u003c\/strong\u003e, le \u003cstrong\u003emarrube blanc\u003c\/strong\u003e et l’\u003cmeta charset=\"utf-8\"\u003eeucalyptus aident à dégager les voies respiratoires et à renforcer la capacité pulmonaire. 👉 Consultez tous nos \u003ca rel=\"noopener\" title=\"Compléments alimentaires pour la santé respiratoire\" href=\"https:\/\/www.naturellement-bio.com\/collections\/respiratoire\" target=\"_blank\"\u003e\u003cspan\u003ecompléments pour le système respiratoire\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003e\u003cstrong\u003e🦴 Renforcer le corps et prévenir les déséquilibres\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eL’organisme fonctionne comme un tout : des os solides, des articulations souples et une bonne gestion des lipides sont des éléments clés pour une \u003cstrong\u003esanté durable\u003c\/strong\u003e. Voici comment optimiser ces fonctions naturellement.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e✔️ Préserver la mobilité et le confort articulaire\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eAvec l’âge ou une activité physique intense, vos \u003cstrong\u003earticulations\u003c\/strong\u003e peuvent s’user, entraînant douleurs et raideurs. \u003cstrong\u003eLe collagène et la glucosamine\u003c\/strong\u003e sont des constituants majeurs du cartilage et aident à maintenir une bonne souplesse articulaire. Des compléments comme la glucosamine et la chondroïtine peuvent vous aider à réduire la douleur et à améliorer votre mobilité en cas d’arthrose légère à modérée.\u003c\/p\u003e\n\u003cp\u003e👉 \u003cstrong\u003eBesoin de renforcer vos articulations et votre mobilité ?\u003c\/strong\u003e Découvrez notre sélection de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/articulations-et-douleurs\" title=\"Compléments Alimentaires pour les Articulations, Os et Muscles\"\u003ecompléments pour les articulations, os et muscles\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e✔️ Réguler le cholestérol naturellement\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUn taux de \u003cstrong\u003echolestérol trop élevé\u003c\/strong\u003e est un facteur de risque pour votre cœur et vos vaisseaux sanguins. Mais tous les cholestérols ne se valent pas : il faut favoriser le \u003cstrong\u003ebon cholestérol (HDL)\u003c\/strong\u003e et limiter le \u003cstrong\u003emauvais cholestérol (LDL)\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLes phytostérols\u003c\/strong\u003e, présents dans certaines plantes et huiles, bloquent partiellement l’absorption du cholestérol au niveau intestinal.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa levure de riz rouge\u003c\/strong\u003e est reconnue pour son effet sur la réduction du cholestérol LDL, grâce à sa teneur en monacoline K. L’EFSA (Autorité européenne de sécurité des aliments) a d'ailleurs validé ses bienfaits, sous certaines conditions de dosage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 \u003cstrong\u003eBesoin de réguler votre taux de cholestérol ? Optez pour un \u003c\/strong\u003e \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/cholesterol\" title=\"Compléments alimentaires naturels pour réguler le Cholestérol\"\u003ecomplément alimentaire contre le cholestérol\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e✔️ Stimuler la circulation sanguine et soulager les jambes lourdes\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eAvoir des \u003cstrong\u003ejambes légères et une circulation fluide\u003c\/strong\u003e est essentiel pour éviter les sensations de lourdeur et les gonflements, notamment en été ou lors de longues périodes en position assise.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLe \u003cstrong\u003emarron d’Inde\u003c\/strong\u003e et la \u003cstrong\u003evigne rouge\u003c\/strong\u003e sont des alliés précieux pour favoriser le retour veineux.\u003c\/li\u003e\n\u003cli\u003eLa \u003cstrong\u003ediosmine\u003c\/strong\u003e, un flavonoïde naturel, aide à réduire l’inflammation et à renforcer les parois des vaisseaux sanguins.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eDes études cliniques montrent que la diosmine combinée à l’hespéridine améliore les symptômes de l’insuffisance veineuse chronique et réduit le gonflement des jambes.\u003c\/p\u003e\n\u003cp\u003e👉 \u003cstrong\u003eBesoin d’un coup de pouce pour une circulation fluide ?\u003c\/strong\u003e Découvrez nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/circulation\" title=\"Complément alimentaire Circulation Sanguine et Insuffisance veineuse\"\u003ecompléments pour la circulation\u003c\/a\u003e.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003e\u003cstrong\u003e🧠 Stimuler les capacités cognitives et immunitaires\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003ecerveau\u003c\/strong\u003e et le \u003cstrong\u003esystème immunitaire\u003c\/strong\u003e jouent un rôle clé dans notre bien-être quotidien. Mais entre le stress, la pollution et la fatigue, ils peuvent être mis à rude épreuve. Heureusement, certains actifs naturels permettent de les renforcer efficacement.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e✔️ Améliorer la mémoire et la concentration\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à \u003cstrong\u003evous concentrer\u003c\/strong\u003e ou sentez que votre mémoire vous fait défaut ? Cela peut être lié à :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli style=\"list-style: none;\"\u003e✅ Un manque d’oxygénation du cerveau\u003c\/li\u003e\n\u003cli style=\"list-style: none;\"\u003e✅ Une \u003cstrong\u003edéficience en nutriments essentiels\u003c\/strong\u003e (vitamine B12, magnésium, oméga-3)\u003c\/li\u003e\n\u003cli style=\"list-style: none;\"\u003e✅ Une exposition excessive aux écrans et au stress\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eLes solutions naturelles efficaces\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe ginkgo biloba\u003c\/strong\u003e : améliore la circulation cérébrale et soutient la mémoire. Une \u003cstrong\u003eétude publiée dans JAMA\u003c\/strong\u003e a montré son efficacité chez les seniors.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa bacopa monnieri\u003c\/strong\u003e : issue de la médecine ayurvédique, cette plante améliore la concentration et la mémorisation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLes oméga-3 (DHA)\u003c\/strong\u003e : essentiels pour les connexions neuronales et le bon fonctionnement du cerveau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 \u003cstrong\u003eBesoin d’un coup de boost cérébral ?\u003c\/strong\u003e Parcourez notre gamme de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/memoire-concentration\" title=\"Compléments alimentaires pour la Mémoire et la Concentration\"\u003ecompléments pour la mémoire et la concentration\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003e📌 \u003cstrong\u003eÀ retenir\u003c\/strong\u003e :\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003ePour une bonne mémoire, privilégiez \u003cstrong\u003ele ginkgo biloba et les oméga-3\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eLa \u003cstrong\u003ebacopa\u003c\/strong\u003e aide à mieux assimiler et retenir les informations\u003c\/li\u003e\n\u003cli\u003eLimitez les écrans et favorisez un bon sommeil pour optimiser la concentration\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch3\u003e\u003cstrong\u003e✔️ Protéger la vision et soutenir la santé oculaire\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eAvec l’augmentation du \u003cstrong\u003etemps d’écran\u003c\/strong\u003e, la \u003cstrong\u003efatigue visuelle\u003c\/strong\u003e et le vieillissement oculaire sont des préoccupations croissantes.\u003c\/p\u003e\n\u003cp\u003e💡 \u003cstrong\u003eFacteurs de risque pour la vue\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLumière bleue\u003c\/strong\u003e des écrans et du soleil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCarence en nutriments essentiels\u003c\/strong\u003e comme la lutéine et le DHA\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eVieillissement de la rétine\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e💡 \u003cstrong\u003eLes solutions naturelles efficaces\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa lutéine et la zéaxanthine\u003c\/strong\u003e protègent l’œil contre la lumière bleue et réduisent les risques de dégénérescence maculaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLes oméga-3 (DHA)\u003c\/strong\u003e : essentiels pour la santé rétinienne et la protection des cellules visuelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa myrtille\u003c\/strong\u003e : riche en antioxydants, elle favorise une meilleure acuité visuelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 \u003cstrong\u003ePréservez votre vue avec des solutions naturelles !\u003c\/strong\u003e Découvrez nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/complement-alimentaire-vision-vue\" title=\"Complément Alimentaire pour la Vision et la Vue\"\u003ecompléments pour la vision\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003e📌 \u003cstrong\u003eÀ retenir\u003c\/strong\u003e : Tout d'abord, protégez vos yeux avec \u003cstrong\u003ela lutéine et les oméga-3\u003c\/strong\u003e. Ensuite, diminuez l’exposition aux \u003cstrong\u003eécrans et à la lumière bleue\u003c\/strong\u003e. Enfin, la \u003cstrong\u003emyrtille\u003c\/strong\u003e améliore l’acuité visuelle et la circulation sanguine oculaire\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e✔️ Booster le système immunitaire\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eLe système immunitaire est \u003cstrong\u003enotre bouclier naturel\u003c\/strong\u003e contre les infections. Pourtant, il peut être affaibli par plusieurs facteurs :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eStress et manque de sommeil\u003c\/li\u003e\n\u003cli\u003eCarences en \u003cstrong\u003evitamines et minéraux\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eExposition aux virus et aux bactéries\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e💡 \u003cstrong\u003eLes solutions naturelles efficaces\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe zinc\u003c\/strong\u003e : indispensable pour le fonctionnement du système immunitaire. Une étude publiée dans \u003cem\u003eBMJ Open\u003c\/em\u003e montre qu’il réduit la durée des infections respiratoires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eL’échinacée\u003c\/strong\u003e : stimule les défenses immunitaires et prévient les infections hivernales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa vitamine D\u003c\/strong\u003e : essentielle pour la régulation des réponses immunitaires.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 \u003cstrong\u003eRenforcez vos défenses naturelles !\u003c\/strong\u003e Découvrez notre gamme de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/defenses-immunitaires\" title=\"Compléments alimentaires Défenses Immunitaires et Naturelles\"\u003ecompléments pour le système immunitaire\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003e📌 \u003cstrong\u003eÀ retenir\u003c\/strong\u003e :\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe zinc et la vitamine D\u003c\/strong\u003e sont essentiels pour un système immunitaire fort\u003c\/li\u003e\n\u003cli\u003eL’\u003cstrong\u003eéchinacée\u003c\/strong\u003e booste la réponse immunitaire contre les infections\u003c\/li\u003e\n\u003cli\u003eAdoptez un \u003cstrong\u003esommeil de qualité\u003c\/strong\u003e et une \u003cstrong\u003ealimentation riche en antioxydants\u003c\/strong\u003e pour un effet durable\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cp\u003eVous l'aurez compris, prendre soin de votre santé passe avant tout par une alimentation équilibrée et un mode de vie sain. Mais lorsque votre organisme a des besoins spécifiques, \u003cstrong\u003eles compléments alimentaires peuvent vous apporter un soutien ciblé et efficace pour vous maintenir en pleine santé\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eQue vous souhaitiez \u003cstrong\u003erenforcer votre système immunitaire, soutenir votre mémoire, préserver vos articulations ou optimiser votre circulation sanguine\u003c\/strong\u003e, vous trouverez dans notre sélection des solutions naturelles adaptées à vos objectifs.\u003c\/p\u003e\n\u003cp\u003e👉 \u003cstrong\u003eDécouvrez dès maintenant notre gamme complète de compléments alimentaires pour la santé\u003c\/strong\u003e et choisissez ceux qui correspondent le mieux à vos besoins !\u003c\/p\u003e","products":[{"product_id":"probiotic-10-sachets-quinton","title":"Probiotic - 10 Sachets - Quinton","description":"\u003cdiv class=\"qprob-premium\"\u003e\n  \u003cdiv class=\"qprob-hero\"\u003e\n    \u003cdiv class=\"qprob-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qprob-hero-content\"\u003e\n      \u003cdiv class=\"qprob-badges-top\"\u003e\n        \u003cspan class=\"qprob-badge\"\u003e🌊 Plasma marin isotonique\u003c\/span\u003e\n        \u003cspan class=\"qprob-badge\"\u003e🦠 Ferments vivants\u003c\/span\u003e\n        \u003cspan class=\"qprob-badge\"\u003e🦴 Source de calcium\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qprob-hero-title\"\u003eProbiotic Quinton\u003c\/span\u003e\n      \u003cp class=\"qprob-subtitle\"\u003e10 sachets — Flore intestinale \u0026amp; équilibre digestif\u003c\/p\u003e\n      \u003cp class=\"qprob-description\"\u003eUne alliance inédite entre l'eau de mer microfiltrée, des ferments lactiques sélectionnés et du calcium, pour soutenir votre flore intestinale au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"qprob-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce probiotique Quinton ?\u003c\/h2\u003e\n    \u003cp class=\"qprob-section-intro\"\u003eNotre système digestif héberge des milliards de micro-organismes qui participent à l'équilibre global de l'organisme. Stress, alimentation déséquilibrée, antibiothérapie, voyages… autant de facteurs qui peuvent perturber cet écosystème fragile. Ballonnements, transit irrégulier, fatigue : un probiotique de qualité contribue à restaurer l'équilibre.\u003c\/p\u003e\n    \u003cdiv class=\"qprob-grid\"\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e🌱 Équilibre de la flore\u003c\/h3\u003e\n        \u003cp\u003eFerments vivants sélectionnés pour contribuer à l'équilibre de la flore intestinale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e🌊 Richesse marine\u003c\/h3\u003e\n        \u003cp\u003eMinéraux et oligo-éléments naturellement présents dans l'eau de mer isotonique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e🦴 Source de calcium\u003c\/h3\u003e\n        \u003cp\u003eLe calcium participe au fonctionnement normal des enzymes digestives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n        \u003cp\u003eSachets individuels prêts à l'emploi, pratiques à emporter partout avec vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qprob-section\"\u003e\n    \u003ch2\u003eComposition détaillée d'un sachet (10 ml)\u003c\/h2\u003e\n    \u003cdiv class=\"qprob-grid\"\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e💧 Eau de mer microfiltrée à froid\u003c\/h3\u003e\n        \u003cp\u003eSolution isotonique d'origine marine pure, prélevée au cœur des vortex océaniques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e🦠 Ferments lactiques vivants\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eLactobacillus acidophilus\u003c\/em\u003e, \u003cem\u003eLactobacillus rhamnosus\u003c\/em\u003e et \u003cem\u003eBifidobacterium lactis\u003c\/em\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e🦴 Calcium citrate — 120 mg\u003c\/h3\u003e\n        \u003cp\u003eSoit 15 % des Valeurs Nutritionnelles de Référence par sachet.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-card\"\u003e\n        \u003ch3\u003e🌾 Inuline prébiotique\u003c\/h3\u003e\n        \u003cp\u003eFibres favorisant le développement naturel des bonnes bactéries intestinales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qprob-tip\"\u003e\n      \u003cspan class=\"qprob-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans OGM, sans arômes artificiels ni conservateurs de synthèse.\u003c\/strong\u003e Convient aux adultes et adolescents.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qprob-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"qprob-timeline\"\u003e\n      \u003cdiv class=\"qprob-timeline-item\"\u003e\n        \u003cdiv class=\"qprob-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qprob-timeline-content\"\u003e\n          \u003ch3\u003e1 sachet par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, pendant une cure de 10 jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-timeline-item\"\u003e\n        \u003cdiv class=\"qprob-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qprob-timeline-content\"\u003e\n          \u003ch3\u003eAgiter puis ouvrir\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu directement en bouche ou dans un peu d'eau à température ambiante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-timeline-item\"\u003e\n        \u003cdiv class=\"qprob-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qprob-timeline-content\"\u003e\n          \u003ch3\u003eÉviter l'eau chaude\u003c\/h3\u003e\n          \u003cp\u003eLa chaleur détruirait les ferments lactiques vivants : privilégiez une boisson tiède ou froide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qprob-timeline-item\"\u003e\n        \u003cdiv class=\"qprob-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"qprob-timeline-content\"\u003e\n          \u003ch3\u003eEn cas d'antibiotiques\u003c\/h3\u003e\n          \u003cp\u003eEspacez la prise d'au moins 2 heures pour préserver l'efficacité du probiotique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qprob-tip\"\u003e\n      \u003cspan class=\"qprob-tip-icon\"\u003e🔄\u003c\/span\u003e\n      \u003cp\u003eUne cure peut être renouvelée plusieurs fois dans l'année, notamment au changement de saison, après des excès alimentaires ou à la suite d'un épisode digestif passager.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qprob-section\"\u003e\n    \u003ch2\u003eVos interrogations sur les probiotiques\u003c\/h2\u003e\n    \u003cdiv class=\"qprob-accordion\"\u003e\n      \u003cdetails class=\"qprob-accordion-item\"\u003e\n        \u003csummary class=\"qprob-accordion-header\"\u003e🤔 Quelle différence entre flore intestinale et flore intime ?\u003c\/summary\u003e\n        \u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes souches et dosages diffèrent selon la zone ciblée. Le Probiotic Quinton est formulé spécifiquement pour soutenir la \u003cstrong\u003eflore intestinale\u003c\/strong\u003e. Pour un probiotique dédié à la \u003cstrong\u003eflore intime\u003c\/strong\u003e, orientez-vous vers une formule contenant des souches vaginales spécifiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qprob-accordion-item\"\u003e\n        \u003csummary class=\"qprob-accordion-header\"\u003e⏰ Quand prendre son probiotique ?\u003c\/summary\u003e\n        \u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe matin à jeun est idéal : l'estomac étant vide, les ferments atteignent plus facilement l'intestin où ils exercent leur action.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qprob-accordion-item\"\u003e\n        \u003csummary class=\"qprob-accordion-header\"\u003e💊 Peut-on l'associer à un traitement antibiotique ?\u003c\/summary\u003e\n        \u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, c'est même recommandé pendant et après le traitement, en respectant un intervalle de 2 heures entre les prises pour préserver l'efficacité des ferments lactiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qprob-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eOrigine et qualité Quinton\u003c\/h2\u003e\n    \u003cdiv class=\"qprob-cta-box\"\u003e\n      \u003cp\u003eFabriqué en Espagne par les Laboratoires Quinton, pionniers depuis plus d'un siècle dans l'exploitation de l'eau de mer à visée nutritionnelle. L'eau est prélevée au cœur de vortex océaniques, puis microfiltrée à froid afin de préserver l'intégralité de ses qualités biologiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qprob-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Demandez l'avis de votre médecin ou pharmacien en cas de grossesse, d'allaitement ou de pathologie chronique. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qprob-cream: #f4fafb;\n  --qprob-white: #ffffff;\n  --qprob-primary: #2aa5c7;\n  --qprob-primary-dark: #0f6d8c;\n  --qprob-primary-light: #e4f4f8;\n  --qprob-secondary: #8dc63f;\n  --qprob-accent: #5fb8d4;\n  --qprob-text: #1a2a33;\n  --qprob-text-light: #5a6a72;\n  --qprob-border: #d8e8ec;\n  --qprob-shadow: 0 4px 24px rgba(15, 109, 140, .08);\n  --qprob-shadow-lg: 0 12px 48px rgba(15, 109, 140, .18);\n  --qprob-radius: 20px;\n  --qprob-radius-sm: 12px;\n}\n\n.qprob-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qprob-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--qprob-text);\n}\n\n.qprob-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2aa5c7 0%, #5fb8d4 50%, #8dc63f 100%);\n  border-radius: var(--qprob-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(--qprob-shadow-lg);\n}\n\n.qprob-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .12;\n  background-image: radial-gradient(circle at 20% 30%, #ffffff 2px, transparent 3px),\n                    radial-gradient(circle at 70% 60%, #ffffff 1.5px, transparent 2.5px),\n                    radial-gradient(circle at 40% 80%, #ffffff 2px, transparent 3px);\n  background-size: 80px 80px, 60px 60px, 100px 100px;\n}\n\n.qprob-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qprob-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.qprob-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.qprob-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.qprob-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qprob-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(--qprob-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qprob-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.qprob-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qprob-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qprob-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.qprob-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(--qprob-primary), var(--qprob-secondary));\n  border-radius: 2px;\n}\n\n.qprob-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qprob-text-light);\n  line-height: 1.7;\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n}\n\n.qprob-card {\n  background: var(--qprob-white);\n  border-radius: var(--qprob-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qprob-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qprob-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qprob-shadow-lg);\n  border-color: var(--qprob-primary);\n}\n\n.qprob-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qprob-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qprob-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qprob-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qprob-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.qprob-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.qprob-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qprob-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qprob-primary), var(--qprob-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(42, 165, 199, .3);\n}\n\n.qprob-timeline-content {\n  flex: 1;\n  background: var(--qprob-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qprob-radius-sm);\n  box-shadow: var(--qprob-shadow);\n}\n\n.qprob-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qprob-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qprob-timeline-content p {\n  font-size: 14px;\n  color: var(--qprob-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.qprob-accordion {\n  background: var(--qprob-white);\n  border-radius: var(--qprob-radius);\n  box-shadow: var(--qprob-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.qprob-accordion-item {\n  border-bottom: 1px solid var(--qprob-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qprob-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qprob-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qprob-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.qprob-accordion-header:hover {\n  background: var(--qprob-primary-light);\n}\n\n.qprob-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qprob-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--qprob-primary);\n  transition: transform .2s ease;\n}\n\n.qprob-accordion-item[open] .qprob-accordion-header::after {\n  content: '−';\n}\n\n.qprob-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qprob-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qprob-accordion-content p {\n  margin: 0;\n}\n\n.qprob-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qprob-primary-light);\n  border-radius: var(--qprob-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--qprob-secondary);\n}\n\n.qprob-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qprob-tip p {\n  font-size: 14px;\n  color: var(--qprob-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qprob-cta-box {\n  background: linear-gradient(135deg, var(--qprob-primary) 0%, var(--qprob-primary-dark) 100%);\n  border-radius: var(--qprob-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--qprob-shadow-lg);\n}\n\n.qprob-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.qprob-disclaimer {\n  font-size: 12px;\n  color: var(--qprob-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  line-height: 1.6;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 767px) {\n  .qprob-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .qprob-card {\n    padding: 1.125rem;\n  }\n  .qprob-section {\n    margin-bottom: 1.75rem;\n  }\n  .qprob-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qprob-radius-sm);\n  }\n  .qprob-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .qprob-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .qprob-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .qprob-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .qprob-timeline-content h3 {\n    font-size: 14px;\n  }\n  .qprob-timeline-content p {\n    font-size: 13px;\n  }\n  .qprob-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .qprob-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .qprob-card {\n    animation: qprobFadeInUp .5s ease backwards;\n  }\n  .qprob-card:nth-child(1) { animation-delay: .05s; }\n  .qprob-card:nth-child(2) { animation-delay: .1s; }\n  .qprob-card:nth-child(3) { animation-delay: .15s; }\n  .qprob-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes qprobFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .qprob-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754679001245,"sku":"QU0025","price":29.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/probiotic-10-sachets-quinton-packshothd.webp?v=1776758927"},{"product_id":"hypertonic-buvable-30-ampoules-de-10-ml-quinton","title":"Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton\nPalette détectée:\n  - Primaire: #1e3a5f (bleu marine profond du packaging)\n  - Secondaire: #4a90c2 (bleu océan clair des motifs)\n  - Accent: #c9a227 (doré des ampoules)\n  - Light: #e8f4fc (bleu très clair pour backgrounds)\nAmbiance: Marine\/océanique, scientifique, premium, naturel, confiance médicale\nPréfixe CSS: qh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Qu'est-ce que le Quinton Hypertonic ?\"\n  2. \"Les bienfaits de l'eau de mer Quinton Hypertonic\"\n  3. \"Quelle différence entre Quinton isotonique et hypertonique ?\"\n  4. \"Composition détaillée\"\n  5. \"Comment prendre le Quinton Hypertonic ?\"\n  6. \"Un procédé de fabrication rigoureux\"\n  7. \"Pour qui est recommandé le Quinton Hypertonic ?\"\n  8. \"Précautions d'emploi\"\n  9. \"Pourquoi choisir le Quinton Hypertonic ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"qh-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"qh-hero\"\u003e\n    \u003cdiv class=\"qh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qh-hero-content\"\u003e\n      \u003cdiv class=\"qh-badges-top\"\u003e\n        \u003cspan class=\"qh-badge\"\u003e🌊 78 minéraux marins\u003c\/span\u003e\n        \u003cspan class=\"qh-badge\"\u003e💎 100 % eau de mer pure\u003c\/span\u003e\n        \u003cspan class=\"qh-badge\"\u003e🔬 Depuis 1897\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qh-hero-title\"\u003eQuinton Hypertonic\u003c\/span\u003e\n      \u003cp class=\"qh-subtitle\"\u003e30 ampoules buvables de 10 ml\u003c\/p\u003e\n      \u003cp class=\"qh-description\"\u003eUn concentré de vie marine pour revitaliser votre organisme et combler vos besoins en minéraux. Plus d'un siècle d'expertise au service de votre vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-intro-card\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eQuinton Hypertonic\u003c\/strong\u003e est une \u003cstrong\u003eeau de mer hypertonique\u003c\/strong\u003e buvable, prélevée au large des côtes dans des zones marines exceptionnellement riches en phytoplancton. Contrairement à l'eau de mer classique, cette solution conserve l'intégralité de ses \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e grâce à un procédé de microfiltration à froid qui préserve toutes ses propriétés naturelles.\u003c\/p\u003e\n      \u003cp\u003eCe complément s'inscrit dans la lignée des travaux du biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, qui a démontré dès le début du XXe siècle la remarquable similitude entre l'eau de mer et notre milieu intérieur. La formule hypertonique présente une concentration en minéraux supérieure à celle du plasma sanguin, ce qui en fait un allié de choix pour les personnes ayant des besoins accrus en reminéralisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'eau de mer Quinton Hypertonic\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eL'eau de mer de Quinton en version hypertonique offre une synergie unique de minéraux biodisponibles :\u003c\/p\u003e\n    \u003cdiv class=\"qh-grid\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e💧 Reminéralisation profonde\u003c\/h3\u003e\n        \u003cp\u003eApport concentré en magnésium, calcium, potassium, zinc et plus de 70 autres éléments traces\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n        \u003cp\u003eIdéal en période de fatigue, de stress ou de convalescence pour retrouver votre énergie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n        \u003cp\u003eAide à compenser les pertes minérales après un effort physique intense\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir un pH corporel optimal pour un fonctionnement harmonieux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔋 Stimulation naturelle\u003c\/h3\u003e\n        \u003cp\u003eEffet tonifiant grâce à sa concentration hypertonique supérieure au plasma sanguin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eSans additif, sans conservateur, sans gluten — l'eau de mer est le seul ingrédient\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eQuelle différence entre Quinton isotonique et hypertonique ?\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eCette question revient souvent, et elle mérite une réponse claire :\u003c\/p\u003e\n    \u003cdiv class=\"qh-comparison\"\u003e\n      \u003cdiv class=\"qh-comparison-card qh-isotonic\"\u003e\n        \u003cdiv class=\"qh-comparison-header\"\u003e\n          \u003cspan class=\"qh-comparison-icon\"\u003e🌊\u003c\/span\u003e\n          \u003ch3\u003eQuinton Isotonique\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003eEau de mer \u003cstrong\u003ediluée\u003c\/strong\u003e avec de l'eau de source\u003c\/li\u003e\n          \u003cli\u003eConcentration similaire à notre milieu intérieur\u003c\/li\u003e\n          \u003cli\u003eConvient aux \u003cstrong\u003ecures douces\u003c\/strong\u003e\n\u003c\/li\u003e\n          \u003cli\u003eIdéal pour l'hydratation cellulaire\u003c\/li\u003e\n          \u003cli\u003eRecommandé aux personnes sensibles\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"qh-comparison-tag\"\u003eCure de fond\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-comparison-card qh-hypertonic\"\u003e\n        \u003cdiv class=\"qh-comparison-header\"\u003e\n          \u003cspan class=\"qh-comparison-icon\"\u003e⚡\u003c\/span\u003e\n          \u003ch3\u003eQuinton Hypertonic\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003eEau de mer \u003cstrong\u003epure, non diluée\u003c\/strong\u003e\n\u003c\/li\u003e\n          \u003cli\u003eConcentration en minéraux plus élevée\u003c\/li\u003e\n          \u003cli\u003eEffet \u003cstrong\u003edynamisant\u003c\/strong\u003e rapide\u003c\/li\u003e\n          \u003cli\u003eIdéal en période de fatigue marquée\u003c\/li\u003e\n          \u003cli\u003eRecommandé pour les sportifs\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"qh-comparison-tag qh-tag-highlight\"\u003eCoup de boost\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-tip\"\u003e\n      \u003cspan class=\"qh-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous hésitez entre les deux, l'Hypertonic sera votre allié pour un \u003cstrong\u003ecoup de boost rapide\u003c\/strong\u003e, tandis que l'Isotonique s'intégrera mieux dans une cure de fond sur plusieurs semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"qh-composition\"\u003e\n      \u003cdiv class=\"qh-composition-main\"\u003e\n        \u003cdiv class=\"qh-composition-badge\"\u003e100 %\u003c\/div\u003e\n        \u003cdiv class=\"qh-composition-text\"\u003e\n          \u003ch3\u003eEau de mer naturelle hypertonique\u003c\/h3\u003e\n          \u003cp\u003e10 ml par ampoule — ingrédient unique, pureté absolue\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-minerals-grid\"\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~110 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eMagnésium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~40 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eCalcium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~38 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003ePotassium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e+70\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eOligo-éléments\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003eà l'état de traces\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"qh-composition-note\"\u003eSoufre, silicium, zinc, iode, sélénium et plus de 70 autres éléments présents naturellement. \u003cstrong\u003eSans additif, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eComment prendre le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-timeline\"\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003ePosologie conseillée\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 ampoules par jour, de préférence le matin à jeun pour une absorption optimale. Cure de 15 à 30 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eOuvrir l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule en verre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption sublinguale (recommandée)\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu directement sous la langue pour une absorption sublinguale — c'est la méthode la plus efficace.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eAlternative\u003c\/h3\u003e\n          \u003cp\u003eVous pouvez également diluer l'ampoule dans un demi-verre d'eau si le goût salé vous incommode.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-tip\"\u003e\n      \u003cspan class=\"qh-tip-icon\"\u003e🏃\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce sportifs :\u003c\/strong\u003e Prenez une ampoule 30 minutes avant l'effort et une autre après pour optimiser la récupération.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eUn procédé de fabrication rigoureux\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eLa qualité de l'eau de mer Quinton repose sur un protocole de fabrication unique :\u003c\/p\u003e\n    \u003cdiv class=\"qh-grid\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌊 Prélèvement sélectif\u003c\/h3\u003e\n        \u003cp\u003eL'eau est captée à plus de 30 mètres de profondeur, dans des zones océaniques préservées riches en vortex planctoniques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n        \u003cp\u003eCe procédé breveté préserve l'intégralité des minéraux et oligo-éléments sans altération thermique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔬 Contrôles qualité stricts\u003c\/h3\u003e\n        \u003cp\u003eAnalyses bactériologiques et physico-chimiques à chaque lot pour garantir la sécurité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication en Espagne\u003c\/h3\u003e\n        \u003cp\u003eDans les Laboratoires Quinton, certifiés selon les normes pharmaceutiques les plus exigeantes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-highlight-box\"\u003e\n      \u003cp\u003eCe savoir-faire garantit une \u003cstrong\u003ebiodisponibilité exceptionnelle\u003c\/strong\u003e : votre organisme assimile les minéraux marins bien plus facilement que les compléments de synthèse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003ePour qui est recommandé le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-grid-compact\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n        \u003cp\u003eEn période de surmenage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération et performances\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏥 Convalescents\u003c\/h3\u003e\n        \u003cp\u003eAprès maladie ou intervention\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🍽️ Adultes carencés\u003c\/h3\u003e\n        \u003cp\u003eAlimentation déséquilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eBesoins en magnésium accrus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes et adolescents\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"qh-accordion\"\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux personnes suivant un régime sans sel strict ou souffrant d'hypertension non contrôlée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce complément alimentaire ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et 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    \u003cp class=\"qh-disclaimer\"\u003eEn cas de doute sur votre état de santé, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 9 --\u003e\n  \u003csection class=\"qh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-grid-compact\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌊 78 minéraux\u003c\/h3\u003e\n        \u003cp\u003eNaturellement assimilables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n        \u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e📜 Depuis 1897\u003c\/h3\u003e\n        \u003cp\u003ePlus d'un siècle d'expertise\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eAmpoules faciles à emporter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n        \u003cp\u003eDu prélèvement à l'ampoule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🇪🇸 Made in Spain\u003c\/h3\u003e\n        \u003cp\u003eNormes pharmaceutiques\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre corps ce dont il a besoin avec l'\u003cstrong\u003eHypertonic Buvable Quinton\u003c\/strong\u003e : une reminéralisation profonde puisée directement à la source de la vie marine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qh-cream: #f8fbfd;\n  --qh-white: #ffffff;\n  --qh-primary: #1e3a5f;\n  --qh-primary-dark: #0f2540;\n  --qh-primary-light: #e8f4fc;\n  --qh-secondary: #4a90c2;\n  --qh-accent: #c9a227;\n  --qh-text: #1a1a1a;\n  --qh-text-light: #5a6a7a;\n  --qh-border: #d4e5f2;\n  --qh-shadow: 0 4px 24px rgba(30,58,95,.08);\n  --qh-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n  --qh-radius: 20px;\n  --qh-radius-sm: 12px;\n}\n\n.qh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qh-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-secondary) 50%, #2d5a87 100%);\n  border-radius: var(--qh-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(--qh-shadow-lg);\n}\n\n.qh-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 5C20 15 10 15 5 30c5 15 15 15 25 25 10-10 20-10 25-25-5-15-15-15-25-25z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.qh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qh-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(--qh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.qh-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.qh-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.qh-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.qh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qh-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.qh-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(--qh-primary), var(--qh-secondary));\n  border-radius: 2px;\n}\n\n.qh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qh-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.qh-intro-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qh-shadow);\n  border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-intro-card p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--qh-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.qh-intro-card p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID === *\/\n.qh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.qh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qh-grid-compact .qh-card {\n  padding: 1rem;\n}\n\n.qh-grid-compact .qh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qh-grid-compact .qh-card p {\n  font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.qh-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qh-shadow-lg);\n  border-color: var(--qh-secondary);\n}\n\n.qh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.qh-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.qh-comparison-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: 1.5rem;\n  box-shadow: var(--qh-shadow);\n  position: relative;\n  overflow: hidden;\n}\n\n.qh-comparison-card.qh-hypertonic {\n  border: 2px solid var(--qh-accent);\n}\n\n.qh-comparison-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: 1rem;\n}\n\n.qh-comparison-icon {\n  font-size: 28px;\n}\n\n.qh-comparison-header h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0;\n}\n\n.qh-comparison-card ul {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.qh-comparison-card li {\n  font-size: 14px;\n  color: var(--qh-text);\n  padding: .5rem 0;\n  border-bottom: 1px solid var(--qh-border);\n  line-height: 1.5;\n}\n\n.qh-comparison-card li:last-child {\n  border-bottom: none;\n}\n\n.qh-comparison-tag {\n  display: inline-block;\n  padding: 6px 14px;\n  background: var(--qh-primary-light);\n  color: var(--qh-primary);\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n.qh-comparison-tag.qh-tag-highlight {\n  background: linear-gradient(135deg, var(--qh-accent), #d4b02e);\n  color: white;\n}\n\n\/* === COMPOSITION === *\/\n.qh-composition {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qh-shadow);\n}\n\n.qh-composition-main {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  padding-bottom: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-bottom: 2px solid var(--qh-border);\n}\n\n.qh-composition-badge {\n  flex-shrink: 0;\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, var(--qh-secondary), var(--qh-primary));\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}\n\n.qh-composition-text h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qh-composition-text p {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  margin: 0;\n}\n\n.qh-minerals-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.qh-mineral {\n  text-align: center;\n  padding: 1rem .5rem;\n  background: var(--qh-primary-light);\n  border-radius: var(--qh-radius-sm);\n}\n\n.qh-mineral-value {\n  display: block;\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--qh-primary);\n  margin-bottom: .25rem;\n}\n\n.qh-mineral-name {\n  display: block;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  margin-bottom: .15rem;\n}\n\n.qh-mineral-unit {\n  display: block;\n  font-size: 11px;\n  color: var(--qh-text-light);\n}\n\n.qh-composition-note {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  text-align: center;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.qh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qh-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--qh-primary), var(--qh-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: 18px;\n  box-shadow: 0 4px 12px rgba(30,58,95,.2);\n}\n\n.qh-timeline-content {\n  flex: 1;\n  background: var(--qh-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--qh-radius-sm);\n  box-shadow: var(--qh-shadow);\n}\n\n.qh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.qh-timeline-content p {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.qh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n  border-radius: var(--qh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qh-tip p {\n  font-size: 14px;\n  color: var(--qh-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qh-highlight-box {\n  background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n  border-radius: var(--qh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  text-align: center;\n  border: 2px solid var(--qh-secondary);\n}\n\n.qh-highlight-box p {\n  font-size: 15px;\n  color: var(--qh-primary-dark);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDION === *\/\n.qh-accordion {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  box-shadow: var(--qh-shadow);\n  overflow: hidden;\n}\n\n.qh-accordion-item {\n  border-bottom: 1px solid var(--qh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qh-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.qh-accordion-header:hover {\n  background: var(--qh-primary-light);\n}\n\n.qh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qh-secondary);\n  transition: transform .2s ease;\n}\n\n.qh-accordion-item[open] .qh-accordion-header::after {\n  content: '−';\n}\n\n.qh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.qh-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.qh-cta-box {\n  background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-primary-dark) 100%);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  margin-top: 1.5rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.qh-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='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.qh-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.qh-disclaimer {\n  font-size: 12px;\n  color: var(--qh-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .qh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .qh-card {\n    padding: 1.125rem;\n  }\n  \n  .qh-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .qh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qh-radius-sm);\n  }\n  \n  .qh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .qh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .qh-grid-compact {\n    gap: .625rem;\n  }\n  \n  .qh-grid-compact .qh-card {\n    padding: .75rem;\n  }\n  \n  .qh-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .qh-timeline-content {\n    padding: 1rem 1.125rem;\n  }\n  \n  .qh-timeline-content h3 {\n    font-size: 15px;\n  }\n  \n  .qh-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .qh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .qh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .qh-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .qh-minerals-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .75rem;\n  }\n  \n  .qh-mineral {\n    padding: .75rem .5rem;\n  }\n  \n  .qh-mineral-value {\n    font-size: 18px;\n  }\n  \n  .qh-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .qh-composition-badge {\n    width: 60px;\n    height: 60px;\n    font-size: 18px;\n  }\n  \n  .qh-intro-card {\n    padding: 1.25rem;\n  }\n  \n  .qh-tip {\n    padding: 1rem 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qh-card {\n    animation: qhFadeInUp .5s ease backwards;\n  }\n  .qh-card:nth-child(1) { animation-delay: .05s; }\n  .qh-card:nth-child(2) { animation-delay: .1s; }\n  .qh-card:nth-child(3) { animation-delay: .15s; }\n  .qh-card:nth-child(4) { animation-delay: .2s; }\n  .qh-card:nth-child(5) { animation-delay: .25s; }\n  .qh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qhFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .qh-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680082589,"sku":"QU0035","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quinton-hypertonic--min.jpg?v=1736517630"},{"product_id":"isotonic-buvable-30-ampoules-de-10-ml-quinton","title":"Isotonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003cdiv class=\"qi-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qi-hero\"\u003e\n\u003cdiv class=\"qi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qi-hero-content\"\u003e\n\u003cdiv class=\"qi-badges-top\"\u003e\n\u003cspan class=\"qi-badge\"\u003e🌊 78 minéraux \u0026amp; oligo-éléments\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e💧 30 ampoules de 10 ml\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e🧪 100% eau de mer naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qi-hero-title\"\u003eIsotonic Buvable - Quinton\u003c\/span\u003e\n\u003cp class=\"qi-subtitle\"\u003eL'eau de mer isotonique au service de votre vitalité cellulaire\u003c\/p\u003e\n\u003cp class=\"qi-description\"\u003eDepuis plus d'un siècle, le protocole Quinton puise dans les profondeurs océaniques une eau marine d'exception, naturellement riche en minéraux biodisponibles, pour recharger chaque cellule de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eQuinton Isotonic : l'eau de mer isotonique en ampoules buvables\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eL'\u003cstrong\u003eeau de Quinton isotonique\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire. Issue des profondeurs océaniques, cette \u003cstrong\u003eeau de mer isotonique\u003c\/strong\u003e reproduit fidèlement la composition minérale de notre plasma sanguin.\u003c\/p\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🧬 Plasma marin\u003c\/h3\u003e\n\u003cp\u003eComposition identique à notre milieu intérieur pour une assimilation immédiate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e💎 30 ampoules\u003c\/h3\u003e\n\u003cp\u003eCure complète de 10 ml par ampoule, soit 300 ml d'eau de mer pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Recharge minérale\u003c\/h3\u003e\n\u003cp\u003e78 minéraux et oligo-éléments essentiels pour votre organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans conservateur, sans additif, sans traitement chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'eau de Quinton isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-testimonial\"\u003e\n\u003cp class=\"qi-testimonial-text\"\u003eVotre corps a besoin de plus de \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e pour fonctionner de manière optimale. Or, l'alimentation moderne ne couvre pas toujours ces besoins. C'est là qu'intervient ce \u003cstrong\u003ecomplément alimentaire minéraux\u003c\/strong\u003e d'exception : l'eau de mer prélevée par Quinton contient naturellement du magnésium, du calcium, du potassium, du zinc, du sélénium et bien d'autres éléments, dans des proportions parfaitement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux \u003cstrong\u003ecompléments alimentaires vitamines et minéraux\u003c\/strong\u003e synthétiques, la solution Quinton Isotonic propose des nutriments sous leur forme naturelle, directement assimilables par vos cellules. C'est ce qui en fait l'un des \u003cstrong\u003emeilleurs compléments multivitamines et minéraux\u003c\/strong\u003e d'origine marine disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eComposition de chaque ampoule\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003ePrélevée en profondeur dans des zones marines protégées, riche en \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e : sodium, magnésium, calcium, potassium, zinc, manganèse, sélénium…\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eUtilisée pour la dilution isotonique, afin d'obtenir une concentration identique à celle de notre milieu intérieur (\u003cstrong\u003e9 g\/L de sels minéraux\u003c\/strong\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans conservateur, sans additif, sans traitement chimique.\u003c\/strong\u003e Le procédé exclusif de microfiltration à froid préserve l'intégralité des propriétés de l'eau marine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eBienfaits de l'eau de Quinton isotonique\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'eau de mer isotonique\u003c\/strong\u003e sont reconnus depuis plus d'un siècle, grâce aux travaux du biologiste René Quinton. Voici ce que cette cure peut vous apporter :\u003c\/p\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🫧 Hydratation cellulaire profonde\u003c\/h3\u003e\n\u003cp\u003eSa concentration isotonique permet une absorption immédiate par les cellules, sans effort pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n\u003cp\u003eL'apport en minéraux contribue à réduire la fatigue et à maintenir un bon équilibre électrolytique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n\u003cp\u003eAide à rétablir le pH naturel du corps, souvent perturbé par le stress ou une alimentation déséquilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏃 Récupération et bien-être\u003c\/h3\u003e\n\u003cp\u003eParticulièrement appréciée des sportifs, des personnes fatiguées ou en période de convalescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qi-timeline\"\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eOuvrez l'ampoule\u003c\/h3\u003e\n\u003cp\u003eCassez les deux extrémités de l'ampoule avec précaution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eConsommez directement\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu directement dans la bouche ou dans un petit verre d'eau, puis consommez sans attendre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eRespectez le dosage\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 ampoules par jour\u003c\/strong\u003e, de préférence à jeun ou 15 minutes avant un repas pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-grid-compact qi-dosage-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🔥 Cure d'attaque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 ampoules\/jour\u003c\/strong\u003e pendant 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌱 Entretien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 ampoules\/jour\u003c\/strong\u003e, à renouveler aux changements de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePour qui est faite cette eau isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e😴 Adultes fatigués\u003c\/h3\u003e\n\u003cp\u003eRechargez votre capital minéral naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eOptimisez votre récupération musculaire et électrolytique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🩺 Convalescents\u003c\/h3\u003e\n\u003cp\u003eSoutenez votre organisme après une période d'affaiblissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e✨ Prévention\u003c\/h3\u003e\n\u003cp\u003eMaintenez un équilibre minéral optimal au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eCe complément convient également aux \u003cstrong\u003eenfants\u003c\/strong\u003e, sur avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"qi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"qi-accordion\"\u003e\n\u003cdetails class=\"qi-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de régime pauvre en sodium ou de traitement médical en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qi-accordion-item\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez les ampoules à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"qi-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --qi-cream: #F4F9FB;\n  --qi-white: #ffffff;\n  --qi-primary: #4AABCF;\n  --qi-primary-dark: #1B7A9E;\n  --qi-primary-light: #E8F4F9;\n  --qi-secondary: #1B7A9E;\n  --qi-accent: #89D4E8;\n  --qi-text: #1a1a1a;\n  --qi-text-light: #5a6a72;\n  --qi-border: #d8e8ef;\n  --qi-shadow: 0 4px 24px rgba(27, 122, 158, .08);\n  --qi-shadow-lg: 0 12px 48px rgba(27, 122, 158, .15);\n  --qi-radius: 20px;\n  --qi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qi-premium *, .qi-premium *::before, .qi-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qi-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1B7A9E 0%, #4AABCF 45%, #89D4E8 100%);\n  border-radius: var(--qi-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(--qi-shadow-lg);\n}\n\n.qi-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,.12) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, 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.qi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.qi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qi-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(--qi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.qi-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.qi-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.qi-description {\n  color: rgba(255,255,255,.82);\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.qi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qi-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.qi-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(--qi-primary), var(--qi-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qi-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qi-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.qi-section-intro strong {\n  color: var(--qi-text);\n}\n\n\/* === CARDS === *\/\n.qi-card {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qi-shadow-lg);\n  border-color: var(--qi-primary);\n}\n\n.qi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qi-card p strong {\n  color: var(--qi-text);\n}\n\n\/* === CARD COMPOSITION === *\/\n.qi-card-composition {\n  text-align: left;\n}\n\n.qi-card-composition h3 {\n  text-align: center;\n  margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.qi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qi-grid-compact .qi-card {\n  padding: 1rem;\n}\n\n.qi-grid-compact .qi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qi-grid-compact .qi-card p {\n  font-size: 12px;\n}\n\n.qi-dosage-grid {\n  margin-top: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.qi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qi-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qi-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qi-primary), var(--qi-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(74, 171, 207, .3);\n}\n\n.qi-timeline-content {\n  flex: 1;\n  background: var(--qi-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qi-radius-sm);\n  box-shadow: var(--qi-shadow);\n}\n\n.qi-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qi-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qi-timeline-content p {\n  font-size: 14px;\n  color: var(--qi-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.qi-timeline-content p strong {\n  color: var(--qi-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.qi-testimonial {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qi-shadow);\n  border-left: 4px solid var(--qi-primary);\n  margin-bottom: 1rem;\n}\n\n.qi-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qi-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.qi-testimonial-text strong {\n  color: var(--qi-primary-dark);\n  font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.qi-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qi-primary-light);\n  border-radius: var(--qi-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qi-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qi-tip p {\n  font-size: 14px;\n  color: var(--qi-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qi-tip p strong {\n  color: var(--qi-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.qi-accordion {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  box-shadow: var(--qi-shadow);\n  overflow: hidden;\n}\n\n.qi-accordion-item {\n  border-bottom: 1px solid var(--qi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qi-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.qi-accordion-header:hover {\n  background: var(--qi-primary-light);\n}\n\n.qi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qi-primary);\n  transition: transform .2s ease;\n}\n\n.qi-accordion-item[open] .qi-accordion-header::after {\n  content: '−';\n}\n\n.qi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qi-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qi-disclaimer {\n  font-size: 12px;\n  color: var(--qi-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  .qi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qi-card {\n    padding: 1.125rem;\n  }\n\n  .qi-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qi-radius-sm);\n  }\n\n  .qi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qi-grid-compact {\n    gap: .625rem;\n  }\n\n  .qi-grid-compact .qi-card {\n    padding: .75rem;\n  }\n\n  .qi-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qi-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qi-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qi-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .qi-testimonial {\n    padding: 1.25rem;\n  }\n\n  .qi-testimonial-text {\n    font-size: 14px;\n  }\n\n  .qi-tip {\n    padding: .875rem 1rem;\n  }\n\n  .qi-tip-icon {\n    font-size: 20px;\n  }\n\n  .qi-tip p {\n    font-size: 13px;\n  }\n\n  .qi-card-composition {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qi-card {\n    animation: qiFadeInUp .5s ease backwards;\n  }\n  .qi-card:nth-child(1) { animation-delay: .05s; }\n  .qi-card:nth-child(2) { animation-delay: .1s; }\n  .qi-card:nth-child(3) { animation-delay: .15s; }\n  .qi-card:nth-child(4) { animation-delay: .2s; }\n  .qi-card:nth-child(5) { animation-delay: .25s; }\n  .qi-card:nth-child(6) { animation-delay: .3s; }\n\n  .qi-timeline-item {\n    animation: qiFadeInUp .5s ease backwards;\n  }\n  .qi-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .qi-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .qi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes qiFadeInUp {\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  .qi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680705181,"sku":"QU0030","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/isotonic-buvable-30-ampoules-de-10-ml-quinton-lifestyle.webp?v=1770973943"},{"product_id":"harpagophytum-bio-90-comprimes-superdiet","title":"Harpagophytum Bio - 90 Comprimés - Superdiet","description":"\u003cdiv class=\"hp-premium\"\u003e\n  \u003cdiv class=\"hp-hero\"\u003e\n    \u003cdiv class=\"hp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hp-hero-content\"\u003e\n      \u003cdiv class=\"hp-badges-top\"\u003e\n        \u003cspan class=\"hp-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"hp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hp-badge\"\u003e♻️ Flacon éco-conçu\u003c\/span\u003e\n        \u003cspan class=\"hp-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hp-hero-title\"\u003eHarpagophytum Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"hp-subtitle\" style=\"color:white;\"\u003eLa \"griffe du diable\" au service de vos articulations\u003c\/p\u003e\n      \u003cp class=\"hp-description\" style=\"color:white;\"\u003e80 comprimés bio pour une cure complète de 40 jours. Une formule courte, pure et tracée pour accompagner votre mobilité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hp-section\"\u003e\n    \u003ch2\u003eHarpagophytum Bio Superdiet : un allié naturel pour vos articulations\u003c\/h2\u003e\n    \u003cp class=\"hp-section-intro\"\u003eSurnommé la \u003cstrong\u003e\"griffe du diable\"\u003c\/strong\u003e en raison de la forme particulière de ses fruits, l'\u003cstrong\u003eHarpagophytum procumbens\u003c\/strong\u003e est une plante originaire des régions semi-désertiques d'Afrique australe, traditionnellement utilisée pour soutenir le confort articulaire.\u003c\/p\u003e\n    \u003cp class=\"hp-section-intro\"\u003eAvec ses \u003cstrong\u003e80 comprimés bio\u003c\/strong\u003e (et non 90 comme indiqué par erreur sur certaines références), Superdiet vous propose une cure de 40 jours, idéale pour accompagner votre mobilité au quotidien. Ce complément alimentaire \u003cstrong\u003efabriqué en France\u003c\/strong\u003e séduit par sa formule courte, sa traçabilité et la qualité de sa racine d'harpagophytum issue de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hp-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'harpagophytum bio\u003c\/h2\u003e\n    \u003cp class=\"hp-section-intro\"\u003eL'harpagophytum bio est aujourd'hui l'une des plantes les plus reconnues pour \u003cstrong\u003econtribuer au bon fonctionnement des articulations\u003c\/strong\u003e et au maintien d'une bonne mobilité. Ses racines secondaires renferment des composés actifs naturels, les harpagosides, étudiés pour leur intérêt sur le confort articulaire.\u003c\/p\u003e\n    \u003cdiv class=\"hp-grid\"\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🦴 Souplesse articulaire\u003c\/h3\u003e\n        \u003cp\u003eAide au maintien de la souplesse des genoux, hanches, dos, poignets et cervicales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🚶 Confort de mouvement\u003c\/h3\u003e\n        \u003cp\u003eSoutient le confort articulaire au quotidien, à chaque geste et chaque pas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🏃 Pour les actifs \u0026amp; seniors\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les personnes actives, sportives ou seniors souhaitant préserver leur mobilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eComprimés faciles à avaler, sans excipient controversé, pour une prise simple au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hp-tip\"\u003e\n      \u003cspan class=\"hp-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eLa version \u003cstrong\u003ebio\u003c\/strong\u003e garantit une racine cultivée sans pesticides ni engrais chimiques, pour un produit plus respectueux de votre organisme et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hp-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"hp-section-intro\"\u003ePour 2 comprimés (dose journalière) :\u003c\/p\u003e\n    \u003cdiv class=\"hp-grid\"\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🌿 Harpagophytum bio*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e700 mg\u003c\/strong\u003e d'extrait sec de racines – \u003cem\u003eHarpagophytum procumbens\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🍃 Gomme d'acacia bio*\u003c\/h3\u003e\n        \u003cp\u003eAgent de charge naturel issu de l'agriculture biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🍎 Fibres de pomme bio*\u003c\/h3\u003e\n        \u003cp\u003eSource naturelle de fibres, pour une formule simple et claire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hp-tip\"\u003e\n      \u003cspan class=\"hp-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e*Ingrédients issus de l'agriculture biologique. Certifié \u003cstrong\u003eAB – Agriculture Biologique\u003c\/strong\u003e. Sans gluten, sans lactose, sans OGM, convient aux vegans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hp-section\"\u003e\n    \u003ch2\u003eComment prendre l'harpagophytum Superdiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"hp-timeline\"\u003e\n      \u003cdiv class=\"hp-timeline-item\"\u003e\n        \u003cdiv class=\"hp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hp-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e2 comprimés par jour, à avaler avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-timeline-item\"\u003e\n        \u003cdiv class=\"hp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hp-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence au moment des repas pour une meilleure tolérance digestive.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-timeline-item\"\u003e\n        \u003cdiv class=\"hp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hp-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne boîte permet une cure complète de 40 jours, à renouveler selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-timeline-item\"\u003e\n        \u003cdiv class=\"hp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hp-timeline-content\"\u003e\n          \u003ch3\u003eMoments clés\u003c\/h3\u003e\n          \u003cp\u003eParticulièrement indiqué lors des changements de saison ou en période d'efforts physiques intenses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n    \u003cp class=\"hp-section-intro\"\u003eL'harpagophytum bio est généralement bien toléré, mais certaines \u003cstrong\u003econtre-indications\u003c\/strong\u003e doivent être respectées :\u003c\/p\u003e\n    \u003cdiv class=\"hp-accordion\"\u003e\n      \u003cdetails class=\"hp-accordion-item\"\u003e\n        \u003csummary class=\"hp-accordion-header\"\u003e🤰 Grossesse, allaitement et enfants\u003c\/summary\u003e\n        \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hp-accordion-item\"\u003e\n        \u003csummary class=\"hp-accordion-header\"\u003e🩺 Ulcère gastrique ou duodénal\u003c\/summary\u003e\n        \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes souffrant d'un ulcère gastrique ou duodénal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hp-accordion-item\"\u003e\n        \u003csummary class=\"hp-accordion-header\"\u003e💊 Traitements médicaux en cours\u003c\/summary\u003e\n        \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n          \u003cp\u003eDemandez l'avis de votre médecin en cas de traitement anticoagulant, antidiabétique ou en cas de pathologie cardiaque.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hp-accordion-item\"\u003e\n        \u003csummary class=\"hp-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hp-accordion-item\"\u003e\n        \u003csummary class=\"hp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants, à conserver dans un endroit frais et sec.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hp-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical. En cas de douleur persistante, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Superdiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"hp-grid-compact\"\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🏛️ + 60 ans d'expertise\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire français pionnier des compléments à base de plantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eConçu et fabriqué dans les Hauts-de-France.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eMatière recyclée et recyclable pour un engagement durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hp-card\"\u003e\n        \u003ch3\u003e🔍 Racine tracée\u003c\/h3\u003e\n        \u003cp\u003eSélection rigoureuse et contrôles stricts pour une pureté optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hp-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003eAvec l'\u003cstrong\u003eHarpagophytum Bio Superdiet\u003c\/strong\u003e, vous misez sur une solution naturelle, simple et efficace pour prendre soin de vos articulations jour après jour. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hp-cream: #f5f3ee;\n  --hp-white: #ffffff;\n  --hp-primary: #4a6b3a;\n  --hp-primary-dark: #2f4a25;\n  --hp-primary-light: #e8ede3;\n  --hp-secondary: #a0522d;\n  --hp-accent: #c0392b;\n  --hp-text: #1a1a1a;\n  --hp-text-light: #5a5a5a;\n  --hp-border: #e0dcd3;\n  --hp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --hp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --hp-radius: 20px;\n  --hp-radius-sm: 12px;\n}\n\n.hp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--hp-text);\n  line-height: 1.6;\n}\n\n.hp-premium p { color: var(--hp-text); }\n.hp-premium strong { color: var(--hp-primary-dark); font-weight: 700; }\n\n.hp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a6b3a 0%, #2f4a25 50%, #1f3318 100%);\n  border-radius: var(--hp-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(--hp-shadow-lg);\n}\n\n.hp-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 50%),\n                    radial-gradient(circle at 80% 70%, rgba(160,82,45,.4) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.hp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hp-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.hp-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  font-style: italic;\n}\n\n.hp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.3vw, 17px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.hp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hp-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(--hp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hp-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.hp-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(--hp-primary), var(--hp-secondary));\n  border-radius: 2px;\n}\n\n.hp-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--hp-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 760px;\n  line-height: 1.7;\n}\n\n.hp-card {\n  background: var(--hp-white);\n  border-radius: var(--hp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hp-shadow-lg);\n  border-color: var(--hp-primary);\n}\n\n.hp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hp-grid-compact .hp-card { padding: 1rem; }\n.hp-grid-compact .hp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.hp-grid-compact .hp-card p { font-size: 12px; }\n\n.hp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.hp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hp-primary), var(--hp-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.hp-timeline-content {\n  flex: 1;\n  background: var(--hp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hp-radius-sm);\n  box-shadow: var(--hp-shadow);\n}\n\n.hp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hp-timeline-content p {\n  font-size: 14px;\n  color: var(--hp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.hp-accordion {\n  background: var(--hp-white);\n  border-radius: var(--hp-radius);\n  box-shadow: var(--hp-shadow);\n  overflow: hidden;\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n.hp-accordion-item {\n  border-bottom: 1px solid var(--hp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hp-accordion-item:last-child { border-bottom: none; }\n\n.hp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hp-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.hp-accordion-header:hover { background: var(--hp-primary-light); }\n.hp-accordion-header::-webkit-details-marker { display: none; }\n\n.hp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hp-primary);\n  transition: transform .2s ease;\n}\n\n.hp-accordion-item[open] .hp-accordion-header::after { content: '−'; }\n\n.hp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hp-accordion-content p { margin: 0; }\n\n.hp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hp-primary-light);\n  border-radius: var(--hp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--hp-primary);\n}\n\n.hp-tip-icon { font-size: 24px; flex-shrink: 0; }\n.hp-tip p { font-size: 14px; color: var(--hp-text); margin: 0; line-height: 1.6; }\n\n.hp-cta-box {\n  background: linear-gradient(135deg, var(--hp-primary) 0%, var(--hp-primary-dark) 100%);\n  border-radius: var(--hp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hp-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.hp-cta-box strong { color: #fff; }\n\n.hp-disclaimer {\n  font-size: 12px;\n  color: var(--hp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 767px) {\n  .hp-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .hp-card { padding: 1.125rem; }\n  .hp-section { margin-bottom: 1.75rem; }\n  .hp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--hp-radius-sm); }\n  .hp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .hp-premium h2::after { width: 40px; height: 3px; }\n  .hp-grid-compact { gap: .625rem; }\n  .hp-grid-compact .hp-card { padding: .75rem; }\n  .hp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .hp-timeline-content { padding: .875rem 1rem; }\n  .hp-timeline-content h3 { font-size: 14px; }\n  .hp-timeline-content p { font-size: 13px; }\n  .hp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .hp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .hp-card { animation: fadeInUp .5s ease backwards; }\n  .hp-card:nth-child(1) { animation-delay: .05s; }\n  .hp-card:nth-child(2) { animation-delay: .1s; }\n  .hp-card:nth-child(3) { animation-delay: .15s; }\n  .hp-card:nth-child(4) { animation-delay: .2s; }\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  .hp-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754686374045,"sku":"NBAISUP0056","price":15.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/harpagophytum-bio-90-comprimes-superdiet-packshothd.webp?v=1776425539"},{"product_id":"gelee-royale-300-mg-bio-20-unidoses-de-15-ml-superdiet","title":"Gelée Royale 3000 Mg Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n  \u003cdiv class=\"gr-hero\"\u003e\n    \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gr-hero-content\"\u003e\n      \u003cdiv class=\"gr-badges-top\"\u003e\n        \u003cspan class=\"gr-badge\"\u003e🐝 Ultra dosée 3000 mg\u003c\/span\u003e\n        \u003cspan class=\"gr-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n        \u003cspan class=\"gr-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gr-hero-title\"\u003eGelée Royale Bio 3000 mg\u003c\/span\u003e\n      \u003cp class=\"gr-subtitle\"\u003eMiel d'acacia • Pollen • 20 ampoules de 15 ml\u003c\/p\u003e\n      \u003cp class=\"gr-description\"\u003eL'une des formules les plus concentrées du marché français pour soutenir vos défenses naturelles, retrouver tonus et vitalité aux changements de saison.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la gelée royale bio en ampoules ?\u003c\/h2\u003e\n    \u003cp class=\"gr-section-intro\"\u003eLa gelée royale est cette substance précieuse sécrétée par les abeilles nourricières pour alimenter leur reine. Naturellement riche en vitamines du groupe B (notamment B3 et B5), en acides aminés, en oligo-éléments et en sucres naturels, elle est reconnue pour ses propriétés tonifiantes.\u003c\/p\u003e\n    \u003cdiv class=\"gr-grid\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement appréciée à l'arrivée de l'automne et de l'hiver, pour aborder sereinement les changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur en vitamines B, qui contribuent au métabolisme énergétique normal de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🧠 Vitalité physique et intellectuelle\u003c\/h3\u003e\n        \u003cp\u003eUn allié des étudiants en période d'examens ou des personnes soumises à un rythme de vie soutenu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-tip\"\u003e\n      \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe format \u003cstrong\u003eampoule bio\u003c\/strong\u003e garantit une dose précise, une conservation optimale des actifs et une prise simple au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour une ampoule de 15 ml)\u003c\/h2\u003e\n    \u003cdiv class=\"gr-grid-compact\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e👑 Gelée royale bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003cbr\u003eUltra-dosage exceptionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🍯 Miel d'acacia bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e\u003cbr\u003eDouceur naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🌼 Pollen bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e35 mg\u003c\/strong\u003e\u003cbr\u003eRichesse nutritionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🍐 Base végétale bio\u003c\/h3\u003e\n        \u003cp\u003eEau purifiée, jus concentré de poire, sirop d'agave\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-tip\"\u003e\n      \u003cspan class=\"gr-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eCertifiée \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e — \u003cstrong\u003esans alcool, sans conservateur, sans colorant\u003c\/strong\u003e et sans additif artificiel. Fabriquée en France par Superdiet, laboratoire engagé depuis plus de 60 ans dans la phytothérapie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"gr-timeline\"\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🌅 1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, pour une cure de 20 jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🤲 Agitez avant ouverture\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien l'ampoule afin d'homogénéiser son contenu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🥄 Pure ou diluée\u003c\/h3\u003e\n          \u003cp\u003eConsommez-la pure, ou diluée dans un peu d'eau, un jus de fruit ou un yaourt si le goût vous paraît trop prononcé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🔄 Renouvelez la cure\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, renouvelez 2 à 3 fois par an, notamment aux intersaisons.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-tip\"\u003e\n      \u003cspan class=\"gr-tip-icon\"\u003e🧊\u003c\/span\u003e\n      \u003cp\u003eConservez les ampoules dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eUne gelée royale française bio d'exception\u003c\/h2\u003e\n    \u003cp class=\"gr-section-intro\"\u003eEn choisissant cette \u003cstrong\u003egelée royale bio française\u003c\/strong\u003e, vous soutenez une apiculture respectueuse des abeilles et de la biodiversité.\u003c\/p\u003e\n    \u003cdiv class=\"gr-grid-compact\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🏅 Sélection rigoureuse\u003c\/h3\u003e\n        \u003cp\u003eDes matières premières triées avec la plus grande exigence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle total\u003c\/h3\u003e\n        \u003cp\u003eChaque étape vérifiée, de la ruche à l'ampoule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e💪 Ultra-dosage 3000 mg\u003c\/h3\u003e\n        \u003cp\u003eParmi les références pour une efficacité réelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🐝 Respect des abeilles\u003c\/h3\u003e\n        \u003cp\u003eUne apiculture engagée pour la biodiversité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gr-accordion\"\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (miel, pollen, propolis), aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e💊 Usage responsable\u003c\/summary\u003e\n        \u003cdiv class=\"gr-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. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute ou de traitement en cours, demandez l'avis de votre médecin ou pharmacien. Tenir 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\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gr-cream: #fdf8ee;\n  --gr-white: #ffffff;\n  --gr-primary: #f5a623;\n  --gr-primary-dark: #b8751a;\n  --gr-primary-light: #fef3dd;\n  --gr-secondary: #e87a1a;\n  --gr-accent: #7fb069;\n  --gr-text: #2a1f0f;\n  --gr-text-light: #6b5a3f;\n  --gr-border: #ecdcb8;\n  --gr-shadow: 0 4px 24px rgba(184, 117, 26, .1);\n  --gr-shadow-lg: 0 12px 48px rgba(184, 117, 26, .18);\n  --gr-radius: 20px;\n  --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--gr-text);\n}\n\n.gr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f5a623 0%, #e87a1a 50%, #b8751a 100%);\n  border-radius: var(--gr-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(--gr-shadow-lg);\n}\n\n.gr-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,255,255,.3) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .4;\n}\n\n.gr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gr-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.gr-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.gr-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.gr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gr-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(--gr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gr-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.gr-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(--gr-primary), var(--gr-secondary));\n  border-radius: 2px;\n}\n\n.gr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.gr-card {\n  background: var(--gr-white);\n  border-radius: var(--gr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gr-shadow-lg);\n  border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n  padding: 1.125rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n  font-size: 12.5px;\n}\n\n.gr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.gr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gr-primary), var(--gr-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(245, 166, 35, .35);\n}\n\n.gr-timeline-content {\n  flex: 1;\n  background: var(--gr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gr-radius-sm);\n  box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n  font-size: 14px;\n  color: var(--gr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.gr-accordion {\n  background: var(--gr-white);\n  border-radius: var(--gr-radius);\n  box-shadow: var(--gr-shadow);\n  overflow: hidden;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.gr-accordion-item {\n  border-bottom: 1px solid var(--gr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gr-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.gr-accordion-header:hover {\n  background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gr-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--gr-primary);\n  transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n  content: '−';\n}\n\n.gr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gr-accordion-content p {\n  margin: 0;\n}\n\n.gr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gr-primary-light);\n  border-radius: var(--gr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--gr-primary);\n}\n\n.gr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.gr-tip p {\n  font-size: 14px;\n  color: var(--gr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .gr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gr-card {\n    padding: 1.125rem;\n  }\n\n  .gr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gr-radius-sm);\n  }\n\n  .gr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gr-grid-compact {\n    gap: .625rem;\n  }\n\n  .gr-grid-compact .gr-card {\n    padding: .75rem;\n  }\n\n  .gr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .gr-card {\n    animation: grFadeInUp .5s ease backwards;\n  }\n  .gr-card:nth-child(1) { animation-delay: .05s; }\n  .gr-card:nth-child(2) { animation-delay: .1s; }\n  .gr-card:nth-child(3) { animation-delay: .15s; }\n  .gr-card:nth-child(4) { animation-delay: .2s; }\n  .gr-card:nth-child(5) { animation-delay: .25s; }\n  .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754690437277,"sku":"NBAISUP0005","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-royale-3000-mg-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436472"},{"product_id":"ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superdiet","title":"Ginseng, Gelée Royale \u0026 Acérola Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"sgr-premium\"\u003e\n  \u003cdiv class=\"sgr-hero\"\u003e\n    \u003cdiv class=\"sgr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sgr-hero-content\"\u003e\n      \u003cdiv class=\"sgr-badges-top\"\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e⚡ Booster d'énergie\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sgr-hero-title\"\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio\u003c\/span\u003e\n      \u003cp class=\"sgr-subtitle\"\u003eLe trio vitalité par excellence — Superdiet\u003c\/p\u003e\n      \u003cp class=\"sgr-description\"\u003e20 ampoules concentrées pour soutenir votre tonus, votre énergie et vos défenses naturelles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio Superdiet : le trio vitalité par excellence\u003c\/h2\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eVous traversez une période de fatigue passagère, un changement de saison ou un rythme de vie soutenu ? Les \u003cstrong\u003eampoules Ginseng, Gelée Royale \u0026amp; Acérola Bio de Superdiet\u003c\/strong\u003e ont été pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eCette formule concentrée réunit trois ingrédients naturels emblématiques, reconnus depuis des générations pour soutenir l'énergie et la vitalité. Certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e et fabriquée en France, cette cure d'exception s'inscrit comme une référence parmi les \u003cstrong\u003eampoules de gelée royale, ginseng et acérola\u003c\/strong\u003e disponibles sur le marché.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette synergie ginseng, gelée royale et acérola ?\u003c\/h2\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eLe secret de l'efficacité de ce complément alimentaire réside dans sa \u003cstrong\u003esynergie végétale et apicole\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour ses qualités spécifiques :\u003c\/p\u003e\n    \u003cdiv class=\"sgr-grid\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌱 Ginseng Panax CA Meyer (6 ans d'âge)\u003c\/h3\u003e\n        \u003cp\u003ePlante adaptogène emblématique d'Asie, réputée pour contribuer au tonus et à l'énergie, tant physique que mentale. Sa maturité de 6 ans garantit une concentration optimale en principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n        \u003cp\u003eNourriture exclusive de la reine des abeilles, elle est riche en nutriments précieux et appréciée pour accompagner les organismes mis à l'épreuve.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍒 Acérola Bio\u003c\/h3\u003e\n        \u003cp\u003ePetite baie originaire d'Amérique du Sud, source naturelle de vitamine C qui contribue à réduire la fatigue et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eComposition détaillée par ampoule de 15 ml\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-grid\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌱 Ginseng Panax CA Meyer\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e530 mg\u003c\/strong\u003e — 6 ans d'âge, titré à \u003cstrong\u003e20 mg de ginsénosides\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par ampoule, sélectionnée auprès de ruches qualitatives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍒 Extrait sec d'Acérola Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e265 mg\u003c\/strong\u003e (Malpighia punicifolia), équivalent à 2,9 g de baies fraîches, soit \u003cstrong\u003e12 mg de vitamine C\u003c\/strong\u003e (15 % des VNR).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e💧 Base naturelle\u003c\/h3\u003e\n        \u003cp\u003eEau purifiée et jus concentré de poire* pour une texture douce et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sgr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eLes atouts de la formule Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-grid-compact\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique (FR-BIO-10)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌳 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003ePréserve la richesse des actifs naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e✨ Ouverture facile\u003c\/h3\u003e\n        \u003cp\u003eAmpoules pratiques à emporter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e📅 Cure 20 jours\u003c\/h3\u003e\n        \u003cp\u003e1 ampoule par jour, format optimal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eComment prendre les ampoules Ginseng Gelée Royale Acérola ?\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-timeline\"\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eAvant emploi, secouez doucement pour bien homogénéiser la préparation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable jusqu'à 3 mois maximum, idéalement aux changements de saison ou lors de périodes intenses (examens, travail soutenu, récupération sportive).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sgr-tip\"\u003e\n      \u003cspan class=\"sgr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour profiter pleinement des bienfaits du ginseng, privilégiez la prise du matin afin de soutenir votre énergie sur toute la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-accordion\"\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé en cas de traitement antidiabétique ou d'hypertension. En cas de maladie cardiovasculaire ou de diabète, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe 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    \u003cp class=\"sgr-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUne origine rigoureusement sélectionnée\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-cta-box\"\u003e\n      \u003cp\u003eSuperdiet privilégie la qualité à chaque étape. Le \u003cstrong\u003eginseng\u003c\/strong\u003e provient de cultures biologiques coréennes réputées, la \u003cstrong\u003egelée royale\u003c\/strong\u003e est issue de ruches sélectionnées, et l'\u003cstrong\u003eacérola\u003c\/strong\u003e est récolté au Brésil. Une traçabilité exemplaire pour un produit naturel, respectueux de l'environnement et de votre organisme. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sgr-cream: #fdf6ec;\n  --sgr-white: #ffffff;\n  --sgr-primary: #d92e2e;\n  --sgr-primary-dark: #a51c1c;\n  --sgr-primary-light: #fde4e4;\n  --sgr-secondary: #f5b800;\n  --sgr-accent: #2e8b3d;\n  --sgr-text: #1a1a1a;\n  --sgr-text-light: #5a5a5a;\n  --sgr-border: #ecdfd0;\n  --sgr-shadow: 0 4px 24px rgba(165,28,28,.08);\n  --sgr-shadow-lg: 0 12px 48px rgba(165,28,28,.18);\n  --sgr-radius: 20px;\n  --sgr-radius-sm: 12px;\n}\n\n.sgr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sgr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sgr-text);\n}\n\n.sgr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d92e2e 0%, #e85a3a 50%, #f5b800 100%);\n  border-radius: var(--sgr-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(--sgr-shadow-lg);\n}\n\n.sgr-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(255,255,255,.3) 0%, transparent 50%);\n  opacity: .3;\n}\n\n.sgr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sgr-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.sgr-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.sgr-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  margin: 0 auto;\n  max-width: 600px;\n  line-height: 1.6;\n  opacity: .95;\n}\n\n.sgr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sgr-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(--sgr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sgr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sgr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sgr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sgr-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.sgr-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(--sgr-primary), var(--sgr-secondary));\n  border-radius: 2px;\n}\n\n.sgr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sgr-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.sgr-section-intro strong {\n  color: var(--sgr-text);\n}\n\n.sgr-card {\n  background: var(--sgr-white);\n  border-radius: var(--sgr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sgr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sgr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sgr-shadow-lg);\n  border-color: var(--sgr-primary);\n}\n\n.sgr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sgr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sgr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sgr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sgr-card p strong {\n  color: var(--sgr-primary-dark);\n}\n\n.sgr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sgr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.sgr-grid-compact .sgr-card {\n  padding: 1rem;\n}\n\n.sgr-grid-compact .sgr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sgr-grid-compact .sgr-card p {\n  font-size: 12px;\n}\n\n.sgr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sgr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sgr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sgr-primary), var(--sgr-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(217,46,46,.3);\n}\n\n.sgr-timeline-content {\n  flex: 1;\n  background: var(--sgr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sgr-radius-sm);\n  box-shadow: var(--sgr-shadow);\n}\n\n.sgr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sgr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sgr-timeline-content p {\n  font-size: 14px;\n  color: var(--sgr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sgr-accordion {\n  background: var(--sgr-white);\n  border-radius: var(--sgr-radius);\n  box-shadow: var(--sgr-shadow);\n  overflow: hidden;\n}\n\n.sgr-accordion-item {\n  border-bottom: 1px solid var(--sgr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sgr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sgr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sgr-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}\n\n.sgr-accordion-header:hover {\n  background: var(--sgr-primary-light);\n}\n\n.sgr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sgr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sgr-primary);\n  transition: transform .2s ease;\n}\n\n.sgr-accordion-item[open] .sgr-accordion-header::after {\n  content: '−';\n}\n\n.sgr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sgr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sgr-accordion-content p {\n  margin: 0;\n}\n\n.sgr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sgr-primary-light);\n  border-radius: var(--sgr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--sgr-secondary);\n}\n\n.sgr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sgr-tip p {\n  font-size: 14px;\n  color: var(--sgr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sgr-cta-box {\n  background: linear-gradient(135deg, var(--sgr-primary) 0%, var(--sgr-primary-dark) 100%);\n  border-radius: var(--sgr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-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;\n}\n\n.sgr-cta-box p strong {\n  font-weight: 800;\n  color: var(--sgr-secondary);\n}\n\n.sgr-disclaimer {\n  font-size: 12px;\n  color: var(--sgr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .sgr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .sgr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .sgr-grid-compact .sgr-card {\n    padding: .75rem;\n  }\n  .sgr-card {\n    padding: 1.125rem;\n  }\n  .sgr-section {\n    margin-bottom: 1.75rem;\n  }\n  .sgr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sgr-radius-sm);\n  }\n  .sgr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .sgr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .sgr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .sgr-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .sgr-timeline-content h3 {\n    font-size: 14px;\n  }\n  .sgr-timeline-content p {\n    font-size: 13px;\n  }\n  .sgr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .sgr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .sgr-card {\n    animation: sgrFadeInUp .5s ease backwards;\n  }\n  .sgr-card:nth-child(1) { animation-delay: .05s; }\n  .sgr-card:nth-child(2) { animation-delay: .1s; }\n  .sgr-card:nth-child(3) { animation-delay: .15s; }\n  .sgr-card:nth-child(4) { animation-delay: .2s; }\n  .sgr-card:nth-child(5) { animation-delay: .25s; }\n  .sgr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754695581853,"sku":"NBAISUP0004","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-benefits.webp?v=1776429478"},{"product_id":"omega-3-huile-de-poissons-sauvages-120-capsules-superdiet","title":"Oméga 3 Huile De Poissons Sauvages - 120 Capsules - Superdiet","description":"\u003cdiv class=\"om3-premium\"\u003e\n  \u003cdiv class=\"om3-hero\"\u003e\n    \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"om3-hero-content\"\u003e\n      \u003cdiv class=\"om3-badges-top\"\u003e\n        \u003cspan class=\"om3-badge\"\u003e🐟 Poissons sauvages\u003c\/span\u003e\n        \u003cspan class=\"om3-badge\"\u003e❤️ Fonction cardiaque\u003c\/span\u003e\n        \u003cspan class=\"om3-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"om3-badge\"\u003e♻️ Flacon recyclé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"om3-hero-title\"\u003eOméga 3 Huile de Poissons Sauvages\u003c\/span\u003e\n      \u003cp class=\"om3-subtitle\"\u003e120 capsules · Superdiet · Cure de 40 jours\u003c\/p\u003e\n      \u003cp class=\"om3-description\"\u003ePlongez au cœur des bienfaits des océans avec une source concentrée et naturelle d'\u003cstrong\u003eacides gras essentiels EPA et DHA\u003c\/strong\u003e, indispensables au bon fonctionnement de votre cœur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"om3-section\"\u003e\n    \u003ch2\u003ePourquoi les oméga-3 sont-ils indispensables ?\u003c\/h2\u003e\n    \u003cp class=\"om3-section-intro\"\u003eLes oméga-3 font partie des \u003cstrong\u003eacides gras polyinsaturés essentiels\u003c\/strong\u003e. Ils doivent être apportés par l'alimentation ou la supplémentation, car le corps humain est incapable de les synthétiser.\u003c\/p\u003e\n    \u003cdiv class=\"om3-grid\"\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e🐟 Poissons gras\u003c\/h3\u003e\n        \u003cp\u003eSardine, maquereau, anchois et saumon sont les sources naturelles les plus riches en EPA et DHA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e🌿 Huiles végétales\u003c\/h3\u003e\n        \u003cp\u003eLes huiles de lin, colza ou noix apportent de l'ALA, un oméga-3 d'origine végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e💊 Supplémentation ciblée\u003c\/h3\u003e\n        \u003cp\u003eL'alimentation moderne couvre rarement les besoins quotidiens : la supplémentation prend tout son sens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"om3-section\"\u003e\n    \u003ch2\u003eLes bienfaits des oméga-3 Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"om3-grid\"\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n        \u003cp\u003eLe DHA et l'EPA contribuent à une fonction cardiaque normale à raison de \u003cstrong\u003e250 mg par jour\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e👁️ Vision\u003c\/h3\u003e\n        \u003cp\u003eLe DHA participe au maintien d'une vision normale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e🧠 Cerveau\u003c\/h3\u003e\n        \u003cp\u003eLe DHA soutient le bon fonctionnement cérébral jour après jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"om3-tip\"\u003e\n      \u003cspan class=\"om3-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eCes allégations sont reconnues par l'\u003cstrong\u003eAutorité européenne de sécurité des aliments (EFSA)\u003c\/strong\u003e lorsque les apports journaliers sont respectés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"om3-section\"\u003e\n    \u003ch2\u003eUne qualité marine d'exception\u003c\/h2\u003e\n    \u003cp class=\"om3-section-intro\"\u003eSuperdiet sélectionne rigoureusement des \u003cstrong\u003epoissons sauvages pêchés en eaux froides préservées\u003c\/strong\u003e, avec une traçabilité complète de la matière première jusqu'à la capsule.\u003c\/p\u003e\n    \u003cdiv class=\"om3-grid-compact\"\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e🌊 Eaux froides\u003c\/h3\u003e\n        \u003cp\u003ePêche en zones marines préservées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e🛡️ Purifiée\u003c\/h3\u003e\n        \u003cp\u003eSans métaux lourds ni PCB\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eNormes strictes UE respectées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card\"\u003e\n        \u003ch3\u003e♻️ Éco-engagement\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclé et recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"om3-section\"\u003e\n    \u003ch2\u003eComposition pour 3 capsules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"om3-grid\"\u003e\n      \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n        \u003ch3\u003e🐠 Huile de poissons sauvages\u003c\/h3\u003e\n        \u003cp class=\"om3-dosage\"\u003e1 500 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n        \u003ch3\u003e💧 EPA\u003c\/h3\u003e\n        \u003cp class=\"om3-dosage\"\u003e270 mg\u003c\/p\u003e\n        \u003cp class=\"om3-dosage-label\"\u003eacide eicosapentaénoïque\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n        \u003ch3\u003e💧 DHA\u003c\/h3\u003e\n        \u003cp class=\"om3-dosage\"\u003e180 mg\u003c\/p\u003e\n        \u003cp class=\"om3-dosage-label\"\u003eacide docosahexaénoïque\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"om3-tip\"\u003e\n      \u003cspan class=\"om3-tip-icon\"\u003e📋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eListe complète des ingrédients :\u003c\/strong\u003e huile de poissons sauvages, gélatine de poisson (enveloppe), humectant : glycérol. \u003cstrong\u003eSans colorant, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"om3-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"om3-timeline\"\u003e\n      \u003cdiv class=\"om3-timeline-item\"\u003e\n        \u003cdiv class=\"om3-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"om3-timeline-content\"\u003e\n          \u003ch3\u003e3 capsules par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez vos capsules de préférence au moment des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-timeline-item\"\u003e\n        \u003cdiv class=\"om3-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"om3-timeline-content\"\u003e\n          \u003ch3\u003eAvec un grand verre d'eau\u003c\/h3\u003e\n          \u003cp\u003ePour faciliter la prise et l'assimilation des capsules.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"om3-timeline-item\"\u003e\n        \u003cdiv class=\"om3-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"om3-timeline-content\"\u003e\n          \u003ch3\u003eCure de 40 jours\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 120 capsules vous assure une cure complète. Pour un bénéfice optimal, une supplémentation régulière sur plusieurs mois est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"om3-tip\"\u003e\n      \u003cspan class=\"om3-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eNe pas dépasser la dose journalière indiquée. Ce complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"om3-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"om3-accordion\"\u003e\n      \u003cdetails class=\"om3-accordion-item\"\u003e\n        \u003csummary class=\"om3-accordion-header\"\u003e🐟 Allergies\u003c\/summary\u003e\n        \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes allergiques aux poissons.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"om3-accordion-item\"\u003e\n        \u003csummary class=\"om3-accordion-header\"\u003e💊 Traitement anticoagulant\u003c\/summary\u003e\n        \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement anticoagulant, demandez conseil à votre médecin avant la prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"om3-accordion-item\"\u003e\n        \u003csummary class=\"om3-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"om3-accordion-item\"\u003e\n        \u003csummary class=\"om3-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes 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      \u003cdetails class=\"om3-accordion-item\"\u003e\n        \u003csummary class=\"om3-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e ce complément alimentaire ne se substitue en aucun cas à un traitement médical. En cas de doute ou de pathologie, consultez un 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=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"om3-cta-box\"\u003e\n      \u003cp\u003eLes capsules d'oméga-3 Superdiet s'adressent à toutes les personnes soucieuses de leur \u003cstrong\u003esanté cardiovasculaire\u003c\/strong\u003e, de leur équilibre nutritionnel ou dont l'alimentation est pauvre en poissons gras.\u003cbr\u003e\u003cbr\u003eUn geste simple, intégré à votre routine quotidienne, pour prendre soin de vous naturellement. 🌊\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"om3-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et é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  --om3-cream: #f5f7f4;\n  --om3-white: #ffffff;\n  --om3-primary: #2e7d4f;\n  --om3-primary-dark: #1b5233;\n  --om3-primary-light: #e8f1ea;\n  --om3-secondary: #c8382e;\n  --om3-accent: #d4a017;\n\n  --om3-text: #1a1a1a;\n  --om3-text-light: #5a5a5a;\n\n  --om3-border: #e0e0e0;\n  --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --om3-radius: 20px;\n  --om3-radius-sm: 12px;\n}\n\n.om3-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--om3-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--om3-text);\n}\n\n.om3-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1b5233 0%, #2e7d4f 50%, #3a9960 100%);\n  border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-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(212,160,23,.4) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.om3-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.om3-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  line-height: 1.1;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.om3-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.om3-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.om3-description strong {\n  color: #ffe9a8;\n}\n\n.om3-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.om3-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(--om3-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.om3-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.om3-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--om3-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.om3-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(--om3-primary), var(--om3-accent));\n  border-radius: 2px;\n}\n\n.om3-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--om3-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 680px;\n  line-height: 1.7;\n}\n\n.om3-card {\n  background: var(--om3-white);\n  border-radius: var(--om3-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--om3-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.om3-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--om3-shadow-lg);\n  border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--om3-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.om3-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--om3-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.om3-card-highlight {\n  background: linear-gradient(135deg, var(--om3-white) 0%, var(--om3-primary-light) 100%);\n  border-color: var(--om3-primary-light);\n}\n\n.om3-dosage {\n  font-size: clamp(20px, 4vw, 28px) !important;\n  font-weight: 900 !important;\n  color: var(--om3-primary-dark) !important;\n  margin: .5rem 0 0 0 !important;\n  letter-spacing: -.02em;\n}\n\n.om3-dosage-label {\n  font-size: 12px !important;\n  color: var(--om3-text-light) !important;\n  font-style: italic;\n  margin-top: .25rem !important;\n}\n\n.om3-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.om3-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.om3-grid-compact .om3-card {\n  padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n  font-size: 12px;\n}\n\n.om3-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.om3-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.om3-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--om3-primary), var(--om3-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(46,125,79,.3);\n}\n\n.om3-timeline-content {\n  flex: 1;\n  background: var(--om3-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--om3-radius-sm);\n  box-shadow: var(--om3-shadow);\n}\n\n.om3-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--om3-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.om3-timeline-content p {\n  font-size: 14px;\n  color: var(--om3-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.om3-accordion {\n  background: var(--om3-white);\n  border-radius: var(--om3-radius);\n  box-shadow: var(--om3-shadow);\n  overflow: hidden;\n}\n\n.om3-accordion-item {\n  border-bottom: 1px solid var(--om3-border);\n  margin: 0;\n  padding: 0;\n}\n\n.om3-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.om3-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--om3-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.om3-accordion-header:hover {\n  background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.om3-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--om3-primary);\n  transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n  content: '−';\n}\n\n.om3-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--om3-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.om3-accordion-content p {\n  margin: 0;\n}\n\n.om3-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--om3-primary-light);\n  border-radius: var(--om3-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--om3-primary);\n}\n\n.om3-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.om3-tip p {\n  font-size: 14px;\n  color: var(--om3-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.om3-cta-box {\n  background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n  border-radius: var(--om3-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(212,160,23,.2) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.om3-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.om3-cta-box strong {\n  color: #ffe9a8;\n}\n\n.om3-disclaimer {\n  font-size: 12px;\n  color: var(--om3-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .om3-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .om3-card {\n    padding: 1.125rem;\n  }\n\n  .om3-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .om3-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--om3-radius-sm);\n  }\n\n  .om3-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .om3-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .om3-grid-compact {\n    gap: .625rem;\n  }\n\n  .om3-grid-compact .om3-card {\n    padding: .75rem;\n  }\n\n  .om3-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .om3-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .om3-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .om3-timeline-content p {\n    font-size: 13px;\n  }\n\n  .om3-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .om3-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .om3-card {\n    animation: om3FadeInUp .5s ease backwards;\n  }\n  .om3-card:nth-child(1) { animation-delay: .05s; }\n  .om3-card:nth-child(2) { animation-delay: .1s; }\n  .om3-card:nth-child(3) { animation-delay: .15s; }\n  .om3-card:nth-child(4) { animation-delay: .2s; }\n  .om3-card:nth-child(5) { animation-delay: .25s; }\n  .om3-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes om3FadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .om3-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754699514013,"sku":"NBAISUP0007","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega_3_fonctions-cardiaques_120_capsules_superdiet.jpg?v=1776436338"},{"product_id":"vigne-rouge-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Vigne Rouge Bio - Coffret 20 Ampoules de 15ml - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vigne Rouge Bio - Superdiet\nPalette détectée:\n  - Primaire: #D91E3C (rouge vigne intense du logo et de l'ampoule)\n  - Secondaire: #7CB342 (vert bio\/nature des feuilles)\n  - Accent: #C62828 (rouge automnal des feuilles de vigne)\n  - Neutre: #FFF8F0 (crème chaleureux)\nAmbiance: Bio\/Naturel\/Santé - packaging avec feuilles vertes tropicales, feuilles de vigne rouge automnales, ambiance wellness naturelle, certifications bio (AB), fabrication française. Univers chaleureux et rassurant axé sur la nature et la phytothérapie.\nPréfixe CSS: vr\n--\u003e\n\n\u003cdiv class=\"vr-premium\"\u003e\n  \u003cdiv class=\"vr-hero\"\u003e\n    \u003cdiv class=\"vr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vr-hero-content\"\u003e\n      \u003cdiv class=\"vr-badges-top\"\u003e\n        \u003cspan class=\"vr-badge\"\u003e🌿 100% Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"vr-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"vr-badge\"\u003e🍃 Sans additifs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vr-hero-title\"\u003eVigne Rouge Bio\u003c\/span\u003e\n      \u003cp class=\"vr-subtitle\"\u003eVotre allié naturel pour une circulation légère\u003c\/p\u003e\n      \u003cp class=\"vr-description\"\u003e20 ampoules concentrées en extraits purs de Vigne Rouge, la plante traditionnellement reconnue pour soutenir la circulation veineuse et apaiser les jambes lourdes. Une formule 100% naturelle, sans alcool ni conservateurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir notre Vigne Rouge Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"vr-grid\"\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🦵\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eCirculation optimale\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eAide à maintenir une bonne circulation dans les jambes et renforce naturellement les parois veineuses pour un confort quotidien retrouvé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e💚\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eJambes légères\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eDiminue efficacement la sensation de jambes lourdes, engourdies et fatiguées, particulièrement en fin de journée ou lors des fortes chaleurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003ePureté garantie\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eExtraits végétaux obtenus sans solvant chimique, préservant l'intégrité des actifs naturels. Formule clean sans conservateurs ni colorants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🍇\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eDosage concentré\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003e375 mg d'extrait pur de Vigne Rouge par ampoule, une concentration élevée pour une efficacité maximale dès la première cure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🌾\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eAgriculture bio\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003ePlants cultivés sans produits chimiques de synthèse, dans le respect du cycle naturel et des certifications biologiques strictes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eMade in France\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eFabriqué en France avec des exigences qualité rigoureuses, traçabilité totale et savoir-faire reconnu en phytothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e🔬 Composition ultra-pure\u003c\/h2\u003e\n    \u003cdiv class=\"vr-composition-box\"\u003e\n      \u003cdiv class=\"vr-composition-grid\"\u003e\n        \u003cdiv class=\"vr-ingredient-card\"\u003e\n          \u003cdiv class=\"vr-ingredient-icon\"\u003e🍇\u003c\/div\u003e\n          \u003cdiv class=\"vr-ingredient-content\"\u003e\n            \u003ch3 class=\"vr-ingredient-name\"\u003eVigne Rouge Bio\u003c\/h3\u003e\n            \u003cp class=\"vr-ingredient-latin\"\u003eVitis vinifera\u003c\/p\u003e\n            \u003cdiv class=\"vr-ingredient-dosage\"\u003e\n              \u003cspan class=\"vr-dosage-number\"\u003e375 mg\u003c\/span\u003e\n              \u003cspan class=\"vr-dosage-unit\"\u003epar ampoule\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cp class=\"vr-ingredient-desc\"\u003eExtrait fluide concentré, obtenu par extraction douce sans solvant chimique pour préserver tous les actifs naturels de la plante.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-purity-badges\"\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans alcool\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans conservateur\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans colorant\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans additif synthétique\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi simplifié\u003c\/h2\u003e\n    \u003cdiv class=\"vr-usage-timeline\"\u003e\n      \u003cdiv class=\"vr-step\"\u003e\n        \u003cdiv class=\"vr-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"vr-step-content\"\u003e\n          \u003ch3 class=\"vr-step-title\"\u003eUne ampoule par jour\u003c\/h3\u003e\n          \u003cp class=\"vr-step-text\"\u003ePrendre \u003cstrong\u003e1 ampoule de 15 ml\u003c\/strong\u003e chaque matin, de préférence à jeun pour une absorption optimale des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-step\"\u003e\n        \u003cdiv class=\"vr-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"vr-step-content\"\u003e\n          \u003ch3 class=\"vr-step-title\"\u003eDiluer dans un demi-verre d'eau\u003c\/h3\u003e\n          \u003cp class=\"vr-step-text\"\u003eL'ampoule est prête à l'emploi : cassez les extrémités, versez dans un demi-verre d'eau (environ 100 ml) et mélangez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-step\"\u003e\n        \u003cdiv class=\"vr-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"vr-step-content\"\u003e\n          \u003ch3 class=\"vr-step-title\"\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp class=\"vr-step-text\"\u003eProgramme complet avec ce coffret. Renouvelez idéalement aux \u003cstrong\u003echangements de saison\u003c\/strong\u003e (printemps et automne).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e⏱️ Résultats attendus\u003c\/h2\u003e\n    \u003cdiv class=\"vr-results-grid\"\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eDès les premiers jours\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eSensation de légèreté progressive dans les jambes, amélioration du confort en fin de journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eAprès 10-15 jours\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eDiminution notable des sensations de jambes lourdes et engourdies, meilleure circulation veineuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eAprès 20 jours\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eBénéfices optimaux : jambes légères, parois veineuses renforcées, confort durable même en période chaude.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eSur le long terme\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eAvec des cures régulières (2 fois par an), maintien d'une bonne santé veineuse et prévention des inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"vr-grid\"\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e👩‍💼\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eActivité prolongée debout\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eCommerçants, infirmières, coiffeurs, enseignants... toute personne restant debout de longues heures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🪑\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003ePosition assise prolongée\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eEmployés de bureau, chauffeurs, voyageurs fréquents qui sollicitent peu leur circulation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🌡️\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eSensibilité à la chaleur\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003ePersonnes dont les jambes gonflent et deviennent lourdes lors des périodes chaudes ou en été.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🧬\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eTerrain familial\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003ePersonnes ayant des antécédents familiaux de troubles circulatoires et souhaitant prévenir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🤰\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eChangements hormonaux\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eFemmes enceintes (sur avis médical) ou en période de ménopause connaissant des variations circulatoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eAdeptes du naturel\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eToute personne recherchant une solution 100% bio et naturelle pour prendre soin de sa circulation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vr-warning-box\"\u003e\n      \u003cdiv class=\"vr-warning-grid\"\u003e\n        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e⚕️\u003c\/span\u003e\n          \u003cp\u003eCe 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        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e📏\u003c\/span\u003e\n          \u003cp\u003eRespecter la dose journalière recommandée (1 ampoule par jour). Ne pas dépasser sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e👶\u003c\/span\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e🌡️\u003c\/span\u003e\n          \u003cp\u003eConserver 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\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"vr-grid\"\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eContenance\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003e20 ampoules × 15 ml\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eSoit 300 ml au total\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e📅\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eDurée d'utilisation\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003e20 jours\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eProgramme complet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eCertification\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003eAB Agriculture Biologique\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eLabel Eurofeuille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eOrigine\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003eFabriqué en France\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eMarque Superdiet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eExtraction\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003eSans solvant chimique\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eProcess naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eComposition\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003e100% plantes\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eAucun additif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vr-cta-box\"\u003e\n      \u003cdiv class=\"vr-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"vr-cta-content\"\u003e\n        \u003cp class=\"vr-cta-title\"\u003e🌿 Retrouvez la légèreté dans vos jambes naturellement\u003c\/p\u003e\n        \u003cp\u003eAvec notre Vigne Rouge Bio, offrez-vous une cure complète de 20 jours pour soutenir votre circulation et dire adieu aux jambes lourdes. Une formule 100% naturelle, certifiée bio et fabriquée en France, sans aucun compromis sur la qualité. Parce que votre bien-être mérite ce qu'il y a de plus pur dans la nature.\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  --vr-cream: #FFF8F0;\n  --vr-white: #ffffff;\n  --vr-primary: #D91E3C;\n  --vr-primary-dark: #B01830;\n  --vr-primary-light: #FFE8EC;\n  --vr-secondary: #7CB342;\n  --vr-accent: #C62828;\n  --vr-text: #1a1a1a;\n  --vr-text-light: #5a5a5a;\n  --vr-border: #e0e0e0;\n  --vr-shadow: 0 4px 24px rgba(217, 30, 60, .08);\n  --vr-shadow-lg: 0 12px 48px rgba(217, 30, 60, .15);\n  --vr-radius: 20px;\n  --vr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--vr-text);\n}\n\n\/* === HERO === *\/\n.vr-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-secondary) 100%);\n  border-radius: var(--vr-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(--vr-shadow-lg);\n}\n\n.vr-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%),\n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.vr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 2rem;\n}\n\n.vr-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(--vr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.vr-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.vr-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  letter-spacing: -.01em;\n}\n\n.vr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.vr-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vr-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vr-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.vr-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(--vr-primary), var(--vr-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.vr-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vr-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-primary);\n}\n\n.vr-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-card-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-card-text {\n  font-size: 15px;\n  color: var(--vr-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.vr-composition-box {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-composition-grid {\n  display: grid;\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.vr-ingredient-card {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  padding: 1.5rem;\n  background: linear-gradient(135deg, var(--vr-primary-light) 0%, rgba(124, 179, 66, .1) 100%);\n  border-radius: var(--vr-radius-sm);\n  border: 2px solid var(--vr-border);\n}\n\n.vr-ingredient-icon {\n  font-size: 56px;\n  flex-shrink: 0;\n  filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .2));\n}\n\n.vr-ingredient-content {\n  flex: 1;\n}\n\n.vr-ingredient-name {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.25rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-ingredient-latin {\n  font-size: 14px;\n  font-style: italic;\n  color: var(--vr-text-light);\n  margin: 0 0 1rem 0;\n}\n\n.vr-ingredient-dosage {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 1rem;\n}\n\n.vr-dosage-number {\n  font-size: clamp(28px, 4vw, 36px);\n  font-weight: 900;\n  color: var(--vr-primary);\n  letter-spacing: -.03em;\n}\n\n.vr-dosage-unit {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--vr-text-light);\n}\n\n.vr-ingredient-desc {\n  font-size: 15px;\n  color: var(--vr-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.vr-purity-badges {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.vr-purity-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--vr-primary-light);\n  border-radius: var(--vr-radius-sm);\n}\n\n.vr-purity-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  background: var(--vr-primary);\n  color: white;\n  border-radius: 50%;\n  font-weight: 900;\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.vr-purity-text {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--vr-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.vr-usage-timeline {\n  display: grid;\n  gap: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.vr-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n}\n\n.vr-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, var(--vr-primary), var(--vr-accent));\n  color: white;\n  border-radius: 50%;\n  font-size: 24px;\n  font-weight: 900;\n  flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(217, 30, 60, .3);\n}\n\n.vr-step-content {\n  flex: 1;\n  background: var(--vr-white);\n  padding: 1.5rem;\n  border-radius: var(--vr-radius-sm);\n  box-shadow: var(--vr-shadow);\n}\n\n.vr-step-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-step-text {\n  font-size: 15px;\n  color: var(--vr-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.vr-step-text strong {\n  color: var(--vr-primary);\n  font-weight: 700;\n}\n\n\/* === RÉSULTATS === *\/\n.vr-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.vr-result-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vr-result-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-secondary);\n}\n\n.vr-result-timeline {\n  display: inline-block;\n  padding: 8px 16px;\n  background: linear-gradient(135deg, var(--vr-primary), var(--vr-secondary));\n  color: white;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-bottom: 1rem;\n  letter-spacing: -.01em;\n}\n\n.vr-result-text {\n  font-size: 15px;\n  color: var(--vr-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.vr-profile-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vr-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-primary);\n}\n\n.vr-profile-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-profile-title {\n  font-size: clamp(17px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-profile-text {\n  font-size: 14px;\n  color: var(--vr-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.vr-warning-box {\n  background: linear-gradient(135deg, #FFF3CD 0%, #FFE8B3 100%);\n  border-radius: var(--vr-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 3px solid #FFD700;\n  box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-warning-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.vr-warning-item {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.vr-warning-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.vr-warning-item p {\n  font-size: 14px;\n  color: #856404;\n  line-height: 1.6;\n  margin: 0;\n  font-weight: 600;\n}\n\n\/* === INFO CARDS === *\/\n.vr-info-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vr-info-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-secondary);\n}\n\n.vr-info-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(124, 179, 66, .2));\n}\n\n.vr-info-title {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.01em;\n}\n\n.vr-info-value {\n  font-size: clamp(18px, 2.5vw, 24px);\n  font-weight: 900;\n  color: var(--vr-primary);\n  margin: 0 0 0.25rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-info-detail {\n  font-size: 13px;\n  color: var(--vr-text-light);\n  margin: 0;\n  font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.vr-cta-box {\n  background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-primary-dark) 100%);\n  border-radius: var(--vr-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 30% 40%, rgba(255,255,255,.3) 0%, transparent 50%),\n    radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vr-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.vr-cta-title {\n  color: white;\n  font-size: clamp(22px, 4vw, 32px);\n  font-weight: 900;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -.03em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vr-cta-box p:not(.vr-cta-title) {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.8;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .vr-grid,\n  .vr-results-grid,\n  .vr-warning-grid,\n  .vr-purity-badges {\n    grid-template-columns: 1fr;\n  }\n\n  .vr-ingredient-card {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vr-ingredient-dosage {\n    justify-content: center;\n  }\n\n  .vr-step {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vr-step-number {\n    margin: 0 auto;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vr-card,\n  .vr-result-card,\n  .vr-profile-card,\n  .vr-info-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .vr-card:nth-child(1),\n  .vr-result-card:nth-child(1),\n  .vr-profile-card:nth-child(1),\n  .vr-info-card:nth-child(1) { animation-delay: .1s; }\n  \n  .vr-card:nth-child(2),\n  .vr-result-card:nth-child(2),\n  .vr-profile-card:nth-child(2),\n  .vr-info-card:nth-child(2) { animation-delay: .2s; }\n  \n  .vr-card:nth-child(3),\n  .vr-result-card:nth-child(3),\n  .vr-profile-card:nth-child(3),\n  .vr-info-card:nth-child(3) { animation-delay: .3s; }\n  \n  .vr-card:nth-child(4),\n  .vr-result-card:nth-child(4),\n  .vr-profile-card:nth-child(4),\n  .vr-info-card:nth-child(4) { animation-delay: .4s; }\n  \n  .vr-card:nth-child(5),\n  .vr-profile-card:nth-child(5),\n  .vr-info-card:nth-child(5) { animation-delay: .5s; }\n  \n  .vr-card:nth-child(6),\n  .vr-profile-card:nth-child(6),\n  .vr-info-card:nth-child(6) { animation-delay: .6s; }\n\n  .vr-step {\n    animation: fadeInLeft .6s ease backwards;\n  }\n\n  .vr-step:nth-child(1) { animation-delay: .1s; }\n  .vr-step:nth-child(2) { animation-delay: .2s; }\n  .vr-step:nth-child(3) { animation-delay: .3s; }\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@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .vr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .vr-premium {\n    --vr-shadow: 0 0 0 2px currentColor;\n    --vr-shadow-lg: 0 0 0 3px currentColor;\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .vr-premium {\n    background: white;\n  }\n  \n  .vr-card,\n  .vr-result-card,\n  .vr-profile-card,\n  .vr-info-card {\n    box-shadow: none;\n    border: 1px solid #ddd;\n    page-break-inside: avoid;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754710818973,"sku":"NBAISUP0019","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vigne_rouge_ampoules_superdiet_3_11zon.jpg?v=1758789718"},{"product_id":"quatuor-bio-articulation-150-gelules-superdiet","title":"Quatuor Bio Articulation - 150 Gélules - Superdiet","description":"\u003cdiv class=\"qba-premium\"\u003e\n  \u003cdiv class=\"qba-hero\"\u003e\n    \u003cdiv class=\"qba-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qba-hero-content\"\u003e\n      \u003cdiv class=\"qba-badges-top\"\u003e\n        \u003cspan class=\"qba-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"qba-badge\"\u003e🇫🇷 Fabrication France\u003c\/span\u003e\n        \u003cspan class=\"qba-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"qba-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qba-hero-title\"\u003eQuatuor Bio Articulation\u003c\/span\u003e\n      \u003cp class=\"qba-subtitle\"\u003eSuperdiet • 150 gélules • Cure de 50 jours\u003c\/p\u003e\n      \u003cp class=\"qba-description\"\u003eLa synergie de 4 plantes bio — Curcuma, Cassis, Harpagophytum \u0026amp; Ortie — pour soutenir votre confort articulaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eQuatuor Bio Articulation Superdiet : la synergie végétale pour votre confort articulaire\u003c\/h2\u003e\n    \u003cp class=\"qba-section-intro\"\u003eVos genoux craquent au réveil, vos doigts peinent à se déplier, vos épaules protestent après le sport ou le jardinage ? Le \u003cstrong\u003eQuatuor Bio Articulation de Superdiet\u003c\/strong\u003e est un complément alimentaire conçu pour soutenir votre mobilité au quotidien. Sa formule associe quatre plantes emblématiques issues de l'agriculture biologique, reconnues pour accompagner la souplesse et le confort des articulations.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément alimentaire pour articulation ?\u003c\/h2\u003e\n    \u003cp class=\"qba-section-intro\"\u003eAvec l'âge, la sédentarité ou au contraire la pratique sportive intensive, nos articulations sont mises à rude épreuve. Le Quatuor Superdiet se distingue par :\u003c\/p\u003e\n    \u003cdiv class=\"qba-grid\"\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌿 100 % Bio certifié\u003c\/h3\u003e\n        \u003cp\u003eFormule issue de l'agriculture biologique, sans additifs controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eProduction locale respectueuse de l'environnement et des savoir-faire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌱 Gélules vegan\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe d'origine végétale, faciles à avaler au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eMatière recyclée et recyclable pour réduire l'empreinte écologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e📅 Cure complète 50 jours\u003c\/h3\u003e\n        \u003cp\u003e150 gélules pour une cure longue durée, renouvelable selon besoin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e💪 Sportifs \u0026amp; seniors\u003c\/h3\u003e\n        \u003cp\u003eUn allié polyvalent aussi bien en prévention qu'après l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eUne synergie de 4 plantes pour vos articulations\u003c\/h2\u003e\n    \u003cdiv class=\"qba-grid\"\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003eLa \"griffe du diable\" africaine, traditionnellement utilisée pour favoriser la souplesse articulaire et le confort de mouvement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n        \u003cp\u003eSes feuilles contiennent des flavonoïdes qui contribuent à la flexibilité articulaire et au bien-être général.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n        \u003cp\u003eNaturellement riche en silice organique, un oligo-élément essentiel à la structure du cartilage et des tissus conjonctifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour soutenir le drainage de l'organisme et participer à l'équilibre articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qba-tip\"\u003e\n      \u003cspan class=\"qba-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette association ciblée fait de ce complément un allié polyvalent, aussi bien pour les personnes actives que pour celles qui ressentent les premiers signes d'inconfort liés à l'âge.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 3 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"qba-grid-compact\"\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e225 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qba-disclaimer\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose (origine végétale).\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"qba-timeline\"\u003e\n      \u003cdiv class=\"qba-timeline-item\"\u003e\n        \u003cdiv class=\"qba-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qba-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e3 gélules par jour, à prendre au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-timeline-item\"\u003e\n        \u003cdiv class=\"qba-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qba-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 mois en continu, renouvelable si besoin selon vos ressentis.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-timeline-item\"\u003e\n        \u003cdiv class=\"qba-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qba-timeline-content\"\u003e\n          \u003ch3\u003eRespectez la dose\u003c\/h3\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qba-tip\"\u003e\n      \u003cspan class=\"qba-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil Naturellement Bio :\u003c\/strong\u003e associez votre cure à une activité physique douce (marche, natation, yoga), une bonne hydratation et une alimentation riche en oméga-3 pour démultiplier les bénéfices sur vos articulations.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qba-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant ou souffrant de troubles digestifs (ulcères). Demandez conseil à votre médecin ou pharmacien en cas de doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"qba-accordion\"\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003eCe complément convient-il aux sportifs ?\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, il est particulièrement adapté aux personnes actives qui sollicitent fortement leurs articulations au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003ePeut-on le donner à un chien ?\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, ce produit est formulé pour l'humain. Pour un complément articulation chien, tournez-vous vers une formule vétérinaire spécifique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003eEst-il 100 % naturel ?\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, tous les ingrédients sont issus de l'agriculture biologique, certifiés ECOCERT, et fabriqués en France.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"qba-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos articulations la force de 4 plantes bio d'exception. Souplesse, mobilité et confort retrouvés — naturellement, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qba-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qba-cream: #f5f1e8;\n  --qba-white: #ffffff;\n  --qba-primary: #5a7a3a;\n  --qba-primary-dark: #3d5624;\n  --qba-primary-light: #e8efd9;\n  --qba-secondary: #8b2a2a;\n  --qba-accent: #c9a961;\n  --qba-text: #2a2a1f;\n  --qba-text-light: #5a5a4f;\n  --qba-border: #e0dcc8;\n  --qba-shadow: 0 4px 24px rgba(61,86,36,.08);\n  --qba-shadow-lg: 0 12px 48px rgba(61,86,36,.18);\n  --qba-radius: 20px;\n  --qba-radius-sm: 12px;\n}\n\n.qba-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qba-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--qba-text);\n  line-height: 1.6;\n}\n\n.qba-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d5624 0%, #5a7a3a 50%, #7a9b4a 100%);\n  border-radius: var(--qba-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(--qba-shadow-lg);\n}\n\n.qba-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,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(201,169,97,.2) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.qba-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qba-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.qba-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.qba-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.qba-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qba-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(--qba-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qba-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.qba-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qba-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qba-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.qba-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(--qba-primary), var(--qba-accent));\n  border-radius: 2px;\n}\n\n.qba-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qba-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.qba-card {\n  background: var(--qba-white);\n  border-radius: var(--qba-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qba-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qba-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qba-shadow-lg);\n  border-color: var(--qba-primary);\n}\n\n.qba-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qba-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qba-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qba-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qba-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.qba-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qba-grid-compact .qba-card {\n  padding: 1rem;\n}\n\n.qba-grid-compact .qba-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qba-grid-compact .qba-card p {\n  font-size: 13px;\n}\n\n.qba-grid-compact .qba-card strong {\n  color: var(--qba-primary-dark);\n  font-size: 16px;\n}\n\n.qba-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qba-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qba-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qba-primary), var(--qba-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(61,86,36,.25);\n}\n\n.qba-timeline-content {\n  flex: 1;\n  background: var(--qba-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qba-radius-sm);\n  box-shadow: var(--qba-shadow);\n}\n\n.qba-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qba-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qba-timeline-content p {\n  font-size: 14px;\n  color: var(--qba-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.qba-accordion {\n  background: var(--qba-white);\n  border-radius: var(--qba-radius);\n  box-shadow: var(--qba-shadow);\n  overflow: hidden;\n}\n\n.qba-accordion-item {\n  border-bottom: 1px solid var(--qba-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qba-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qba-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qba-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.qba-accordion-header:hover {\n  background: var(--qba-primary-light);\n}\n\n.qba-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qba-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--qba-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.qba-accordion-item[open] .qba-accordion-header::after {\n  content: '−';\n}\n\n.qba-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qba-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qba-accordion-content p {\n  margin: 0;\n}\n\n.qba-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qba-primary-light);\n  border-radius: var(--qba-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--qba-primary);\n}\n\n.qba-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qba-tip p {\n  font-size: 14px;\n  color: var(--qba-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qba-cta-box {\n  background: linear-gradient(135deg, var(--qba-primary) 0%, var(--qba-primary-dark) 100%);\n  border-radius: var(--qba-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--qba-shadow-lg);\n}\n\n.qba-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(201,169,97,.25) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.qba-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.qba-disclaimer {\n  font-size: 12px;\n  color: var(--qba-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .qba-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .qba-card {\n    padding: 1.125rem;\n  }\n  .qba-section {\n    margin-bottom: 1.75rem;\n  }\n  .qba-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qba-radius-sm);\n  }\n  .qba-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .qba-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .qba-grid-compact {\n    gap: .625rem;\n  }\n  .qba-grid-compact .qba-card {\n    padding: .75rem;\n  }\n  .qba-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .qba-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .qba-timeline-content h3 {\n    font-size: 14px;\n  }\n  .qba-timeline-content p {\n    font-size: 13px;\n  }\n  .qba-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .qba-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .qba-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .qba-card:nth-child(1) { animation-delay: .05s; }\n  .qba-card:nth-child(2) { animation-delay: .1s; }\n  .qba-card:nth-child(3) { animation-delay: .15s; }\n  .qba-card:nth-child(4) { animation-delay: .2s; }\n  .qba-card:nth-child(5) { animation-delay: .25s; }\n  .qba-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  .qba-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754711834781,"sku":"NBAISUP0026","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor_articulations_bio_150_gelules_superdiet.jpg?v=1776408586"},{"product_id":"ginkgo-biloba-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Ginkgo Biloba Bio - Coffret 20 Ampoules de 15ml - Superdiet","description":"\u003cdiv class=\"gkb-premium\"\u003e\n  \u003cdiv class=\"gkb-hero\"\u003e\n    \u003cdiv class=\"gkb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gkb-hero-content\"\u003e\n      \u003cdiv class=\"gkb-badges-top\"\u003e\n        \u003cspan class=\"gkb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"gkb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"gkb-badge\"\u003e💧 20 ampoules de 15ml\u003c\/span\u003e\n        \u003cspan class=\"gkb-badge\"\u003e🧠 Mémoire \u0026amp; Circulation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gkb-hero-title\"\u003eGinkgo Biloba Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"gkb-subtitle\"\u003eL'arbre aux mille écus en ampoules buvables\u003c\/p\u003e\n      \u003cp class=\"gkb-description\"\u003eSoutenez naturellement votre \u003cstrong\u003emémoire\u003c\/strong\u003e et votre \u003cstrong\u003ecirculation sanguine\u003c\/strong\u003e grâce à la puissance du Ginkgo Biloba cultivé en France selon les normes de l'Agriculture Biologique. Une cure de 20 jours, 100 % végétale, sans alcool ni conservateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Ginkgo Biloba Bio Superdiet ?\u003c\/h2\u003e\n    \u003cp class=\"gkb-section-intro\"\u003eLe \u003cstrong\u003eginkgo biloba\u003c\/strong\u003e est l'une des plantes les plus étudiées en naturopathie. Ses feuilles, riches en flavonoïdes et en ginkgolides, sont traditionnellement reconnues pour soutenir les \u003cstrong\u003eperformances intellectuelles\u003c\/strong\u003e et la \u003cstrong\u003emicrocirculation\u003c\/strong\u003e. Superdiet a choisi une fabrication française à partir de feuilles issues de l'agriculture biologique, récoltées à maturité, pour préserver un maximum de principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"gkb-grid-compact\"\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique, gage de qualité et de traçabilité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🚫 Ultra pur\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e💧 Ampoule buvable\u003c\/h3\u003e\n        \u003cp\u003eFormat pratique, à assimilation rapide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n        \u003cp\u003eFabrication française dans le respect de la plante\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eLes bienfaits du ginkgo biloba bio\u003c\/h2\u003e\n    \u003cp class=\"gkb-section-intro\"\u003ePlébiscité pour ses effets sur la \u003cstrong\u003emémoire et la concentration\u003c\/strong\u003e, ce végétal d'exception apporte un soutien précieux à plusieurs niveaux.\u003c\/p\u003e\n    \u003cdiv class=\"gkb-grid\"\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🧠 Mémoire \u0026amp; fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eLe ginkgo biloba contribue à entretenir la mémoire, notamment au fil du vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🎯 Concentration \u0026amp; clarté mentale\u003c\/h3\u003e\n        \u003cp\u003eIdéal pendant les périodes de travail intense, d'examens ou de surcharge intellectuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e❤️ Circulation sanguine\u003c\/h3\u003e\n        \u003cp\u003eIl favorise la microcirculation, notamment au niveau cérébral et des extrémités (jambes lourdes, mains froides).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e👂 Confort auditif\u003c\/h3\u003e\n        \u003cp\u003eSouvent recherché pour accompagner le bien-être en cas d'acouphènes légers, grâce à son action vasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gkb-tip\"\u003e\n      \u003cspan class=\"gkb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLes avis sur le ginkgo biloba soulignent régulièrement son intérêt en cure régulière, \u003cstrong\u003eparticulièrement dès 40 ans\u003c\/strong\u003e, pour soutenir vitalité intellectuelle et vigilance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eComposition d'une ampoule de 15 ml\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-grid-compact\"\u003e\n      \u003cdiv class=\"gkb-card gkb-card-highlight\"\u003e\n        \u003ch3\u003e🌱 Extrait de Ginkgo biloba bio*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e d'extrait hydro-glycériné de feuilles (\u003cem\u003eGinkgo biloba L.\u003c\/em\u003e), soit l'équivalent de \u003cstrong\u003e300 mg de feuilles sèches\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e💧 Base végétale\u003c\/h3\u003e\n        \u003cp\u003eEau de source \u0026amp; glycérine végétale bio*\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gkb-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eComment prendre le Ginkgo Biloba Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-timeline\"\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003eAgitez avant ouverture\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien l'ampoule pour homogénéiser l'extrait végétal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin, diluée dans un demi-verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eUne cure complète correspond à 20 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n          \u003cp\u003ePour des effets optimaux sur la mémoire et la concentration, une cure de plusieurs semaines est généralement conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-accordion\"\u003e\n      \u003cdetails class=\"gkb-accordion-item\"\u003e\n        \u003csummary class=\"gkb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants. Ne pas consommer en cas d'allergie connue au ginkgo biloba.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gkb-accordion-item\"\u003e\n        \u003csummary class=\"gkb-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ éviter en cas de \u003cstrong\u003eprise d'anticoagulants\u003c\/strong\u003e, de traitement antiplaquettaire ou avant une intervention chirurgicale. Demandez conseil à votre médecin ou pharmacien en cas de traitement médical en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gkb-accordion-item\"\u003e\n        \u003csummary class=\"gkb-accordion-header\"\u003e📋 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"gkb-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, équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-grid-compact\"\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e20 ampoules de 15 ml\u003cbr\u003e(300 ml au total)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n        \u003cp\u003e20 jours\u003cbr\u003e1 ampoule \/ jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🏷️ Label\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique (AB)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n        \u003cp\u003eÀ l'abri de la lumière, de la chaleur et de l'humidité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🌱 Composition\u003c\/h3\u003e\n        \u003cp\u003e100 % végétal\u003cbr\u003eSans alcool ni additif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"gkb-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre mémoire et à votre circulation tout le savoir-faire de Superdiet avec ce \u003cstrong\u003eGinkgo Biloba Bio\u003c\/strong\u003e en ampoules, 100 % naturel et respectueux de la plante. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --gkb-cream: #f9f7f2;\n    --gkb-white: #ffffff;\n    --gkb-primary: #2d7a3e;\n    --gkb-primary-dark: #1e5a2c;\n    --gkb-primary-light: #e8f3ea;\n    --gkb-secondary: #c8342e;\n    --gkb-accent: #e8a84a;\n    --gkb-text: #1a1a1a;\n    --gkb-text-light: #5a5a5a;\n    --gkb-border: #e0e0e0;\n    --gkb-shadow: 0 4px 24px rgba(0,0,0,.08);\n    --gkb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n    --gkb-radius: 20px;\n    --gkb-radius-sm: 12px;\n  }\n\n  .gkb-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--gkb-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--gkb-text);\n  }\n\n  \/* HERO *\/\n  .gkb-hero {\n    position: relative;\n    background: linear-gradient(135deg, #2d7a3e 0%, #3d9a52 50%, #1e5a2c 100%);\n    border-radius: var(--gkb-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(--gkb-shadow-lg);\n  }\n\n  .gkb-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,.15) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n    opacity: .6;\n  }\n\n  .gkb-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .gkb-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  .gkb-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 600;\n    margin: 0 0 1.5rem 0;\n    font-style: italic;\n  }\n\n  .gkb-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2.3vw, 17px);\n    line-height: 1.7;\n    margin: 0 auto;\n    max-width: 720px;\n  }\n\n  .gkb-description strong {\n    color: white;\n    font-weight: 700;\n  }\n\n  \/* BADGES *\/\n  .gkb-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .gkb-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(--gkb-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .gkb-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  \/* SECTIONS *\/\n  .gkb-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .gkb-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--gkb-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  .gkb-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(--gkb-primary), var(--gkb-secondary));\n    border-radius: 2px;\n  }\n\n  .gkb-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--gkb-text-light);\n    margin: 0 auto 1.75rem;\n    max-width: 720px;\n    line-height: 1.7;\n  }\n\n  .gkb-section-intro strong {\n    color: var(--gkb-primary-dark);\n  }\n\n  \/* CARDS *\/\n  .gkb-card {\n    background: var(--gkb-white);\n    border-radius: var(--gkb-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--gkb-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .gkb-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--gkb-shadow-lg);\n    border-color: var(--gkb-primary);\n  }\n\n  .gkb-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--gkb-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .gkb-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--gkb-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .gkb-card-highlight {\n    background: linear-gradient(135deg, var(--gkb-primary-light) 0%, #ffffff 100%);\n    border-color: var(--gkb-primary);\n  }\n\n  \/* GRILLES *\/\n  .gkb-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .gkb-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .gkb-grid-compact .gkb-card {\n    padding: 1rem;\n  }\n\n  .gkb-grid-compact .gkb-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .gkb-grid-compact .gkb-card p {\n    font-size: 12px;\n  }\n\n  \/* TIMELINE *\/\n  .gkb-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .gkb-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .gkb-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--gkb-primary), var(--gkb-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(45,122,62,.3);\n  }\n\n  .gkb-timeline-content {\n    flex: 1;\n    background: var(--gkb-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--gkb-radius-sm);\n    box-shadow: var(--gkb-shadow);\n  }\n\n  .gkb-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--gkb-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .gkb-timeline-content p {\n    font-size: 14px;\n    color: var(--gkb-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  \/* ACCORDÉON *\/\n  .gkb-accordion {\n    background: var(--gkb-white);\n    border-radius: var(--gkb-radius);\n    box-shadow: var(--gkb-shadow);\n    overflow: hidden;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .gkb-accordion-item {\n    border-bottom: 1px solid var(--gkb-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .gkb-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .gkb-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--gkb-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  .gkb-accordion-header:hover {\n    background: var(--gkb-primary-light);\n  }\n\n  .gkb-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .gkb-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--gkb-primary);\n    transition: transform .2s ease;\n  }\n\n  .gkb-accordion-item[open] .gkb-accordion-header::after {\n    content: '−';\n  }\n\n  .gkb-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--gkb-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .gkb-accordion-content p {\n    margin: 0;\n  }\n\n  .gkb-accordion-content strong {\n    color: var(--gkb-primary-dark);\n  }\n\n  \/* TIP *\/\n  .gkb-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--gkb-primary-light);\n    border-left: 4px solid var(--gkb-primary);\n    border-radius: var(--gkb-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.5rem;\n  }\n\n  .gkb-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .gkb-tip p {\n    font-size: 14px;\n    color: var(--gkb-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .gkb-tip strong {\n    color: var(--gkb-primary-dark);\n  }\n\n  \/* CTA *\/\n  .gkb-cta-box {\n    background: linear-gradient(135deg, var(--gkb-primary) 0%, var(--gkb-primary-dark) 100%);\n    border-radius: var(--gkb-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--gkb-shadow-lg);\n  }\n\n  .gkb-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .gkb-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  .gkb-cta-box strong {\n    color: #ffe8a8;\n  }\n\n  \/* DISCLAIMER *\/\n  .gkb-disclaimer {\n    font-size: 12px;\n    color: var(--gkb-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 767px) {\n    .gkb-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .gkb-card {\n      padding: 1.125rem;\n    }\n    .gkb-section {\n      margin-bottom: 1.75rem;\n    }\n    .gkb-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--gkb-radius-sm);\n    }\n    .gkb-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .gkb-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .gkb-grid-compact {\n      gap: .625rem;\n    }\n    .gkb-grid-compact .gkb-card {\n      padding: .75rem;\n    }\n    .gkb-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .gkb-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .gkb-timeline-content h3 {\n      font-size: 14px;\n    }\n    .gkb-timeline-content p {\n      font-size: 13px;\n    }\n    .gkb-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .gkb-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  \/* ANIMATIONS *\/\n  @media (prefers-reduced-motion: no-preference) {\n    .gkb-card {\n      animation: gkbFadeInUp .5s ease backwards;\n    }\n    .gkb-card:nth-child(1) { animation-delay: .05s; }\n    .gkb-card:nth-child(2) { animation-delay: .1s; }\n    .gkb-card:nth-child(3) { animation-delay: .15s; }\n    .gkb-card:nth-child(4) { animation-delay: .2s; }\n    .gkb-card:nth-child(5) { animation-delay: .25s; }\n    .gkb-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes gkbFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gkb-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712260765,"sku":"NBAISUP0018","price":18.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginkgo-biloba-bio-coffret-20-ampoules-de-15ml-superdiet-packshothd.webp?v=1776358852"},{"product_id":"quatuor-circulation-bio-20-ampoules-superdiet","title":"Quatuor Circulation Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"qc-premium\"\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🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e💧 Sans alcool\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🌱 100% plantes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qc-hero-title\"\u003eQuatuor Circulation Bio\u003c\/span\u003e\n      \u003cp class=\"qc-subtitle\"\u003e20 ampoules · Superdiet\u003c\/p\u003e\n      \u003cp class=\"qc-description\"\u003eQuatre plantes emblématiques – \u003cstrong\u003evigne rouge, marronnier d'Inde, hamamélis et ginkgo biloba\u003c\/strong\u003e – réunies dans une formule liquide synergique pour accompagner vos jambes au quotidien et soutenir la bonne circulation du sang.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément circulation sanguine ?\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eJambes lourdes, sensation de gonflement en fin de journée, chevilles fatiguées après une station debout prolongée… Ces désagréments sont le signe que votre retour veineux mérite un petit coup de pouce. Le Quatuor Circulation est pensé comme un \u003cstrong\u003ecomplément alimentaire circulation veineuse et lymphatique\u003c\/strong\u003e synergique, où chaque plante renforce l'action des autres.\u003c\/p\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols, elle contribue à une bonne circulation du sang et aide à soulager la sensation de jambes lourdes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour tonifier la circulation et soutenir le tonus veineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌼 Hamamélis\u003c\/h3\u003e\n        \u003cp\u003ePlante aux propriétés veinotoniques reconnues, elle complète parfaitement l'action de la vigne rouge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n        \u003cp\u003eContribue à une bonne microcirculation, notamment au niveau des extrémités.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 ampoule de 15 ml\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid-compact\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌰 Marronnier d'Inde*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e\u003cbr\u003eExtrait aqueux de graine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌼 Hamamélis*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eExtrait aqueux de feuille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍇 Vigne rouge*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eExtrait aqueux de feuille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍃 Ginkgo biloba*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e22,5 mg\u003c\/strong\u003e\u003cbr\u003eExtrait sec de feuille\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\u003cem\u003e*Ingrédients issus de l'agriculture biologique (certifié AB).\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003eSans alcool, sans conservateur, sans colorant.\u003c\/strong\u003e Fabrication française, 100% plantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eComment prendre le Quatuor Circulation Bio ?\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\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin, pure ou diluée dans un demi-verre d'eau.\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\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eLa boîte contient 20 ampoules, soit une cure complète renouvelable plusieurs fois dans l'année, notamment aux changements de saison ou pendant les périodes chaudes.\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\u003eAssociez à un mode de vie sain\u003c\/h3\u003e\n          \u003cp\u003eHydratez-vous suffisamment, pratiquez une activité physique régulière (marche, natation) et évitez les sources de chaleur sur les jambes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire circulation ?\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eCe \u003cstrong\u003emeilleur complément alimentaire circulation sanguine\u003c\/strong\u003e s'adresse aux personnes qui :\u003c\/p\u003e\n    \u003cdiv class=\"qc-grid-compact\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n        \u003cp\u003eRessentent régulièrement des jambes lourdes ou gonflées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💼 Station prolongée\u003c\/h3\u003e\n        \u003cp\u003eTravaillent debout ou assises longtemps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e☀️ Préparation été\u003c\/h3\u003e\n        \u003cp\u003eSouhaitent préparer leurs jambes à l'été ou aux longs voyages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n        \u003cp\u003eRecherchent une solution naturelle et bio à base de plantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eUn engagement qualité Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"qc-cta-box\"\u003e\n      \u003cp\u003eDepuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e, Superdiet cultive un savoir-faire français autour de la phytothérapie. Les ampoules sont fabriquées en France, à partir de plantes rigoureusement sélectionnées et certifiées bio. Chaque lot fait l'objet de contrôles qualité stricts, gage de \u003cstrong\u003etraçabilité et de sécurité\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"qc-accordion\"\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Dose journalière \u0026amp; usage\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eRespectez 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. \u003cstrong\u003eIl ne remplace en aucun cas un traitement médical.\u003c\/strong\u003e\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🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants et aux personnes sous traitement anticoagulant ou antidépresseur. En cas de doute, consultez votre médecin ou votre pharmacien.\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\u003eTenir hors de portée des enfants. À conserver dans un endroit sec et frais.\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  --qc-cream: #faf6f1;\n  --qc-white: #ffffff;\n  --qc-primary: #c8102e;\n  --qc-primary-dark: #8b0a1f;\n  --qc-primary-light: #fde8eb;\n  --qc-secondary: #4a8b3a;\n  --qc-accent: #f4a825;\n  --qc-text: #1a1a1a;\n  --qc-text-light: #5a5a5a;\n  --qc-border: #e8dfd4;\n  --qc-shadow: 0 4px 24px rgba(139,10,31,.08);\n  --qc-shadow-lg: 0 12px 48px rgba(139,10,31,.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  color: var(--qc-text);\n  line-height: 1.6;\n}\n\n.qc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c8102e 0%, #8b0a1f 60%, #4a8b3a 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% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(74,139,58,.2) 0%, transparent 40%);\n  opacity: .6;\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  line-height: 1.1;\n}\n\n.qc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.qc-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.qc-description strong {\n  color: white;\n  font-weight: 700;\n}\n\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.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  line-height: 1.2;\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.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: 780px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\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.qc-card p strong {\n  color: var(--qc-primary);\n  font-size: 1.15em;\n  font-weight: 800;\n}\n\n.qc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 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.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-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.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.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}\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: 22px;\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}\n\n.qc-accordion-content p {\n  margin: 0;\n}\n\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  border-left: 4px solid var(--qc-secondary);\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.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  box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n  border-radius: 50%;\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: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.qc-cta-box p strong {\n  font-weight: 800;\n  color: #ffe8a8;\n}\n\n@media (max-width: 767px) {\n  .qc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .qc-card {\n    padding: 1.125rem;\n  }\n  .qc-section {\n    margin-bottom: 1.75rem;\n  }\n  .qc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qc-radius-sm);\n  }\n  .qc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .qc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .qc-grid-compact {\n    gap: .625rem;\n  }\n  .qc-grid-compact .qc-card {\n    padding: .75rem;\n  }\n  .qc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .qc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .qc-timeline-content h3 {\n    font-size: 14px;\n  }\n  .qc-timeline-content p {\n    font-size: 13px;\n  }\n  .qc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .qc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\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}\n\n@keyframes qcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754717700253,"sku":"NBAISUP0014","price":20.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-circulation-bio-20-ampoules-superdiet-packshothd.webp?v=1776409601"},{"product_id":"quatuor-circulation-bio-120-gelules-superdiet","title":"Quatuor Circulation Bio 120 Gélules - Superdiet","description":"\u003cdiv class=\"qc-premium\"\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🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qc-hero-title\"\u003eQuatuor Circulation Bio\u003c\/span\u003e\n      \u003cp class=\"qc-subtitle\"\u003eSuperdiet · 120 gélules · 30 jours de cure\u003c\/p\u003e\n      \u003cp class=\"qc-description\"\u003eVos jambes tirent en fin de journée ? Sensation de lourdeur, de gonflement ou de fatigue dans les mollets ? Le Quatuor Circulation Bio associe \u003cstrong\u003e4 plantes emblématiques du bien-être veineux\u003c\/strong\u003e : marronnier d'Inde, vigne rouge, hamamélis et ginkgo. Une synergie pensée pour votre confort au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément circulation sanguine ?\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eLe Quatuor Circulation Bio répond aux attentes de celles et ceux qui recherchent un complément alimentaire circulation veineuse et lymphatique à la fois efficace, naturel et certifié bio. Sa formule concentrée réunit le meilleur de la phytothérapie traditionnelle.\u003c\/p\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n        \u003cp\u003eContribue au bien-être circulatoire et participe à la sensation de jambes légères.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n        \u003cp\u003ePlante emblématique du confort veineux, elle accompagne le retour veineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌿 Hamamélis\u003c\/h3\u003e\n        \u003cp\u003eComplète harmonieusement la formule grâce à ses feuilles riches en tanins naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement apprécié pour ses feuilles riches en actifs naturels, soutient la microcirculation.\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\u003eCette association en fait l'un des \u003cstrong\u003emeilleurs compléments alimentaires circulation sanguine\u003c\/strong\u003e disponibles en format gélules végétales, sans additif superflu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eComposition pour 4 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid-compact\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003eAesculus hippocastanum L. · graine\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eVitis Vinifera L. · feuille\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌿 Hamamélis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eHamamelis virginiana L. · feuille\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🍃 Ginkgo\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e230 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eGinkgo biloba L. · feuille\u003c\/em\u003e\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\u003eAutres ingrédients :\u003c\/strong\u003e gélule d'hydroxypropylméthylcellulose, amidon de riz*.\u003cbr\u003e*Ingrédient issu de l'agriculture biologique. **Équivalent en plantes sèches.\u003cbr\u003eProduit \u003cstrong\u003evegan\u003c\/strong\u003e, \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, conditionné dans un flacon éco-conçu (au moins 97 % de matière recyclée et majoritairement recyclable). Présentation : 120 gélules de 385 mg, soit 30 jours de cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\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\u003eQui ?\u003c\/h3\u003e\n          \u003cp\u003eHommes et femmes adultes.\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\u003eQuand ?\u003c\/h3\u003e\n          \u003cp\u003ePendant le repas.\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\u003eComment ?\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e4 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    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour de meilleurs résultats, réalisez une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, notamment lors des périodes propices à l'inconfort (fortes chaleurs, longues stations debout, voyages prolongés). Associez la prise à une alimentation variée et équilibrée, une activité physique régulière (marche, natation) et une bonne hydratation pour soutenir votre circulation du sang.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le Quatuor Circulation Bio\u003c\/h2\u003e\n    \u003cdiv class=\"qc-accordion\"\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e🍃 Quels sont les bienfaits du ginkgo biloba sur la circulation sanguine ?\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe ginkgo biloba est traditionnellement utilisé en phytothérapie pour accompagner une bonne microcirculation, notamment au niveau des extrémités.\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💧 Peut-on l'utiliser comme complément alimentaire pour la circulation lymphatique ?\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eSa formule polyvalente en fait un bon allié pour le confort des jambes, qu'il s'agisse du retour veineux ou du drainage.\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⏱️ En combien de temps voit-on les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes bénéfices ressentis varient selon les personnes ; une cure de \u003cstrong\u003e1 mois minimum\u003c\/strong\u003e est généralement 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=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"qc-accordion\"\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e, ainsi qu'aux enfants et adolescents de moins de 18 ans. Consultez votre médecin en cas de prise simultanée d'anticoagulants ou d'agents antiplaquettaires. Respectez les doses conseillées et tenez hors de portée des jeunes enfants.\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🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, ni à un traitement médical\u003c\/strong\u003e. En cas de troubles circulatoires persistants, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire à base de Marronnier d'Inde, Vigne rouge, Hamamélis et Ginkgo. À consommer dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qc-cream: #faf7f2;\n  --qc-white: #ffffff;\n  --qc-primary: #a8182a;\n  --qc-primary-dark: #7a1020;\n  --qc-primary-light: #fbecee;\n  --qc-secondary: #4a7c3a;\n  --qc-accent: #d4a12a;\n  --qc-text: #1a1a1a;\n  --qc-text-light: #5a5a5a;\n  --qc-border: #e8dfd4;\n  --qc-shadow: 0 4px 24px rgba(122,16,32,.08);\n  --qc-shadow-lg: 0 12px 48px rgba(122,16,32,.18);\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  color: var(--qc-text);\n  line-height: 1.6;\n}\n\n.qc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #a8182a 0%, #7a1020 55%, #4a7c3a 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% 20%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .15;\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  line-height: 1.1;\n}\n\n.qc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.qc-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.qc-description strong {\n  color: white;\n  font-weight: 700;\n}\n\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.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  line-height: 1.2;\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.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.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\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.qc-card p strong {\n  color: var(--qc-primary);\n  font-size: 1.1em;\n}\n\n.qc-card p em {\n  font-size: .85em;\n  color: var(--qc-text-light);\n}\n\n.qc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 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.qc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\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-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(168,24,42,.3);\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.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  gap: 1rem;\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: 22px;\n  font-weight: 400;\n  color: var(--qc-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\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.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  border-left: 3px solid var(--qc-primary);\n}\n\n.qc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\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.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@media (max-width: 767px) {\n  .qc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .qc-card {\n    padding: 1.125rem;\n  }\n  .qc-section {\n    margin-bottom: 1.75rem;\n  }\n  .qc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qc-radius-sm);\n  }\n  .qc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .qc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .qc-grid-compact {\n    gap: .625rem;\n  }\n  .qc-grid-compact .qc-card {\n    padding: .75rem;\n  }\n  .qc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .qc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .qc-timeline-content h3 {\n    font-size: 14px;\n  }\n  .qc-timeline-content p {\n    font-size: 13px;\n  }\n  .qc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .qc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\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}\n\n@keyframes qcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754719731869,"sku":"NBAISUP0029","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/superdiet-quatuor-circulation-bio-120-gelules-recto.webp?v=1776408452"},{"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-vitalosmose-lifestyle.webp?v=1770887240"},{"product_id":"berberine-350-mg-120-gelules-vitalosmose","title":"Berbérine 350 mg 120 gélules - Gestion du poids \u0026 de la glycémie - VitalOsmose","description":"\u003cp\u003eProfitez d’un format prolongé avec la \u003cstrong\u003eBerbérine 350 mg\u003c\/strong\u003e de VitalOsmose en \u003cstrong\u003e120 gélules\u003c\/strong\u003e, une solution naturelle pour soutenir votre métabolisme et réguler votre glycémie. Extraite de la racine de \u003cem\u003eBerberis aristata\u003c\/em\u003e et titrée à \u003cstrong\u003e97%\u003c\/strong\u003e, cette berbérine hautement concentrée est reconnue pour son action bénéfique sur l’équilibre énergétique et la gestion du poids.\u003c\/p\u003e\n\u003ch2\u003eUne action complète pour votre bien-être\u003c\/h2\u003e\n\u003cp\u003eTraditionnellement utilisée dans la médecine ayurvédique et chinoise, la berbérine est aujourd’hui étudiée pour ses nombreux bienfaits sur l’organisme :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eActivation de l’AMPK\u003c\/strong\u003e : En stimulant cette enzyme clé, la berbérine joue un rôle essentiel dans la régulation du métabolisme et de l’énergie cellulaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStabilisation de la glycémie\u003c\/strong\u003e : Elle favorise un taux de sucre sanguin équilibré, idéal pour soutenir le métabolisme glucidique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGestion du poids\u003c\/strong\u003e : En contribuant à réduire le stockage des graisses et à augmenter la dépense énergétique, elle participe naturellement au maintien d’un poids sain.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection cardiovasculaire\u003c\/strong\u003e : Elle aide à réguler les taux de cholestérol et de triglycérides, favorisant ainsi une bonne santé cardiovasculaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉquilibre digestif\u003c\/strong\u003e : Ses effets bénéfiques sur la flore intestinale améliorent l’absorption des nutriments et le confort digestif.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUne synergie efficace avec le zinc\u003c\/h2\u003e\n\u003cp\u003eCette formule exclusive associe la berbérine au \u003cstrong\u003ebisglycinate de zinc\u003c\/strong\u003e, un oligo-élément essentiel contribuant à un métabolisme glucidique normal et au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n\u003ch2\u003eComposition par gélule\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait aqueux de \u003cem\u003eBerberis aristata\u003c\/em\u003e\u003c\/strong\u003e titré à 97% de berbérine : 350 mg (soit 340 mg de berbérine pure)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisglycinate de zinc\u003c\/strong\u003e : 18 mg, apportant 5,9 mg de zinc élément (soit 59% des Valeurs Nutritionnelles de Référence)\u003c\/li\u003e\n\u003cli\u003eGélule végétale (cellulose)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avant un repas. Une cure d’au moins trois mois est recommandée pour une efficacité optimale. Ce format de 120 gélules permet un usage prolongé pour un accompagnement durable.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFemmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eEnfants et adolescents\u003c\/li\u003e\n\u003cli\u003ePersonnes diabétiques ou souffrant de troubles hépatiques ou cardiaques\u003c\/li\u003e\n\u003cli\u003ePersonnes sous traitement médicamenteux (consulter un professionnel de santé)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eRespecter la dose recommandée. Ce complément alimentaire ne se substitue pas à une alimentation équilibrée et doit s’intégrer dans un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003cp\u003eAvec la \u003cstrong\u003eBerbérine 350 mg - 120 gélules\u003c\/strong\u003e de VitalOsmose, misez sur une régulation efficace et naturelle de votre métabolisme et de votre glycémie.\u003c\/p\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":46023919435933,"sku":"BERBERINE120","price":43.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/berberine-zinc-120-gelules-qualidiet.webp?v=1754054784"},{"product_id":"cervomax-510-mg-60-gelules-qualidiet","title":"Cervomax 510 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003cdiv class=\"cv-hero\"\u003e\n\u003cdiv class=\"cv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cv-hero-content\"\u003e\n\u003cdiv class=\"cv-badges-top\"\u003e\n\u003cspan class=\"cv-badge\"\u003e🧠 Fonctions cérébrales\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 60 gélules – 510 mg\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🦐 Huile de krill \u0026amp; lécithine marine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCervomax 510 mg\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eSoutien des fonctions cérébrales par Qualidiet\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eComplexe synergique de lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour la mémoire, la concentration et la vivacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCervomax 510 mg : votre allié naturel pour la mémoire et la concentration\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVous ressentez des baisses de concentration, des trous de mémoire ou une fatigue intellectuelle persistante ? \u003cstrong\u003eCervomax\u003c\/strong\u003e de \u003cstrong\u003eQualidiet\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e formulé à partir d'actifs naturels soigneusement sélectionnés. Chaque gélule de 510 mg associe lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour offrir un soutien global à vos fonctions cérébrales.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cervomax pour soutenir vos fonctions cognitives ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux compléments qui misent sur un seul ingrédient, Cervomax propose une \u003cstrong\u003eformulation synergique\u003c\/strong\u003e combinant plusieurs familles de nutriments essentiels au bon fonctionnement du cerveau.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides indispensables à la structure des membranes neuronales, elle favorise la transmission de l'influx nerveux et contribue au maintien de la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill riche en phospholipides\u003c\/h3\u003e\n\u003cp\u003eSa forme hautement biodisponible d'oméga-3 (EPA et DHA) participe au fonctionnement normal du cerveau et aide à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eNaturellement riches en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (notamment B6 et B12), elles soutiennent le métabolisme énergétique et contribuent à réduire la fatigue intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eCette micro-algue apporte des protéines complètes, du fer et des antioxydants qui participent à la vitalité globale de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine riche en \u003cstrong\u003ecalcium\u003c\/strong\u003e, elle contribue à la transmission normale des messages nerveux entre les neurones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-tip\"\u003e\n\u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison fait de Cervomax l'un des \u003cstrong\u003emeilleurs compléments alimentaires mémoire concentration\u003c\/strong\u003e pour les personnes souhaitant préserver leur vivacité d'esprit au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Cervomax ?\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions ou d'examens, pour soutenir la concentration et la mémorisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n\u003cp\u003eSoumis à une charge mentale importante, qui ressentent une fatigue cognitive en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leurs capacités intellectuelles et entretenir leur mémoire avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e✨ Tous les profils\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un coup de pouce naturel pour retrouver clarté mentale et performance intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas (petit-déjeuner et déjeuner).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eProgramme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eUn flacon de 60 gélules correspond à un programme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, nous vous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides essentiels pour les membranes neuronales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill\u003c\/h3\u003e\n\u003cp\u003eRiche en phospholipides et oméga-3 (EPA\/DHA) hautement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eApport naturel en vitamines du groupe B pour le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eRiche en protéines complètes et en fer pour la vitalité globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine naturellement riche en calcium pour la transmission nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eGélatine. Poids net : 36 g — 60 gélules de 510 mg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003eCervomax est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Qualidiet, laboratoire reconnu pour son exigence en matière de sélection des matières premières et de contrôle qualité. Le processus de fabrication respecte les normes européennes les plus strictes, garantissant un produit pur, sûr et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cv-accordion\"\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"cv-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=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🦐 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux crustacés (huile de krill).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e👩⚕️ Cas particuliers\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. 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\u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cv-cream: #f4f1ed;\n  --cv-white: #ffffff;\n  --cv-primary: #1a3a7a;\n  --cv-primary-dark: #0e2354;\n  --cv-primary-light: #e8edf7;\n  --cv-secondary: #c0272d;\n  --cv-accent: #8b1a1e;\n  --cv-text: #1a1a1a;\n  --cv-text-light: #5a5a5a;\n  --cv-border: #e0e0e0;\n  --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cv-radius: 20px;\n  --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, var(--cv-secondary) 100%);\n  border-radius: var(--cv-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(--cv-shadow-lg);\n}\n\n.cv-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(192,39,45,.15) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.cv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cv-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(--cv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cv-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.cv-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cv-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.cv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cv-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.cv-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(--cv-primary), var(--cv-secondary));\n  border-radius: 2px;\n}\n\n.cv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-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.cv-card {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cv-shadow-lg);\n  border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n  padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n  font-size: 12px;\n}\n\n.cv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cv-primary), var(--cv-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.cv-timeline-content {\n  flex: 1;\n  background: var(--cv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cv-radius-sm);\n  box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n  font-size: 14px;\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cv-testimonial {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cv-shadow);\n  border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cv-primary-light);\n  border-radius: var(--cv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cv-tip p {\n  font-size: 14px;\n  color: var(--cv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cv-accordion {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  box-shadow: var(--cv-shadow);\n  overflow: hidden;\n}\n\n.cv-accordion-item {\n  border-bottom: 1px solid var(--cv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cv-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.cv-accordion-header:hover {\n  background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cv-primary);\n  transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n  content: '−';\n}\n\n.cv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cv-accordion-content p {\n  margin: 0;\n}\n\n.cv-disclaimer {\n  font-size: 12px;\n  color: var(--cv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cv-card {\n    padding: 1.125rem;\n  }\n\n  .cv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cv-radius-sm);\n  }\n\n  .cv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cv-grid-compact {\n    gap: .625rem;\n  }\n\n  .cv-grid-compact .cv-card {\n    padding: .75rem;\n  }\n\n  .cv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cv-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cv-card {\n    animation: cvFadeInUp .5s ease backwards;\n  }\n  .cv-card:nth-child(1) { animation-delay: .05s; }\n  .cv-card:nth-child(2) { animation-delay: .1s; }\n  .cv-card:nth-child(3) { animation-delay: .15s; }\n  .cv-card:nth-child(4) { animation-delay: .2s; }\n  .cv-card:nth-child(5) { animation-delay: .25s; }\n  .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cv-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":45754726973597,"sku":"REF161BIS","price":12.58,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cervomax-510-mg-60-gelules-vitalosmose-packshothd.webp?v=1773598761"},{"product_id":"cannelle-ecorce-350-mg-bio-100-gelules-vegetales-qualidiet","title":"Cannelle de Ceylan Bio - 100 gélules de 350 mg - Qualidiet","description":"\u003cdiv class=\"cn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cn-hero\"\u003e\n\u003cdiv class=\"cn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cn-hero-content\"\u003e\n\u003cdiv class=\"cn-badges-top\"\u003e\n\u003cspan class=\"cn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e💊 100 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cn-hero-title\"\u003eCannelle de Ceylan Bio\u003c\/span\u003e\n\u003cp class=\"cn-subtitle\"\u003eL'épice millénaire au service de votre bien-être\u003c\/p\u003e\n\u003cp class=\"cn-description\"\u003eDécouvrez les vertus exceptionnelles de la cannelle de Ceylan avec ces gélules végétales biologiques. Ce complément alimentaire naturel contribue à réguler la glycémie, soutient la digestion, et aide à réduire l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS CLÉS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🩸 Glycémie\u003c\/h3\u003e\n\u003cp\u003eAide à réguler naturellement le taux de sucre sanguin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🫀 Cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient la santé du cœur et de la circulation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Immunité\u003c\/h3\u003e\n\u003cp\u003eRenforce les défenses grâce à ses propriétés antimicrobiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n\u003cp\u003eProtège les cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEIL D'UTILISATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cn-timeline\"\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre 3 à 6 gélules de cannelle de Ceylan par jour, selon votre besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\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=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eCadre d'utilisation\u003c\/h3\u003e\n\u003cp\u003eDans le cadre d'une alimentation équilibrée pour bénéficier pleinement des bienfaits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INGRÉDIENTS CLÉS ET LEURS BIENFAITS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"cn-ingredient-hero\"\u003e\n\u003cdiv class=\"cn-ingredient-badge\"\u003e350 mg\u003c\/div\u003e\n\u003ch3\u003ePoudre d'écorce de cannelle de Ceylan bio\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-grid\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e💓 Fonctions vitales\u003c\/h3\u003e\n\u003cp\u003eStimule les fonctions circulatoire, cardiaque et respiratoire grâce à ses propriétés toniques naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🍽️ Digestion harmonieuse\u003c\/h3\u003e\n\u003cp\u003eSoutient les sécrétions digestives et aide à réduire les inconforts comme les ballonnements et coliques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eRiche en polyphénols antioxydants, elle neutralise les radicaux libres et protège vos cellules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Bouclier naturel\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes et antifongiques, alliée contre les infections et états grippaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-tip\"\u003e\n\u003cspan class=\"cn-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eGélule d'origine végétale :\u003c\/strong\u003e adaptée aux végétariens et vegans, elle garantit une absorption rapide et un dosage pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ORIGINE ET FABRICATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française avec respect des normes bio et écologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🏝️ Origine Ceylan\u003c\/h3\u003e\n\u003cp\u003eCannelle de la région de Ceylan, qualité supérieure reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🔬 Tests qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot minutieusement testé pour pureté et efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eStrict respect des normes de production biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENTS DE VITALOSMOSE --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eEngagements de Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"cn-commitment-box\"\u003e\n\u003cdiv class=\"cn-commitment-grid\"\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003e100% biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans OGM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🇪🇺\u003c\/span\u003e \u003cspan\u003eConforme normes UE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003eÉco-responsable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-commitment-text\"\u003eNotre approche est guidée par une responsabilité environnementale et sociale, visant à soutenir votre santé tout en préservant la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"cn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"cn-accordion\"\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire à la cannelle de Ceylan ne doit pas remplacer une alimentation diversifiée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eIl est important de le conserver hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant de commencer la supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cn-cream: #FDF8F3;\n  --cn-white: #ffffff;\n  --cn-primary: #D2691E;\n  --cn-primary-dark: #8B4513;\n  --cn-primary-light: #FFF5EB;\n  --cn-secondary: #228B22;\n  --cn-accent: #CD853F;\n  --cn-text: #1a1a1a;\n  --cn-text-light: #5a5a5a;\n  --cn-border: #e8ddd4;\n  --cn-shadow: 0 4px 24px rgba(139,69,19,.08);\n  --cn-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n  --cn-radius: 20px;\n  --cn-radius-sm: 12px;\n}\n\n.cn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cn-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D2691E 0%, #CD853F 50%, #8B4513 100%);\n  border-radius: var(--cn-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(--cn-shadow-lg);\n}\n\n.cn-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.cn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cn-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(--cn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cn-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.cn-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n}\n\n.cn-description {\n  color: rgba(255,255,255,.85);\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.cn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cn-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.cn-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(--cn-primary), var(--cn-accent));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cn-card {\n  background: var(--cn-white);\n  border-radius: var(--cn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cn-shadow-lg);\n  border-color: var(--cn-primary);\n}\n\n.cn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cn-grid-compact .cn-card {\n  padding: 1rem;\n}\n\n.cn-grid-compact .cn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cn-grid-compact .cn-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cn-primary), var(--cn-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.cn-timeline-content {\n  flex: 1;\n  background: var(--cn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cn-radius-sm);\n  box-shadow: var(--cn-shadow);\n}\n\n.cn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cn-timeline-content p {\n  font-size: 14px;\n  color: var(--cn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === INGREDIENT HERO === *\/\n.cn-ingredient-hero {\n  background: linear-gradient(135deg, var(--cn-primary-light) 0%, #fff 100%);\n  border-radius: var(--cn-radius);\n  padding: 1.5rem 2rem;\n  text-align: center;\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--cn-primary);\n  position: relative;\n}\n\n.cn-ingredient-badge {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--cn-primary), var(--cn-primary-dark));\n  color: white;\n  padding: 6px 20px;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 14px;\n  box-shadow: 0 4px 12px rgba(210,105,30,.3);\n}\n\n.cn-ingredient-hero h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--cn-primary-dark);\n  margin: .5rem 0 0 0;\n}\n\n\/* === TIP BOX === *\/\n.cn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cn-primary-light);\n  border-radius: var(--cn-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--cn-secondary);\n}\n\n.cn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cn-tip p {\n  font-size: 14px;\n  color: var(--cn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMMITMENT BOX === *\/\n.cn-commitment-box {\n  background: var(--cn-white);\n  border-radius: var(--cn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cn-shadow);\n  text-align: center;\n}\n\n.cn-commitment-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.cn-commitment-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .5rem;\n}\n\n.cn-commitment-icon {\n  font-size: 28px;\n}\n\n.cn-commitment-item span:last-child {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cn-primary-dark);\n}\n\n.cn-commitment-text {\n  font-size: 15px;\n  color: var(--cn-text-light);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === ACCORDÉON === *\/\n.cn-accordion {\n  background: var(--cn-white);\n  border-radius: var(--cn-radius);\n  box-shadow: var(--cn-shadow);\n  overflow: hidden;\n}\n\n.cn-accordion-item {\n  border-bottom: 1px solid var(--cn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cn-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.cn-accordion-header:hover {\n  background: var(--cn-primary-light);\n}\n\n.cn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cn-primary);\n  transition: transform .2s ease;\n}\n\n.cn-accordion-item[open] .cn-accordion-header::after {\n  content: '−';\n}\n\n.cn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cn-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cn-disclaimer {\n  font-size: 12px;\n  color: var(--cn-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  .cn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cn-card {\n    padding: 1.125rem;\n  }\n  \n  .cn-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cn-radius-sm);\n  }\n  \n  .cn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cn-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cn-grid-compact .cn-card {\n    padding: .75rem;\n  }\n  \n  .cn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cn-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cn-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cn-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .cn-commitment-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .75rem;\n  }\n  \n  .cn-commitment-icon {\n    font-size: 24px;\n  }\n  \n  .cn-commitment-item span:last-child {\n    font-size: 11px;\n  }\n  \n  .cn-ingredient-hero {\n    padding: 1.25rem 1rem;\n  }\n  \n  .cn-ingredient-badge {\n    font-size: 12px;\n    padding: 5px 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cn-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cn-card:nth-child(1) { animation-delay: .05s; }\n  .cn-card:nth-child(2) { animation-delay: .1s; }\n  .cn-card:nth-child(3) { animation-delay: .15s; }\n  .cn-card:nth-child(4) { animation-delay: .2s; }\n  .cn-card:nth-child(5) { animation-delay: .25s; }\n  .cn-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  .cn-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":45754727399581,"sku":"VO4765","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cannelle_de_Ceylan_Bio__100_glules_de_350_mg_Qualidiet.jpg?v=1782295681"},{"product_id":"akba-300-mg-60-gelules-qualidiet","title":"Akba 30 Extrait de Boswellia serrata 335 mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"ak-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ak-hero\"\u003e\n    \u003cdiv class=\"ak-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ak-hero-content\"\u003e\n      \u003cdiv class=\"ak-badges-top\"\u003e\n        \u003cspan class=\"ak-badge\"\u003e🌿 Boswellia serrata\u003c\/span\u003e\n        \u003cspan class=\"ak-badge\"\u003e💪 30 % d'AKBA\u003c\/span\u003e\n        \u003cspan class=\"ak-badge\"\u003e🇫🇷 Qualidiet\u003c\/span\u003e\n        \u003cspan class=\"ak-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ak-hero-title\"\u003eAKBA 30 : Extrait de Boswellia serrata\u003c\/span\u003e\n      \u003cp class=\"ak-subtitle\"\u003eLe plus haut dosage en AKBA du marché : 30 %, soit 10× plus que les extraits standards\u003c\/p\u003e\n      \u003cp class=\"ak-description\"\u003eBien-être articulaire, souplesse et mobilité — enrichi en vitamine D3 naturelle et magnésium marin pour une action complète sur le cartilage, les os et les muscles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eAKBA30 de Qualidiet : l'extrait de Boswellia serrata le plus concentré en AKBA\u003c\/h2\u003e\n    \u003cp class=\"ak-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire pour les articulations\u003c\/strong\u003e réellement efficace et naturel ?\u003c\/p\u003e\n    \u003cdiv class=\"ak-grid-compact\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🏆 Titrage exceptionnel\u003c\/h3\u003e\n        \u003cp\u003e30 % d'AKBA (Acide 3-Acétyl-11-Kéto-β-Boswellique), soit \u003cstrong\u003edix fois plus\u003c\/strong\u003e que les extraits standards du marché.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌿 Résine millénaire\u003c\/h3\u003e\n        \u003cp\u003eChaque gélule concentre le meilleur de cette résine utilisée depuis toujours en \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e pour le confort articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🔬 Actif le plus étudié\u003c\/h3\u003e\n        \u003cp\u003eL'AKBA est l'acide boswellique qui fait l'objet du \u003cstrong\u003eplus grand nombre d'études scientifiques\u003c\/strong\u003e sur la santé articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélule végétale, antiagglomérant d'origine naturelle, \u003cstrong\u003esans additifs controversés\u003c\/strong\u003e. Une formulation propre et responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003ePourquoi l'AKBA est-il si important pour vos articulations ?\u003c\/h2\u003e\n    \u003cdiv class=\"ak-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eBoswellia serrata\u003c\/strong\u003e contient plusieurs acides boswelliques, mais l'AKBA est reconnu comme le \u003cstrong\u003eplus actif\u003c\/strong\u003e d'entre eux. C'est précisément cet actif qui fait l'objet du plus grand nombre d'études scientifiques concernant le maintien de la \u003cstrong\u003eflexibilité articulaire\u003c\/strong\u003e et le soutien du cartilage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-grid\"\u003e\n      \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n        \u003ch3\u003e💊 52,5 mg d'AKBA\u003c\/h3\u003e\n        \u003cp\u003ePar gélule — une concentration qu'aucun extrait classique ne peut égaler.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n        \u003ch3\u003e🔟 10× plus concentré\u003c\/h3\u003e\n        \u003cp\u003eComparé aux extraits standards de Boswellia serrata disponibles sur le marché.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n        \u003ch3\u003e✅ Reconnu par l'EFSA\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003e« Le Boswellia serrata aide au maintien de la santé articulaire et de la flexibilité des articulations. »\u003c\/em\u003e\u003c\/p\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\u003ePour quiconque se demande \u003cstrong\u003equel est le meilleur complément alimentaire pour les articulations\u003c\/strong\u003e, cette concentration en AKBA constitue un critère de choix décisif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eUne formule enrichie en vitamine D3 et magnésium marin\u003c\/h2\u003e\n    \u003cp class=\"ak-section-intro\"\u003eAKBA30 ne se limite pas au Boswellia. Sa formule associe \u003cstrong\u003etrois actifs complémentaires\u003c\/strong\u003e pour une approche globale du bien-être articulaire et musculaire.\u003c\/p\u003e\n    \u003cdiv class=\"ak-grid\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3 naturelle\u003c\/h3\u003e\n        \u003cp\u003eIssue du lichen, elle contribue au maintien d'une \u003cstrong\u003eossature normale\u003c\/strong\u003e et d'une fonction musculaire saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n        \u003cp\u003eAide à \u003cstrong\u003eréduire la fatigue musculaire\u003c\/strong\u003e et soutient le bon fonctionnement neuromusculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🍃 Poudre de feuille de cassis\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour le \u003cstrong\u003econfort des articulations\u003c\/strong\u003e, elle complète parfaitement l'action du Boswellia.\u003c\/p\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\u003eCette synergie soutient à la fois le \u003cstrong\u003ecartilage, les os et la musculature\u003c\/strong\u003e, pour une mobilité préservée au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 gélule de 335 mg\u003c\/h2\u003e\n    \u003cdiv class=\"ak-grid\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌿 Boswellia serrata\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e175 mg\u003c\/strong\u003e — Extrait titré à 70 % d'acides boswelliques dont 30 % d'AKBA\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🍃 Feuille de cassis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Poudre de feuille, confort articulaire traditionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e — Oxyde de magnésium d'origine marine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e0,33 mg\u003c\/strong\u003e — Extrait de lichen titré à 100 000 UI\/g\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-apports-box\"\u003e\n      \u003ch3\u003e📊 Apports pour 3 gélules (dose maximale journalière)\u003c\/h3\u003e\n      \u003cdiv class=\"ak-apports-grid\"\u003e\n        \u003cdiv class=\"ak-apport-item\"\u003e\n          \u003cspan class=\"ak-apport-value\"\u003e367 mg\u003c\/span\u003e\n          \u003cspan class=\"ak-apport-label\"\u003eAcides boswelliques dont \u003cstrong\u003e157 mg d'AKBA\u003c\/strong\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ak-apport-item\"\u003e\n          \u003cspan class=\"ak-apport-value\"\u003e75 mg\u003c\/span\u003e\n          \u003cspan class=\"ak-apport-label\"\u003eMagnésium \u003cem\u003e(25 % des VNR)\u003c\/em\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ak-apport-item\"\u003e\n          \u003cspan class=\"ak-apport-value\"\u003e99 UI\u003c\/span\u003e\n          \u003cspan class=\"ak-apport-label\"\u003eVitamine D3 — 2,5 µg \u003cem\u003e(50 % des VNR)\u003c\/em\u003e\u003c\/span\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=\"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\u003eCommencez doucement\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au moment d'un repas, pour observer votre ressenti.\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\u003eAjustez selon vos besoins\u003c\/h3\u003e\n          \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e maximum, en fonction de votre confort articulaire.\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\u003eProfitez de votre cure\u003c\/h3\u003e\n          \u003cp\u003eLa boîte de 60 gélules offre une cure de \u003cstrong\u003e20 à 60 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=\"ak-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse AKBA30 ?\u003c\/h2\u003e\n    \u003cdiv class=\"ak-grid-compact\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePréservez vos articulations sollicitées par l'effort et accélérez votre récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintenez votre mobilité et votre souplesse articulaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n        \u003cp\u003eSoulagez les raideurs liées à la sédentarité ou aux postures prolongées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🧘 Bien-être naturel\u003c\/h3\u003e\n        \u003cp\u003eFormulation \u003cstrong\u003e100 % végétale\u003c\/strong\u003e, sans additifs controversés — une démarche responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-accordion\"\u003e\n      \u003cdetails class=\"ak-accordion-item\"\u003e\n        \u003csummary class=\"ak-accordion-header\"\u003e⚠️ Contre-indications et précautions\u003c\/summary\u003e\n        \u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n          \u003cp\u003eConcernant le \u003cstrong\u003eBoswellia serrata et ses contre-indications\u003c\/strong\u003e, il est déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical en cours, demandez conseil à votre médecin ou pharmacien 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!-- CTA FINAL --\u003e\n  \u003csection class=\"ak-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ak-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos articulations le \u003cstrong\u003emeilleur extrait de Boswellia serrata\u003c\/strong\u003e du marché — 30 % d'AKBA, enrichi en vitamine D3 et magnésium marin, pour une mobilité retrouvée au naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ak-disclaimer\"\u003eRappel important : ce complément alimentaire ne remplace pas un traitement médical, 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:root {\n  --ak-cream: #f5f5f0;\n  --ak-white: #ffffff;\n  --ak-primary: #2e7d32;\n  --ak-primary-dark: #1b5e20;\n  --ak-primary-light: #e8f5e9;\n  --ak-secondary: #4caf50;\n  --ak-accent: #c62828;\n  --ak-text: #1a1a1a;\n  --ak-text-light: #5a5a5a;\n  --ak-border: #e0e0e0;\n  --ak-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ak-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ak-radius: 20px;\n  --ak-radius-sm: 12px;\n}\n\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\/* === HERO === *\/\n.ak-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ak-primary-dark) 0%, var(--ak-primary) 50%, var(--ak-secondary) 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: 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,.04) 0%, transparent 40%);\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-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.ak-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.ak-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\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.3;\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\/* === SECTION INTRO TEXT === *\/\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.7;\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.ak-card-stat {\n  border-top: 4px solid var(--ak-primary);\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.ak-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\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\/* === HIGHLIGHT BOX === *\/\n.ak-highlight-box {\n  background: var(--ak-primary-light);\n  border-radius: var(--ak-radius-sm);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  border-left: 5px solid var(--ak-primary);\n}\n\n.ak-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ak-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === APPORTS BOX === *\/\n.ak-apports-box {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--ak-shadow);\n  margin-top: 1.5rem;\n  border: 2px solid var(--ak-primary-light);\n}\n\n.ak-apports-box h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--ak-primary-dark);\n  text-align: center;\n  margin: 0 0 1.25rem 0;\n}\n\n.ak-apports-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.ak-apport-item {\n  text-align: center;\n  padding: 1rem;\n  background: var(--ak-primary-light);\n  border-radius: var(--ak-radius-sm);\n}\n\n.ak-apport-value {\n  display: block;\n  font-size: clamp(24px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ak-primary-dark);\n  line-height: 1.2;\n  margin-bottom: .35rem;\n}\n\n.ak-apport-label {\n  display: block;\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--ak-text-light);\n  line-height: 1.4;\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}\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\/* === TESTIMONIAL === *\/\n.ak-testimonial {\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-primary);\n}\n\n.ak-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ak-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\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  margin-top: 1.25rem;\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 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.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  line-height: 1.6;\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-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ak-testimonial-text {\n    font-size: 14px;\n  }\n\n  .ak-apports-grid {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n\n  .ak-apport-item {\n    padding: .75rem;\n  }\n\n  .ak-apport-value {\n    font-size: 24px;\n  }\n\n  .ak-highlight-box {\n    padding: 1rem;\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\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":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754728186013,"sku":"VO4620","price":22.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/akba-30-extrait-de-boswellia-serrata-335-mg-60-gelules-quali-packshothd.webp?v=1773650438"},{"product_id":"lecithine-dorigine-marine-90-gelules-qualidiet","title":"Lécithine d'Origine Marine - 90 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lécithine d'Origine Marine - 90 Gélules\nPalette détectée:\n  - Primaire: #1e5a8a (bleu marine profond du texte principal)\n  - Secondaire: #4a9cc7 (bleu clair des vagues\/eau)\n  - Accent: #c41e3a (rouge du logo Qualidiet)\nAmbiance: Marine, fraîcheur océanique, santé naturelle, produit pharmaceutique\/bien-être avec une touche aquatique et apaisante\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n  \n  \u003cdiv class=\"lm-hero\"\u003e\n    \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lm-hero-content\"\u003e\n      \u003cdiv class=\"lm-badges-top\"\u003e\n        \u003cspan class=\"lm-badge\"\u003e🐟 Origine marine\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e🧠 Santé cognitive\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lm-hero-title\"\u003eLécithine d'origine marine\u003c\/span\u003e\n      \u003cp class=\"lm-subtitle\"\u003e17% de phospholipides marins hautement concentrés\u003c\/p\u003e\n      \u003cp class=\"lm-description\"\u003eRedécouvrez le pouvoir naturel de la lécithine marine pour soutenir votre circulation cérébrale et renforcer votre santé cognitive au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🌊 Bienfaits de la lécithine marine\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eSoutient efficacement les capacités cognitives et la mémoire grâce aux phospholipides essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir l'équilibre des lipides dans le sang pour une meilleure santé du cœur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n        \u003cp\u003eFavorise une circulation optimale du sang, notamment au niveau cérébral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e⚡ Acides gras essentiels\u003c\/h3\u003e\n        \u003cp\u003eApport en Omega-3 et acides gras indispensables au bon fonctionnement de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🐠 Phospholipides marins\u003c\/h3\u003e\n        \u003cp\u003eIssus de poissons sauvages, hautement concentrés à \u003cstrong\u003e17%\u003c\/strong\u003e pour une efficacité maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Omega-3\u003c\/h3\u003e\n        \u003cp\u003eAcides gras essentiels reconnus pour leurs bienfaits sur le cerveau et le système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe 100% d'origine végétale pour une meilleure tolérance digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lm-usage-box\"\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n          \u003cp\u003ePrendre \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=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003edurant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n          \u003cp\u003eFlacon de 90 gélules = \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid-compact\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eConcentration et mémoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n        \u003cp\u003ePerformance cognitive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintien des fonctions cérébrales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération et vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"lm-accordion\"\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🌍 Origine et fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eLes phospholipides de poissons proviennent de zones de pêche certifiées en gestion durable, reflétant notre engagement pour la préservation de l'environnement marin. Chaque étape de fabrication suit strictement les normes européennes, assurant un produit final pur, efficace et sécurisé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation diversifiée et équilibrée et à un mode de vie sain. Veuillez consulter un professionnel de santé avant utilisation, en cas de grossesse, allaitement ou prise de médication.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lm-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\n  \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lm-cta-box\"\u003e\n      \u003cp\u003e🌊 Offrez à votre cerveau le meilleur de l'océan avec la lécithine marine hautement concentrée en phospholipides !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lm-cream: #f5f9fc;\n  --lm-white: #ffffff;\n  --lm-primary: #1e5a8a;\n  --lm-primary-dark: #0d3a5c;\n  --lm-primary-light: #e8f4fc;\n  --lm-secondary: #4a9cc7;\n  --lm-accent: #c41e3a;\n  --lm-text: #1a1a1a;\n  --lm-text-light: #5a6a7a;\n  --lm-border: #d8e8f0;\n  --lm-shadow: 0 4px 24px rgba(30,90,138,.08);\n  --lm-shadow-lg: 0 12px 48px rgba(30,90,138,.15);\n  --lm-radius: 20px;\n  --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0d3a5c 0%, #1e5a8a 40%, #4a9cc7 100%);\n  border-radius: var(--lm-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(--lm-shadow-lg);\n}\n\n.lm-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='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M0 45 Q15 35 30 45 T60 45' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .08;\n}\n\n.lm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .625rem;\n  margin-bottom: 1.5rem;\n}\n\n.lm-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(--lm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lm-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.lm-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}\n\n.lm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.lm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lm-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.lm-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(--lm-primary), var(--lm-secondary));\n  border-radius: 2px;\n}\n\n.lm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lm-card {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lm-shadow-lg);\n  border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lm-card-highlight {\n  background: linear-gradient(145deg, var(--lm-white) 0%, var(--lm-primary-light) 100%);\n  border: 2px solid var(--lm-border);\n}\n\n.lm-grid-compact .lm-card {\n  padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n  font-size: 12px;\n}\n\n.lm-usage-box {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lm-shadow);\n}\n\n.lm-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--lm-border);\n}\n\n.lm-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.lm-usage-step:first-child {\n  padding-top: 0;\n}\n\n.lm-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-secondary) 100%);\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.lm-step-content h4 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--lm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lm-step-content p {\n  font-size: 14px;\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lm-accordion {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  box-shadow: var(--lm-shadow);\n  overflow: hidden;\n}\n\n.lm-accordion-item {\n  border-bottom: 1px solid var(--lm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lm-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.lm-accordion-header:hover {\n  background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lm-primary);\n  transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n  content: '−';\n}\n\n.lm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.lm-accordion-content p {\n  margin: 0;\n}\n\n.lm-cta-box {\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lm-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='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .1;\n}\n\n.lm-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@media (max-width: 767px) {\n  .lm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lm-card {\n    padding: 1.125rem;\n  }\n  \n  .lm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .lm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lm-radius-sm);\n  }\n  \n  .lm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .lm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .lm-grid-compact {\n    gap: .625rem;\n  }\n  \n  .lm-grid-compact .lm-card {\n    padding: .75rem;\n  }\n  \n  .lm-badges-top {\n    gap: .5rem;\n  }\n  \n  .lm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .lm-usage-box {\n    padding: 1rem;\n  }\n  \n  .lm-usage-step {\n    gap: .75rem;\n    padding: .75rem 0;\n  }\n  \n  .lm-step-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .lm-step-content h4 {\n    font-size: 14px;\n  }\n  \n  .lm-step-content p {\n    font-size: 13px;\n  }\n  \n  .lm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .lm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lm-card:nth-child(1) { animation-delay: .05s; }\n  .lm-card:nth-child(2) { animation-delay: .1s; }\n  .lm-card:nth-child(3) { animation-delay: .15s; }\n  .lm-card:nth-child(4) { animation-delay: .2s; }\n  .lm-card:nth-child(5) { animation-delay: .25s; }\n  .lm-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  .lm-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":45754729332893,"sku":"VO4535","price":16.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lecithine-dorigine-marine-90-gelules-vitalosmose-packshothd.webp?v=1774289804"},{"product_id":"vitamine-c-liposomale-525-mg-60-gelules-qualidiet","title":"Vitamine C Liposomale 525 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"vc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vc-hero\"\u003e\n\u003cdiv class=\"vc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vc-hero-content\"\u003e\n\u003cdiv class=\"vc-badges-top\"\u003e\n\u003cspan class=\"vc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vc-hero-title\"\u003eVitamine C Liposomale 525 mg\u003c\/span\u003e\n\u003cp class=\"vc-subtitle\"\u003eQualidiet - 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vc-description\"\u003eUne absorption jusqu'à 10× supérieure grâce à l'encapsulation liposomale. Directement au cœur de vos cellules, là où la vitamine C agit vraiment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eVitamine C Liposomale 525 mg – Une absorption supérieure pour votre vitalité\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eVous cherchez une \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e réellement efficace, bien tolérée et fabriquée en France ?\u003c\/p\u003e\n\u003cdiv class=\"vc-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eVitamine C Liposomale 525 mg de Qualidiet\u003c\/strong\u003e vous offre une formule pensée pour maximiser l'assimilation de la vitamine C par votre organisme. Grâce à la technologie liposomale, chaque gélule délivre ses actifs \u003cstrong\u003edirectement au cœur de vos cellules\u003c\/strong\u003e, là où ils sont vraiment utiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003ePourquoi choisir une vitamine C sous forme liposomale ?\u003c\/h2\u003e\n\u003cdiv class=\"vc-comparison\"\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-bad\"\u003e\n\u003ch3\u003e❌ Vitamine C classique\u003c\/h3\u003e\n\u003cp\u003eSous forme d'acide ascorbique, elle est souvent \u003cstrong\u003emal absorbée\u003c\/strong\u003e par l'intestin. Une grande partie est éliminée avant même d'avoir agi. Troubles gastriques fréquents chez les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-good\"\u003e\n\u003ch3\u003e✅ Vitamine C liposomale\u003c\/h3\u003e\n\u003cp\u003eEncapsulée dans des \u003cstrong\u003eliposomes\u003c\/strong\u003e (sphères lipidiques), elle est protégée tout au long du transit digestif. Résultat : une \u003cstrong\u003ebiodisponibilité nettement supérieure\u003c\/strong\u003e et une excellente tolérance intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eC'est cette différence qui explique les nombreux \u003cstrong\u003eavis positifs sur la vitamine C liposomale\u003c\/strong\u003e : moins de troubles gastriques, plus d'effets ressentis, une diffusion progressive dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette vitamine C liposomale\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eEn intégrant ce complément à votre routine quotidienne, vous soutenez activement votre organisme sur plusieurs fronts :\u003c\/p\u003e\n\u003cdiv class=\"vc-grid\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, particulièrement en période hivernale ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n\u003cp\u003eElle participe à un métabolisme énergétique normal et aide à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e physique comme nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant, elle contribue à protéger vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour la peau, les os, les cartilages et les gencives. Un allié beauté et santé structurelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eComposition détaillée – par gélule de 525 mg\u003c\/h2\u003e\n\u003cdiv class=\"vc-grid-compact\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e d'acide ascorbique par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de phospholipides formant les liposomes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC, convient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant artificiel, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003eContient du soja.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"vc-timeline\"\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vc-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 au cours d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure intensive (1000 mg)\u003c\/h3\u003e\n\u003cp\u003ePour un apport proche de \u003cstrong\u003e1000 mg de vitamine C liposomale\u003c\/strong\u003e, deux gélules quotidiennes suffisent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n\u003cp\u003eUne seule gélule par jour convient parfaitement pour maintenir un bon niveau de vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e vous accompagne pendant \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eEffets secondaires et précautions\u003c\/h2\u003e\n\u003cdiv class=\"vc-accordion\"\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e🩺 Effets secondaires\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eeffets secondaires de la vitamine C liposomale\u003c\/strong\u003e sont rares grâce à l'encapsulation liposomale qui épargne le système digestif. Toutefois, un dosage excessif peut entraîner de légers inconforts intestinaux. Respectez la posologie recommandée.\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 mt-3\"\u003e\n\u003cp\u003eCe complément est réservé à l'adulte. Il 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, 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\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vc-section\"\u003e\n\u003ch2\u003eFabrication française – Qualité Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"vc-testimonial\"\u003e\n\u003cp class=\"vc-testimonial-text\"\u003eFormulée et fabriquée en France par \u003cstrong\u003eQualidiet\u003c\/strong\u003e, cette vitamine C liposomale en gélules bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Les matières premières sont soigneusement sélectionnées pour vous garantir un complément alimentaire fiable, efficace et traçable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue vous recherchiez une \u003cstrong\u003evitamine C liposomale en parapharmacie\u003c\/strong\u003e ou en boutique spécialisée, ce format en gélules offre un avantage pratique par rapport à la \u003cstrong\u003evitamine C liposomale liquide\u003c\/strong\u003e : pas de goût, un dosage précis et une conservation simplifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à votre corps une vitamine C qui arrive vraiment à destination.\u003cbr\u003e60 gélules liposomales — 500 mg par gélule — Fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vc-disclaimer\"\u003eComplé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 jeunes enfants. Contient du soja.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --vc-cream: #faf7f4;\n  --vc-white: #ffffff;\n  --vc-primary: #E85B20;\n  --vc-primary-dark: #B8420F;\n  --vc-primary-light: #FFF3EC;\n  --vc-secondary: #5B3A8C;\n  --vc-accent: #D94520;\n  --vc-text: #1a1a1a;\n  --vc-text-light: #5a5a5a;\n  --vc-border: #e8e0d8;\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\/* === CONTENEUR === *\/\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-premium *, .vc-premium *::before, .vc-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.vc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E85B20 0%, #D94520 40%, #5B3A8C 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  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, 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.vc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.vc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\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\/* === TITRE HERO === *\/\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  line-height: 1.1;\n}\n\n.vc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.vc-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\/* === SECTIONS === *\/\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  line-height: 1.25;\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\/* === SECTION INTRO TEXT === *\/\n.vc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-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.vc-highlight-box {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vc-shadow);\n  border-left: 4px solid var(--vc-primary);\n}\n\n.vc-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === COMPARISON CARDS === *\/\n.vc-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.vc-compare-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  transition: all .3s ease;\n}\n\n.vc-compare-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-compare-bad {\n  border-top: 4px solid #dc3545;\n}\n\n.vc-compare-good {\n  border-top: 4px solid #28a745;\n}\n\n.vc-compare-card h3 {\n  font-size: clamp(16px, 2.5vw, 19px);\n  font-weight: 800;\n  margin: 0 0 .75rem 0;\n  line-height: 1.3;\n}\n\n.vc-compare-bad h3 {\n  color: #dc3545;\n}\n\n.vc-compare-good h3 {\n  color: #28a745;\n}\n\n.vc-compare-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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-primary-dark);\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\/* === GRILLES === *\/\n.vc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vc-grid-compact .vc-card {\n  padding: 1rem;\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\/* === TIMELINE === *\/\n.vc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.vc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.vc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--vc-primary), var(--vc-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.vc-timeline-content {\n  flex: 1;\n  background: var(--vc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--vc-radius-sm);\n  box-shadow: var(--vc-shadow);\n}\n\n.vc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--vc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vc-timeline-content p {\n  font-size: 14px;\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vc-testimonial {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vc-shadow);\n  border-left: 4px solid var(--vc-secondary);\n}\n\n.vc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\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: 10px;\n}\n\n.vc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--vc-primary-light);\n  border-radius: var(--vc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.vc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.vc-tip p {\n  font-size: 14px;\n  color: var(--vc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vc-cta-box {\n  background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 50%, var(--vc-secondary) 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  margin-top: 1.5rem;\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\/* === DISCLAIMER === *\/\n.vc-disclaimer {\n  font-size: 12px;\n  color: var(--vc-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  .vc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .vc-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\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-grid-compact {\n    gap: .625rem;\n  }\n\n  .vc-grid-compact .vc-card {\n    padding: .75rem;\n  }\n\n  .vc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .vc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .vc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .vc-timeline-content p {\n    font-size: 13px;\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  .vc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .vc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .vc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .vc-highlight-box p {\n    font-size: 14px;\n  }\n\n  .vc-compare-card {\n    padding: 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vc-card,\n  .vc-compare-card {\n    animation: vcFadeInUp .5s ease backwards;\n  }\n  .vc-card:nth-child(1),\n  .vc-compare-card:nth-child(1) { animation-delay: .05s; }\n  .vc-card:nth-child(2),\n  .vc-compare-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  .vc-timeline-item {\n    animation: vcFadeInUp .5s ease backwards;\n  }\n  .vc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .vc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .vc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes vcFadeInUp {\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  .vc-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":45754730709149,"sku":"VO4850","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-525-mg-60-gelules-vitalosmose-lifestyle.webp?v=1770883998"},{"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":16.29,"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_a56ab40a-84e3-480b-ad0b-e2f9a250241c.webp?v=1775222391"},{"product_id":"bisglycinate-de-magnesium-vit-b6-90-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamine B6 - 90 Gélules - Qualidiet","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🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e⚡ Haute absorption\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌿 Sans gluten · Sans lactose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n      \u003cp class=\"mg-subtitle\"\u003eMagnésium chélaté hautement assimilable — 90 gélules\u003c\/p\u003e\n      \u003cp class=\"mg-description\"\u003eLa synergie optimale pour réduire la fatigue, apaiser le stress et soutenir vos muscles au quotidien, sans inconfort digestif.\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\u003eBisglycinate de magnésium et vitamine B6 : la synergie haute absorption\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, irritabilité ou sommeil perturbé ? Votre corps vous envoie peut-être un signal clair : \u003cstrong\u003eun manque de magnésium\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid-compact\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧬 Forme chélatée\u003c\/h3\u003e\n        \u003cp\u003eBisglycinate de magnésium lié à deux molécules de glycine pour une biodisponibilité supérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🛡️ Tolérance digestive\u003c\/h3\u003e\n        \u003cp\u003eFini les inconforts gastriques souvent associés aux compléments de magnésium classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔬 Vitamine B6 intégrée\u003c\/h3\u003e\n        \u003cp\u003eLa pyridoxine améliore l'absorption cellulaire du magnésium et la synthèse de neurotransmetteurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France selon des standards de qualité rigoureux. Convient aux végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le magnésium bisglycinate plutôt qu'une autre forme ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-comparison\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔗 Absorption optimale\u003c\/h3\u003e\n        \u003cp\u003eLe bisglycinate de magnésium est lié à deux molécules de \u003cstrong\u003eglycine\u003c\/strong\u003e, un acide aminé qui facilite son passage à travers la barrière intestinale. Votre organisme absorbe une plus grande quantité de magnésium, sans provoquer de gêne digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e⚡ Le rôle clé de la vitamine B6\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 (pyridoxine hydrochloride) agit comme un véritable facilitateur : elle \u003cstrong\u003eaméliore l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de sérotonine et de GABA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏆 Duo complémentaire\u003c\/h3\u003e\n        \u003cp\u003eL'association \u003cstrong\u003emagnésium et vitamine B6\u003c\/strong\u003e forme un duo particulièrement efficace, bien supérieur à une supplémentation en magnésium seul (oxyde ou citrate).\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\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium intervient dans plus de \u003cstrong\u003e300 réactions enzymatiques\u003c\/strong\u003e liées à la production d'énergie. Retrouvez votre vitalité dès les premières semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧘 Équilibre nerveux et gestion du stress\u003c\/h3\u003e\n        \u003cp\u003eLa combinaison vitamine B6 et magnésium soutient le système nerveux et aide à \u003cstrong\u003eapaiser les tensions\u003c\/strong\u003e accumulées au fil de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n        \u003cp\u003eIdéal après une journée intense ou une séance de sport, le magnésium contribue au \u003cstrong\u003erelâchement musculaire\u003c\/strong\u003e et réduit les crampes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌙 Soutien de l'humeur et du sommeil\u003c\/h3\u003e\n        \u003cp\u003eEn favorisant la synthèse de sérotonine, cette formule vous aide à retrouver un \u003cstrong\u003eétat d'esprit apaisé\u003c\/strong\u003e, notamment le soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, un atout essentiel à tout âge.\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 pour 3 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"mg-composition-box\"\u003e\n      \u003cdiv class=\"mg-grid-compact\"\u003e\n        \u003cdiv class=\"mg-card\"\u003e\n          \u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n          \u003cp\u003eMagnésium chélaté hautement assimilable — forme premium pour une absorption maximale.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-card\"\u003e\n          \u003ch3\u003e🟡 Vitamine B6\u003c\/h3\u003e\n          \u003cp\u003ePyridoxine hydrochloride — facilite l'absorption cellulaire du magnésium.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-tip\"\u003e\n        \u003cspan class=\"mg-tip-icon\"\u003e📋\u003c\/span\u003e\n        \u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose\u003c\/strong\u003e, convient aux végétariens. Gélules de 550 mg — flacon de 90 gélules (cure de 30 jours). Poids net : 58 g. Fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\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\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas pour une assimilation optimale.\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\u003eAstuce détente du soir\u003c\/h3\u003e\n          \u003cp\u003eSi vous ressentez des tensions nerveuses en fin de journée, privilégiez la prise le soir au dîner : le bisglycinate de magnésium favorise la détente et prépare votre organisme au repos.\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 cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, renouvelable selon vos besoins. Vous pouvez fractionner la prise (1 gélule à chaque repas) pour un apport régulier.\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\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eSujettes au stress chronique, à l'irritabilité ou à la nervosité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😴 Fatigués et insomniaques\u003c\/h3\u003e\n        \u003cp\u003eFatigue persistante, troubles du sommeil ou difficultés à récupérer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eCrampes musculaires, récupération difficile après l'effort, besoin accru en magnésium.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e📚 Étudiants en période d'examens\u003c\/h3\u003e\n        \u003cp\u003eConcentration, mémoire et gestion de la pression intellectuelle intensive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mg-cta-box\"\u003e\n      \u003cp\u003e✨ Offrez à votre corps le magnésium qu'il mérite — haute absorption, zéro inconfort digestif, résultats concrets dès les premières semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mg-disclaimer\"\u003e⚠️ Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mg-cream: #f4f6fb;\n  --mg-white: #ffffff;\n  --mg-primary: #1a4f9c;\n  --mg-primary-dark: #0d2f66;\n  --mg-primary-light: #e8eff9;\n  --mg-secondary: #2b7de9;\n  --mg-accent: #c9a226;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a6270;\n  --mg-border: #dde3ed;\n  --mg-shadow: 0 4px 24px rgba(13, 47, 102, .07);\n  --mg-shadow-lg: 0 12px 48px rgba(13, 47, 102, .13);\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, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(201,162,38,.1) 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.1;\n}\n\n.mg-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .01em;\n}\n\n.mg-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.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\/* === 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-accent));\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\/* === 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\/* === TIP === *\/\n.mg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mg-tip p {\n  font-size: 14px;\n  color: var(--mg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\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  margin-top: 1.5rem;\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\/* === DISCLAIMER === *\/\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  line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\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-tip {\n    padding: .875rem 1rem;\n  }\n\n  .mg-tip-icon {\n    font-size: 20px;\n  }\n\n  .mg-tip p {\n    font-size: 13px;\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\n@keyframes mgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\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":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506749661561,"sku":"VO4601","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamine-b6-90-gelules-vitalosmose-packshothd.webp?v=1774698776"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\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 quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des 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\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\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\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · 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  --mg-cream: #f4f6fb;\n  --mg-white: #ffffff;\n  --mg-primary: #1a3a7a;\n  --mg-primary-dark: #0e2554;\n  --mg-primary-light: #e8edf7;\n  --mg-secondary: #3b7dd8;\n  --mg-accent: #5a9cf5;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a5a5a;\n  --mg-border: #dde3ee;\n  --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n  --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .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, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(90,156,245,.12) 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.1;\n}\n\n.mg-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,.12);\n}\n\n.mg-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(13px, 2.2vw, 16px);\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* === BADGES === *\/\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\/* === 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\/* === SECTION INTRO === *\/\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.mg-section-intro strong {\n  color: var(--mg-primary-dark);\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\/* === GRILLE COMPACTE === *\/\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\/* === 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.mg-timeline-content p strong {\n  color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mg-tip p {\n  font-size: 14px;\n  color: var(--mg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mg-tip p strong {\n  color: var(--mg-primary-dark);\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}\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 === *\/\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\/* === DISCLAIMER === *\/\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-badges-top {\n    gap: 6px;\n  }\n\n  .mg-badge {\n    padding: 6px 12px;\n    font-size: 11px;\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\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":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":25.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-vitalosmo-packshothd.webp?v=1773492134"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n  - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n  - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n  - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n  \n  \u003cdiv class=\"hrc-hero\"\u003e\n    \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hrc-hero-content\"\u003e\n      \u003cdiv class=\"hrc-badges-top\"\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n      \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n      \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n        \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n      \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n          \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n          \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n          \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n          \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n          \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n          \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-composition-box\"\u003e\n      \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n      \u003cdiv class=\"hrc-composition-grid\"\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-steps\"\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eAdministration\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hrc-tip\"\u003e\n      \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium  ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n        \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid-compact\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n        \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n        \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-accordion\"\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003eConservez 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=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-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 la dose journalière indiquée.\u003c\/p\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"hrc-cta-box\"\u003e\n      \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hrc-cream: #f8f9fa;\n  --hrc-white: #ffffff;\n  --hrc-primary: #1E5AAF;\n  --hrc-primary-dark: #14407a;\n  --hrc-primary-light: #e8f0fa;\n  --hrc-secondary: #4A9B4A;\n  --hrc-secondary-light: #e8f5e8;\n  --hrc-accent: #C8352D;\n  --hrc-text: #1a1a1a;\n  --hrc-text-light: #5a5a5a;\n  --hrc-border: #e0e0e0;\n  --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n  --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n  --hrc-radius: 20px;\n  --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hrc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n  border-radius: var(--hrc-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(--hrc-shadow-lg);\n}\n\n.hrc-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(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.hrc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hrc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-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(--hrc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-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.hrc-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}\n\n.hrc-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.hrc-description strong {\n  color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hrc-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.hrc-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(--hrc-primary), var(--hrc-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hrc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hrc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hrc-shadow-lg);\n  border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hrc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hrc-card-benefit {\n  text-align: left;\n}\n\n.hrc-card-benefit ul {\n  margin: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.hrc-card-benefit li {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text-light);\n  padding: .35rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.hrc-card-benefit li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--hrc-secondary);\n  font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n  padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hrc-shadow);\n  border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hrc-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n  color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  overflow: hidden;\n  box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n  color: white;\n  padding: 1rem 1.5rem;\n  font-weight: 700;\n  font-size: clamp(14px, 2.5vw, 16px);\n  text-align: center;\n}\n\n.hrc-composition-grid {\n  padding: 1rem;\n}\n\n.hrc-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1rem;\n  border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-composition-sub {\n  background: var(--hrc-primary-light);\n  margin: 0 -1rem;\n  padding-left: 2rem;\n}\n\n.hrc-composition-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: 1.5rem;\n  box-shadow: var(--hrc-shadow);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.hrc-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\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}\n\n.hrc-step-content h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n  font-size: 14px;\n  color: var(--hrc-text-light);\n  margin: 0;\n}\n\n.hrc-tip {\n  background: var(--hrc-secondary-light);\n  border-radius: var(--hrc-radius-sm);\n  padding: 1rem 1.25rem;\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text);\n  border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  box-shadow: var(--hrc-shadow);\n  overflow: hidden;\n}\n\n.hrc-accordion-item {\n  border-bottom: 1px solid var(--hrc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hrc-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.hrc-accordion-header:hover {\n  background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hrc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hrc-primary);\n  transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n  content: '−';\n}\n\n.hrc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hrc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n  font-size: 13px;\n  color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hrc-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.hrc-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.hrc-cta-box strong {\n  color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .hrc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .hrc-card {\n    padding: 1.125rem;\n  }\n  \n  .hrc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .hrc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hrc-radius-sm);\n  }\n  \n  .hrc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .hrc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .hrc-badges-top {\n    gap: 8px;\n  }\n  \n  .hrc-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .hrc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .hrc-grid-compact .hrc-card {\n    padding: .75rem;\n  }\n  \n  .hrc-steps {\n    grid-template-columns: 1fr 1fr;\n    gap: .75rem;\n  }\n  \n  .hrc-step {\n    padding: 1rem;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: .5rem;\n  }\n  \n  .hrc-step-number {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    font-size: 16px;\n  }\n  \n  .hrc-info-box {\n    padding: 1.25rem;\n  }\n  \n  .hrc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .hrc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .hrc-composition-item {\n    padding: .75rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n  \n  .hrc-composition-sub {\n    padding-left: 1.5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hrc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hrc-card:nth-child(1) { animation-delay: .05s; }\n  .hrc-card:nth-child(2) { animation-delay: .1s; }\n  .hrc-card:nth-child(3) { animation-delay: .15s; }\n  .hrc-card:nth-child(4) { animation-delay: .2s; }\n  .hrc-card:nth-child(5) { animation-delay: .25s; }\n  .hrc-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  .hrc-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":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-vitalosmose-ingredients.jpg?v=1768225119"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n  - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n  - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n  - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"rei-hero\"\u003e\n    \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rei-hero-content\"\u003e\n      \u003cdiv class=\"rei-badges-top\"\u003e\n        \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n        \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n      \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n      \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n      \u003cdiv class=\"rei-hero-stats\"\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n    \u003cdiv class=\"rei-grid\"\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n        \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n        \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n        \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"rei-composition-wrapper\"\u003e\n      \u003cdiv class=\"rei-composition-main\"\u003e\n        \u003cdiv class=\"rei-ingredient-hero\"\u003e\n          \u003cdiv class=\"rei-ingredient-content\"\u003e\n            \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n            \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n            \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n            \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-composition-grid\"\u003e\n        \u003cdiv class=\"rei-mini-card\"\u003e\n          \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-mini-card\"\u003e\n          \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"rei-usage-box\"\u003e\n      \u003cdiv class=\"rei-usage-steps\"\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003ePosologie\u003c\/h4\u003e\n            \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003eMoment\u003c\/h4\u003e\n            \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003eDurée\u003c\/h4\u003e\n            \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-tip\"\u003e\n        \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n        \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n        \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n        \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n        \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n        \u003ch4\u003eSeniors\u003c\/h4\u003e\n        \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"rei-quality-grid\"\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n        \u003ch4\u003e100% biologique\u003c\/h4\u003e\n        \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n        \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n        \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n        \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003cdiv class=\"rei-warning-box\"\u003e\n      \u003cdiv class=\"rei-warning-header\"\u003e\n        \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n        \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"rei-warning-list\"\u003e\n        \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n        \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n        \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"rei-cta-box\"\u003e\n      \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"rei-cta-content\"\u003e\n        \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n        \u003cdiv class=\"rei-cta-badges\"\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Made in France\u003c\/span\u003e\n        \u003c\/div\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  --rei-cream: #F8F6F3;\n  --rei-white: #ffffff;\n  --rei-primary: #1E5AA8;\n  --rei-primary-dark: #164785;\n  --rei-primary-light: #E8F1FB;\n  --rei-secondary: #2E7D32;\n  --rei-secondary-light: #E8F5E9;\n  --rei-accent: #C62828;\n  --rei-text: #1a1a1a;\n  --rei-text-light: #5a5a5a;\n  --rei-border: #e0e0e0;\n  --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --rei-radius: 20px;\n  --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rei-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--rei-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n  border-radius: var(--rei-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(--rei-shadow-lg);\n}\n\n.rei-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,.04) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.rei-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rei-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.rei-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(--rei-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rei-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\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.rei-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.rei-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.rei-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.rei-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(--rei-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.rei-stat-label {\n  font-size: 12px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rei-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.rei-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(--rei-primary), var(--rei-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.rei-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--rei-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rei-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--rei-shadow-lg);\n  border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.rei-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n  background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n  font-size: 72px;\n  flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n  font-style: italic;\n  color: var(--rei-secondary);\n  font-size: 14px;\n  display: block;\n  margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n  display: inline-block;\n  background: var(--rei-primary);\n  color: white;\n  padding: 6px 16px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n  font-size: 15px;\n  color: var(--rei-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.rei-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.rei-mini-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius-sm);\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n  font-size: 24px;\n}\n\n.rei-mini-label {\n  font-size: 13px;\n  color: var(--rei-text-light);\n  font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.rei-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n}\n\n.rei-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\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  flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n.rei-tip {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--rei-secondary-light);\n  border-radius: var(--rei-radius-sm);\n  padding: 1rem 1.25rem;\n  border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.rei-tip p {\n  font-size: 14px;\n  color: var(--rei-text);\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n  font-size: 13px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.rei-quality-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: 2rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  transition: all .3s ease;\n  border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n  transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.rei-info-item {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.rei-info-icon {\n  font-size: 28px;\n}\n\n.rei-info-label {\n  font-size: 12px;\n  color: var(--rei-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.rei-info-value {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n  background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n  font-size: 28px;\n}\n\n.rei-warning-header h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: #E65100;\n  margin: 0;\n}\n\n.rei-warning-list {\n  margin: 0;\n  padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n  font-size: 14px;\n  color: #5D4037;\n  margin-bottom: 0.5rem;\n  line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n  background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.rei-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: 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 30%);\n}\n\n.rei-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.rei-cta-emoji {\n  font-size: 64px;\n  display: block;\n  margin-bottom: 1.5rem;\n}\n\n.rei-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,.1);\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.rei-cta-badge {\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.3);\n  border-radius: 999px;\n  padding: 8px 16px;\n  color: white;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .rei-grid,\n  .rei-grid-4,\n  .rei-quality-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .rei-ingredient-hero {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .rei-hero-stats {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .rei-stat {\n    width: 100%;\n    max-width: 200px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .rei-card,\n  .rei-profile-card,\n  .rei-quality-card {\n    animation: reiFadeInUp .6s ease backwards;\n  }\n  \n  .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n  .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n  .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n  .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n  .rei-card:nth-child(5) { animation-delay: .5s; }\n  .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\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  .rei-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .rei-card,\n  .rei-profile-card,\n  .rei-quality-card {\n    border: 2px solid var(--rei-text);\n  }\n  \n  .rei-badge {\n    border: 2px solid var(--rei-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-vitalosmose-ingredients.jpg?v=1766695198"},{"product_id":"gem-homme-22-bio-50-ml-alphagem","title":"Gem-Homme 22 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Homme 22 Bio - 50 Ml - Alphagem\nPalette détectée:\n  - Primaire: #4A8C3F (vert nature du logo\/feuille AlphaGem)\n  - Secondaire: #2E7D9B (bleu du bandeau \"GEM-O\" sur le flacon)\n  - Accent: #6B4226 (brun ambré du flacon en verre)\n  - Primary-light: #EAF5E6 (vert très pâle)\n  - Cream: #F7F5F0 (beige clair naturel)\nAmbiance: Naturel\/bio, masculin, vitalité, gemmothérapie, santé naturelle, premium européen\nPréfixe CSS: gh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Homme 22 Bio Alphagem : le complexe de gemmothérapie dédié à la vitalité masculine\"\n  2. \"Pourquoi choisir ce complément alimentaire homme ?\"\n  3. \"Composition détaillée du Gem-Homme 22 Bio\"\n  4. \"Comment prendre le Gem-Homme 22 Bio ?\"\n  5. \"Qualité et fabrication belge\"\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=\"gh-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gh-hero\"\u003e\n    \u003cdiv class=\"gh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gh-hero-content\"\u003e\n      \u003cdiv class=\"gh-badges-top\"\u003e\n        \u003cspan class=\"gh-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"gh-badge\"\u003e🇧🇪 Fabrication belge\u003c\/span\u003e\n        \u003cspan class=\"gh-badge\"\u003e♂️ Spécifique homme\u003c\/span\u003e\n        \u003cspan class=\"gh-badge\"\u003e🧬 5 bourgeons synergiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gh-hero-title\"\u003eGem-Homme 22 Bio Alphagem\u003c\/span\u003e\n      \u003cp class=\"gh-subtitle\"\u003eGemmo-complexe n°22 — Vitalité masculine\u003c\/p\u003e\n      \u003cp class=\"gh-description\"\u003eLa puissance concentrée de 5 bourgeons et jeunes pousses bio pour soutenir l'énergie, la vigueur et l'équilibre des hommes au quotidien. Flacon de 50 ml.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gh-section\"\u003e\n    \u003ch2\u003eGem-Homme 22 Bio Alphagem : le complexe de gemmothérapie dédié à la vitalité masculine\u003c\/h2\u003e\n    \u003cp class=\"gh-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire pour homme\u003c\/strong\u003e naturel et efficace ? Le \u003cstrong\u003eGem-Homme 22 Bio d'Alphagem\u003c\/strong\u003e est un gemmo-complexe spécialement conçu pour soutenir l'énergie, la vigueur et le bien-être des hommes, notamment après 50 ans.\u003c\/p\u003e\n    \u003cp class=\"gh-section-intro\"\u003eGrâce à une synergie de bourgeons et jeunes pousses issus de l'agriculture biologique, cette formule agit en profondeur sur la vitalité masculine, la libido et l'équilibre général de l'organisme.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gh-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément alimentaire homme ?\u003c\/h2\u003e\n    \u003cp class=\"gh-section-intro\"\u003eAvec l'âge, la fatigue s'installe, l'énergie diminue et certains déséquilibres hormonaux peuvent affecter le quotidien. Le Gem-Homme 22 Bio répond à ces problématiques grâce à la \u003cstrong\u003egemmothérapie\u003c\/strong\u003e, une approche qui utilise la puissance concentrée des tissus embryonnaires végétaux.\u003c\/p\u003e\n    \u003cdiv class=\"gh-grid\"\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e⚡ Tonus général\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez une meilleure énergie au quotidien et combattez la fatigue installée grâce aux bourgeons revitalisants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🔥 Libido et vigueur\u003c\/h3\u003e\n        \u003cp\u003eSoutenez naturellement votre vitalité sexuelle et retrouvez une vigueur durable grâce au séquoia et au chêne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eFavorisez un bon équilibre hormonal masculin, essentiel au bien-être après 50 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eRenforcez votre immunité grâce au rosier sauvage, riche en vitamine C naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification\u003c\/h3\u003e\n        \u003cp\u003eAccompagnez la détoxification de votre organisme pour un fonctionnement optimal 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=\"gh-section\"\u003e\n    \u003ch2\u003eComposition détaillée du Gem-Homme 22 Bio\u003c\/h2\u003e\n    \u003cp class=\"gh-section-intro\"\u003eChaque ingrédient de ce \u003cstrong\u003ecomplément alimentaire pour homme\u003c\/strong\u003e a été sélectionné pour ses propriétés spécifiques. Tous les extraits sont certifiés biologiques.\u003c\/p\u003e\n    \u003cdiv class=\"gh-grid\"\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🌲 Bourgeon de Séquoia\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eSequoia gigantea\u003c\/em\u003e — Véritable pilier de cette formule, le séquoia est reconnu en gemmothérapie comme un tonique puissant de l'organisme masculin. Il soutient la vitalité sexuelle et contribue à lutter contre la fatigue physique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🌳 Bourgeon de Chêne\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eQuercus robur\u003c\/em\u003e — Stimulant et fortifiant, il aide à renforcer l'organisme et à retrouver de la résistance face aux baisses de forme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🫐 Jeune pousse d'Airelle\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eVaccinium vitis-idaea\u003c\/em\u003e — Elle favorise l'équilibre hormonal et apporte un soutien précieux à la sphère prostatique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🌰 Bourgeon de Noisetier\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCorylus avellana\u003c\/em\u003e — Il participe à la détoxification hépatique et soutient la circulation sanguine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🌹 Bourgeon de Rosier sauvage\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eRosa canina\u003c\/em\u003e — Riche en vitamine C naturelle, il renforce l'immunité et agit comme catalyseur des autres bourgeons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e💧 Autres ingrédients\u003c\/h3\u003e\n        \u003cp\u003eEau, éthanol bio (alcool 35 % vol.) servant de support d'extraction et de conservation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gh-section\"\u003e\n    \u003ch2\u003eComment prendre le Gem-Homme 22 Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gh-timeline\"\u003e\n      \u003cdiv class=\"gh-timeline-item\"\u003e\n        \u003cdiv class=\"gh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gh-timeline-content\"\u003e\n          \u003ch3\u003eCommencez doucement\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un verre d'eau, de préférence le matin à jeun.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-timeline-item\"\u003e\n        \u003cdiv class=\"gh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gh-timeline-content\"\u003e\n          \u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n          \u003cp\u003eSelon votre ressenti, montez jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e pour une action renforcée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-timeline-item\"\u003e\n        \u003cdiv class=\"gh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gh-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n          \u003cp\u003eSuivez une cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e, puis observez une pause d'une semaine avant de renouveler si besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gh-tip\"\u003e\n      \u003cspan class=\"gh-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCe flacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e vous assure plusieurs semaines de cure selon le dosage choisi. Pour un effet optimal, privilégiez la prise le matin à jeun.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gh-section\"\u003e\n    \u003ch2\u003eQualité et fabrication belge\u003c\/h2\u003e\n    \u003cdiv class=\"gh-testimonial\"\u003e\n      \u003cp class=\"gh-testimonial-text\"\u003eAlphagem est un laboratoire belge spécialisé en gemmothérapie depuis de nombreuses années. Tous les bourgeons sont récoltés à l'état frais et macérés selon un procédé respectueux qui préserve l'intégralité de leurs principes actifs. Le produit est \u003cstrong\u003ecertifié bio\u003c\/strong\u003e, garantissant l'absence de pesticides et d'additifs de synthèse. C'est sans doute l'un des \u003cstrong\u003emeilleurs compléments alimentaires pour homme\u003c\/strong\u003e disponibles en gemmothérapie.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gh-grid-compact\"\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🌿 100 % bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🇧🇪 Made in Belgium\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire spécialisé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🧪 Bourgeons frais\u003c\/h3\u003e\n        \u003cp\u003eMacération respectueuse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gh-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eAucun pesticide ni synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gh-accordion\"\u003e\n      \u003cdetails class=\"gh-accordion-item\"\u003e\n        \u003csummary class=\"gh-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"gh-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 dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gh-accordion-item\"\u003e\n        \u003csummary class=\"gh-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gh-accordion-content mt-3\"\u003e\n          \u003cp\u003eContient de l'alcool (35 % vol.). Déconseillé aux femmes enceintes et allaitantes. En cas de traitement médical ou de doute, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gh-accordion-item\"\u003e\n        \u003csummary class=\"gh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gh-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gh-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gh-cream: #F7F5F0;\n  --gh-white: #ffffff;\n  --gh-primary: #4A8C3F;\n  --gh-primary-dark: #2D5E24;\n  --gh-primary-light: #EAF5E6;\n  --gh-secondary: #2E7D9B;\n  --gh-accent: #6B4226;\n  --gh-text: #1a1a1a;\n  --gh-text-light: #5a5a5a;\n  --gh-border: #e0e0e0;\n  --gh-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gh-radius: 20px;\n  --gh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gh-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2D5E24 0%, #4A8C3F 40%, #2E7D9B 100%);\n  border-radius: var(--gh-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(--gh-shadow-lg);\n}\n\n.gh-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.gh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gh-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.gh-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.gh-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.gh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gh-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(--gh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gh-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.gh-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(--gh-primary), var(--gh-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gh-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\/* === CARDS === *\/\n.gh-card {\n  background: var(--gh-white);\n  border-radius: var(--gh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gh-shadow-lg);\n  border-color: var(--gh-primary);\n}\n\n.gh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gh-card em {\n  color: var(--gh-secondary);\n  font-size: 0.9em;\n}\n\n\/* === GRILLES === *\/\n.gh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.gh-grid-compact .gh-card {\n  padding: 1rem;\n}\n\n.gh-grid-compact .gh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gh-grid-compact .gh-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gh-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gh-primary), var(--gh-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.gh-timeline-content {\n  flex: 1;\n  background: var(--gh-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gh-radius-sm);\n  box-shadow: var(--gh-shadow);\n}\n\n.gh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gh-timeline-content p {\n  font-size: 14px;\n  color: var(--gh-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gh-testimonial {\n  background: var(--gh-white);\n  border-radius: var(--gh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gh-shadow);\n  border-left: 4px solid var(--gh-primary);\n}\n\n.gh-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gh-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gh-primary-light);\n  border-radius: var(--gh-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gh-tip p {\n  font-size: 14px;\n  color: var(--gh-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gh-accordion {\n  background: var(--gh-white);\n  border-radius: var(--gh-radius);\n  box-shadow: var(--gh-shadow);\n  overflow: hidden;\n}\n\n.gh-accordion-item {\n  border-bottom: 1px solid var(--gh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gh-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.gh-accordion-header:hover {\n  background: var(--gh-primary-light);\n}\n\n.gh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gh-primary);\n  transition: transform .2s ease;\n}\n\n.gh-accordion-item[open] .gh-accordion-header::after {\n  content: '−';\n}\n\n.gh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gh-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gh-disclaimer {\n  font-size: 12px;\n  color: var(--gh-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  .gh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gh-card {\n    padding: 1.125rem;\n  }\n\n  .gh-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gh-radius-sm);\n  }\n\n  .gh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gh-grid-compact {\n    gap: .625rem;\n  }\n\n  .gh-grid-compact .gh-card {\n    padding: .75rem;\n  }\n\n  .gh-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gh-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gh-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gh-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gh-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gh-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gh-section-intro {\n    font-size: 14px;\n    margin-bottom: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gh-card {\n    animation: ghFadeInUp .5s ease backwards;\n  }\n  .gh-card:nth-child(1) { animation-delay: .05s; }\n  .gh-card:nth-child(2) { animation-delay: .1s; }\n  .gh-card:nth-child(3) { animation-delay: .15s; }\n  .gh-card:nth-child(4) { animation-delay: .2s; }\n  .gh-card:nth-child(5) { animation-delay: .25s; }\n  .gh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ghFadeInUp {\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  .gh-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":45754882883741,"sku":"REF674BIS","price":18.11,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-HOMME-22-BIO-50-ML-560968.jpg?v=1732720440"},{"product_id":"aubepine-bio-50-ml-alphagem","title":"Macérat de bourgeons frais d'Aubépine Bio - 50 ml - Alphagem","description":"\u003cdiv class=\"aub-premium\"\u003e\n\n\u003cdiv class=\"aub-hero\"\u003e\n\u003cdiv class=\"aub-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aub-hero-content\"\u003e\n\u003cdiv class=\"aub-badges-top\"\u003e\n\u003cspan class=\"aub-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n\u003cspan class=\"aub-badge\"\u003e💧 50 ml\u003c\/span\u003e\n\u003cspan class=\"aub-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"aub-hero-title\"\u003eMacérat d'Aubépine Bio Alphagem\u003c\/span\u003e\n\u003cp class=\"aub-subtitle\"\u003eMacérat concentré de bourgeons frais\u003c\/p\u003e\n\u003cp class=\"aub-description\"\u003eToute la puissance de \u003cem\u003eCrataegus laevigata\u003c\/em\u003e au service de votre cœur et de votre sérénité. De l'arbre au flacon, la gemmothérapie dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003cp class=\"aub-section-intro\"\u003eVous cherchez une solution naturelle pour apaiser les tensions nerveuses et soutenir votre système cardiovasculaire ?\u003c\/p\u003e\n\u003cdiv class=\"aub-testimonial\"\u003e\n\u003cp class=\"aub-testimonial-text\"\u003eLe macérat de bourgeons d'\u003cstrong\u003eaubépine bio\u003c\/strong\u003e Alphagem concentre toute la puissance de \u003cem\u003eCrataegus laevigata\u003c\/em\u003e dans un flacon de 50 ml. Issue de la \u003cstrong\u003egemmothérapie\u003c\/strong\u003e, cette préparation utilise les bourgeons frais de la plante, récoltés au moment précis où leur richesse en principes actifs est maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eBienfaits de la gemmothérapie à l'aubépine\u003c\/h2\u003e\n\u003cp class=\"aub-section-intro\"\u003eL'aubépine est surnommée « la plante du cœur » en phytothérapie traditionnelle, et ce n'est pas un hasard. Les \u003cstrong\u003ebienfaits de la gemmothérapie aubépine\u003c\/strong\u003e sont multiples et reconnus depuis des siècles.\u003c\/p\u003e\n\u003cdiv class=\"aub-grid\"\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🧘 Équilibre nerveux\u003c\/h3\u003e\n\u003cp\u003eL'aubépine aide à tempérer la nervosité et favorise un état de détente profonde, particulièrement utile en période de stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eElle contribue à maintenir un rythme cardiaque régulier et à soutenir une bonne circulation sanguine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🌙 Sommeil apaisé\u003c\/h3\u003e\n\u003cp\u003eEn calmant le système nerveux, elle facilite l'endormissement et améliore la qualité du repos nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🛡️ Richesse en flavonoïdes\u003c\/h3\u003e\n\u003cp\u003eLes bourgeons concentrent des antioxydants naturels qui participent à la protection cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-tip\"\u003e\n\u003cspan class=\"aub-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe macérat de bourgeons offre un avantage par rapport à une simple \u003cstrong\u003etisane d'aubépine bio\u003c\/strong\u003e : il préserve l'intégralité du capital énergétique du bourgeon, là où une infusion ne capte qu'une partie des composés actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"aub-section-intro\"\u003eLa formule d'Alphagem est volontairement épurée pour vous offrir un produit pur et transparent.\u003c\/p\u003e\n\u003cdiv class=\"aub-grid-compact\"\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🌱 Bourgeons d'aubépine\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eCrataegus laevigata\u003c\/em\u003e* – actif principal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n\u003cp\u003e35 % vol – solvant d'extraction naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase purifiée de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n\u003cp\u003eStabilisant 100 % naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"aub-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique certifiée. Sans pesticide, sans colorant, sans conservateur artificiel.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"aub-timeline\"\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003ePensez à bien agiter le flacon avant chaque utilisation pour homogénéiser le macérat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eDosez 5 à 15 gouttes par jour\u003c\/h3\u003e\n\u003cp\u003eDiluez dans un verre d'eau, de préférence en dehors des repas. Répartissez la prise en une à trois fois dans la journée selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par 5 gouttes pour observer la réaction de votre organisme, puis augmentez progressivement si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eRespectez les cycles de cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de trois semaines, suivie d'une semaine de pause, constitue un rythme classique en gemmothérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eContre-indications et précautions\u003c\/h2\u003e\n\u003cdiv class=\"aub-accordion\"\u003e\n\u003cdetails class=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"aub-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=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e💊 Traitement cardiaque en cours\u003c\/summary\u003e\n\u003cdiv class=\"aub-accordion-content mt-3\"\u003e\n\u003cp\u003eSi vous prenez un traitement cardiaque (bêtabloquants, antiarythmiques), consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n\u003cdiv class=\"aub-accordion-content mt-3\"\u003e\n\u003cp\u003eNe convient pas aux enfants de moins de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e🍷 Teneur en alcool\u003c\/summary\u003e\n\u003cdiv class=\"aub-accordion-content mt-3\"\u003e\n\u003cp\u003eContient de l'alcool (35 % vol). À prendre en compte pour les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"aub-disclaimer\"\u003e\u003cem\u003eCe complément alimentaire ne remplace ni un traitement médical, ni une alimentation variée et équilibrée, ni un mode de vie sain. Ne dépassez pas la dose journalière recommandée. Conservez hors de portée des enfants.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir le macérat d'aubépine Alphagem ?\u003c\/h2\u003e\n\u003cdiv class=\"aub-grid\"\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🇧🇪 Expertise belge\u003c\/h3\u003e\n\u003cp\u003eAlphagem est un laboratoire belge spécialisé en gemmothérapie depuis de nombreuses années. Sa devise : « De l'arbre au flacon ».\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e✋ Récolte à la main\u003c\/h3\u003e\n\u003cp\u003eDes bourgeons frais récoltés à la main dans des zones préservées, transformés rapidement pour conserver toute leur vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eChaque lot est contrôlé et certifié bio. Une garantie de pureté et de traçabilité pour votre tranquillité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-tip\"\u003e\n\u003cspan class=\"aub-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eAssocié à d'autres bourgeons comme l'olivier ou intégré à un protocole incluant \u003cstrong\u003eail, olivier et aubépine bio\u003c\/strong\u003e, ce macérat s'inscrit parfaitement dans une démarche globale de bien-être cardiovasculaire et nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-cta-box\"\u003e\n\u003cp\u003e🌳 Offrez à votre cœur et à votre système nerveux le meilleur de la nature, simplement et en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --aub-cream: #f5f7f2;\n  --aub-white: #ffffff;\n  --aub-primary: #4a8c3f;\n  --aub-primary-dark: #2d5a25;\n  --aub-primary-light: #e8f2e5;\n  --aub-secondary: #6db35a;\n  --aub-accent: #8b5e3c;\n  --aub-text: #1a1a1a;\n  --aub-text-light: #5a5a5a;\n  --aub-border: #dce5d8;\n  --aub-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --aub-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --aub-radius: 20px;\n  --aub-radius-sm: 12px;\n}\n\n.aub-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--aub-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aub-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--aub-primary-dark) 0%, var(--aub-primary) 50%, var(--aub-secondary) 100%);\n  border-radius: var(--aub-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(--aub-shadow-lg);\n}\n\n.aub-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.aub-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.aub-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.aub-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: .02em;\n}\n\n.aub-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.aub-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.aub-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(--aub-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.aub-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.aub-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aub-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--aub-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.aub-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(--aub-primary), var(--aub-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.aub-card {\n  background: var(--aub-white);\n  border-radius: var(--aub-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aub-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.aub-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--aub-shadow-lg);\n  border-color: var(--aub-primary);\n}\n\n.aub-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--aub-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.aub-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--aub-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.aub-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.aub-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.aub-grid-compact .aub-card {\n  padding: 1rem;\n}\n\n.aub-grid-compact .aub-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.aub-grid-compact .aub-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.aub-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.aub-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.aub-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--aub-primary), var(--aub-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.aub-timeline-content {\n  flex: 1;\n  background: var(--aub-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--aub-radius-sm);\n  box-shadow: var(--aub-shadow);\n}\n\n.aub-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--aub-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.aub-timeline-content p {\n  font-size: 14px;\n  color: var(--aub-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.aub-testimonial {\n  background: var(--aub-white);\n  border-radius: var(--aub-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--aub-shadow);\n  border-left: 4px solid var(--aub-primary);\n}\n\n.aub-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aub-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.aub-accordion {\n  background: var(--aub-white);\n  border-radius: var(--aub-radius);\n  box-shadow: var(--aub-shadow);\n  overflow: hidden;\n}\n\n.aub-accordion-item {\n  border-bottom: 1px solid var(--aub-border);\n  margin: 0;\n  padding: 0;\n}\n\n.aub-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.aub-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--aub-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.aub-accordion-header:hover {\n  background: var(--aub-primary-light);\n}\n\n.aub-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.aub-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--aub-primary);\n  transition: transform .2s ease;\n}\n\n.aub-accordion-item[open] .aub-accordion-header::after {\n  content: '−';\n}\n\n.aub-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--aub-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.aub-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.aub-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--aub-primary-light);\n  border-radius: var(--aub-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.aub-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.aub-tip p {\n  font-size: 14px;\n  color: var(--aub-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.aub-cta-box {\n  background: linear-gradient(135deg, var(--aub-primary) 0%, var(--aub-primary-dark) 100%);\n  border-radius: var(--aub-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.aub-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.aub-disclaimer {\n  font-size: 12px;\n  color: var(--aub-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.aub-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aub-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .aub-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .aub-card {\n    padding: 1.125rem;\n  }\n\n  .aub-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .aub-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--aub-radius-sm);\n  }\n\n  .aub-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .aub-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .aub-grid-compact {\n    gap: .625rem;\n  }\n\n  .aub-grid-compact .aub-card {\n    padding: .75rem;\n  }\n\n  .aub-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .aub-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .aub-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .aub-timeline-content p {\n    font-size: 13px;\n  }\n\n  .aub-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .aub-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .aub-testimonial {\n    padding: 1.25rem;\n  }\n\n  .aub-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .aub-card {\n    animation: aubFadeInUp .5s ease backwards;\n  }\n  .aub-card:nth-child(1) { animation-delay: .05s; }\n  .aub-card:nth-child(2) { animation-delay: .1s; }\n  .aub-card:nth-child(3) { animation-delay: .15s; }\n  .aub-card:nth-child(4) { animation-delay: .2s; }\n  .aub-card:nth-child(5) { animation-delay: .25s; }\n  .aub-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes aubFadeInUp {\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  .aub-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":45754885406877,"sku":"5011","price":22.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-frais-daubepine-bio-50-ml-alphagem-packshothd.webp?v=1774628900"},{"product_id":"gem-oculo-12-bio-15-ml-alphagem","title":"Gem-Oculo 12 Bio - 15 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Oculo 12 Bio - 15 Ml - Alphagem\nPalette détectée:\n  - Primaire: #4a7c3f (vert profond du logo\/étiquette Alphagem)\n  - Secondaire: #7ab648 (vert clair\/lime du logo \"GEM\")\n  - Accent: #2c5f7a (bleu foncé du flacon ambré\/thème oculaire)\nAmbiance: Naturel\/bio, pharmaceutique doux, gemmothérapie, santé naturelle, tons verts et bruns\nPréfixe CSS: go\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Oculo 12 Bio Alphagem : le complexe de gemmothérapie dédié à votre vision\"\n  2. \"Pourquoi choisir ce complément alimentaire pour la vision ?\"\n  3. \"Composition détaillée du Gem-Oculo 12 Bio\"\n  4. \"Conseils d'utilisation et posologie\"\n  5. \"Qualité et fabrication\"\n  6. \"Précautions importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"go-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"go-hero\"\u003e\n    \u003cdiv class=\"go-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"go-hero-content\"\u003e\n      \u003cdiv class=\"go-badges-top\"\u003e\n        \u003cspan class=\"go-badge\"\u003e🌿 Gemmothérapie Bio\u003c\/span\u003e\n        \u003cspan class=\"go-badge\"\u003e👁️ Confort visuel\u003c\/span\u003e\n        \u003cspan class=\"go-badge\"\u003e🫐 Myrtillier \u0026amp; Lutéine\u003c\/span\u003e\n        \u003cspan class=\"go-badge\"\u003e💧 15 ml concentrés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"go-hero-title\"\u003eGem-Oculo 12 Bio Alphagem\u003c\/span\u003e\n      \u003cp class=\"go-subtitle\"\u003eGemmo-complexe n°12 — Vision\u003c\/p\u003e\n      \u003cp class=\"go-description\"\u003eLa synergie de bourgeons et jeunes pousses bio dédiée à la santé de vos yeux. Acuité visuelle, microcirculation rétinienne et protection antioxydante réunies dans un seul flacon.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"go-section\"\u003e\n    \u003ch2\u003eGem-Oculo 12 Bio Alphagem : le complexe de gemmothérapie dédié à votre vision\u003c\/h2\u003e\n    \u003cp class=\"go-section-intro\"\u003eVos yeux sont sollicités en permanence : écrans, lumière artificielle, fatigue quotidienne… Le \u003cstrong\u003eGem-Oculo 12 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire vision bio\u003c\/strong\u003e formulé en gemmothérapie pour accompagner naturellement le confort et la santé de vos yeux.\u003c\/p\u003e\n    \u003cdiv class=\"go-grid-compact\"\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🌱 Tissus embryonnaires\u003c\/h3\u003e\n        \u003cp\u003eBourgeons, jeunes pousses et radicelles au potentiel exceptionnel en principes actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🔬 Gemmo-complexe n°12\u003c\/h3\u003e\n        \u003cp\u003eFormule spécifiquement dédiée à la sphère oculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eBourgeons et jeunes pousses rigoureusement sélectionnés et certifiés bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🇧🇪 Savoir-faire belge\u003c\/h3\u003e\n        \u003cp\u003eAlphagem, marque spécialisée exclusivement en gemmothérapie bio\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"go-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément alimentaire pour la vision ?\u003c\/h2\u003e\n    \u003cp class=\"go-section-intro\"\u003eContrairement aux compléments classiques, la gemmothérapie exploite toute la richesse des tissus embryonnaires végétaux. Le Gem-Oculo 12 Bio vous offre une approche globale et douce.\u003c\/p\u003e\n    \u003cdiv class=\"go-grid\"\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🎯 Soutien de l'acuité visuelle\u003c\/h3\u003e\n        \u003cp\u003eAccompagne votre vision au quotidien, notamment en cas de fatigue oculaire liée aux écrans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🫐 Microcirculation oculaire\u003c\/h3\u003e\n        \u003cp\u003eFavorise la microcirculation rétinienne grâce aux propriétés reconnues du myrtillier\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e💧 Apaisement des inconforts\u003c\/h3\u003e\n        \u003cp\u003eSoulage les yeux secs, irritations et la sensibilité à la lumière\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eProtège les structures de l'œil grâce à une action antioxydante naturelle puissante\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"go-tip\"\u003e\n      \u003cspan class=\"go-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous cherchez un \u003cstrong\u003ecomplément alimentaire vision\u003c\/strong\u003e plus naturel qu'un simple apport en vitamines, cette synergie de bourgeons constitue une alternative de choix.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"go-section\"\u003e\n    \u003ch2\u003eComposition détaillée du Gem-Oculo 12 Bio\u003c\/h2\u003e\n    \u003cp class=\"go-section-intro\"\u003eChaque flacon de \u003cstrong\u003e15 ml\u003c\/strong\u003e contient les ingrédients suivants, tous issus de l'agriculture biologique :\u003c\/p\u003e\n    \u003cdiv class=\"go-grid\"\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🫐 Jeunes pousses de myrtillier\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e — Riche en anthocyanes, soutient la microcirculation rétinienne et contribue au maintien d'une \u003cstrong\u003evision nocturne\u003c\/strong\u003e de qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🌲 Jeunes pousses de genévrier\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eJuniperus communis\u003c\/em\u003e — Contribue au drainage hépatique et soutient indirectement la fonction visuelle en favorisant l'élimination des toxines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🌾 Jeunes pousses de prêle\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eEquisetum arvense\u003c\/em\u003e — Apporte des minéraux et de la silice, précieux pour la solidité des tissus conjonctifs de l'œil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🟡 Lutéine\u003c\/h3\u003e\n        \u003cp\u003ePigment caroténoïde naturellement présent dans la rétine, aide à filtrer la lumière bleue et à protéger la macula.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"go-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🍃 Alcool bio\u003c\/h3\u003e\n        \u003cp\u003e35 % vol. — Extraction optimale des actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e💧 Glycérine \u0026amp; eau\u003c\/h3\u003e\n        \u003cp\u003eExcipients pour la conservation des principes actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"go-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"go-timeline\"\u003e\n      \u003cdiv class=\"go-timeline-item\"\u003e\n        \u003cdiv class=\"go-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"go-timeline-content\"\u003e\n          \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e diluées dans un verre d'eau, de préférence en dehors des repas. Agitez le flacon avant chaque emploi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-timeline-item\"\u003e\n        \u003cdiv class=\"go-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"go-timeline-content\"\u003e\n          \u003ch3\u003eAugmentez selon votre ressenti\u003c\/h3\u003e\n          \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e selon vos besoins et votre sensibilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-timeline-item\"\u003e\n        \u003cdiv class=\"go-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"go-timeline-content\"\u003e\n          \u003ch3\u003eRespectez les cycles de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e3 semaines de prise\u003c\/strong\u003e, suivies d'\u003cstrong\u003e1 semaine de pause\u003c\/strong\u003e. Renouvelez si besoin pendant 2 à 3 mois pour des résultats durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"go-tip\"\u003e\n      \u003cspan class=\"go-tip-icon\"\u003e🔄\u003c\/span\u003e\n      \u003cp\u003eCe protocole convient particulièrement aux personnes souhaitant un \u003cstrong\u003ecomplément alimentaire de vision\u003c\/strong\u003e utilisable sur le long terme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n  \u003csection class=\"go-section\"\u003e\n    \u003ch2\u003eQualité et fabrication\u003c\/h2\u003e\n    \u003cdiv class=\"go-card\" style=\"text-align:left;\"\u003e\n      \u003cp style=\"font-size:clamp(14px,2.2vw,16px);color:var(--go-text);line-height:1.8;margin:0;\"\u003eAlphagem est une \u003cstrong\u003emarque belge spécialisée exclusivement en gemmothérapie bio\u003c\/strong\u003e. Les bourgeons sont récoltés au stade optimal de développement, puis transformés à l'état frais pour préserver l'intégralité de leurs actifs. Chaque lot est \u003cstrong\u003ecertifié bio\u003c\/strong\u003e et contrôlé pour garantir l'absence de pesticides et d'additifs chimiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"go-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🌿 Récolte optimale\u003c\/h3\u003e\n        \u003cp\u003eBourgeons cueillis au stade idéal de développement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e❄️ Transformation à frais\u003c\/h3\u003e\n        \u003cp\u003ePréservation intégrale des principes actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e🔍 Contrôle strict\u003c\/h3\u003e\n        \u003cp\u003eAbsence de pesticides et d'additifs chimiques vérifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"go-card\"\u003e\n        \u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n        \u003cp\u003eChaque lot certifié agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"go-section\"\u003e\n    \u003ch2\u003ePrécautions importantes\u003c\/h2\u003e\n    \u003cdiv class=\"go-accordion\"\u003e\n      \u003cdetails class=\"go-accordion-item\"\u003e\n        \u003csummary class=\"go-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n        \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire vision ne se substitue pas à un régime alimentaire varié ni à un suivi médical. En cas de troubles visuels persistants, consultez un ophtalmologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"go-accordion-item\"\u003e\n        \u003csummary class=\"go-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"go-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=\"go-accordion-item\"\u003e\n        \u003csummary class=\"go-accordion-header\"\u003e🍷 Contient de l'alcool\u003c\/summary\u003e\n        \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit contient de l'alcool bio (35 % vol.), nécessaire à l'extraction des principes actifs des bourgeons.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"go-accordion-item\"\u003e\n        \u003csummary class=\"go-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et 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!-- CTA FINAL --\u003e\n  \u003csection class=\"go-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"go-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos yeux le meilleur de la nature avec le \u003cstrong\u003eGem-Oculo 12 Bio Alphagem\u003c\/strong\u003e : une formule concentrée, biologique et pensée pour ceux qui souhaitent prendre soin de leur vision au quotidien, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"go-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.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --go-cream: #f5f7f2;\n  --go-white: #ffffff;\n  --go-primary: #4a7c3f;\n  --go-primary-dark: #2e5a25;\n  --go-primary-light: #e8f2e4;\n  --go-secondary: #7ab648;\n  --go-accent: #2c5f7a;\n  --go-text: #1a1a1a;\n  --go-text-light: #5a5a5a;\n  --go-border: #dde5d8;\n  --go-shadow: 0 4px 24px rgba(42, 74, 35, .08);\n  --go-shadow-lg: 0 12px 48px rgba(42, 74, 35, .15);\n  --go-radius: 20px;\n  --go-radius-sm: 12px;\n}\n\n.go-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--go-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.go-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2e5a25 0%, #4a7c3f 40%, #2c5f7a 100%);\n  border-radius: var(--go-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(--go-shadow-lg);\n}\n\n.go-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(122, 182, 72, .15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(44, 95, 122, .15) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.go-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.go-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.go-subtitle {\n  color: rgba(255, 255, 255, .85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.go-description {\n  color: rgba(255, 255, 255, .9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.go-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.go-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(--go-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  transition: all .3s ease;\n}\n\n.go-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.go-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.go-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--go-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.go-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(--go-primary), var(--go-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.go-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--go-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.go-card {\n  background: var(--go-white);\n  border-radius: var(--go-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--go-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.go-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--go-shadow-lg);\n  border-color: var(--go-primary);\n}\n\n.go-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--go-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.go-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--go-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.go-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.go-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.go-grid-compact .go-card {\n  padding: 1rem;\n}\n\n.go-grid-compact .go-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.go-grid-compact .go-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.go-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.go-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.go-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--go-primary), var(--go-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.go-timeline-content {\n  flex: 1;\n  background: var(--go-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--go-radius-sm);\n  box-shadow: var(--go-shadow);\n}\n\n.go-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--go-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.go-timeline-content p {\n  font-size: 14px;\n  color: var(--go-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.go-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--go-primary-light);\n  border-radius: var(--go-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.go-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.go-tip p {\n  font-size: 14px;\n  color: var(--go-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.go-testimonial {\n  background: var(--go-white);\n  border-radius: var(--go-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--go-shadow);\n  border-left: 4px solid var(--go-primary);\n}\n\n.go-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--go-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.go-accordion {\n  background: var(--go-white);\n  border-radius: var(--go-radius);\n  box-shadow: var(--go-shadow);\n  overflow: hidden;\n}\n\n.go-accordion-item {\n  border-bottom: 1px solid var(--go-border);\n  margin: 0;\n  padding: 0;\n}\n\n.go-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.go-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--go-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.go-accordion-header:hover {\n  background: var(--go-primary-light);\n}\n\n.go-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.go-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--go-primary);\n  transition: transform .2s ease;\n}\n\n.go-accordion-item[open] .go-accordion-header::after {\n  content: '−';\n}\n\n.go-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--go-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.go-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.go-cta-box {\n  background: linear-gradient(135deg, var(--go-primary) 0%, var(--go-primary-dark) 100%);\n  border-radius: var(--go-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.go-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.go-disclaimer {\n  font-size: 12px;\n  color: var(--go-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  .go-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .go-card {\n    padding: 1.125rem;\n  }\n\n  .go-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .go-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--go-radius-sm);\n  }\n\n  .go-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .go-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .go-grid-compact {\n    gap: .625rem;\n  }\n\n  .go-grid-compact .go-card {\n    padding: .75rem;\n  }\n\n  .go-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .go-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .go-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .go-timeline-content p {\n    font-size: 13px;\n  }\n\n  .go-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .go-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .go-testimonial {\n    padding: 1.25rem;\n  }\n\n  .go-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .go-card {\n    animation: goFadeInUp .5s ease backwards;\n  }\n  .go-card:nth-child(1) { animation-delay: .05s; }\n  .go-card:nth-child(2) { animation-delay: .1s; }\n  .go-card:nth-child(3) { animation-delay: .15s; }\n  .go-card:nth-child(4) { animation-delay: .2s; }\n  .go-card:nth-child(5) { animation-delay: .25s; }\n  .go-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes goFadeInUp {\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  .go-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":45754885472413,"sku":"5012","price":10.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-OCULO-12-BIO-15-ML-268009.jpg?v=1732720447"},{"product_id":"gem-relax-03-bio-15-ml-alphagem","title":"Gem-Relax 03 Bio - 15 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Relax 03 Bio - 15 ml - Alphagem\nPalette détectée:\n  - Primaire: #7AB648 (vert chartreuse\/lime du logo et de l'étiquette)\n  - Secondaire: #5A3E28 (brun foncé du flacon ambré)\n  - Accent: #3DA0D6 (bleu cerclage sous le bouchon)\nAmbiance: Naturel\/bio, bien-être, phytothérapie, sérénité, clean \u0026 organique\nPréfixe CSS: gr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Relax 03 Bio d'Alphagem : le complexe gemmothérapie anti-stress\"\n  2. \"Pourquoi choisir le Gem-Relax d'Alphagem ?\"\n  3. \"Composition complète\"\n  4. \"Conseils d'utilisation\"\n  5. \"Précautions et informations importantes\"\n  6. \"Alphagem : l'expertise belge en gemmothérapie bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gr-hero\"\u003e\n    \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gr-hero-content\"\u003e\n      \u003cdiv class=\"gr-badges-top\"\u003e\n        \u003cspan class=\"gr-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n        \u003cspan class=\"gr-badge\"\u003e🇧🇪 Fabriqué en Belgique\u003c\/span\u003e\n        \u003cspan class=\"gr-badge\"\u003e🧘 Anti-stress naturel\u003c\/span\u003e\n        \u003cspan class=\"gr-badge\"\u003e💧 15 ml concentrés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gr-hero-title\"\u003eGem-Relax 03 Bio\u003c\/span\u003e\n      \u003cp class=\"gr-subtitle\"\u003eGemmo-Complexe n°03 — Alphagem\u003c\/p\u003e\n      \u003cp class=\"gr-description\"\u003eLe pouvoir apaisant de 3 bourgeons frais bio réunis dans un seul flacon pour retrouver calme et sérénité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eGem-Relax 03 Bio d'Alphagem : le complexe gemmothérapie anti-stress\u003c\/h2\u003e\n    \u003cp class=\"gr-section-intro\"\u003eVous traversez une période de tension, de nervosité ou de stress passager ? Le \u003cstrong\u003eGem-Relax 03 Bio\u003c\/strong\u003e d'Alphagem est un \u003cstrong\u003ecomplément alimentaire relaxation\u003c\/strong\u003e formulé à partir de bourgeons frais bio, spécialement sélectionnés pour leurs vertus apaisantes.\u003c\/p\u003e\n    \u003cdiv class=\"gr-grid-compact\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🌱 Bourgeons frais bio\u003c\/h3\u003e\n        \u003cp\u003eMacérats concentrés issus de l'agriculture biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🧬 Synergie triple\u003c\/h3\u003e\n        \u003cp\u003e3 bourgeons complémentaires pour une action globale sur le stress\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n        \u003cp\u003eGemmo-complexe n°03 spécialement formulé anti-stress\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e✨ Savoir-faire belge\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré par Alphagem, référence en gemmothérapie bio\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Gem-Relax d'Alphagem ?\u003c\/h2\u003e\n    \u003cp class=\"gr-section-intro\"\u003eLa gemmothérapie utilise l'énergie vitale concentrée dans les bourgeons et jeunes pousses d'arbres. Contrairement aux extraits de plantes classiques, les macérats de bourgeons renferment l'ensemble des principes actifs de la future plante : un véritable concentré de bienfaits.\u003c\/p\u003e\n    \u003cdiv class=\"gr-grid\"\u003e\n      \u003cdiv class=\"gr-card gr-card-ingredient\"\u003e\n        \u003ch3\u003e🌳 Bourgeon de figuier\u003c\/h3\u003e\n        \u003cp class=\"gr-card-latin\"\u003eFicus carica\u003c\/p\u003e\n        \u003cp\u003eConsidéré comme le grand bourgeon du système nerveux en gemmothérapie, il aide à \u003cstrong\u003eapaiser les ruminations mentales\u003c\/strong\u003e et favorise un sommeil de meilleure qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card gr-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Bourgeon de tilleul\u003c\/h3\u003e\n        \u003cp class=\"gr-card-latin\"\u003eTilia tomentosa\u003c\/p\u003e\n        \u003cp\u003eRéputé pour ses propriétés \u003cstrong\u003ecalmantes et sédatives douces\u003c\/strong\u003e, il contribue à détendre le corps et l'esprit, notamment en période de surmenage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card gr-card-ingredient\"\u003e\n        \u003ch3\u003e🫐 Jeune pousse de cassis\u003c\/h3\u003e\n        \u003cp class=\"gr-card-latin\"\u003eRibes nigrum\u003c\/p\u003e\n        \u003cp\u003eVéritable \u003cstrong\u003eadaptogène naturel\u003c\/strong\u003e, le cassis potentialise l'action des autres bourgeons et soutient la vitalité globale de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-tip\"\u003e\n      \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette synergie fait du \u003cstrong\u003eGem-Relax\u003c\/strong\u003e un allié précieux face au stress du quotidien : charge mentale, période d'examens, surmenage professionnel ou simplement besoin de lâcher prise en fin de journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cp class=\"gr-section-intro\"\u003eChaque flacon de \u003cstrong\u003e15 ml\u003c\/strong\u003e contient :\u003c\/p\u003e\n    \u003cdiv class=\"gr-grid-compact\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🌳 Figuier\u003c\/h3\u003e\n        \u003cp\u003eMacérat glycériné de bourgeons bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🌿 Tilleul\u003c\/h3\u003e\n        \u003cp\u003eMacérat glycériné de bourgeons bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n        \u003cp\u003eMacérat glycériné de jeunes pousses bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🧴 Glycérine\u003c\/h3\u003e\n        \u003cp\u003eVégétale, issue de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003eBase de préparation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n        \u003cp\u003e30 % vol. — conservation naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gr-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique. Produit certifié bio, fabriqué en Belgique par Alphagem.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"gr-timeline\"\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003eDosez vos gouttes\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e, pures sous la langue ou diluées dans un verre d'eau. Commencez par 5 gouttes et augmentez progressivement selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n          \u003cp\u003ePour une action optimale sur la détente, privilégiez une prise \u003cstrong\u003een fin d'après-midi ou le soir\u003c\/strong\u003e avant le coucher.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003eSuivez le cycle recommandé\u003c\/h3\u003e\n          \u003cp\u003eFaites une cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e, suivie d'une semaine de pause. Vous pouvez renouveler ce cycle si nécessaire.\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=\"gr-section\"\u003e\n    \u003ch2\u003ePrécautions et informations importantes\u003c\/h2\u003e\n    \u003cdiv class=\"gr-accordion\"\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit contient de l'alcool. Il est \u003cstrong\u003edéconseillé aux femmes enceintes, allaitantes et aux enfants\u003c\/strong\u003e sans avis préalable d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e🩺 Avertissement médical\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe Gem-Relax 03 Bio est un complément alimentaire : il \u003cstrong\u003ene remplace ni un traitement médical, ni un suivi professionnel\u003c\/strong\u003e. En cas de stress chronique ou de troubles anxieux importants, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière. Ne pas dépasser la dose journalière recommandée.\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=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eAlphagem : l'expertise belge en gemmothérapie bio\u003c\/h2\u003e\n    \u003cdiv class=\"gr-testimonial\"\u003e\n      \u003cp class=\"gr-testimonial-text\"\u003eFondée en Belgique, la marque \u003cstrong\u003eAlphagem\u003c\/strong\u003e s'est imposée comme une référence en gemmothérapie grâce à des macérats de bourgeons concentrés, certifiés bio et élaborés selon des méthodes respectueuses du vivant. Chaque flacon reflète un savoir-faire artisanal exigeant, de la récolte des bourgeons à la mise en flacon.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-cta-box\"\u003e\n      \u003cp\u003eSi vous cherchez un \u003cstrong\u003ecomplément alimentaire relaxation\u003c\/strong\u003e naturel, efficace et respectueux de votre corps, le \u003cstrong\u003eGem-Relax 03 Bio d'Alphagem\u003c\/strong\u003e mérite pleinement sa place dans votre rituel bien-être quotidien. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gr-cream: #f7f5f0;\n  --gr-white: #ffffff;\n  --gr-primary: #7AB648;\n  --gr-primary-dark: #4a7a2a;\n  --gr-primary-light: #eef6e6;\n  --gr-secondary: #5A3E28;\n  --gr-accent: #3DA0D6;\n  --gr-text: #1a1a1a;\n  --gr-text-light: #5a5a5a;\n  --gr-border: #e0e0e0;\n  --gr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gr-radius: 20px;\n  --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gr-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gr-primary-dark) 0%, var(--gr-primary) 50%, var(--gr-accent) 100%);\n  border-radius: var(--gr-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(--gr-shadow-lg);\n}\n\n.gr-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,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.gr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gr-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.gr-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n  margin: 0 0 1.25rem 0;\n}\n\n.gr-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gr-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(--gr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gr-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.gr-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(--gr-primary), var(--gr-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gr-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.gr-card {\n  background: var(--gr-white);\n  border-radius: var(--gr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gr-shadow-lg);\n  border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante) === *\/\n.gr-card-ingredient {\n  text-align: left;\n  border-left: 4px solid var(--gr-primary);\n}\n\n.gr-card-ingredient:hover {\n  border-left-color: var(--gr-accent);\n}\n\n.gr-card-latin {\n  font-style: italic;\n  font-size: 13px !important;\n  color: var(--gr-primary) !important;\n  margin-bottom: .5rem !important;\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.gr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n  padding: 1rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gr-primary), var(--gr-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.gr-timeline-content {\n  flex: 1;\n  background: var(--gr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gr-radius-sm);\n  box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n  font-size: 14px;\n  color: var(--gr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gr-testimonial {\n  background: var(--gr-white);\n  border-radius: var(--gr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gr-shadow);\n  border-left: 4px solid var(--gr-primary);\n  margin-bottom: 1.25rem;\n}\n\n.gr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gr-accordion {\n  background: var(--gr-white);\n  border-radius: var(--gr-radius);\n  box-shadow: var(--gr-shadow);\n  overflow: hidden;\n}\n\n.gr-accordion-item {\n  border-bottom: 1px solid var(--gr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gr-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.gr-accordion-header:hover {\n  background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gr-primary);\n  transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n  content: '−';\n}\n\n.gr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gr-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gr-primary-light);\n  border-radius: var(--gr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gr-tip p {\n  font-size: 14px;\n  color: var(--gr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.gr-cta-box {\n  background: linear-gradient(135deg, var(--gr-primary) 0%, var(--gr-primary-dark) 100%);\n  border-radius: var(--gr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gr-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.gr-disclaimer {\n  font-size: 12px;\n  color: var(--gr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .gr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gr-card {\n    padding: 1.125rem;\n  }\n\n  .gr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gr-radius-sm);\n  }\n\n  .gr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gr-grid-compact {\n    gap: .625rem;\n  }\n\n  .gr-grid-compact .gr-card {\n    padding: .75rem;\n  }\n\n  .gr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gr-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gr-card-ingredient {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gr-card {\n    animation: grFadeInUp .5s ease backwards;\n  }\n  .gr-card:nth-child(1) { animation-delay: .05s; }\n  .gr-card:nth-child(2) { animation-delay: .1s; }\n  .gr-card:nth-child(3) { animation-delay: .15s; }\n  .gr-card:nth-child(4) { animation-delay: .2s; }\n  .gr-card:nth-child(5) { animation-delay: .25s; }\n  .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\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  .gr-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":45754887504029,"sku":"REF674","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-RELAX-03-BIO-15-ML-482050.jpg?v=1732720448"},{"product_id":"gem-glyco-23-bio-50-ml-alphagem","title":"Gem-Glyco 23 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Glyco 23 Bio - 50 Ml - Alphagem\nPalette détectée:\n  - Primaire: #2a9d8f (vert-turquoise du logo\/étiquette AlphaGem)\n  - Secondaire: #1b6b5f (vert foncé profond du dégradé étiquette)\n  - Accent: #5ab049 (vert vif de la feuille du logo)\n  - Brun: #4a3728 (brun ambré du flacon en verre)\nAmbiance: Naturelle\/biologique, santé holistique, gemmothérapie, packaging pharmaceutique-naturel, laboratoire belge\nPréfixe CSS: gg\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Glyco 23 Bio Alphagem : le complexe de gemmothérapie dédié à l'équilibre glycémique\"\n  2. \"Pourquoi choisir le Gem-Glyco 23 Bio ?\"\n  3. \"Composition détaillée du Gem-Glyco 23\"\n  4. \"Conseils d'utilisation\"\n  5. \"Précautions et conservation\"\n  6. \"Pour qui est fait le Gem-Glyco 23 Bio ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gg-hero\"\u003e\n    \u003cdiv class=\"gg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gg-hero-content\"\u003e\n      \u003cdiv class=\"gg-badges-top\"\u003e\n        \u003cspan class=\"gg-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n        \u003cspan class=\"gg-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n        \u003cspan class=\"gg-badge\"\u003e🫙 50 ml\u003c\/span\u003e\n        \u003cspan class=\"gg-badge\"\u003e🔬 4 bourgeons synergiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gg-hero-title\"\u003eGem-Glyco 23 Bio Alphagem\u003c\/span\u003e\n      \u003cp class=\"gg-subtitle\"\u003eGemmo-Complexe 23 — Sucre\u003c\/p\u003e\n      \u003cp class=\"gg-description\"\u003eLe pouvoir concentré de 4 macérats de bourgeons biologiques pour accompagner naturellement votre équilibre glycémique au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gg-section\"\u003e\n    \u003ch2\u003eGem-Glyco 23 Bio Alphagem : le complexe de gemmothérapie dédié à l'équilibre glycémique\u003c\/h2\u003e\n    \u003cp class=\"gg-section-intro\"\u003eVous cherchez une approche naturelle pour soutenir votre \u003cstrong\u003eéquilibre glycémique\u003c\/strong\u003e au quotidien ?\u003c\/p\u003e\n    \u003cdiv class=\"gg-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eGem-Glyco 23 Bio\u003c\/strong\u003e du laboratoire \u003cstrong\u003eAlphagem\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e de gemmothérapie qui associe quatre macérats de bourgeons soigneusement sélectionnés. Ce complexe biologique de 50 ml s'adresse à toutes les personnes soucieuses de maintenir un taux de sucre sanguin harmonieux, dans le cadre d'une hygiène de vie équilibrée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gg-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Gem-Glyco 23 Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gg-grid\"\u003e\n      \u003cdiv class=\"gg-card\"\u003e\n        \u003ch3\u003e🌱 L'énergie vitale des bourgeons\u003c\/h3\u003e\n        \u003cp\u003eLa gemmothérapie puise dans le potentiel concentré des bourgeons, là où se trouve toute la force de la plante en devenir. Une approche unique et puissante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card\"\u003e\n        \u003ch3\u003e🤝 Synergie de 4 bourgeons\u003c\/h3\u003e\n        \u003cp\u003eContrairement à un extrait de bourgeon isolé, le Gem-Glyco réunit quatre bourgeons aux propriétés complémentaires, offrant une action globale et équilibrée sur le métabolisme des sucres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card\"\u003e\n        \u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré en Belgique par Alphagem, laboratoire reconnu et spécialisé en gemmothérapie depuis de nombreuses années. Des standards rigoureux de la récolte des bourgeons frais jusqu'à la mise en flacon.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gg-section\"\u003e\n    \u003ch2\u003eComposition détaillée du Gem-Glyco 23\u003c\/h2\u003e\n    \u003cp class=\"gg-section-intro\"\u003eChaque flacon de 50 ml contient les macérats glycérinés concentrés des bourgeons suivants :\u003c\/p\u003e\n    \u003cdiv class=\"gg-grid\"\u003e\n      \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n        \u003ch3\u003e🌰 Bourgeon de châtaignier\u003c\/h3\u003e\n        \u003cp class=\"gg-latin\"\u003e\u003cem\u003eCastanea sativa\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eTraditionnellement utilisé pour soutenir la circulation lymphatique et contribuer au drainage de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Bourgeon de figuier\u003c\/h3\u003e\n        \u003cp class=\"gg-latin\"\u003e\u003cem\u003eFicus carica\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eRéputé pour son action régulatrice sur le système nerveux et digestif, il aide à gérer le stress, facteur souvent lié aux déséquilibres glycémiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n        \u003ch3\u003e🌳 Bourgeon de noyer\u003c\/h3\u003e\n        \u003cp class=\"gg-latin\"\u003e\u003cem\u003eJuglans regia\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eConnu pour ses propriétés de soutien au niveau pancréatique et intestinal, il joue un rôle clé dans ce complexe.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Bourgeon de tilleul\u003c\/h3\u003e\n        \u003cp class=\"gg-latin\"\u003e\u003cem\u003eTilia tomentosa\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eApprécié pour ses vertus apaisantes, il favorise la détente et un sommeil de qualité, essentiels à un bon équilibre métabolique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gg-tip\"\u003e\n      \u003cspan class=\"gg-tip-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e alcool bio (35% vol.), glycérine végétale biologique, eau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gg-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"gg-timeline\"\u003e\n      \u003cdiv class=\"gg-timeline-item\"\u003e\n        \u003cdiv class=\"gg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gg-timeline-content\"\u003e\n          \u003ch3\u003eCommencez en douceur\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau, de préférence le matin à jeun.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-timeline-item\"\u003e\n        \u003cdiv class=\"gg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gg-timeline-content\"\u003e\n          \u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n          \u003cp\u003ePassez progressivement à \u003cstrong\u003e10 puis 15 gouttes par jour\u003c\/strong\u003e selon votre ressenti et votre confort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-timeline-item\"\u003e\n        \u003cdiv class=\"gg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gg-timeline-content\"\u003e\n          \u003ch3\u003eSuivez une cure de 3 semaines\u003c\/h3\u003e\n          \u003cp\u003ePour une efficacité optimale, maintenez la cure pendant \u003cstrong\u003e3 semaines\u003c\/strong\u003e, suivie d'une pause d'une semaine avant de reprendre si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gg-tip\"\u003e\n      \u003cspan class=\"gg-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n      \u003cp\u003eN'hésitez pas à demander conseil à votre professionnel de santé pour adapter la posologie à votre situation personnelle, en particulier si vous suivez déjà un traitement lié à la glycémie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gg-section\"\u003e\n    \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"gg-accordion\"\u003e\n      \u003cdetails class=\"gg-accordion-item\"\u003e\n        \u003csummary class=\"gg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"gg-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne convient pas aux enfants de moins de 3 ans. Contient de l'alcool (35% vol.).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gg-accordion-item\"\u003e\n        \u003csummary class=\"gg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gg-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, dans un endroit sec.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gg-accordion-item\"\u003e\n        \u003csummary class=\"gg-accordion-header\"\u003e📋 Mentions obligatoires\u003c\/summary\u003e\n        \u003cdiv class=\"gg-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 remplace en aucun cas un traitement médical. Consultez votre médecin en cas de doute.\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=\"gg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est fait le Gem-Glyco 23 Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gg-grid-compact\"\u003e\n      \u003cdiv class=\"gg-card\"\u003e\n        \u003ch3\u003e🩸 Équilibre glycémique\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez soutenir naturellement votre taux de sucre sanguin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card\"\u003e\n        \u003ch3\u003e📉 Sensibilité aux variations\u003c\/h3\u003e\n        \u003cp\u003eVous êtes sensible aux fluctuations de sucre dans le sang.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité métabolique\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez un complément pour renforcer votre équilibre métabolique global.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gg-card\"\u003e\n        \u003ch3\u003e😰 Gestion du stress\u003c\/h3\u003e\n        \u003cp\u003eVotre mode de vie stressant peut influencer le métabolisme des sucres.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gg-cta-box\"\u003e\n      \u003cp\u003eEn intégrant le \u003cstrong\u003eGem-Glyco 23 Bio Alphagem\u003c\/strong\u003e à votre routine bien-être, vous faites le choix d'une gemmothérapie authentique, biologique et formulée avec exigence.\u003cbr\u003eUn geste simple, quelques gouttes chaque matin, pour accompagner votre organisme vers davantage d'équilibre. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gg-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  --gg-cream: #f4f7f5;\n  --gg-white: #ffffff;\n  --gg-primary: #2a9d8f;\n  --gg-primary-dark: #1b6b5f;\n  --gg-primary-light: #e8f5f2;\n  --gg-secondary: #5ab049;\n  --gg-accent: #3d8b40;\n  --gg-text: #1a1a1a;\n  --gg-text-light: #5a5a5a;\n  --gg-border: #dde8e4;\n  --gg-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gg-radius: 20px;\n  --gg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1b6b5f 0%, #2a9d8f 45%, #5ab049 100%);\n  border-radius: var(--gg-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(--gg-shadow-lg);\n}\n\n.gg-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(90,176,73,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gg-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.gg-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.gg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gg-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(--gg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gg-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.gg-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(--gg-primary), var(--gg-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gg-highlight-box {\n  background: var(--gg-white);\n  border-radius: var(--gg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gg-shadow);\n  border-left: 4px solid var(--gg-secondary);\n}\n\n.gg-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--gg-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.gg-card {\n  background: var(--gg-white);\n  border-radius: var(--gg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gg-shadow-lg);\n  border-color: var(--gg-primary);\n}\n\n.gg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (latin name styling) === *\/\n.gg-card-ingredient .gg-latin {\n  font-size: clamp(12px, 1.8vw, 13px);\n  color: var(--gg-primary);\n  margin-bottom: .5rem;\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.gg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.gg-grid-compact .gg-card {\n  padding: 1rem;\n}\n\n.gg-grid-compact .gg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gg-grid-compact .gg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gg-primary), var(--gg-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.gg-timeline-content {\n  flex: 1;\n  background: var(--gg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gg-radius-sm);\n  box-shadow: var(--gg-shadow);\n}\n\n.gg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gg-timeline-content p {\n  font-size: 14px;\n  color: var(--gg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.gg-accordion {\n  background: var(--gg-white);\n  border-radius: var(--gg-radius);\n  box-shadow: var(--gg-shadow);\n  overflow: hidden;\n}\n\n.gg-accordion-item {\n  border-bottom: 1px solid var(--gg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gg-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.gg-accordion-header:hover {\n  background: var(--gg-primary-light);\n}\n\n.gg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gg-primary);\n  transition: transform .2s ease;\n}\n\n.gg-accordion-item[open] .gg-accordion-header::after {\n  content: '−';\n}\n\n.gg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gg-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gg-primary-light);\n  border-radius: var(--gg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gg-tip p {\n  font-size: 14px;\n  color: var(--gg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gg-cta-box {\n  background: linear-gradient(135deg, var(--gg-primary) 0%, var(--gg-primary-dark) 100%);\n  border-radius: var(--gg-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.gg-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.gg-disclaimer {\n  font-size: 12px;\n  color: var(--gg-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  .gg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gg-card {\n    padding: 1.125rem;\n  }\n\n  .gg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gg-radius-sm);\n  }\n\n  .gg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gg-grid-compact {\n    gap: .625rem;\n  }\n\n  .gg-grid-compact .gg-card {\n    padding: .75rem;\n  }\n\n  .gg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gg-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gg-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gg-card {\n    animation: ggFadeInUp .5s ease backwards;\n  }\n  .gg-card:nth-child(1) { animation-delay: .05s; }\n  .gg-card:nth-child(2) { animation-delay: .1s; }\n  .gg-card:nth-child(3) { animation-delay: .15s; }\n  .gg-card:nth-child(4) { animation-delay: .2s; }\n  .gg-card:nth-child(5) { animation-delay: .25s; }\n  .gg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ggFadeInUp {\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  .gg-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":45754889797789,"sku":"REF693","price":22.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-GLYCO-23-BIO-50-ML-500338.jpg?v=1732720452"},{"product_id":"gem-cell-05-bio-50-ml-alphagem","title":"Gem-Cell 05 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Cell 05 Bio - 50 Ml - Alphagem\nPalette détectée:\n  - Primaire: #5a8a2f (vert feuille\/nature du logo alphaGem)\n  - Secondaire: #e8a625 (orange\/doré de la bande \"GEM-CELL\")\n  - Accent: #3d6b1e (vert foncé du feuillage)\nAmbiance: Naturel\/bio, gemmothérapie, santé végétale, ligne\/minceur, flacon brun pharmaceutique\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Cell 05 Bio d'Alphagem : le gemmo-complexe ligne et minceur\"\n  2. \"Pourquoi choisir la gemmothérapie pour votre démarche minceur ?\"\n  3. \"Composition détaillée du Gem-Cell 05 Bio\"\n  4. \"Conseils d'utilisation et posologie\"\n  5. \"Alphagem : l'expertise belge en gemmothérapie bio\"\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=\"gc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gc-hero\"\u003e\n    \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gc-hero-content\"\u003e\n      \u003cdiv class=\"gc-badges-top\"\u003e\n        \u003cspan class=\"gc-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n        \u003cspan class=\"gc-badge\"\u003e🍃 4 bourgeons synergiques\u003c\/span\u003e\n        \u003cspan class=\"gc-badge\"\u003e🇧🇪 Fabriqué en Belgique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gc-hero-title\"\u003eGem-Cell 05 Bio\u003c\/span\u003e\n      \u003cp class=\"gc-subtitle\"\u003eGemmo-complexe ligne \u0026amp; minceur — Alphagem\u003c\/p\u003e\n      \u003cp class=\"gc-description\"\u003eLa puissance des bourgeons et jeunes pousses bio réunis dans un flacon de 50 ml pour accompagner naturellement votre silhouette et favoriser l'élimination.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003eGem-Cell 05 Bio d'Alphagem : le gemmo-complexe ligne et minceur\u003c\/h2\u003e\n    \u003cp class=\"gc-section-intro\"\u003eVous cherchez un accompagnement naturel pour soutenir votre silhouette et favoriser l'élimination ? Le \u003cstrong\u003eGem-Cell 05 Bio\u003c\/strong\u003e d'Alphagem est un complément alimentaire de gemmothérapie qui associe quatre bourgeons et jeunes pousses bio, soigneusement sélectionnés pour leurs propriétés drainantes et régulatrices du métabolisme.\u003c\/p\u003e\n    \u003cdiv class=\"gc-grid-compact\"\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e💧 Drainage\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'élimination rénale des toxines et des déchets métaboliques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e⚖️ Gestion du poids\u003c\/h3\u003e\n        \u003cp\u003eSoutient le métabolisme pour accompagner vos objectifs minceur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n        \u003cp\u003eBourgeons et jeunes pousses issus de l'agriculture biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🧪 50 ml concentrés\u003c\/h3\u003e\n        \u003cp\u003eMacérat glycériné et alcoolique à 35 % vol. pour une extraction optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la gemmothérapie pour votre démarche minceur ?\u003c\/h2\u003e\n    \u003cdiv class=\"gc-testimonial\"\u003e\n      \u003cp class=\"gc-testimonial-text\"\u003eLa \u003cstrong\u003egemmothérapie\u003c\/strong\u003e utilise les bourgeons et jeunes pousses récoltés au printemps, au moment où la plante possède sa plus grande concentration en principes actifs. Contrairement aux extraits de plantes adultes, ces tissus embryonnaires renferment l'ensemble du potentiel de l'arbre : vitamines, oligo-éléments, acides aminés et facteurs de croissance végétaux.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gc-tip\"\u003e\n      \u003cspan class=\"gc-tip-icon\"\u003e🔬\u003c\/span\u003e\n      \u003cp\u003eAvec le Gem-Cell 05 Bio, vous bénéficiez d'une \u003cstrong\u003esynergie de quatre plantes\u003c\/strong\u003e dont les actions se complètent pour accompagner votre organisme dans l'élimination des toxines et la gestion du poids.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003eComposition détaillée du Gem-Cell 05 Bio\u003c\/h2\u003e\n    \u003cp class=\"gc-section-intro\"\u003eCe complexe biologique contient quatre macérats de bourgeons et jeunes pousses bio, dans une base glycérinée et alcoolique :\u003c\/p\u003e\n    \u003cdiv class=\"gc-grid\"\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌳 Bourgeons de bouleau\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eBetula pubescens\u003c\/em\u003e — Reconnu comme l'un des grands draineurs en gemmothérapie, le bouleau favorise l'élimination rénale et aide à déstocker les graisses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🍃 Jeunes pousses de frêne\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eFraxinus excelsior\u003c\/em\u003e — Le frêne soutient le métabolisme et contribue au bon fonctionnement des émonctoires, facilitant ainsi le drainage de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌰 Bourgeons de noisetier\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCorylus avellana\u003c\/em\u003e — Le noisetier agit en soutien hépatique et participe à l'équilibre métabolique général.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌲 Jeunes pousses de genévrier\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eJuniperus communis\u003c\/em\u003e — Le genévrier est traditionnellement utilisé pour ses vertus dépuratives et son action sur la rétention d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gc-tip\"\u003e\n      \u003cspan class=\"gc-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eTous les ingrédients sont \u003cstrong\u003eissus de l'agriculture biologique\u003c\/strong\u003e, certifiés par Certisys (BE-BIO-01). Base glycérinée et alcoolique (alcool 35 % vol.) garantissant l'extraction optimale des principes actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"gc-timeline\"\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eSecouez le flacon\u003c\/h3\u003e\n          \u003cp\u003eAgitez bien le flacon avant chaque prise pour homogénéiser le macérat.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eDosez 5 à 15 gouttes par jour\u003c\/h3\u003e\n          \u003cp\u003ePures sous la langue ou diluées dans un peu d'eau, de préférence \u003cstrong\u003e15 minutes avant les repas\u003c\/strong\u003e. Commencez par 5 gouttes et augmentez progressivement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n          \u003cp\u003eSuivez une cure de 3 semaines, puis observez \u003cstrong\u003eune semaine de pause\u003c\/strong\u003e avant de renouveler si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eAdoptez un mode de vie sain\u003c\/h3\u003e\n          \u003cp\u003eAssociez cette cure à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et à une activité physique régulière pour de meilleurs résultats.\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=\"gc-section\"\u003e\n    \u003ch2\u003eAlphagem : l'expertise belge en gemmothérapie bio\u003c\/h2\u003e\n    \u003cdiv class=\"gc-testimonial\"\u003e\n      \u003cp class=\"gc-testimonial-text\"\u003eAlphagem récolte ses bourgeons et jeunes pousses dans des zones préservées, loin de toute source de pollution. Chaque macérat est préparé à partir de \u003cstrong\u003eplantes fraîches\u003c\/strong\u003e, selon des méthodes traditionnelles respectueuses du cycle végétal. Fabriqué en Belgique, le Gem-Cell 05 Bio répond aux normes les plus strictes en matière de qualité et de traçabilité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gc-accordion\"\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 3 ans en raison de la présence d'alcool. En cas de doute ou de traitement en cours, consultez votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e💊 Usage et traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni un suivi par un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon à 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  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"gc-cta-box\"\u003e\n      \u003cp\u003e🌿 Le \u003cstrong\u003eGem-Cell 05 Bio Alphagem\u003c\/strong\u003e est votre allié naturel pour accompagner vos objectifs minceur grâce à la puissance des bourgeons. Offrez à votre corps le meilleur de la gemmothérapie biologique et retrouvez légèreté et vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gc-disclaimer\"\u003eComplé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\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --gc-cream: #f7f5f0;\n  --gc-white: #ffffff;\n  --gc-primary: #5a8a2f;\n  --gc-primary-dark: #3d6b1e;\n  --gc-primary-light: #eef5e6;\n  --gc-secondary: #e8a625;\n  --gc-accent: #c48a1a;\n  --gc-text: #1a1a1a;\n  --gc-text-light: #5a5a5a;\n  --gc-border: #e0e0e0;\n  --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gc-radius: 20px;\n  --gc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gc-primary-dark) 0%, var(--gc-primary) 50%, #7aa84a 100%);\n  border-radius: var(--gc-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(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(232,166,37,.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(255,255,255,.03) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gc-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.gc-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: .02em;\n}\n\n.gc-description {\n  color: rgba(255,255,255,.85);\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.gc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gc-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(--gc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gc-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.gc-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(--gc-primary), var(--gc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gc-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.gc-card {\n  background: var(--gc-white);\n  border-radius: var(--gc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gc-shadow-lg);\n  border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n  padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gc-primary), var(--gc-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.gc-timeline-content {\n  flex: 1;\n  background: var(--gc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gc-radius-sm);\n  box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n  font-size: 14px;\n  color: var(--gc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gc-testimonial {\n  background: var(--gc-white);\n  border-radius: var(--gc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gc-shadow);\n  border-left: 4px solid var(--gc-primary);\n}\n\n.gc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n  background: var(--gc-white);\n  border-radius: var(--gc-radius);\n  box-shadow: var(--gc-shadow);\n  overflow: hidden;\n}\n\n.gc-accordion-item {\n  border-bottom: 1px solid var(--gc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gc-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.gc-accordion-header:hover {\n  background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gc-primary);\n  transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n  content: '−';\n}\n\n.gc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gc-primary-light);\n  border-radius: var(--gc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gc-tip p {\n  font-size: 14px;\n  color: var(--gc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n  background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n  border-radius: var(--gc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gc-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.gc-disclaimer {\n  font-size: 12px;\n  color: var(--gc-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  .gc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gc-card {\n    padding: 1.125rem;\n  }\n\n  .gc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gc-radius-sm);\n  }\n\n  .gc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gc-grid-compact {\n    gap: .625rem;\n  }\n\n  .gc-grid-compact .gc-card {\n    padding: .75rem;\n  }\n\n  .gc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gc-card {\n    animation: gcFadeInUp .5s ease backwards;\n  }\n  .gc-card:nth-child(1) { animation-delay: .05s; }\n  .gc-card:nth-child(2) { animation-delay: .1s; }\n  .gc-card:nth-child(3) { animation-delay: .15s; }\n  .gc-card:nth-child(4) { animation-delay: .2s; }\n  .gc-card:nth-child(5) { animation-delay: .25s; }\n  .gc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcFadeInUp {\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  .gc-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":45754890879133,"sku":"REF697","price":19.41,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-CELL-05-BIO-50-ML-639533.jpg?v=1732720451"},{"product_id":"gem-ven-17-bio-50-ml-alphagem","title":"Gem-ven 17 Bio - 50 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Ven 17 Bio - Alphagem\nPalette détectée:\n  - Primaire: #7AB927 (vert vif du logo Alphagem et feuilles)\n  - Secondaire: #C8102E (rouge bordeaux du bandeau GEM-VEN)\n  - Accent: #2E5735 (vert foncé du bandeau GEMMO-COMPLEXE)\n  - Brun flacon: #3D2914 (ambre foncé du flacon)\nAmbiance: Naturel\/bio, phytothérapie, santé naturelle, expertise botanique\nPréfixe CSS: gv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Ven 17 Bio : le complexe gemmothérapie pour des jambes légères au quotidien\"\n  2. \"Pourquoi choisir ce complexe pour votre confort circulatoire ?\"\n  3. \"Une synergie de quatre bourgeons aux vertus complémentaires\"\n  4. \"Composition complète pour 15 gouttes (dose maximale journalière)\"\n  5. \"Comment utiliser le Gem-Ven 17 Bio ?\"\n  6. \"Questions fréquentes sur ce gemmo-complexe\"\n  7. \"L'expertise Alphagem : de l'arbre au flacon\"\n  8. \"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=\"gv-premium\"\u003e\n  \n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gv-hero\"\u003e\n    \u003cdiv class=\"gv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gv-hero-content\"\u003e\n      \u003cdiv class=\"gv-badges-top\"\u003e\n        \u003cspan class=\"gv-badge\"\u003e🌿 Gemmothérapie Bio\u003c\/span\u003e\n        \u003cspan class=\"gv-badge\"\u003e🇧🇪 Laboratoire Belge\u003c\/span\u003e\n        \u003cspan class=\"gv-badge\"\u003e💧 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gv-hero-title\"\u003eGem-Ven 17 Bio\u003c\/span\u003e\n      \u003cp class=\"gv-subtitle\"\u003eGemmo-Complexe Jambes Lourdes\u003c\/p\u003e\n      \u003cp class=\"gv-description\"\u003eSynergie de 4 bourgeons biologiques pour soutenir votre circulation veineuse et retrouver des jambes légères au quotidien\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eGem-Ven 17 Bio : le complexe gemmothérapie pour des jambes légères au quotidien\u003c\/h2\u003e\n    \u003cp class=\"gv-section-intro\"\u003eVous connaissez cette sensation désagréable de jambes lourdes en fin de journée ? Ces gonflements au niveau des chevilles, cette fatigue qui s'installe dans vos membres inférieurs ?\u003c\/p\u003e\n    \u003cdiv class=\"gv-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eGem-Ven 17 Bio d'Alphagem\u003c\/strong\u003e est un concentré de gemmothérapie spécialement formulé pour soutenir votre \u003cstrong\u003ecirculation veineuse et lymphatique\u003c\/strong\u003e. Ce gemmo-complexe associe quatre macérats-mères de bourgeons biologiques, reconnus pour leurs propriétés veinotoniques et drainantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complexe pour votre confort circulatoire ?\u003c\/h2\u003e\n    \u003cp class=\"gv-section-intro\"\u003eLa gemmothérapie utilise la puissance des tissus embryonnaires végétaux – bourgeons et jeunes pousses – au moment où leur concentration en principes actifs est maximale.\u003c\/p\u003e\n    \u003cdiv class=\"gv-grid\"\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n        \u003cp\u003eSoulage la sensation de lourdeur, particulièrement en position debout prolongée ou par temps chaud\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e💜 Varices \u0026amp; varicosités\u003c\/h3\u003e\n        \u003cp\u003eAction sur les varices gênantes sur le plan esthétique et fonctionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🩹 Hémorroïdes\u003c\/h3\u003e\n        \u003cp\u003eSoutien en cas d'insuffisance veineuse au niveau pelvien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e💧 Œdèmes\u003c\/h3\u003e\n        \u003cp\u003eAide à réduire les œdèmes des membres inférieurs et la rétention d'eau localisée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🩸 Fragilité capillaire\u003c\/h3\u003e\n        \u003cp\u003eRenforce les capillaires et réduit la tendance aux ecchymoses\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🌡️ Retour veineux\u003c\/h3\u003e\n        \u003cp\u003eFavorise une meilleure circulation veineuse dans les membres inférieurs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eUne synergie de quatre bourgeons aux vertus complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"gv-grid\"\u003e\n      \u003cdiv class=\"gv-card gv-card-ingredient\"\u003e\n        \u003ch3\u003e🌰 Châtaignier\u003c\/h3\u003e\n        \u003cp class=\"gv-latin\"\u003eCastanea sativa\u003c\/p\u003e\n        \u003cp\u003eLe \u003cstrong\u003egrand draineur du système lymphatique\u003c\/strong\u003e. Favorise le retour veineux et aide à décongestionner les tissus engorgés. Particulièrement indiqué pour les personnes sujettes à la cellulite et aux œdèmes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card gv-card-ingredient\"\u003e\n        \u003ch3\u003e🌳 Marronnier d'Inde\u003c\/h3\u003e\n        \u003cp class=\"gv-latin\"\u003eAesculus hippocastanum\u003c\/p\u003e\n        \u003cp\u003eIncontournable en phytothérapie veineuse. Propriétés \u003cstrong\u003eveinotoniques et anti-inflammatoires\u003c\/strong\u003e puissantes. Renforce la paroi des vaisseaux et diminue leur perméabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card gv-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Noisetier\u003c\/h3\u003e\n        \u003cp class=\"gv-latin\"\u003eCorylus avellana\u003c\/p\u003e\n        \u003cp\u003eLes jeunes pousses agissent sur la \u003cstrong\u003emicrocirculation\u003c\/strong\u003e et contribuent à fluidifier le sang. Également reconnu pour son action sur le système respiratoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card gv-card-ingredient\"\u003e\n        \u003ch3\u003e🍂 Sorbier domestique\u003c\/h3\u003e\n        \u003cp class=\"gv-latin\"\u003eSorbus domestica\u003c\/p\u003e\n        \u003cp\u003eSpécialiste de la \u003cstrong\u003ecirculation veineuse périphérique\u003c\/strong\u003e. Tonifie les parois veineuses, améliore le retour veineux et soulage efficacement les jambes fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eComposition complète pour 15 gouttes (dose maximale journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"gv-composition-box\"\u003e\n      \u003cdiv class=\"gv-grid-compact\"\u003e\n        \u003cdiv class=\"gv-card\"\u003e\n          \u003ch3\u003e🌰 Châtaignier bio\u003c\/h3\u003e\n          \u003cp\u003eMacérat-mère de bourgeons\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gv-card\"\u003e\n          \u003ch3\u003e🌳 Marronnier bio\u003c\/h3\u003e\n          \u003cp\u003eMacérat-mère de bourgeons\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gv-card\"\u003e\n          \u003ch3\u003e🌿 Noisetier bio\u003c\/h3\u003e\n          \u003cp\u003eMacérat-mère jeunes pousses\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gv-card\"\u003e\n          \u003ch3\u003e🍂 Sorbier bio\u003c\/h3\u003e\n          \u003cp\u003eMacérat-mère jeunes pousses\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-specs\"\u003e\n        \u003cp\u003e\u003cstrong\u003eSolvant :\u003c\/strong\u003e eau, glycérine végétale, alcool (35% vol.)\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e flacon de 50 ml avec compte-gouttes\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique certifiée par Certisys BE-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eComment utiliser le Gem-Ven 17 Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gv-timeline\"\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003ePosologie adaptée\u003c\/h3\u003e\n          \u003cp\u003e5 à 15 gouttes par jour selon l'intensité de vos symptômes. Commencez par 5 gouttes les premiers jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003eAdministration sublinguale\u003c\/h3\u003e\n          \u003cp\u003eDirectement sous la langue pour une absorption rapide, ou diluées dans un verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence 15 minutes avant un repas ou 2 heures après pour une meilleure assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e21 jours consécutifs, renouvelable après une semaine de pause.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-tip\"\u003e\n      \u003cspan class=\"gv-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e en période estivale ou lors de longs trajets en avion, anticipez en débutant votre cure quelques jours avant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur ce gemmo-complexe\u003c\/h2\u003e\n    \u003cdiv class=\"gv-accordion\"\u003e\n      \u003cdetails class=\"gv-accordion-item\"\u003e\n        \u003csummary class=\"gv-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"gv-accordion-content\"\u003e\n          \u003cp\u003eLa gemmothérapie agit en profondeur et progressivement. Les premières améliorations se font généralement sentir après \u003cstrong\u003e7 à 10 jours\u003c\/strong\u003e de prise régulière. Pour un résultat durable, il est conseillé de réaliser au moins 2 à 3 cures espacées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gv-accordion-item\"\u003e\n        \u003csummary class=\"gv-accordion-header\"\u003e💊 Puis-je l'associer à d'autres compléments alimentaires ?\u003c\/summary\u003e\n        \u003cdiv class=\"gv-accordion-content\"\u003e\n          \u003cp\u003eOui, le Gem-Ven 17 peut être associé à d'autres macérats de bourgeons ou à des compléments alimentaires circulatoires. Pour une action renforcée, il se marie bien avec une supplémentation en vitamine C ou en flavonoïdes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gv-accordion-item\"\u003e\n        \u003csummary class=\"gv-accordion-header\"\u003e🐴 Ce produit convient-il aux chevaux ?\u003c\/summary\u003e\n        \u003cdiv class=\"gv-accordion-content\"\u003e\n          \u003cp\u003eLa gemmothérapie s'utilise également en médecine vétérinaire. Pour votre cheval, consultez un vétérinaire qui adaptera la posologie à son poids et à ses besoins spécifiques, notamment pour le système respiratoire ou circulatoire.\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=\"gv-section\"\u003e\n    \u003ch2\u003eL'expertise Alphagem : de l'arbre au flacon\u003c\/h2\u003e\n    \u003cdiv class=\"gv-testimonial\"\u003e\n      \u003cp class=\"gv-testimonial-text\"\u003eAlphagem est un laboratoire belge spécialisé exclusivement en gemmothérapie depuis plus de 20 ans. Leur savoir-faire repose sur une \u003cstrong\u003erécolte manuelle des bourgeons\u003c\/strong\u003e au stade optimal de développement, suivie d'une macération traditionnelle dans un mélange eau-alcool-glycérine qui préserve l'intégralité des principes actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-grid-compact\"\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🏆 Macérats-mères\u003c\/h3\u003e\n        \u003cp\u003eConcentrés non dilués\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e✋ Récolte manuelle\u003c\/h3\u003e\n        \u003cp\u003eAu stade optimal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié Certisys\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🇧🇪 Made in Belgium\u003c\/h3\u003e\n        \u003cp\u003e+20 ans d'expertise\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"gv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n    \u003cdiv class=\"gv-accordion\"\u003e\n      \u003cdetails class=\"gv-accordion-item\" open\u003e\n        \u003csummary class=\"gv-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"gv-accordion-content\"\u003e\n          \u003cul class=\"gv-precautions-list\"\u003e\n            \u003cli\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni un avis médical en cas de pathologie veineuse avérée\u003c\/li\u003e\n            \u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable\u003c\/li\u003e\n            \u003cli\u003eContient de l'alcool (35% vol.) : à prendre en compte pour les personnes concernées\u003c\/li\u003e\n            \u003cli\u003eNe pas dépasser la dose journalière recommandée de 15 gouttes\u003c\/li\u003e\n            \u003cli\u003eConserver à l'abri de la lumière et de la chaleur, hors de portée des enfants\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cp class=\"gv-disclaimer\"\u003eEn cas de symptômes persistants ou de douleurs importantes, consultez votre médecin ou votre phlébologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos jambes le soutien naturel qu'elles méritent avec le \u003cstrong\u003eGem-Ven 17 Bio d'Alphagem\u003c\/strong\u003e. Cette synergie de bourgeons soigneusement sélectionnés vous accompagne au quotidien pour retrouver légèreté et confort, saison après saison.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gv-cream: #f8f7f4;\n  --gv-white: #ffffff;\n  --gv-primary: #7AB927;\n  --gv-primary-dark: #5a8c1c;\n  --gv-primary-light: #e8f5d6;\n  --gv-secondary: #C8102E;\n  --gv-secondary-light: #fce8eb;\n  --gv-accent: #2E5735;\n  --gv-text: #1a1a1a;\n  --gv-text-light: #5a5a5a;\n  --gv-border: #e0e0e0;\n  --gv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gv-radius: 20px;\n  --gv-radius-sm: 12px;\n}\n\n.gv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gv-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-accent) 50%, var(--gv-primary-dark) 100%);\n  border-radius: var(--gv-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(--gv-shadow-lg);\n}\n\n.gv-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='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.gv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gv-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(--gv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gv-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.gv-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-transform: uppercase;\n  letter-spacing: .1em;\n}\n\n.gv-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.gv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gv-accent);\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.gv-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(--gv-primary), var(--gv-secondary));\n  border-radius: 2px;\n}\n\n.gv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gv-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\/* === HIGHLIGHT BOX === *\/\n.gv-highlight-box {\n  background: var(--gv-white);\n  border-radius: var(--gv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gv-shadow);\n  border-left: 5px solid var(--gv-primary);\n}\n\n.gv-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gv-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === GRILLES === *\/\n.gv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gv-card {\n  background: var(--gv-white);\n  border-radius: var(--gv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gv-shadow-lg);\n  border-color: var(--gv-primary);\n}\n\n.gv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gv-accent);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gv-card-ingredient {\n  text-align: left;\n}\n\n.gv-card-ingredient h3 {\n  text-align: center;\n  margin-bottom: .25rem;\n}\n\n.gv-latin {\n  font-style: italic;\n  font-size: 12px !important;\n  color: var(--gv-primary) !important;\n  text-align: center;\n  margin-bottom: .75rem !important;\n}\n\n.gv-grid-compact .gv-card {\n  padding: 1rem;\n}\n\n.gv-grid-compact .gv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gv-grid-compact .gv-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gv-composition-box {\n  background: var(--gv-white);\n  border-radius: var(--gv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gv-shadow);\n}\n\n.gv-composition-box .gv-grid-compact {\n  margin-bottom: 1.5rem;\n}\n\n.gv-composition-box .gv-card {\n  background: var(--gv-primary-light);\n  box-shadow: none;\n}\n\n.gv-specs {\n  border-top: 1px solid var(--gv-border);\n  padding-top: 1rem;\n}\n\n.gv-specs p {\n  font-size: 14px;\n  color: var(--gv-text);\n  margin: .5rem 0;\n}\n\n\/* === TIMELINE === *\/\n.gv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gv-primary), var(--gv-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.gv-timeline-content {\n  flex: 1;\n  background: var(--gv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gv-radius-sm);\n  box-shadow: var(--gv-shadow);\n}\n\n.gv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gv-accent);\n  margin: 0 0 .25rem 0;\n}\n\n.gv-timeline-content p {\n  font-size: 14px;\n  color: var(--gv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gv-primary-light);\n  border-radius: var(--gv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gv-tip p {\n  font-size: 14px;\n  color: var(--gv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gv-accordion {\n  background: var(--gv-white);\n  border-radius: var(--gv-radius);\n  box-shadow: var(--gv-shadow);\n  overflow: hidden;\n}\n\n.gv-accordion-item {\n  border-bottom: 1px solid var(--gv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gv-accent);\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.gv-accordion-header:hover {\n  background: var(--gv-primary-light);\n}\n\n.gv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gv-primary);\n  transition: transform .2s ease;\n}\n\n.gv-accordion-item[open] .gv-accordion-header::after {\n  content: '−';\n}\n\n.gv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gv-accordion-content p {\n  margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.gv-testimonial {\n  background: var(--gv-white);\n  border-radius: var(--gv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gv-shadow);\n  border-left: 4px solid var(--gv-primary);\n  margin-bottom: 1.5rem;\n}\n\n.gv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === PRECAUTIONS LIST === *\/\n.gv-precautions-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.gv-precautions-list li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: .75rem;\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--gv-text);\n}\n\n.gv-precautions-list li::before {\n  content: '•';\n  position: absolute;\n  left: 0;\n  color: var(--gv-secondary);\n  font-weight: bold;\n}\n\n.gv-disclaimer {\n  font-size: 13px;\n  color: var(--gv-text-light);\n  font-style: italic;\n  margin: 0;\n  padding-top: .5rem;\n  border-top: 1px solid var(--gv-border);\n}\n\n\/* === CTA FINAL === *\/\n.gv-cta-box {\n  background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-accent) 100%);\n  border-radius: var(--gv-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.gv-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  .gv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .gv-card {\n    padding: 1.125rem;\n  }\n  \n  .gv-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .gv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gv-radius-sm);\n  }\n  \n  .gv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .gv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .gv-grid-compact {\n    gap: .625rem;\n  }\n  \n  .gv-grid-compact .gv-card {\n    padding: .75rem;\n  }\n  \n  .gv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .gv-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .gv-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .gv-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .gv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .gv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .gv-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .gv-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .gv-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .gv-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gv-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .gv-card:nth-child(1) { animation-delay: .05s; }\n  .gv-card:nth-child(2) { animation-delay: .1s; }\n  .gv-card:nth-child(3) { animation-delay: .15s; }\n  .gv-card:nth-child(4) { animation-delay: .2s; }\n  .gv-card:nth-child(5) { animation-delay: .25s; }\n  .gv-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  .gv-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":53501166190969,"sku":"GE0025","price":21.83,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/alphagem-ven-50ml-268677.jpg?v=1732720503"},{"product_id":"vidanga-extrait-5-de-tanins-60-gelules-vegetales-ayurvana","title":"Vidanga Extrait 5% de Tanins - 60 Gélules végétales - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vidanga Extrait - Complément Ayurvédique\nPalette détectée:\n  - Primaire: #C4D947 (vert chartreuse vif du packaging - fraîcheur et vitalité)\n  - Secondaire: #8B9F2E (vert olive foncé - ancrage naturel)\n  - Accent: #E8B05C (ocre doré des motifs paisley - chaleur ayurvédique)\nAmbiance: Ayurvéda authentique, tradition indienne, naturel et végétal, wellness holistique\nPréfixe CSS: vdg\n--\u003e\n\n\u003cdiv class=\"vdg-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"vdg-hero\"\u003e\n    \u003cdiv class=\"vdg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vdg-hero-content\"\u003e\n      \u003cdiv class=\"vdg-badges-top\"\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🌿 Ayurvéda traditionnel\u003c\/span\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🌱 100% végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vdg-hero-title\"\u003eVidanga extrait\u003c\/span\u003e\n      \u003cp class=\"vdg-subtitle\"\u003eEmbelia ribes • 5% de tanins\u003c\/p\u003e\n      \u003cp class=\"vdg-description\"\u003ePlante purifiante majeure de l'Ayurvéda, la Vidanga est utilisée depuis des millénaires pour soutenir les défenses naturelles et purifier l'organisme en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🌿 Les bienfaits de la Vidanga\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSoutient activement le système immunitaire et renforce les défenses de l'organisme face aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e✨ Action purifiante\u003c\/h3\u003e\n        \u003cp\u003ePropriétés détoxifiantes reconnues en Ayurvéda pour purifier le système digestif et éliminer les toxines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e📜 Sagesse ancestrale\u003c\/h3\u003e\n        \u003cp\u003ePlante vénérée depuis des siècles dans la médecine traditionnelle indienne pour ses vertus exceptionnelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🔬 Extrait titré\u003c\/h3\u003e\n        \u003cp\u003eStandardisé à 5% de tanins pour garantir une concentration optimale en principes actifs à chaque prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules d'origine végétale convenant parfaitement aux régimes végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre global\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir l'harmonie de l'organisme selon les principes holistiques de l'Ayurvéda.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🌰 Composition par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-composition-box\"\u003e\n      \u003cdiv class=\"vdg-ingredient-main\"\u003e\n        \u003cdiv class=\"vdg-ingredient-header\"\u003e\n          \u003cspan class=\"vdg-ingredient-icon\"\u003e🌰\u003c\/span\u003e\n          \u003cdiv class=\"vdg-ingredient-info\"\u003e\n            \u003ch3\u003eEmbelia ribes (Vidanga)\u003c\/h3\u003e\n            \u003cspan class=\"vdg-ingredient-type\"\u003eExtrait de fruit\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"vdg-ingredient-dose\"\u003e250 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdg-ingredient-detail\"\u003e\n          \u003cspan class=\"vdg-titration\"\u003eStandardisé à 5% de tanins\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-ingredient-secondary\"\u003e\n        \u003cspan\u003e💊\u003c\/span\u003e\n        \u003cspan\u003eGélule végétale HPMC\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-usage-box\"\u003e\n      \u003cdiv class=\"vdg-usage-main\"\u003e\n        \u003cspan class=\"vdg-usage-dose\"\u003e1 à 2\u003c\/span\u003e\n        \u003cspan class=\"vdg-usage-unit\"\u003egélules par jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-usage-details\"\u003e\n        \u003cdiv class=\"vdg-usage-item\"\u003e\n          \u003cspan\u003e⏰\u003c\/span\u003e\n          \u003cspan\u003eAvant les repas\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdg-usage-item\"\u003e\n          \u003cspan\u003e💧\u003c\/span\u003e\n          \u003cspan\u003eAvec un grand verre d'eau\u003c\/span\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=\"vdg-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e💪 Immunité fragilisée\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant renforcer leurs défenses naturelles, notamment aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e✨ Recherche de détox\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour purifier l'organisme et éliminer les toxines accumulées dans le système digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🧘 Adeptes de l'Ayurvéda\u003c\/h3\u003e\n        \u003cp\u003eParfait pour ceux qui privilégient une approche naturelle et holistique de leur bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid-compact\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n        \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 mois de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🌍 Origine plante\u003c\/h3\u003e\n        \u003cp\u003eInde\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFrance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-accordion\"\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit sec et frais, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\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. Tenir hors de portée des jeunes enfants. Consulter un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eAyurVana - Laboratoire français spécialisé dans les compléments alimentaires ayurvédiques de haute qualité, formulés selon les principes de la médecine traditionnelle indienne.\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=\"vdg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vdg-cta-box\"\u003e\n      \u003cp\u003e🌿 Découvrez la puissance purifiante de la \u003cstrong\u003eVidanga\u003c\/strong\u003e, trésor de l'Ayurvéda millénaire, pour soutenir vos défenses naturelles et retrouver un organisme purifié.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vdg-cream: #fdfbf7;\n  --vdg-white: #ffffff;\n  --vdg-primary: #C4D947;\n  --vdg-primary-dark: #8B9F2E;\n  --vdg-primary-light: #f0f5d8;\n  --vdg-secondary: #E8B05C;\n  --vdg-accent: #A67B5B;\n  --vdg-text: #1a1a1a;\n  --vdg-text-light: #5a5a5a;\n  --vdg-border: #e0e0e0;\n  --vdg-shadow: 0 4px 24px rgba(139,159,46,.08);\n  --vdg-shadow-lg: 0 12px 48px rgba(139,159,46,.15);\n  --vdg-radius: 20px;\n  --vdg-radius-sm: 12px;\n}\n\n.vdg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vdg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vdg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C4D947 0%, #a8c03a 50%, #8B9F2E 100%);\n  border-radius: var(--vdg-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(--vdg-shadow-lg);\n}\n\n.vdg-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 12-20 10 2 8 10 14 20 14s18-6 20-14c-8 2-16-2-20-10z' fill='%23fff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.vdg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vdg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.vdg-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(--vdg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vdg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vdg-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.vdg-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n}\n\n.vdg-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.vdg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vdg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vdg-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.vdg-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(--vdg-primary), var(--vdg-secondary));\n  border-radius: 2px;\n}\n\n.vdg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vdg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vdg-card {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vdg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vdg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vdg-shadow-lg);\n  border-color: var(--vdg-primary);\n}\n\n.vdg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vdg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vdg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vdg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Composition *\/\n.vdg-composition-box {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  overflow: hidden;\n}\n\n.vdg-ingredient-main {\n  background: linear-gradient(135deg, var(--vdg-primary-light) 0%, #fdfde8 100%);\n  padding: clamp(1.5rem, 4vw, 2rem);\n  border-bottom: 2px solid var(--vdg-primary);\n}\n\n.vdg-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.vdg-ingredient-icon {\n  font-size: 40px;\n}\n\n.vdg-ingredient-info {\n  flex: 1;\n  min-width: 150px;\n}\n\n.vdg-ingredient-info h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--vdg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vdg-ingredient-type {\n  font-size: 13px;\n  color: var(--vdg-text-light);\n}\n\n.vdg-ingredient-dose {\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--vdg-primary-dark);\n}\n\n.vdg-ingredient-detail {\n  margin-top: 1rem;\n}\n\n.vdg-titration {\n  display: inline-block;\n  background: var(--vdg-primary);\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: .5px;\n}\n\n.vdg-ingredient-secondary {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  padding: 1rem clamp(1.5rem, 4vw, 2rem);\n  font-size: 14px;\n  color: var(--vdg-text-light);\n}\n\n\/* Usage *\/\n.vdg-usage-box {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n}\n\n.vdg-usage-main {\n  margin-bottom: 1.5rem;\n}\n\n.vdg-usage-dose {\n  display: block;\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  color: var(--vdg-primary);\n  line-height: 1;\n}\n\n.vdg-usage-unit {\n  font-size: clamp(16px, 3vw, 20px);\n  color: var(--vdg-text);\n  font-weight: 600;\n}\n\n.vdg-usage-details {\n  display: flex;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.vdg-usage-item {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  font-size: 14px;\n  color: var(--vdg-text-light);\n}\n\n\/* Accordéon *\/\n.vdg-accordion {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  overflow: hidden;\n}\n\n.vdg-accordion-item {\n  border-bottom: 1px solid var(--vdg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vdg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vdg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vdg-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.vdg-accordion-header:hover {\n  background: var(--vdg-primary-light);\n}\n\n.vdg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vdg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vdg-primary);\n  transition: transform .2s ease;\n}\n\n.vdg-accordion-item[open] .vdg-accordion-header::after {\n  content: '−';\n}\n\n.vdg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vdg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.vdg-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA *\/\n.vdg-cta-box {\n  background: linear-gradient(135deg, var(--vdg-primary) 0%, var(--vdg-primary-dark) 100%);\n  border-radius: var(--vdg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vdg-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.vdg-cta-box strong {\n  font-weight: 800;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n  .vdg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vdg-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vdg-grid-compact .vdg-card {\n    padding: .75rem;\n  }\n  \n  .vdg-grid-compact .vdg-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .vdg-grid-compact .vdg-card p {\n    font-size: 12px;\n  }\n  \n  .vdg-card {\n    padding: 1.125rem;\n  }\n  \n  .vdg-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vdg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vdg-radius-sm);\n  }\n  \n  .vdg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vdg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vdg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vdg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .vdg-ingredient-header {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .vdg-usage-details {\n    gap: 1rem;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vdg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vdg-card:nth-child(1) { animation-delay: .05s; }\n  .vdg-card:nth-child(2) { animation-delay: .1s; }\n  .vdg-card:nth-child(3) { animation-delay: .15s; }\n  .vdg-card:nth-child(4) { animation-delay: .2s; }\n  .vdg-card:nth-child(5) { animation-delay: .25s; }\n  .vdg-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  .vdg-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":45755111080093,"sku":"AY9924","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vidanga-extrait_60-gelules_ayurvana_11zon.jpg?v=1767975517"},{"product_id":"tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Tulsi (basilic Sacré) Bio - Poudre 150 grammes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi (Basilic Sacré) Bio - Poudre 150g AyurVana\nPalette détectée:\n  - Primaire: #E87B2A (orange vif du bandeau et accents)\n  - Secondaire: #4A7C59 (vert naturel\/feuilles de tulsi)\n  - Accent: #D4A574 (beige kraft du sachet)\n  - Tertiaire: #1E6B8A (bleu turquoise des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"tulsi-hero\"\u003e\n    \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tulsi-hero-content\"\u003e\n      \u003cdiv class=\"tulsi-badges-top\"\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e✨ Adaptogène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré de l'Ayurveda\u003c\/p\u003e\n      \u003cp class=\"tulsi-description\"\u003ePlante vénérée depuis des millénaires en Inde, le Tulsi (Ocimum sanctum) est votre allié naturel pour une respiration apaisée, un système immunitaire renforcé et une gestion optimale du stress.\u003c\/p\u003e\n      \u003cdiv class=\"tulsi-hero-specs\"\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e150g\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eFeuilles de Tulsi\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003eBio\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eCertifié AB\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES SANTÉ --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌺 Les bienfaits ancestraux du tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eLe Tulsi renforce naturellement les défenses de l'organisme et soutient le système immunitaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eAdaptogène puissant\u003c\/h3\u003e\n        \u003cp\u003eAide à mieux gérer le stress et favorise l'équilibre mental et physique grâce à ses propriétés adaptogènes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e💨\u003c\/div\u003e\n        \u003ch3\u003eRespiration apaisée\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour apaiser les voies respiratoires et favoriser un confort respiratoire optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eContribue à la protection des cellules contre les dommages oxydatifs grâce à sa richesse en antioxydants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003eDigestion harmonieuse\u003c\/h3\u003e\n        \u003cp\u003eSoutient une digestion saine et aide à maintenir le confort digestif au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003ch3\u003eAnti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003ePropriétés anti-inflammatoires traditionnellement reconnues pour le bien-être général de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌱 Une composition pure et simple\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-composition-box\"\u003e\n      \u003cdiv class=\"tulsi-composition-main\"\u003e\n        \u003cdiv class=\"tulsi-composition-content\"\u003e\n          \u003ch3\u003eFeuilles de Tulsi (Ocimum sanctum)\u003c\/h3\u003e\n          \u003cp\u003e100% poudre de feuilles de basilic sacré issues de l'agriculture biologique\u003c\/p\u003e\n          \u003cdiv class=\"tulsi-composition-tags\"\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans additifs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans conservateurs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans OGM\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans pesticides\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!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📖 Comment utiliser votre tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-usage-grid\"\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 cuillères à café de poudre par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn boisson\u003c\/h3\u003e\n          \u003cp\u003eAjoutez à vos infusions, smoothies ou jus chauds ou froids\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n          \u003cp\u003eIncorporez dans vos soupes, plats mijotés et préparations culinaires\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eBien mélanger\u003c\/h3\u003e\n          \u003cp\u003eAssurez une bonne répartition de la poudre dans votre préparation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ORIGINE --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🇮🇳 Origine et savoir-faire\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-origin-box\"\u003e\n      \u003cdiv class=\"tulsi-origin-content\"\u003e\n        \u003cdiv class=\"tulsi-origin-icon\"\u003e🏔️\u003c\/div\u003e\n        \u003ch3\u003eCultivé avec soin en Inde\u003c\/h3\u003e\n        \u003cp\u003eNotre Tulsi bio provient de fermes biologiques soigneusement sélectionnées en Inde, berceau de l'Ayurveda où le basilic sacré est vénéré et utilisé depuis des millénaires.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-origin-steps\"\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e🌱\u003c\/span\u003e\n            \u003cspan\u003eCulture biologique\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✋\u003c\/span\u003e\n            \u003cspan\u003eRécolte à la main\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e☀️\u003c\/span\u003e\n            \u003cspan\u003eSéchage naturel\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e⚙️\u003c\/span\u003e\n            \u003cspan\u003eBroyage fin\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✅\u003c\/span\u003e\n            \u003cspan\u003eContrôle qualité\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!-- POUR QUI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid tulsi-grid-3\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e😰\u003c\/div\u003e\n        \u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n        \u003cp\u003eCherchant un soutien naturel pour mieux gérer le stress quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🤧\u003c\/div\u003e\n        \u003ch3\u003eVoies respiratoires sensibles\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant apaiser et soutenir leur confort respiratoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘‍♀️\u003c\/div\u003e\n        \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n        \u003cp\u003eIntégrant les plantes sacrées indiennes dans leur routine bien-être\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité fragile\u003c\/h3\u003e\n        \u003cp\u003eDésireux de renforcer naturellement leurs défenses immunitaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍵\u003c\/div\u003e\n        \u003ch3\u003eAmateurs de thés \u0026amp; infusions\u003c\/h3\u003e\n        \u003cp\u003eÀ la recherche de nouvelles saveurs aux vertus bienfaisantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🥗\u003c\/div\u003e\n        \u003ch3\u003eCuisiniers créatifs\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant enrichir leurs plats d'une touche ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🏆 Certifications et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-certif-grid\"\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eAgriculture Biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003e100% Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans pesticides\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-info-grid\"\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eContenance\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003e150 grammes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📍\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eOrigine\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eInde\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📋\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eForme\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eConservation\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eAu sec, à l'abri de la lumière\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tulsi-cta-box\"\u003e\n      \u003cdiv class=\"tulsi-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"tulsi-cta-content\"\u003e\n        \u003cp\u003eOffrez à votre corps et à votre esprit les bienfaits millénaires du basilic sacré. Avec le Tulsi Bio AyurVana, adoptez un remède ancestral, naturellement efficace, pour votre bien-être quotidien.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-cta-tagline\"\u003eLa sagesse de l'Ayurveda à votre portée\u003c\/div\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  --tulsi-cream: #FDF8F3;\n  --tulsi-white: #ffffff;\n  --tulsi-primary: #E87B2A;\n  --tulsi-primary-dark: #C45D10;\n  --tulsi-primary-light: #FFF4EC;\n  --tulsi-secondary: #4A7C59;\n  --tulsi-secondary-light: #E8F5E9;\n  --tulsi-accent: #1E6B8A;\n  --tulsi-kraft: #D4A574;\n\n  \/* Textes *\/\n  --tulsi-text: #2C2C2C;\n  --tulsi-text-light: #5D5D5D;\n\n  \/* Effets *\/\n  --tulsi-border: #E8E0D8;\n  --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --tulsi-radius: 20px;\n  --tulsi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tulsi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tulsi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--tulsi-text);\n  line-height: 1.6;\n}\n\n.tulsi-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tulsi-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tulsi-primary) 0%, var(--tulsi-primary-dark) 50%, #A84D08 100%);\n  border-radius: var(--tulsi-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(--tulsi-shadow-lg);\n}\n\n.tulsi-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-5 8-15 12-15 20s10 15 15 20c5-5 15-12 15-20S35 13 30 5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  background-size: 80px 80px;\n  opacity: 0.6;\n}\n\n.tulsi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tulsi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.tulsi-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(--tulsi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\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.tulsi-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  font-style: italic;\n}\n\n.tulsi-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-hero-specs {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.tulsi-spec {\n  text-align: center;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  padding: 1rem 1.5rem;\n  border-radius: var(--tulsi-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.tulsi-spec-value {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.tulsi-spec-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255,255,255,.85);\n  font-weight: 500;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tulsi-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tulsi-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--tulsi-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.tulsi-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(--tulsi-primary), var(--tulsi-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tulsi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.tulsi-card {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.tulsi-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tulsi-shadow-lg);\n  border-color: var(--tulsi-primary);\n}\n\n.tulsi-card-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tulsi-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.tulsi-card p {\n  font-size: 15px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tulsi-card-benefit {\n  text-align: center;\n}\n\n.tulsi-card-benefit:hover .tulsi-card-icon {\n  animation: bounce .5s ease;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tulsi-composition-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-secondary);\n  box-shadow: var(--tulsi-shadow);\n}\n\n.tulsi-composition-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.tulsi-composition-icon {\n  font-size: 60px;\n  flex-shrink: 0;\n}\n\n.tulsi-composition-content {\n  flex: 1;\n  min-width: 250px;\n}\n\n.tulsi-composition-content h3 {\n  font-size: clamp(20px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--tulsi-secondary);\n  margin: 0 0 0.5rem 0;\n}\n\n.tulsi-composition-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  margin: 0 0 1.5rem 0;\n}\n\n.tulsi-composition-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.tulsi-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--tulsi-white);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--tulsi-secondary);\n  border: 1px solid var(--tulsi-secondary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tulsi-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-usage-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-usage-number {\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\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  flex-shrink: 0;\n}\n\n.tulsi-usage-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  margin: 0 0 0.25rem 0;\n}\n\n.tulsi-usage-content p {\n  font-size: 14px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.tulsi-origin-box {\n  background: linear-gradient(135deg, var(--tulsi-primary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-kraft);\n  box-shadow: var(--tulsi-shadow);\n  text-align: center;\n}\n\n.tulsi-origin-icon {\n  font-size: 50px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-origin-content h3 {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--tulsi-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.tulsi-origin-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-origin-steps {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.tulsi-origin-step {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--tulsi-white);\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tulsi-text);\n  box-shadow: 0 2px 8px rgba(0,0,0,.06);\n}\n\n.tulsi-step-icon {\n  font-size: 18px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.tulsi-certif-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-certif-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid var(--tulsi-border);\n  transition: all .3s ease;\n}\n\n.tulsi-certif-card:hover {\n  border-color: var(--tulsi-secondary);\n  transform: translateY(-4px);\n}\n\n.tulsi-certif-icon {\n  font-size: 36px;\n}\n\n.tulsi-certif-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tulsi-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-info-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--tulsi-shadow);\n  border-left: 4px solid var(--tulsi-primary);\n}\n\n.tulsi-info-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.tulsi-info-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.tulsi-info-label {\n  font-size: 12px;\n  color: var(--tulsi-text-light);\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  font-weight: 600;\n}\n\n.tulsi-info-value {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n}\n\n\/* === CTA FINAL === *\/\n.tulsi-cta-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #3A6249 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-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%3Cpath d='M20 2c-4 6-12 10-12 16s8 12 12 16c4-4 12-10 12-16S24 8 20 2z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  background-size: 60px 60px;\n}\n\n.tulsi-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tulsi-cta-icon {\n  font-size: 50px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.tulsi-cta-box p {\n  color: white;\n  font-size: clamp(16px, 2.5vw, 20px);\n  line-height: 1.7;\n  font-weight: 500;\n  max-width: 700px;\n  margin: 0 auto 1.5rem;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tulsi-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  color: white;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: .5px;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes bounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    animation: fadeInUp .6s ease backwards;\n  }\n  .tulsi-card:nth-child(1), .tulsi-usage-card:nth-child(1) { animation-delay: .1s; }\n  .tulsi-card:nth-child(2), .tulsi-usage-card:nth-child(2) { animation-delay: .2s; }\n  .tulsi-card:nth-child(3), .tulsi-usage-card:nth-child(3) { animation-delay: .3s; }\n  .tulsi-card:nth-child(4), .tulsi-usage-card:nth-child(4) { animation-delay: .4s; }\n  .tulsi-card:nth-child(5) { animation-delay: .5s; }\n  .tulsi-card:nth-child(6) { animation-delay: .6s; }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .tulsi-grid,\n  .tulsi-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .tulsi-hero-specs {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .tulsi-spec {\n    width: 100%;\n    max-width: 200px;\n  }\n  \n  .tulsi-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .tulsi-composition-tags {\n    justify-content: center;\n  }\n  \n  .tulsi-origin-steps {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .tulsi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    border: 2px solid var(--tulsi-text);\n  }\n  \n  .tulsi-badge {\n    border: 2px solid var(--tulsi-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111506077,"sku":"AY9933","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana-827581.jpg?v=1732722036"},{"product_id":"guduchi-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Guduchi Bio en poudre - 150g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guduchi Bio en poudre - 150g - AyurVana\nPalette détectée:\n  - Primaire: #C75B2A (terre cuite\/orangé du packaging et du logo AyurVana)\n  - Secondaire: #5B8C3E (vert naturel des feuilles de Guduchi illustrées)\n  - Accent: #8B5E3C (brun kraft du sachet)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, traditionnel indien, authenticité\nPréfixe CSS: gu\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Guduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\"\n  2. \"Pourquoi choisir le Guduchi comme complément immunitaire ?\"\n  3. \"Composition\"\n  4. \"Comment prendre le Guduchi en poudre ?\"\n  5. \"Précautions d'emploi\"\n  6. \"Le choix AyurVana : qualité et authenticité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gu-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gu-hero\"\u003e\n    \u003cdiv class=\"gu-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gu-hero-content\"\u003e\n      \u003cdiv class=\"gu-badges-top\"\u003e\n        \u003cspan class=\"gu-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gu-hero-title\"\u003eGuduchi Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"gu-subtitle\"\u003e150 g · AyurVana · Tinospora cordifolia\u003c\/p\u003e\n      \u003cp class=\"gu-description\"\u003eLe « nectar d'immortalité » de l'Ayurvéda — une poudre pure à 100 % pour stimuler vos défenses naturelles, sans excipient ni additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eGuduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eSurnommé \u003cstrong\u003e« nectar d'immortalité »\u003c\/strong\u003e dans la tradition ayurvédique, le \u003cstrong\u003eGuduchi\u003c\/strong\u003e (\u003cem\u003eTinospora cordifolia\u003c\/em\u003e) est l'une des plantes les plus respectées de la pharmacopée indienne.\u003c\/p\u003e\n    \u003cdiv class=\"gu-highlight-box\"\u003e\n      \u003cp\u003eAvec cette poudre bio de \u003cstrong\u003e150 g\u003c\/strong\u003e proposée par \u003cstrong\u003eAyurVana\u003c\/strong\u003e, vous accédez à un \u003cstrong\u003ecomplément alimentaire pour le système immunitaire\u003c\/strong\u003e d'une pureté remarquable : \u003cstrong\u003e100 % tige de Guduchi\u003c\/strong\u003e, certifiée agriculture biologique, sans excipient ni additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Guduchi comme complément immunitaire ?\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eSi vous cherchez à \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e de façon naturelle, le Guduchi mérite toute votre attention. Plante adaptogène puissante, elle aide votre organisme à s'adapter au stress, à la fatigue saisonnière et aux agressions extérieures.\u003c\/p\u003e\n    \u003cdiv class=\"gu-grid\"\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🛡️ Stimulation des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour soutenir l'immunité, le Guduchi est un complément alimentaire de défense immunitaire de premier choix.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols et en composés amers, il aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🫀 Soutien hépatique et détoxification\u003c\/h3\u003e\n        \u003cp\u003eIl favorise le bon fonctionnement du foie, organe clé dans l'élimination des toxines accumulées par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n        \u003cp\u003eEn aidant l'organisme à retrouver son équilibre, il contribue à une sensation d'énergie durable tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gu-tip\"\u003e\n      \u003cspan class=\"gu-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCe complément pour le système immunitaire convient parfaitement aux \u003cstrong\u003epériodes de changement de saison\u003c\/strong\u003e ou de surmenage, quand votre corps a besoin d'un coup de pouce naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"gu-grid-compact\"\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🌿 Ingrédient unique\u003c\/h3\u003e\n        \u003cp\u003ePoudre de tiges de Guduchi* (Tinospora cordifolia)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🏷️ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans conservateur, sans additif. 100 % vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🇮🇳 Origine \u0026amp; conditionnement\u003c\/h3\u003e\n        \u003cp\u003eOrigine Inde — Conditionné en France en sachet hermétique recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eComment prendre le Guduchi en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e1 à 2 g par jour\u003c\/strong\u003e, soit environ une demi-cuillère à café.\u003c\/p\u003e\n    \u003cdiv class=\"gu-timeline\"\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🍯 Dans de l'eau tiède\u003c\/h3\u003e\n          \u003cp\u003eDiluez la poudre dans un verre d'eau tiède avec une pointe de miel pour adoucir son amertume caractéristique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🥤 Dans un smoothie\u003c\/h3\u003e\n          \u003cp\u003eAjoutez-la à un smoothie, un jus de fruits frais ou un lait végétal pour un mélange gourmand et nutritif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🍲 Dans une soupe ou sauce\u003c\/h3\u003e\n          \u003cp\u003eIncorporez-la dans une soupe ou une sauce — la chaleur ne détruit pas ses propriétés bénéfiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gu-tip\"\u003e\n      \u003cspan class=\"gu-tip-icon\"\u003e🌅\u003c\/span\u003e\n      \u003cp\u003ePour des résultats optimaux, consommez le Guduchi \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pendant une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. Renouvelez la cure plusieurs fois dans l'année, notamment à l'approche de l'automne et de l'hiver.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gu-accordion\"\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"gu-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. Ne dépassez pas la dose journalière conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le sachet bien fermé, à l'abri de la lumière et de l'humidité. Tenez hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; traitements\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous êtes enceinte, allaitante ou sous traitement, demandez l'avis de votre médecin ou 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  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gu-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe choix AyurVana : qualité et authenticité\u003c\/h2\u003e\n    \u003cdiv class=\"gu-cta-box\"\u003e\n      \u003cp\u003eAyurVana sélectionne ses plantes directement auprès de \u003cstrong\u003eproducteurs indiens engagés dans l'agriculture biologique\u003c\/strong\u003e. Chaque lot de Guduchi Bio est contrôlé pour garantir l'absence de pesticides, de métaux lourds et de contaminants. En choisissant cette poudre, vous optez pour un produit \u003cstrong\u003epur, traçable et respectueux de l'environnement\u003c\/strong\u003e — un véritable allié pour \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e au quotidien, en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gu-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'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\/* === VARIABLES === *\/\n:root {\n  --gu-cream: #faf6f1;\n  --gu-white: #ffffff;\n  --gu-primary: #C75B2A;\n  --gu-primary-dark: #8B3A15;\n  --gu-primary-light: #fdf0e8;\n  --gu-secondary: #5B8C3E;\n  --gu-accent: #8B5E3C;\n  --gu-text: #1a1a1a;\n  --gu-text-light: #5a5a5a;\n  --gu-border: #e8ddd3;\n  --gu-shadow: 0 4px 24px rgba(139, 58, 21, .08);\n  --gu-shadow-lg: 0 12px 48px rgba(139, 58, 21, .15);\n  --gu-radius: 20px;\n  --gu-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gu-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gu-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gu-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B3A15 0%, #C75B2A 45%, #5B8C3E 100%);\n  border-radius: var(--gu-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(--gu-shadow-lg);\n}\n\n.gu-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.gu-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gu-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.gu-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 500;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.gu-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.gu-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gu-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(--gu-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gu-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gu-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gu-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gu-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.gu-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(--gu-primary), var(--gu-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gu-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gu-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.gu-highlight-box {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gu-shadow);\n  border-left: 4px solid var(--gu-secondary);\n  text-align: center;\n}\n\n.gu-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gu-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.gu-card {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gu-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gu-shadow-lg);\n  border-color: var(--gu-primary);\n}\n\n.gu-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gu-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gu-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gu-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gu-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gu-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gu-grid-compact .gu-card {\n  padding: 1rem;\n}\n\n.gu-grid-compact .gu-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gu-grid-compact .gu-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gu-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gu-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gu-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gu-primary), var(--gu-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.gu-timeline-content {\n  flex: 1;\n  background: var(--gu-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gu-radius-sm);\n  box-shadow: var(--gu-shadow);\n}\n\n.gu-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gu-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gu-timeline-content p {\n  font-size: 14px;\n  color: var(--gu-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gu-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gu-primary-light);\n  border-radius: var(--gu-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gu-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gu-tip p {\n  font-size: 14px;\n  color: var(--gu-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gu-accordion {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  box-shadow: var(--gu-shadow);\n  overflow: hidden;\n}\n\n.gu-accordion-item {\n  border-bottom: 1px solid var(--gu-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gu-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gu-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gu-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.gu-accordion-header:hover {\n  background: var(--gu-primary-light);\n}\n\n.gu-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gu-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gu-primary);\n  transition: transform .2s ease;\n}\n\n.gu-accordion-item[open] .gu-accordion-header::after {\n  content: '−';\n}\n\n.gu-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gu-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gu-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gu-cta-box {\n  background: linear-gradient(135deg, var(--gu-primary) 0%, var(--gu-primary-dark) 100%);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gu-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.gu-disclaimer {\n  font-size: 12px;\n  color: var(--gu-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  .gu-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gu-card {\n    padding: 1.125rem;\n  }\n\n  .gu-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gu-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gu-radius-sm);\n  }\n\n  .gu-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gu-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gu-grid-compact {\n    gap: .625rem;\n  }\n\n  .gu-grid-compact .gu-card {\n    padding: .75rem;\n  }\n\n  .gu-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gu-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gu-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gu-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gu-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gu-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gu-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gu-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gu-card {\n    animation: guFadeInUp .5s ease backwards;\n  }\n  .gu-card:nth-child(1) { animation-delay: .05s; }\n  .gu-card:nth-child(2) { animation-delay: .1s; }\n  .gu-card:nth-child(3) { animation-delay: .15s; }\n  .gu-card:nth-child(4) { animation-delay: .2s; }\n  .gu-card:nth-child(5) { animation-delay: .25s; }\n  .gu-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guFadeInUp {\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  .gu-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":45755113865373,"sku":"AY9935","price":11.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guduchi-bio-en-poudre-150g-ayurvana-ingredients.webp?v=1770994830"},{"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\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":16.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":"amalaki-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Amalaki Bio en poudre - 150 g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Amalaki Bio en poudre - 150 g - AyurVana\nPalette détectée:\n  - Primaire: #6B8E23 (vert olive\/amla - couleur des fruits verts sur le packaging)\n  - Secondaire: #C8902E (doré\/jaune miel - bandeau jaune et logo AyurVana)\n  - Accent: #D4572A (terre\/orangé - motifs paisley et gouttes colorées)\n  - Kraft: #B8956A (couleur du sachet kraft naturel)\nAmbiance: Naturel\/ayurvédique, tradition indienne, bio\/authentique, chaleureux et terreux\nPréfixe CSS: amk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Amalaki Bio en poudre : une source exceptionnelle de vitamine C naturelle\"\n  2. \"Pourquoi choisir la poudre d'Amalaki ?\"\n  3. \"Conseils d'utilisation\"\n  4. \"Composition\"\n  5. \"Origine et qualité\"\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=\"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🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🍋 Vitamine C naturelle\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"amk-hero-title\"\u003eAmalaki Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"amk-subtitle\"\u003e150 g de poudre pure d'amla · AyurVana\u003c\/p\u003e\n      \u003cp class=\"amk-description\"\u003eLe trésor ayurvédique millénaire pour votre vitalité : une concentration exceptionnelle en vitamine C naturelle, sans aucun additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eAmalaki Bio en poudre : une source exceptionnelle de vitamine C naturelle\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eL'\u003cstrong\u003eAmalaki Bio en poudre\u003c\/strong\u003e d'AyurVana vous offre toute la puissance du fruit d'amla (\u003cem\u003ePhyllanthus emblica\u003c\/em\u003e), l'un des trésors les plus précieux de la tradition ayurvédique.\u003c\/p\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🫐 Groseille indienne\u003c\/h3\u003e\n        \u003cp\u003eSurnommé ainsi, ce petit fruit vert est considéré depuis des millénaires comme un pilier de vitalité en Ayurvéda.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🏆 Source exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003eL'amla figure parmi les meilleures sources de vitamine C naturelle bio connues au monde.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e📦 150 g de pureté\u003c\/h3\u003e\n        \u003cp\u003eUn concentré de bienfaits sans aucun additif. Juste le fruit, séché et finement broyé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🔬 Nutriments préservés\u003c\/h3\u003e\n        \u003cp\u003eLe broyage fin et le séchage à basse température conservent l'ensemble des principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la poudre d'Amalaki ?\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eSi vous cherchez une \u003cstrong\u003evitamine C naturelle en poudre\u003c\/strong\u003e, pure et facilement assimilable, l'amalaki est un choix remarquable. Contrairement à la vitamine C synthétique, celle contenue dans l'amla est accompagnée de tanins et de polyphénols qui renforcent son absorption.\u003c\/p\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🛡️ Puissant antioxydant\u003c\/h3\u003e\n        \u003cp\u003eAide à protéger les cellules contre le stress oxydatif quotidien grâce à sa richesse en polyphénols et tanins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eSa richesse en vitamine C naturelle pure bio contribue activement aux défenses naturelles de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eL'amalaki est réputé pour favoriser une bonne santé gastro-intestinale et une digestion agréable au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💇 Beauté des cheveux\u003c\/h3\u003e\n        \u003cp\u003eUtilisé en masque capillaire, il renforce les racines, stimule la pousse et redonne brillance et volume.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n        \u003cp\u003eEn application externe, il purifie et revitalise le teint pour un éclat naturel et une peau plus nette.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🧪 Composant du Triphala\u003c\/h3\u003e\n        \u003cp\u003eL'amalaki est l'un des trois fruits du célèbre Triphala, remède ayurvédique ancestral associant amla, haritaki et vibhitaki.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eMélangez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre d'amalaki dans un verre d'eau tiède, un jus de fruit, un smoothie ou un yaourt. Son goût acidulé et légèrement astringent se marie bien avec une touche de miel.\u003c\/p\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\u003e🥤 En boisson quotidienne\u003c\/h3\u003e\n          \u003cp\u003eDiluez 3 g dans un verre d'eau tiède, un jus de fruit ou un smoothie. Ajoutez du miel pour adoucir le goût.\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\u003e🍲 En cuisine\u003c\/h3\u003e\n          \u003cp\u003eSaupoudrez la poudre dans vos compotes, porridges ou sauces pour enrichir leur profil nutritionnel.\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\u003e💇 En masque capillaire\u003c\/h3\u003e\n          \u003cp\u003eMélangez la poudre avec un peu d'eau tiède jusqu'à obtenir une pâte. Appliquez sur les longueurs et le cuir chevelu, laissez poser 20 à 30 minutes, puis rincez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003e🧖 En masque visage\u003c\/h3\u003e\n          \u003cp\u003eMême préparation, appliquée sur peau propre pendant 15 minutes pour un effet purifiant et revitalisant.\u003c\/p\u003e\n        \u003c\/div\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\u003eÀ raison d'une prise par jour, le sachet de 150 g vous accompagne pendant environ \u003cstrong\u003e50 jours\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"amk-composition-highlight\"\u003e\n      \u003cdiv class=\"amk-composition-icon\"\u003e🌱\u003c\/div\u003e\n      \u003cdiv class=\"amk-composition-detail\"\u003e\n        \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n        \u003cp\u003e100 % poudre de fruit d'Amalaki biologique (\u003cem\u003ePhyllanthus emblica\u003c\/em\u003e)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur ni excipient ajouté\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eConvient aux personnes intolérantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n        \u003cp\u003e100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eOrigine et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"amk-timeline\"\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e🇮🇳\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eCulture biologique en Inde\u003c\/h3\u003e\n          \u003cp\u003eLes fruits d'amalaki sont cultivés selon les principes de l'agriculture biologique, récoltés à la main à maturité optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e🌡️\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eSéchage et broyage à basse température\u003c\/h3\u003e\n          \u003cp\u003eCe procédé délicat permet de conserver l'intégralité des principes actifs et de la vitamine C naturelle du fruit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eConditionnement en France\u003c\/h3\u003e\n          \u003cp\u003eEffectué par AyurVana, garantissant une traçabilité rigoureuse et un contrôle qualité exigeant à chaque étape.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\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\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un complément alimentaire et \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. En cas de grossesse, d'allaitement ou de traitement en cours, demandez conseil à votre médecin avant utilisation.\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 le sachet bien fermé, au sec et à l'abri de la lumière pour préserver toutes les qualités nutritionnelles de la poudre d'amla.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"amk-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Complément alimentaire à consommer dans le cadre d'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  --amk-cream: #FAF6F0;\n  --amk-white: #ffffff;\n  --amk-primary: #6B8E23;\n  --amk-primary-dark: #4A6A10;\n  --amk-primary-light: #EFF5E1;\n  --amk-secondary: #C8902E;\n  --amk-accent: #D4572A;\n  --amk-kraft: #B8956A;\n  --amk-text: #1a1a1a;\n  --amk-text-light: #5a5a5a;\n  --amk-border: #E5DDD3;\n  --amk-shadow: 0 4px 24px rgba(74, 106, 16, .08);\n  --amk-shadow-lg: 0 12px 48px rgba(74, 106, 16, .15);\n  --amk-radius: 20px;\n  --amk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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, #4A6A10 0%, #6B8E23 35%, #8AAD3A 65%, #C8902E 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:\n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(200,144,46,.15) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 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,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.amk-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.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}\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 TEXT === *\/\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: 650px;\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\/* === GRILLES === *\/\n.amk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === COMPOSITION HIGHLIGHT === *\/\n.amk-composition-highlight {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  background: linear-gradient(135deg, var(--amk-primary-light), rgba(200,144,46,.08));\n  border-radius: var(--amk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.25rem;\n  border: 2px solid rgba(107,142,35,.15);\n}\n\n.amk-composition-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.amk-composition-detail h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.amk-composition-detail p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--amk-text);\n  margin: 0;\n  line-height: 1.5;\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-composition-highlight {\n    flex-direction: column;\n    text-align: center;\n    gap: .75rem;\n    padding: 1rem;\n  }\n\n  .amk-composition-icon {\n    font-size: 36px;\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  .amk-timeline-item {\n    animation: amkFadeInUp .5s ease backwards;\n  }\n  .amk-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .amk-timeline-item:nth-child(2) { animation-delay: .12s; }\n  .amk-timeline-item:nth-child(3) { animation-delay: .19s; }\n  .amk-timeline-item:nth-child(4) { animation-delay: .26s; }\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":45755114881181,"sku":"AY9946","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Amalaki-Bio-150-grammes-de-poudre-en-sachet-541595.jpg?v=1732719477"},{"product_id":"boisson-instantanee-bleu-comme-toi-bio-50-g-sol-semilla","title":"Bleu Comme Toi (Sérénité \u0026 Immunité) : Boisson Instantanée Bio 50 g - Sol Semilla","description":"\u003cdiv class=\"bm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-content\"\u003e\n\u003cdiv class=\"bm-badges-top\"\u003e\n\u003cspan class=\"bm-badge\"\u003e🧠 Mental \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🛡️ Immunité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e⚡ Vitalité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bm-hero-title\"\u003eBlue Mind - Super boisson bio à la Klamath\u003c\/span\u003e\n\u003cp class=\"bm-subtitle\"\u003eKlamath · Menthe · Cardamone\u003c\/p\u003e\n\u003cp class=\"bm-description\"\u003eL'algue des esprits clairs dans une boisson instantanée à la couleur bleue envoûtante. 50 g · 17 portions · Par Sol Semilla, depuis 1992.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003cp class=\"bm-section-intro\"\u003eEnvie d'une boisson qui fait du bien à votre esprit autant qu'à votre corps ?\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003eKlamath\u003c\/strong\u003e, surnommée l'algue des esprits clairs, soutient activement votre clarté mentale et votre focus au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, oligoéléments et phycocyanine, cette super boisson renforce vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003eUn concentré de nutriments essentiels pour retrouver \u003cstrong\u003eénergie\u003c\/strong\u003e et dynamisme dès la première gorgée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.25rem; font-size: clamp(14px,2.2vw,16px); color: var(--bm-text-light); line-height: 1.7;\"\u003eLa \u003cstrong\u003esuper boisson Blue Mind Bio de Sol Semilla\u003c\/strong\u003e associe l'extraordinaire algue Klamath, la fraîcheur de la menthe et les notes chaleureuses de la cardamone dans une poudre instantanée à la couleur bleue envoûtante. En quelques secondes, vous obtenez une boisson riche en nutriments, pensée pour soutenir votre concentration, votre immunité et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Klamath, l'algue des esprits clairs ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa Klamath (Aphanizomenon flos-aquae) est une micro-algue bleu-vert récoltée à l'état sauvage dans le lac Klamath, en Oregon (USA). Elle est considérée comme l'un des superaliments les plus complets au monde.\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003eUn pigment bleu aux puissantes propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e, qui donne à cette boisson sa teinte unique et fascinante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🔬 Vitamines du groupe B\u003c\/h3\u003e\n\u003cp\u003eDont la précieuse \u003cstrong\u003eB12\u003c\/strong\u003e, essentielle pour le système nerveux et l'énergie mentale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧬 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003eUn \u003cstrong\u003eprofil protéique complet\u003c\/strong\u003e, fait rare dans le monde végétal, pour nourrir vos cellules en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚙️ Minéraux \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eFer, magnésium, zinc… Des cofacteurs indispensables au bon \u003cstrong\u003efonctionnement immunitaire\u003c\/strong\u003e et métabolique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eSouvent surnommée « l'algue des esprits clairs », la Klamath est traditionnellement appréciée pour favoriser la \u003cstrong\u003econcentration\u003c\/strong\u003e et la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e. Associée à la menthe rafraîchissante et à la cardamone digestive, elle compose ici une recette à la fois savoureuse et fonctionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComposition de Blue Mind Bio\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eChaque sachet de \u003cstrong\u003e50 g\u003c\/strong\u003e contient environ \u003cstrong\u003e17 portions\u003c\/strong\u003e. Ingrédients issus de l'agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card bm-card-highlight\"\u003e\n\u003ch3\u003e🔵 Algue Klamath en poudre\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e - Origine : lac Klamath, USA. L'ingrédient star, source de phycocyanine et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌱 Menthe\u003c\/h3\u003e\n\u003cp\u003ePour une note vivifiante et rafraîchissante. Contribue à une haleine fraîche et une sensation de bien-être immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Cardamone\u003c\/h3\u003e\n\u003cp\u003eÉpice réchauffante qui facilite la digestion et apporte une touche aromatique subtile et enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs, ni arômes artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e📦 17 portions\u003c\/h3\u003e\n\u003cp\u003eSachet de 50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComment préparer votre boisson Blue Mind ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa préparation est simple et rapide :\u003c\/p\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\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre Blue Mind dans un verre.\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\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 à 250 ml d'eau\u003c\/strong\u003e froide, tiède ou chaude selon votre préférence.\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\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eRemuez vigoureusement à la cuillère ou au fouet jusqu'à \u003cstrong\u003edissolution complète\u003c\/strong\u003e.\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\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003eDégustez immédiatement pour profiter de tous les bienfaits de la Klamath.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez également l'intégrer dans un \u003cstrong\u003esmoothie\u003c\/strong\u003e, un lait végétal ou un jus de fruits pour varier les plaisirs. Consommez une à deux portions par jour, de préférence le matin ou en début d'après-midi pour accompagner vos moments de concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eSol Semilla : le pouvoir des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"bm-testimonial\"\u003e\n\u003cp class=\"bm-testimonial-text\"\u003e\u003cstrong\u003eSol Semilla\u003c\/strong\u003e est une marque française pionnière dans l'univers des superaliments biologiques. Depuis plus de 30 ans, elle sélectionne les meilleurs ingrédients à travers le monde, en privilégiant des filières responsables et une traçabilité rigoureuse. Chaque produit est conçu pour vous apporter le meilleur de la nature, sans compromis sur la qualité ni sur le goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" 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⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de grossesse, d'allaitement ou de traitement médical, consultez votre médecin avant 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🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez 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\u003cp class=\"bm-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --bm-cream: #f7f4ef;\n  --bm-white: #ffffff;\n  --bm-primary: #3bb8c3;\n  --bm-primary-dark: #1a7a84;\n  --bm-primary-light: #e6f6f8;\n  --bm-secondary: #d4572a;\n  --bm-accent: #f0b428;\n  --bm-kraft: #c6a96c;\n  --bm-text: #1a1a1a;\n  --bm-text-light: #5a5a5a;\n  --bm-border: #e0ddd7;\n  --bm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bm-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #1a7a84 0%, #3bb8c3 40%, #2a9aa5 70%, #d4572a 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: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(240,180,40,.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.bm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\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  line-height: 1.1;\n}\n\n.bm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  margin: 0 0 1rem 0;\n}\n\n.bm-description {\n  color: rgba(255,255,255,.9);\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.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\/* === 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  line-height: 1.25;\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\/* === SECTION INTRO === *\/\n.bm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-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.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-card-highlight {\n  border-color: var(--bm-primary);\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\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.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\/* === 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-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(59,184,195,.3);\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\/* === TESTIMONIAL === *\/\n.bm-testimonial {\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-secondary);\n}\n\n.bm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.bm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bm-primary-light);\n  border-radius: var(--bm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bm-tip p {\n  font-size: 14px;\n  color: var(--bm-text);\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  margin-top: 10px;\n}\n\n.bm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\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-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-testimonial {\n    padding: 1.25rem;\n  }\n\n  .bm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .bm-badges-top {\n    gap: 6px;\n  }\n\n  .bm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bm-card {\n    animation: bmFadeInUp .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: bmFadeInUp .5s ease backwards;\n  }\n  .bm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .bm-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .bm-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .bm-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bmFadeInUp {\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":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115307165,"sku":"REF1347","price":7.44,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bleu-comme-toi-serenite-immunite-boisson-instantanee-bio-50--lifestyle.webp?v=1772788252"},{"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":"klamath-crue-poudre-bio-50-g-sol-semilla","title":"Klamath Crue Poudre Bio - 50 G - Sol Semilla","description":"\u003cdiv class=\"kl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"kl-hero\"\u003e\n\u003cdiv class=\"kl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kl-hero-content\"\u003e\n\u003cdiv class=\"kl-badges-top\"\u003e\n\u003cspan class=\"kl-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🇺🇸 Origine Oregon\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🧬 115 nutriments\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🌱 Vegan \u0026amp; RAW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kl-hero-title\"\u003eKlamath Crue Poudre Bio\u003c\/span\u003e\n\u003cp class=\"kl-subtitle\"\u003eSol Semilla · 50 g · ~83 portions\u003c\/p\u003e\n\u003cp class=\"kl-description\"\u003eLa microalgue sauvage la plus complète au monde, récoltée dans les eaux pures du lac Klamath supérieur. Plus de 60 % de protéines, phycocyanine, vitamine B12 et oméga-3 dans un seul superaliment cru.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003cp class=\"kl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre vitalité au quotidien ? La \u003cstrong\u003eKlamath crue bio en poudre de Sol Semilla\u003c\/strong\u003e est l'une des sources naturelles les plus concentrées en nutriments que la nature puisse offrir.\u003c\/p\u003e\n\u003cp class=\"kl-section-intro\"\u003eIssue de la microalgue sauvage \u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e, récoltée dans les eaux préservées du lac Klamath supérieur en Oregon, cette poudre crue renferme plus de \u003cstrong\u003e115 nutriments biodisponibles\u003c\/strong\u003e dans un seul aliment.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'algue Klamath : pourquoi tant d'engouement ?\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eL'\u003cstrong\u003ealgue de Klamath\u003c\/strong\u003e fascine les nutritionnistes et les amateurs de superaliments depuis des décennies. Peu d'aliments naturels réunissent autant de richesses dans une si petite quantité.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e💪 +60 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eContient les 20 acides aminés dont les 8 essentiels pour une assimilation optimale par l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12 naturelle\u003c\/h3\u003e\n\u003cp\u003eUne source précieuse de B12 biodisponible, particulièrement recherchée dans les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 \u0026amp; iode\u003c\/h3\u003e\n\u003cp\u003eContribuent à un métabolisme énergétique normal et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eUn apport en fer naturel idéal pour réduire la fatigue et soutenir les fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔵 Phycocyanine antioxydante\u003c\/h3\u003e\n\u003cp\u003eCe pigment bleu unique offre des propriétés antioxydantes remarquables pour protéger vos cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eDes acides gras essentiels et des minéraux pour un bien-être physique et mental au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eDe nombreux utilisateurs partagent leur \u003cstrong\u003etémoignage sur l'algue Klamath\u003c\/strong\u003e, évoquant un regain d'énergie, une meilleure concentration et un soutien global de leur immunité. La densité nutritionnelle exceptionnelle de cette algue explique l'enthousiasme qu'elle suscite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eUn seul ingrédient, rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌿 100 % Klamath bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e en poudre crue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun excipient ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e❄️ Qualité RAW\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCertifiée bio par Ecocert et OTCO (Oregon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de 50 g offre environ \u003cstrong\u003e83 portions\u003c\/strong\u003e, ce qui en fait un investissement durable pour votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComment prendre la Klamath en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"kl-timeline\"\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e0,5 à 2 grammes par jour\u003c\/strong\u003e (soit ¼ à 1 cuillère à café) dans la boisson de votre choix : eau, jus de fruits, smoothie ou lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par une petite dose la première semaine pour laisser votre organisme s'habituer, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003ePrivilégiez le matin\u003c\/h3\u003e\n\u003cp\u003ePrenez-la de préférence le matin pour profiter de son effet revitalisant tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e🥗\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi la saupoudrer sur une salade ou un bol de céréales pour varier les plaisirs !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eOrigine et qualité Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"kl-testimonial\"\u003e\n\u003cp class=\"kl-testimonial-text\"\u003e\"La Klamath bio Sol Semilla provient exclusivement du lac Klamath supérieur, un écosystème volcanique unique situé à 1 400 mètres d'altitude. L'algue y pousse de façon sauvage, nourrie par des sédiments minéraux d'une richesse exceptionnelle. Après récolte, elle est séchée délicatement pour conserver toutes ses propriétés nutritives à l'état brut.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🏔️ Lac volcanique\u003c\/h3\u003e\n\u003cp\u003e1 400 m d'altitude en Oregon, écosystème préservé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌾 Récolte sauvage\u003c\/h3\u003e\n\u003cp\u003eAlgue non cultivée, nourrie par les sédiments naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôle en France\u003c\/h3\u003e\n\u003cp\u003eChaque lot élaboré et contrôlé par l'équipe Sol Semilla\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité rigoureux, transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kl-accordion\"\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"kl-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. Consultez un professionnel de santé avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"kl-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --kl-cream: #f5f0ea;\n  --kl-white: #ffffff;\n  --kl-primary: #2ea8a0;\n  --kl-primary-dark: #1a6e68;\n  --kl-primary-light: #e8f5f3;\n  --kl-secondary: #c44b3f;\n  --kl-accent: #d4854a;\n  --kl-text: #1a1a1a;\n  --kl-text-light: #5a5a5a;\n  --kl-border: #e0dcd6;\n  --kl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kl-radius: 20px;\n  --kl-radius-sm: 12px;\n}\n\n.kl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6e68 0%, #2ea8a0 45%, #3dbfb5 100%);\n  border-radius: var(--kl-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(--kl-shadow-lg);\n}\n\n.kl-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 50%),\n                    radial-gradient(circle at 50% 50%, rgba(196,75,63,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.kl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kl-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.kl-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .03em;\n  text-transform: uppercase;\n}\n\n.kl-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kl-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(--kl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kl-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.kl-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(--kl-primary), var(--kl-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-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.kl-card {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kl-shadow-lg);\n  border-color: var(--kl-primary);\n}\n\n.kl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kl-grid-compact .kl-card {\n  padding: 1rem;\n}\n\n.kl-grid-compact .kl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kl-grid-compact .kl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kl-primary), var(--kl-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.kl-timeline-content {\n  flex: 1;\n  background: var(--kl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kl-radius-sm);\n  box-shadow: var(--kl-shadow);\n}\n\n.kl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kl-timeline-content p {\n  font-size: 14px;\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kl-testimonial {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kl-shadow);\n  border-left: 4px solid var(--kl-primary);\n}\n\n.kl-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kl-accordion {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  box-shadow: var(--kl-shadow);\n  overflow: hidden;\n}\n\n.kl-accordion-item {\n  border-bottom: 1px solid var(--kl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kl-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.kl-accordion-header:hover {\n  background: var(--kl-primary-light);\n}\n\n.kl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kl-primary);\n  transition: transform .2s ease;\n}\n\n.kl-accordion-item[open] .kl-accordion-header::after {\n  content: '−';\n}\n\n.kl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kl-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kl-primary-light);\n  border-radius: var(--kl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kl-tip p {\n  font-size: 14px;\n  color: var(--kl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kl-disclaimer {\n  font-size: 12px;\n  color: var(--kl-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  .kl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kl-card {\n    padding: 1.125rem;\n  }\n\n  .kl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kl-radius-sm);\n  }\n\n  .kl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kl-grid-compact {\n    gap: .625rem;\n  }\n\n  .kl-grid-compact .kl-card {\n    padding: .75rem;\n  }\n\n  .kl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kl-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kl-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kl-card {\n    animation: klFadeInUp .5s ease backwards;\n  }\n  .kl-card:nth-child(1) { animation-delay: .05s; }\n  .kl-card:nth-child(2) { animation-delay: .1s; }\n  .kl-card:nth-child(3) { animation-delay: .15s; }\n  .kl-card:nth-child(4) { animation-delay: .2s; }\n  .kl-card:nth-child(5) { animation-delay: .25s; }\n  .kl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klFadeInUp {\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  .kl-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":45755117404317,"sku":"R031","price":19.52,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772708190"},{"product_id":"guarana-blanc-poudre-bio-50-g-sol-semilla","title":"Guarana Bio en Poudre - 50 g - Sol Semilla","description":"\u003cdiv class=\"gua-premium\"\u003e\n\u003cdiv class=\"gua-hero\"\u003e\n\u003cdiv class=\"gua-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gua-hero-content\"\u003e\n\u003cdiv class=\"gua-badges-top\"\u003e\n\u003cspan class=\"gua-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🇧🇷 Amazonie brésilienne\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gua-hero-title\"\u003eGuarana Bio en Poudre\u003c\/span\u003e\n\u003cp class=\"gua-subtitle\"\u003eSol Semilla - Superaliments · 50 g\u003c\/p\u003e\n\u003cp class=\"gua-description\"\u003eUn concentré d'énergie amazonienne, cru et biologique, pour booster vos capacités physiques et mentales sans les pics du café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003cp class=\"gua-section-intro\"\u003eVous cherchez une alternative naturelle au café pour soutenir votre énergie et votre concentration ?\u003c\/p\u003e\n\u003cdiv class=\"gua-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003epoudre de guarana bio Sol Semilla\u003c\/strong\u003e est faite pour vous. Issue de graines de \u003cstrong\u003eguarana blanc\u003c\/strong\u003e (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) récoltées à la main en Amazonie brésilienne, cette poudre crue et certifiée biologique vous offre un coup de boost progressif, sans les pics ni les chutes brutales associés au café classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003ePourquoi choisir le guarana en poudre plutôt que le café ?\u003c\/h2\u003e\n\u003cdiv class=\"gua-grid\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e⏳ Caféine à libération lente\u003c\/h3\u003e\n\u003cp\u003eContrairement au café, la caféine du guarana est liée à des tanins. Votre organisme l'assimile progressivement pour une \u003cstrong\u003eénergie stable et durable\u003c\/strong\u003e sur plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🧠 Concentration prolongée\u003c\/h3\u003e\n\u003cp\u003eIdéal lors d'une journée chargée, d'une session de travail intense ou avant une activité sportive. Pas de pic brutal, pas de crash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌿 Richesse naturelle\u003c\/h3\u003e\n\u003cp\u003eAu-delà de la caféine, le guarana bio apporte naturellement de la \u003cstrong\u003ethéobromine\u003c\/strong\u003e, des \u003cstrong\u003etanins\u003c\/strong\u003e et des \u003cstrong\u003eoligo-éléments\u003c\/strong\u003e pour améliorer les capacités physiques et mentales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComment utiliser cette poudre de guarana bio ?\u003c\/h2\u003e\n\u003cp class=\"gua-section-intro\"\u003eCe sachet de 50 g offre environ \u003cstrong\u003e16 portions\u003c\/strong\u003e. Voici nos recommandations pour en profiter pleinement :\u003c\/p\u003e\n\u003cdiv class=\"gua-timeline\"\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eTestez votre tolérance\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003eune demi-cuillère à café\u003c\/strong\u003e (environ 2 g) pour évaluer votre sensibilité à la caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003eMontez jusqu'à \u003cstrong\u003eune cuillère à café rase\u003c\/strong\u003e (3 g) par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eMélangez à vos recettes\u003c\/h3\u003e\n\u003cp\u003eIntégrez la poudre dans un \u003cstrong\u003esmoothie, un jus de fruits, une compote ou un yaourt végétal\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une prise le \u003cstrong\u003ematin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût légèrement amer du guarana se marie très bien avec la banane, le cacao cru ou le lait d'amande. N'hésitez pas à l'intégrer dans vos recettes de boissons énergisantes maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"gua-ingredient-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % graines de guarana blanc* (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) réduites en poudre fine.\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-grid-compact\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eContrôlé par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eSans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eAdapté à tous les régimes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eAmazonie - la graine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eUn produit éthique signé Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gua-testimonial\"\u003e\n\u003cp class=\"gua-testimonial-text\"\u003eLa marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses superaliments directement auprès de communautés locales amazoniennes. Les graines de guarana sont récoltées manuellement dans le respect des traditions ancestrales et de la biodiversité. En choisissant cette \u003cstrong\u003epoudre de guarana bio\u003c\/strong\u003e, vous soutenez une filière équitable et des pratiques agricoles durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003eChaque lot est \u003cstrong\u003econtrôlé et élaboré par l'équipe Sol Semilla\u003c\/strong\u003e en France, garantissant une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gua-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gua-accordion\"\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et 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=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez 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\u003cp class=\"gua-disclaimer\"\u003eComplément alimentaire - Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gua-cream: #faf6f0;\n  --gua-white: #ffffff;\n  --gua-primary: #c0442a;\n  --gua-primary-dark: #8b2e1a;\n  --gua-primary-light: #fbeee9;\n  --gua-secondary: #d4973b;\n  --gua-accent: #4a7c3f;\n  --gua-text: #1a1a1a;\n  --gua-text-light: #5a5a5a;\n  --gua-border: #e8ddd2;\n  --gua-shadow: 0 4px 24px rgba(139,46,26,.08);\n  --gua-shadow-lg: 0 12px 48px rgba(139,46,26,.15);\n  --gua-radius: 20px;\n  --gua-radius-sm: 12px;\n}\n\n.gua-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gua-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gua-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gua-primary-dark) 0%, var(--gua-primary) 45%, var(--gua-secondary) 100%);\n  border-radius: var(--gua-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(--gua-shadow-lg);\n}\n\n.gua-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(212,151,59,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gua-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gua-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gua-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(--gua-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gua-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gua-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.gua-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.gua-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.gua-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gua-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gua-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.gua-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(--gua-primary), var(--gua-secondary));\n  border-radius: 2px;\n}\n\n.gua-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gua-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.gua-section-intro strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-highlight-box {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gua-shadow);\n  border-left: 4px solid var(--gua-secondary);\n}\n\n.gua-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--gua-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.gua-highlight-box strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-card {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gua-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gua-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gua-shadow-lg);\n  border-color: var(--gua-primary);\n}\n\n.gua-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gua-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gua-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gua-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gua-card p strong {\n  color: var(--gua-text);\n}\n\n.gua-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gua-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gua-grid-compact .gua-card {\n  padding: 1rem;\n}\n\n.gua-grid-compact .gua-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gua-grid-compact .gua-card p {\n  font-size: 12px;\n}\n\n.gua-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gua-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gua-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gua-primary), var(--gua-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.gua-timeline-content {\n  flex: 1;\n  background: var(--gua-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gua-radius-sm);\n  box-shadow: var(--gua-shadow);\n}\n\n.gua-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gua-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gua-timeline-content p {\n  font-size: 14px;\n  color: var(--gua-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.gua-timeline-content p strong {\n  color: var(--gua-text);\n}\n\n.gua-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gua-primary-light);\n  border-radius: var(--gua-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gua-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gua-tip p {\n  font-size: 14px;\n  color: var(--gua-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gua-tip p strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-ingredient-box {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--gua-shadow);\n  text-align: center;\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--gua-border);\n}\n\n.gua-ingredient-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--gua-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.gua-ingredient-box strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-testimonial {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gua-shadow);\n  border-left: 4px solid var(--gua-accent);\n}\n\n.gua-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gua-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.gua-testimonial-text strong {\n  color: var(--gua-primary-dark);\n  font-style: normal;\n}\n\n.gua-accordion {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  box-shadow: var(--gua-shadow);\n  overflow: hidden;\n}\n\n.gua-accordion-item {\n  border-bottom: 1px solid var(--gua-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gua-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gua-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gua-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.gua-accordion-header:hover {\n  background: var(--gua-primary-light);\n}\n\n.gua-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gua-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gua-primary);\n  transition: transform .2s ease;\n}\n\n.gua-accordion-item[open] .gua-accordion-header::after {\n  content: '−';\n}\n\n.gua-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gua-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gua-accordion-content p {\n  margin: 0;\n}\n\n.gua-accordion-content p strong {\n  color: var(--gua-text);\n}\n\n.gua-disclaimer {\n  font-size: 12px;\n  color: var(--gua-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .gua-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gua-card {\n    padding: 1.125rem;\n  }\n\n  .gua-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gua-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gua-radius-sm);\n  }\n\n  .gua-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gua-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gua-grid-compact {\n    gap: .625rem;\n  }\n\n  .gua-grid-compact .gua-card {\n    padding: .75rem;\n  }\n\n  .gua-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gua-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gua-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gua-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gua-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gua-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gua-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gua-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gua-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gua-ingredient-box {\n    padding: 1rem 1.125rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .gua-card {\n    animation: guaFadeInUp .5s ease backwards;\n  }\n  .gua-card:nth-child(1) { animation-delay: .05s; }\n  .gua-card:nth-child(2) { animation-delay: .1s; }\n  .gua-card:nth-child(3) { animation-delay: .15s; }\n  .gua-card:nth-child(4) { animation-delay: .2s; }\n  .gua-card:nth-child(5) { animation-delay: .25s; }\n  .gua-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gua-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":45755127169181,"sku":"REF1356","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guarana-bio-en-poudre-50-g-sol-semilla-lifestyle.webp?v=1772725070"},{"product_id":"poudre-caroube-crue-bio-150g-sol-semilla","title":"Poudre de Caroube crue Bio - 150 g - Sol Semilla","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🌿 Bio certifiée AB\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🇪🇸 Origine Espagne\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🥄 38 portions\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🌱 Vegan \u0026amp; Crue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cb-hero-title\"\u003ePoudre de Caroube crue Bio\u003c\/span\u003e\n\u003cp class=\"cb-subtitle\"\u003eSol Semilla - Superaliments · 150 g\u003c\/p\u003e\n\u003cp class=\"cb-description\"\u003eL'alternative gourmande au cacao : naturellement sucrée, sans caféine, riche en fibres. Des notes de caramel et de noisette pour sublimer toutes vos recettes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003cp class=\"cb-section-intro\"\u003eVous cherchez une \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e de qualité pour remplacer le cacao dans vos recettes ? Celle de \u003cstrong\u003eSol Semilla\u003c\/strong\u003e est obtenue à partir de cosses de caroubier cultivées en Espagne, séchées puis broyées à basse température (raw). Résultat : une \u003cstrong\u003ecaroube en poudre\u003c\/strong\u003e qui conserve l'intégralité de ses nutriments et offre une saveur naturellement sucrée, aux notes de caramel et de noisette.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eBienfaits de la poudre de caroube\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eQuand on parle de \u003cstrong\u003epoudre de caroube et bienfaits\u003c\/strong\u003e, la liste est étonnamment riche. Contrairement au cacao, la caroube est \u003cstrong\u003enaturellement dépourvue de caféine et de théobromine\u003c\/strong\u003e, ce qui la rend adaptée aux personnes sensibles aux excitants, aux enfants, et même aux femmes enceintes (demandez toutefois l'avis de votre médecin).\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌾 Riche en fibres alimentaires\u003c\/h3\u003e\n\u003cp\u003eLa caroube favorise la satiété et soutient le transit intestinal : un véritable coupe-faim naturel dans le cadre d'un contrôle du poids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🦴 Source de calcium et de potassium\u003c\/h3\u003e\n\u003cp\u003eDes minéraux essentiels pour les os, les muscles et l'équilibre électrolytique de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🪶 Faible en matières grasses\u003c\/h3\u003e\n\u003cp\u003eEnviron 3 à 4 fois moins de lipides que le cacao, tout en gardant un goût réconfortant et gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍯 Naturellement sucrée\u003c\/h3\u003e\n\u003cp\u003eElle permet de réduire considérablement l'ajout de sucre dans toutes vos préparations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux personnes intolérantes ou cœliaques, sans aucun compromis sur le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☕ Sans caféine ni théobromine\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les enfants, les personnes sensibles aux excitants et les femmes enceintes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComment utiliser la poudre de caroube au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eL'un des grands atouts de cette \u003cstrong\u003epoudre de caroube\u003c\/strong\u003e, c'est sa polyvalence en cuisine. Voici des idées concrètes pour l'intégrer facilement à votre alimentation :\u003c\/p\u003e\n\u003cdiv class=\"cb-timeline\"\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🍰 En pâtisserie\u003c\/h3\u003e\n\u003cp\u003eRemplacez le cacao par la même quantité de caroube dans vos gâteaux, cookies ou brownies. Le résultat est plus doux et légèrement caramélisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥤 Dans vos smoothies et boissons\u003c\/h3\u003e\n\u003cp\u003eAjoutez 1 à 2 cuillères à café dans un lait végétal chaud pour un \"chocolat chaud\" sans caféine, ou dans un smoothie banane-amande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥣 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez-la sur un porridge, un yaourt ou un bol de granola pour un boost de saveur naturellement sucré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e✨ En saupoudrage\u003c\/h3\u003e\n\u003cp\u003eSur des fruits frais, une crème dessert ou une tartine de purée d'oléagineux pour une touche gourmande sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-tip\"\u003e\n\u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe sachet de 150 g offre environ \u003cstrong\u003e38 portions\u003c\/strong\u003e, de quoi explorer de nombreuses recettes pendant plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003e100 % poudre de gousse de caroube (\u003cem\u003eCeratonia siliqua\u003c\/em\u003e) crue, issue de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs, sans sucres ajoutés. Pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e✅ Certifiée AB \u0026amp; Ecocert\u003c\/h3\u003e\n\u003cp\u003eOrigine Espagne. Garantie bio, sans pesticides ni OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌿 Vegan \u0026amp; Crue\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePourquoi choisir Sol Semilla ?\u003c\/h2\u003e\n\u003cdiv class=\"cb-testimonial\"\u003e\n\u003cp class=\"cb-testimonial-text\"\u003eSol Semilla sélectionne ses superaliments avec une exigence rare : chaque lot est \u003cstrong\u003econtrôlé et élaboré par leur propre équipe\u003c\/strong\u003e, de la culture à l'emballage. La traçabilité est totale, et la certification bio garantit l'absence de pesticides et d'OGM. En optant pour cette \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e, vous faites le choix d'un produit éthique, pur et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"cb-accordion\"\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet bien refermé, à l'abri de la lumière et de l'humidité pour préserver toute la fraîcheur et les qualités nutritionnelles de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un aliment et \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e ni à une alimentation variée et équilibrée. En cas de doute, 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\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cb-section\"\u003e\n\u003cdiv class=\"cb-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez-vous la douceur naturelle de la caroube bio - saveur gourmande, sans caféine, riche en fibres. Votre alternative saine au cacao au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --cb-cream: #faf6f1;\n  --cb-white: #ffffff;\n  --cb-primary: #c0392b;\n  --cb-primary-dark: #8b2015;\n  --cb-primary-light: #fdecea;\n  --cb-secondary: #5a9a2f;\n  --cb-accent: #d4a24e;\n\n  \/* Textes *\/\n  --cb-text: #1a1a1a;\n  --cb-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --cb-border: #e8ddd2;\n  --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cb-radius: 20px;\n  --cb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b2015 0%, #c0392b 40%, #d4a24e 100%);\n  border-radius: var(--cb-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(--cb-shadow-lg);\n}\n\n.cb-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 50%),\n                    radial-gradient(circle at 50% 50%, rgba(90,154,47,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.cb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cb-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.cb-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cb-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cb-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(--cb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cb-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.cb-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(--cb-primary), var(--cb-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 680px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cb-section-intro strong {\n  color: var(--cb-text);\n}\n\n\/* === CARDS === *\/\n.cb-card {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cb-shadow-lg);\n  border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n  padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cb-primary), var(--cb-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.cb-timeline-content {\n  flex: 1;\n  background: var(--cb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cb-radius-sm);\n  box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n  font-size: 14px;\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cb-testimonial {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cb-shadow);\n  border-left: 4px solid var(--cb-secondary);\n}\n\n.cb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cb-testimonial-text strong {\n  color: var(--cb-primary-dark);\n  font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  box-shadow: var(--cb-shadow);\n  overflow: hidden;\n}\n\n.cb-accordion-item {\n  border-bottom: 1px solid var(--cb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cb-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.cb-accordion-header:hover {\n  background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cb-primary);\n  transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n  content: '−';\n}\n\n.cb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cb-accordion-content p {\n  margin: 0;\n}\n\n.cb-accordion-content strong {\n  color: var(--cb-text);\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cb-primary-light);\n  border-radius: var(--cb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cb-tip p {\n  font-size: 14px;\n  color: var(--cb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cb-cta-box {\n  background: linear-gradient(135deg, var(--cb-secondary) 0%, #3d7a1a 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cb-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.cb-disclaimer {\n  font-size: 12px;\n  color: var(--cb-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  .cb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cb-card {\n    padding: 1.125rem;\n  }\n\n  .cb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cb-radius-sm);\n  }\n\n  .cb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cb-grid-compact {\n    gap: .625rem;\n  }\n\n  .cb-grid-compact .cb-card {\n    padding: .75rem;\n  }\n\n  .cb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .cb-section-intro {\n    font-size: 14px;\n    margin-bottom: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cb-card {\n    animation: cbFadeInUp .5s ease backwards;\n  }\n  .cb-card:nth-child(1) { animation-delay: .05s; }\n  .cb-card:nth-child(2) { animation-delay: .1s; }\n  .cb-card:nth-child(3) { animation-delay: .15s; }\n  .cb-card:nth-child(4) { animation-delay: .2s; }\n  .cb-card:nth-child(5) { animation-delay: .25s; }\n  .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\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  .cb-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":45755127791773,"sku":"REF1358","price":4.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-caroube-crue-bio-150-g-sol-semilla-lifestyle.webp?v=1772727068"},{"product_id":"acerola-poudre-pure-a-100-vit-c-17-bio-50-g-sol-semilla","title":"Acérola Bio - Poudre Pure à 100% - 50 G - Sol Semilla","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 17% vitamine C naturelle\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 100% bio \u0026amp; pure\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🇧🇷 Amazonie, Brésil\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e📦 17 portions \/ sachet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola Bio - Poudre Pure à 100%\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eSol Semilla · Le pouvoir des superaliments depuis 1992\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLe superfruit amazonien le plus concentré en vitamine C, lyophilisé à basse température pour une assimilation optimale. 50 g de pureté absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003cp class=\"ac-section-intro\"\u003eAvec sa teneur exceptionnelle de \u003cstrong\u003e17% en vitamine C naturelle\u003c\/strong\u003e, cette poudre d'acérola bio Sol Semilla figure parmi les sources les plus concentrées disponibles sur le marché.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 17% de vitamine C\u003c\/h3\u003e\n\u003cp\u003eConcentration naturelle exceptionnelle, bien au-dessus de la moyenne du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌡️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver l'intégralité des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur ni sucre ajouté - un seul ingrédient\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📏 17 portions\u003c\/h3\u003e\n\u003cp\u003eUn sachet de 50 g pour plusieurs semaines de cure naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi l'acérola est-elle si précieuse ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) est un petit fruit tropical reconnu pour être \u003cstrong\u003e30 à 40 fois plus riche en vitamine C que l'orange\u003c\/strong\u003e. Mais ses bienfaits ne s'arrêtent pas là.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 Vitamines A \u0026amp; groupe B\u003c\/h3\u003e\n\u003cp\u003eEssentielles au métabolisme énergétique, elles complètent parfaitement l'action de la vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Flavonoïdes \u0026amp; polyphénols\u003c\/h3\u003e\n\u003cp\u003eDe puissants antioxydants qui protègent vos cellules contre le stress oxydatif au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Minéraux essentiels\u003c\/h3\u003e\n\u003cp\u003eFer, calcium, phosphore, potassium et magnésium pour un soutien minéral complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à la vitamine C présente dans les comprimés classiques, la forme en poudre lyophilisée préserve la \u003cstrong\u003esynergie naturelle entre nutriments\u003c\/strong\u003e. Votre organisme les assimile ainsi bien plus facilement qu'une vitamine C de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eBienfaits au quotidien : immunité, vitalité et beauté\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eIntégrer l'acérola en poudre à votre routine, c'est offrir à votre corps un soutien concret sur plusieurs plans.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire, particulièrement utile lors des changements de saison ou en période de stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eVous traversez une phase de surmenage ou de manque d'entrain ? L'acérola aide à retrouver tonus et énergie durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe à la formation normale de collagène, un allié précieux pour une peau lumineuse et des tissus en bonne santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eElle protège vos cellules contre le stress oxydatif lié à la pollution, au sport intensif ou au vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003ePrenez \u003cstrong\u003e1 à 3 g de poudre d'acérola par jour\u003c\/strong\u003e (environ ½ à 1 cuillère à café).\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n\u003cp\u003e½ à 1 cuillère à café (1 à 3 g) selon vos besoins quotidiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eMélangez dans votre boisson ou recette\u003c\/h3\u003e\n\u003cp\u003eUn verre d'eau, un jus fraîchement préparé, un smoothie aux fruits rouges, une compote, un yaourt, un bol de muesli ou une boisson végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDégustez et profitez\u003c\/h3\u003e\n\u003cp\u003eSa saveur acidulée et fruitée s'intègre naturellement à vos recettes du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉvitez de chauffer au-delà de \u003cstrong\u003e40 °C\u003c\/strong\u003e pour préserver toute la richesse en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ac-composition-box\"\u003e\n\u003cdiv class=\"ac-composition-main\"\u003e\n\u003ch3\u003e🍒 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003ePoudre d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) lyophilisée, issue de l'agriculture biologique. \u003cstrong\u003e100% pure, sans additifs, sans conservateurs, sans sucres ajoutés.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-composition-nutrition\"\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e510 mg\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003ede vitamine C pour 3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e638%\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003edes apports journaliers recommandés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-certif-row\"\u003e\n\u003cspan class=\"ac-badge-certif\"\u003e🌱 Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e✅ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇪🇺 Label Bio UE\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇧🇷 Origine : Amazonie, Brésil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eCe qui distingue cette acérola bio Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eUn seul ingrédient, aucun excipient ni maltodextrine souvent présents chez d'autres marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📊 Concentration élevée\u003c\/h3\u003e\n\u003cp\u003e17% de vitamine C, bien au-dessus de nombreuses acérola bio en poudre du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eProcédé à froid qui préserve enzymes, vitamines et antioxydants dans leur intégralité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSol Semilla, pionnier des superaliments depuis 1992, travaille avec des producteurs brésiliens dans le respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ac-section\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Offrez à votre corps le meilleur de la nature amazonienne : une poudre d'acérola bio d'exception, pure et hautement concentrée en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical. Consultez votre professionnel de santé en cas de doute. Conservez au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ac-cream: #faf6f0;\n  --ac-white: #ffffff;\n  --ac-primary: #d63a2a;\n  --ac-primary-dark: #9c1e14;\n  --ac-primary-light: #fef0ee;\n  --ac-secondary: #e8853a;\n  --ac-accent: #c8a96e;\n  --ac-kraft: #d4b896;\n  --ac-text: #1a1a1a;\n  --ac-text-light: #5a5a5a;\n  --ac-border: #e8ddd0;\n  --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ac-radius: 20px;\n  --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ac-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-secondary) 50%, var(--ac-accent) 100%);\n  border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(\n    from 0deg at 50% 110%,\n    rgba(255,255,255,.08) 0deg 15deg,\n    transparent 15deg 30deg\n  );\n  opacity: .6;\n}\n\n.ac-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ac-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.ac-subtitle {\n  color: rgba(255,255,255,.9);\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.ac-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ac-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(--ac-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ac-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ac-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.ac-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(--ac-primary), var(--ac-secondary));\n  border-radius: 2px;\n}\n\n.ac-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-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.ac-card {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ac-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ac-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ac-shadow-lg);\n  border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ac-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ac-card-highlight {\n  border-left: 4px solid var(--ac-secondary);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ac-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n  padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ac-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ac-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ac-primary), var(--ac-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.ac-timeline-content {\n  flex: 1;\n  background: var(--ac-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ac-radius-sm);\n  box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n  font-size: 14px;\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ac-primary-light);\n  border-radius: var(--ac-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ac-tip p {\n  font-size: 14px;\n  color: var(--ac-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ac-composition-box {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  box-shadow: var(--ac-shadow);\n  overflow: hidden;\n}\n\n.ac-composition-main {\n  padding: clamp(1.25rem, 3vw, 2rem);\n  border-bottom: 1px solid var(--ac-border);\n}\n\n.ac-composition-main h3 {\n  font-size: clamp(16px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.ac-composition-main p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.ac-composition-nutrition {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 0;\n}\n\n.ac-nutrition-highlight {\n  padding: clamp(1rem, 3vw, 1.5rem);\n  text-align: center;\n  border-right: 1px solid var(--ac-border);\n}\n\n.ac-nutrition-highlight:last-child {\n  border-right: none;\n}\n\n.ac-nutrition-value {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: var(--ac-primary);\n  letter-spacing: -.03em;\n  line-height: 1.1;\n}\n\n.ac-nutrition-label {\n  display: block;\n  font-size: clamp(11px, 1.8vw, 13px);\n  color: var(--ac-text-light);\n  margin-top: .35rem;\n  font-weight: 600;\n}\n\n\/* === CERTIFICATIONS === *\/\n.ac-certif-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.ac-badge-certif {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 8px 14px;\n  background: var(--ac-white);\n  border: 2px solid var(--ac-border);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  transition: all .3s ease;\n}\n\n.ac-badge-certif:hover {\n  border-color: var(--ac-primary);\n  background: var(--ac-primary-light);\n}\n\n\/* === CTA === *\/\n.ac-cta-box {\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ac-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(\n    from 0deg at 50% 110%,\n    rgba(255,255,255,.05) 0deg 15deg,\n    transparent 15deg 30deg\n  );\n}\n\n.ac-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.ac-disclaimer {\n  font-size: 12px;\n  color: var(--ac-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ac-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ac-card {\n    padding: 1.125rem;\n  }\n\n  .ac-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ac-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ac-radius-sm);\n  }\n\n  .ac-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ac-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ac-grid-compact {\n    gap: .625rem;\n  }\n\n  .ac-grid-compact .ac-card {\n    padding: .75rem;\n  }\n\n  .ac-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ac-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ac-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ac-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ac-composition-nutrition {\n    grid-template-columns: 1fr;\n  }\n\n  .ac-nutrition-highlight {\n    border-right: none;\n    border-bottom: 1px solid var(--ac-border);\n    padding: 1rem;\n  }\n\n  .ac-nutrition-highlight:last-child {\n    border-bottom: none;\n  }\n\n  .ac-certif-row {\n    gap: 6px;\n  }\n\n  .ac-badge-certif {\n    font-size: 11px;\n    padding: 6px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ac-card {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-card:nth-child(1) { animation-delay: .05s; }\n  .ac-card:nth-child(2) { animation-delay: .1s; }\n  .ac-card:nth-child(3) { animation-delay: .15s; }\n  .ac-card:nth-child(4) { animation-delay: .2s; }\n  .ac-card:nth-child(5) { animation-delay: .25s; }\n  .ac-card:nth-child(6) { animation-delay: .3s; }\n\n  .ac-timeline-item {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .ac-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .ac-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\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  .ac-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":45755131920541,"sku":"R027","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-bio-poudre-pure-a-100-50-g-sol-semilla-lifestyle.webp?v=1772722710"},{"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":5.51,"currency_code":"EUR","in_stock":true}],"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\"\u003e150 mg \/ 3 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\"\u003eTitré à 25% de vitamine C\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\"\u003e150 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 titré à 25%\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\u003cdiv class=\"stim-card stim-usage-card\"\u003e\n\u003cdiv class=\"stim-usage-level stim-level-3\"\u003eIntensif\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e3 comprimés\/jour\u003c\/div\u003e\n\u003cp\u003ePendant les périodes exigeantes : hiver rigoureux, stress professionnel, convalescence ou quand vous vous sentez fragilisé.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure de 1 à 3 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 (matin, midi, soir) 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 à 3 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 intensives (2 à 3 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\"\u003e10 à 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-373109.jpg?v=1732721780"},{"product_id":"tensioline-bio-120-gelules-lt-labo","title":"Tensioline Bio - Pression sanguine - 120 gélules - LT Labo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tensioline Bio - Complément alimentaire pression sanguine\nPalette détectée:\n  - Primaire: #E94E3D (rouge-corail du bandeau central - dynamisme, vitalité cardiovasculaire)\n  - Secondaire: #7AB648 (vert bio du badge AB - nature, certification)\n  - Accent: #4A9B9B (bleu-vert du flacon - fraîcheur, santé)\n  - Background: #F9F7F4 (blanc cassé naturel)\nAmbiance: Bio-santé, naturel premium, cardiovasculaire, confiance scientifique\nPréfixe CSS: tsl\n--\u003e\n\n\u003cdiv class=\"tsl-premium\"\u003e\n  \u003cdiv class=\"tsl-hero\"\u003e\n    \u003cdiv class=\"tsl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tsl-hero-content\"\u003e\n      \u003cdiv class=\"tsl-badges-top\"\u003e\n        \u003cspan class=\"tsl-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"tsl-badge\"\u003e❤️ Pression sanguine\u003c\/span\u003e\n        \u003cspan class=\"tsl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tsl-hero-title\"\u003eTensioline Bio\u003c\/span\u003e\n      \u003cp class=\"tsl-subtitle\"\u003eFeuilles d'olivier, piloselle \u0026amp; ail noir fermenté\u003c\/p\u003e\n      \u003cp class=\"tsl-description\"\u003eUne synergie bio de 3 actifs végétaux reconnus pour contribuer au maintien d'une pression sanguine normale et soutenir votre santé cardiovasculaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"tsl-section\"\u003e\n    \u003ch2\u003e💪 Les bénéfices clés\u003c\/h2\u003e\n    \u003cdiv class=\"tsl-grid\"\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e❤️ Pression sanguine équilibrée\u003c\/h3\u003e\n        \u003cp\u003eL'extrait de feuilles d'olivier contribue au maintien d'une pression sanguine normale grâce à l'oléuropéine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e💧 Action drainante naturelle\u003c\/h3\u003e\n        \u003cp\u003eLa piloselle favorise l'élimination rénale de l'eau et aide à réguler l'excès de sodium dans l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eL'ail noir fermenté concentre des polyphénols puissants qui protègent les cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e🫀 Fonction cardiaque normale\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B1 naturelle contribue directement à une fonction cardiaque normale et au bon métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tsl-section\"\u003e\n    \u003ch2\u003e🌿 Une composition d'exception\u003c\/h2\u003e\n    \u003cdiv class=\"tsl-grid\"\u003e\n      \u003cdiv class=\"tsl-card tsl-ingredient\"\u003e\n        \u003cdiv class=\"tsl-ingredient-tag\"\u003eActif principal\u003c\/div\u003e\n        \u003ch3\u003e🫒 Feuilles d'olivier bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en oléuropéine, un polyphénol aux propriétés vasodilatatrices reconnues qui favorise une circulation sanguine optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card tsl-ingredient\"\u003e\n        \u003cdiv class=\"tsl-ingredient-tag\"\u003eDrainant\u003c\/div\u003e\n        \u003ch3\u003e🌼 Piloselle bio\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour ses vertus diurétiques, elle facilite l'élimination de l'excès de volume sanguin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card tsl-ingredient\"\u003e\n        \u003cdiv class=\"tsl-ingredient-tag\"\u003eAntioxydant\u003c\/div\u003e\n        \u003ch3\u003e🧄 Ail noir fermenté bio\u003c\/h3\u003e\n        \u003cp\u003eLe processus de fermentation concentre la S-allyl-cystéine, un antioxydant surpuissant pour le système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card tsl-ingredient\"\u003e\n        \u003cdiv class=\"tsl-ingredient-tag\"\u003eVitamine\u003c\/div\u003e\n        \u003ch3\u003e💊 Vitamine B1 naturelle\u003c\/h3\u003e\n        \u003cp\u003eEssentielle au métabolisme énergétique du cœur et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tsl-section\"\u003e\n    \u003ch2\u003e✅ Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"tsl-grid\"\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e👤 Vous surveillez votre tension\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez un soutien naturel pour maintenir une pression artérielle équilibrée au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e🌱 Vous privilégiez le bio\u003c\/h3\u003e\n        \u003cp\u003eVous êtes attaché aux produits naturels, biologiques et respectueux de votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e🥗 Vous adoptez une hygiène de vie saine\u003c\/h3\u003e\n        \u003cp\u003eVous complétez une alimentation équilibrée par une supplémentation ciblée et naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tsl-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tsl-usage\"\u003e\n      \u003cdiv class=\"tsl-usage-step\"\u003e\n        \u003cspan class=\"tsl-step-num\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"tsl-step-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003ePrendre 2 à 3 gélules par jour selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-usage-step\"\u003e\n        \u003cspan class=\"tsl-step-num\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"tsl-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eDe préférence au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-usage-step\"\u003e\n        \u003cspan class=\"tsl-step-num\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"tsl-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eSuivre une cure régulière sur plusieurs semaines pour des résultats optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tsl-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tsl-grid-compact\"\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n        \u003cp\u003eGélules 100% végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e⏱️ 40-60 jours\u003c\/h3\u003e\n        \u003cp\u003eDurée de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n        \u003cp\u003eSans additifs animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tsl-card\"\u003e\n        \u003ch3\u003e✨ Sans excipients\u003c\/h3\u003e\n        \u003cp\u003eFormule pure\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tsl-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"tsl-accordion\"\u003e\n      \u003cdetails class=\"tsl-accordion-item\"\u003e\n        \u003csummary class=\"tsl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"tsl-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes sous traitement anticoagulant\u003c\/strong\u003e en raison des interactions possibles. \u003cstrong\u003eDéconseillé chez la femme enceinte ou allaitante.\u003c\/strong\u003e Ne pas dépasser la dose journalière recommandée. Ce complément ne peut se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tsl-accordion-item\"\u003e\n        \u003csummary class=\"tsl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"tsl-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière 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=\"tsl-accordion-item\"\u003e\n        \u003csummary class=\"tsl-accordion-header\"\u003e🏭 L'engagement LT Labo\u003c\/summary\u003e\n        \u003cdiv class=\"tsl-accordion-content\"\u003e\n          \u003cp\u003eLT Labo est un laboratoire français reconnu pour son expertise en compléments alimentaires bio. Recherche scientifique rigoureuse, respect de l'environnement et fabrication française contrôlée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tsl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tsl-cta-box\"\u003e\n      \u003cp\u003e🌿 Prenez soin de votre cœur naturellement avec Tensioline Bio — la synergie bio d'olivier, piloselle et ail noir pour une pression sanguine équilibrée !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --tsl-cream: #F9F7F4;\n  --tsl-white: #ffffff;\n  --tsl-primary: #E94E3D;\n  --tsl-primary-dark: #C93828;\n  --tsl-primary-light: #FFEBE8;\n  --tsl-secondary: #7AB648;\n  --tsl-secondary-light: #EDF7E4;\n  --tsl-accent: #4A9B9B;\n  --tsl-text: #1a1a1a;\n  --tsl-text-light: #5a5a5a;\n  --tsl-border: #e0e0e0;\n  --tsl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tsl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tsl-radius: 20px;\n  --tsl-radius-sm: 12px;\n}\n\n.tsl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tsl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tsl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E94E3D 0%, #C93828 40%, #7AB648 100%);\n  border-radius: var(--tsl-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(--tsl-shadow-lg);\n}\n\n.tsl-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(255,255,255,.08) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.tsl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tsl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.tsl-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(--tsl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tsl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tsl-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.tsl-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}\n\n.tsl-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.tsl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tsl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tsl-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.tsl-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(--tsl-primary), var(--tsl-secondary));\n  border-radius: 2px;\n}\n\n.tsl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.tsl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tsl-card {\n  background: var(--tsl-white);\n  border-radius: var(--tsl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tsl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tsl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tsl-shadow-lg);\n  border-color: var(--tsl-primary);\n}\n\n.tsl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tsl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tsl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tsl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tsl-grid-compact .tsl-card {\n  padding: 1rem;\n}\n\n.tsl-grid-compact .tsl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tsl-grid-compact .tsl-card p {\n  font-size: 12px;\n}\n\n.tsl-ingredient {\n  position: relative;\n  overflow: hidden;\n}\n\n.tsl-ingredient::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--tsl-secondary), var(--tsl-primary));\n}\n\n.tsl-ingredient-tag {\n  display: inline-block;\n  background: var(--tsl-secondary-light);\n  color: var(--tsl-secondary);\n  font-size: 11px;\n  font-weight: 700;\n  padding: 4px 10px;\n  border-radius: 6px;\n  margin-bottom: .75rem;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.tsl-usage {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tsl-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--tsl-white);\n  border-radius: var(--tsl-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--tsl-shadow);\n  transition: all .3s ease;\n}\n\n.tsl-usage-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--tsl-shadow-lg);\n}\n\n.tsl-step-num {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--tsl-secondary), #8BC653);\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  flex-shrink: 0;\n}\n\n.tsl-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--tsl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.tsl-step-content p {\n  font-size: 14px;\n  color: var(--tsl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.tsl-accordion {\n  background: var(--tsl-white);\n  border-radius: var(--tsl-radius);\n  box-shadow: var(--tsl-shadow);\n  overflow: hidden;\n}\n\n.tsl-accordion-item {\n  border-bottom: 1px solid var(--tsl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tsl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tsl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tsl-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.tsl-accordion-header:hover {\n  background: var(--tsl-primary-light);\n}\n\n.tsl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tsl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tsl-primary);\n  transition: transform .2s ease;\n}\n\n.tsl-accordion-item[open] .tsl-accordion-header::after {\n  content: '−';\n}\n\n.tsl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tsl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.tsl-accordion-content p {\n  margin: 0;\n}\n\n.tsl-cta-box {\n  background: linear-gradient(135deg, var(--tsl-primary) 0%, var(--tsl-primary-dark) 50%, var(--tsl-secondary) 100%);\n  border-radius: var(--tsl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tsl-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  .tsl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .tsl-grid-compact {\n    gap: .625rem;\n  }\n  \n  .tsl-grid-compact .tsl-card {\n    padding: .75rem;\n  }\n  \n  .tsl-card {\n    padding: 1.125rem;\n  }\n  \n  .tsl-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .tsl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tsl-radius-sm);\n  }\n  \n  .tsl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .tsl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .tsl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .tsl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .tsl-usage-step {\n    padding: 1rem;\n  }\n  \n  .tsl-step-num {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tsl-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .tsl-card:nth-child(1) { animation-delay: .05s; }\n  .tsl-card:nth-child(2) { animation-delay: .1s; }\n  .tsl-card:nth-child(3) { animation-delay: .15s; }\n  .tsl-card:nth-child(4) { animation-delay: .2s; }\n  .tsl-card:nth-child(5) { animation-delay: .25s; }\n  .tsl-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  .tsl-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":45755198734493,"sku":"NBAILTL0016","price":35.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Tensioline_bio_120_gelules.jpg?v=1758623293"},{"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❤️ Cholestérol \u0026amp; triglycérides\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e💊 270 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lpr-hero-title\"\u003eLiporyz – Huile de son de riz\u003c\/span\u003e\n      \u003cp class=\"lpr-subtitle\"\u003eComplexe breveté par LT Labo pour la régulation naturelle du cholestérol\u003c\/p\u003e\n      \u003cp class=\"lpr-description\"\u003eFormulé à base de gamma-oryzanol, phytostérols, vitamine E naturelle, chrome et zinc – une approche douce et efficace pour soutenir votre santé cardiovasculaire 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 le cholestérol et la santé globale\u003c\/h2\u003e\n    \u003cp class=\"lpr-section-intro\"\u003eGrâce à sa richesse en gamma-oryzanol, phytostérols, acides gras essentiels et vitamine E naturelle, Liporyz agit sur plusieurs axes de votre santé.\u003c\/p\u003e\n    \u003cdiv class=\"lpr-grid\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e📉 Réguler le cholestérol LDL\u003c\/h3\u003e\n        \u003cp\u003eAide à réduire le \"mauvais cholestérol\" grâce aux phytostérols qui limitent l'absorption intestinale du cholestérol alimentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e❤️ Soutenir la santé du cœur\u003c\/h3\u003e\n        \u003cp\u003eContribue au bon fonctionnement du cœur et des vaisseaux sanguins grâce à des acides gras essentiels de haute qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🩸 Réduire les triglycérides\u003c\/h3\u003e\n        \u003cp\u003eEn cas d'excès, l'huile de son de riz aide à rééquilibrer le profil lipidique sanguin de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n        \u003cp\u003eAméliore l'élasticité et l'éclat de la peau grâce à la vitamine E naturelle et aux antioxydants puissants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n        \u003cp\u003eApporte des antioxydants d'origine végétale pour un meilleur équilibre lipidique et une protection cellulaire renforcée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les personnes souhaitant prendre soin de leur système 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!-- 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 exceptionnelle en 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\u003e500 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\u003e10 mg par capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-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=\"lpr-card\"\u003e\n        \u003ch3\u003e🔬 Complexe breveté\u003c\/h3\u003e\n        \u003cp\u003ePhytostérols, chrome \u0026amp; zinc\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\u003eCette huile est dépourvue d'OGM, de pesticides, de métaux lourds et d'additifs controversés. \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, extraction respectueuse de l'environnement.\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\u003e2 à 3 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau au moment des repas pour une absorption optimale des nutriments.\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\u003ePour bénéficier pleinement des effets sur le cholestérol, une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e est conseillée. Le format 270 capsules couvre une cure complète.\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\u003eRenouvellement sans accoutumance\u003c\/h3\u003e\n          \u003cp\u003eLes effets peuvent être prolongés dans le temps sans accoutumance. Vous pouvez renouveler la cure autant que nécessaire en toute sérénité.\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 très bien toléré. De légers troubles digestifs (ballonnements, selles molles) peuvent survenir en début de cure, mais disparaissent 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. Déconseillé aux personnes allergiques au riz ou aux céréales. En cas de traitement hypocholestérolémiant ou anticoagulant, demandez conseil à un professionnel de santé.\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\u003eCe produit ne remplace pas une alimentation équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. À 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\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\"\u003e\"Les avis sur Liporyz sont globalement très positifs. De nombreux utilisateurs rapportent une baisse mesurable du cholestérol après quelques semaines, une meilleure forme globale et un confort digestif préservé. Ce produit est particulièrement apprécié comme solution naturelle efficace, sans effets secondaires lourds.\"\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📉 Cholestérol en baisse\u003c\/h3\u003e\n        \u003cp\u003eRésultats mesurables après quelques semaines de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e💪 Meilleure forme\u003c\/h3\u003e\n        \u003cp\u003eForme globale améliorée et confort digestif préservé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 Naturel et efficace\u003c\/h3\u003e\n        \u003cp\u003eSolution sans effets secondaires lourds\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Qualité \/ prix\u003c\/h3\u003e\n        \u003cp\u003eRapport qualité\/prix apprécié, origine française contrôlée\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 réputé pour ses formulations naturelles et innovantes. Liporyz bénéficie de procédés d'extraction respectueux de l'environnement et d'un contrôle qualité rigoureux à chaque étape.\u003cbr\u003e\u003cbr\u003e🌾 En choisissant ce complément, vous optez pour une solution à la fois \u003cstrong\u003enaturelle, sûre et efficace\u003c\/strong\u003e – un complexe breveté de 270 capsules pour une cure complète de 3 mois.\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.\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\/* === CONTENEUR === *\/\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\/* === HERO === *\/\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\/* === TITRE HERO === *\/\n.lpr-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.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\/* === BADGES === *\/\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\/* === SECTIONS === *\/\n.lpr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpr-premium h2 {\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::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\/* === SECTION INTRO === *\/\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\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.lpr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === TIMELINE === *\/\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\/* === TESTIMONIAL === *\/\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  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\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\/* === TIP BOX === *\/\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\/* === CTA FINAL === *\/\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lpr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lpr-card {\n    padding: 1.125rem;\n  }\n\n  .lpr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lpr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lpr-radius-sm);\n  }\n\n  .lpr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lpr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lpr-grid-compact {\n    gap: .625rem;\n  }\n\n  .lpr-grid-compact .lpr-card {\n    padding: .75rem;\n  }\n\n  .lpr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lpr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lpr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lpr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lpr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lpr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lpr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lpr-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\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\/* === ACCESSIBILITÉ === *\/\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":56.79,"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.webp?v=1772962032"},{"product_id":"oleoceane-omega-3-citron-250-ml-jade-recherche","title":"Oléocéane Oméga 3 Citron - 250 Ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oléocéane Oméga 3 Citron - Jade Recherche\nPalette détectée:\n  - Primaire: #F7D000 (jaune vif du packaging, dominante principale)\n  - Secondaire: #2E8B3D (vert du texte \"Oléocéane Oméga3\")\n  - Accent: #E8A000 (orange\/doré de la goutte d'huile et du bouchon)\n  - Fond foncé: #1A3A5C (bleu marine de l'huile\/bouteille)\nAmbiance: Fraîcheur méditerranéenne, naturel, familial, santé au quotidien\nStyle: Naturel\/frais avec touches ensoleillées, citronné et océanique\nPréfixe CSS: oleo\n--\u003e\n\n\u003cdiv class=\"oleo-premium\"\u003e\n  \n  \u003cdiv class=\"oleo-hero\"\u003e\n    \u003cdiv class=\"oleo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"oleo-hero-content\"\u003e\n      \u003cdiv class=\"oleo-badges-top\"\u003e\n        \u003cspan class=\"oleo-badge\"\u003e🍋 Goût citron agréable\u003c\/span\u003e\n        \u003cspan class=\"oleo-badge\"\u003e🐟 98,5% huile de poisson\u003c\/span\u003e\n        \u003cspan class=\"oleo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"oleo-hero-title\"\u003eOléocéane Oméga 3 Citron\u003c\/span\u003e\n      \u003cp class=\"oleo-subtitle\"\u003eL'huile de poisson que toute la famille va adorer\u003c\/p\u003e\n      \u003cp class=\"oleo-description\"\u003eConcentrée en EPA et DHA, subtilement parfumée au citron pour éliminer tout arrière-goût de poisson. Même les enfants l'apprécient !\u003c\/p\u003e\n      \u003cdiv class=\"oleo-hero-stats\"\u003e\n        \u003cdiv class=\"oleo-stat\"\u003e\n          \u003cspan class=\"oleo-stat-number\"\u003e1380mg\u003c\/span\u003e\n          \u003cspan class=\"oleo-stat-label\"\u003eOméga 3 \/ dose\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-stat\"\u003e\n          \u003cspan class=\"oleo-stat-number\"\u003e850mg\u003c\/span\u003e\n          \u003cspan class=\"oleo-stat-label\"\u003eEPA\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-stat\"\u003e\n          \u003cspan class=\"oleo-stat-number\"\u003e550mg\u003c\/span\u003e\n          \u003cspan class=\"oleo-stat-label\"\u003eDHA\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e🧠 Pourquoi les oméga 3 sont essentiels ?\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-intro-box\"\u003e\n      \u003cp\u003eLes acides gras oméga 3, notamment l'\u003cstrong\u003eEPA\u003c\/strong\u003e et le \u003cstrong\u003eDHA\u003c\/strong\u003e, sont des nutriments que votre corps ne peut pas fabriquer lui-même. Notre alimentation moderne, souvent pauvre en poissons gras, crée des carences fréquentes.\u003c\/p\u003e\n      \u003cp class=\"oleo-highlight\"\u003eLes bienfaits sont reconnus par l'Autorité européenne de sécurité des aliments (EFSA) qui a validé plusieurs allégations santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits validés scientifiquement\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-grid\"\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e🧠\u003c\/div\u003e\n        \u003ch3\u003eFonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eÀ partir de \u003cstrong\u003e250 mg de DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une fonction cérébrale normale.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café suffit\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e👁️\u003c\/div\u003e\n        \u003ch3\u003eVision normale\u003c\/h3\u003e\n        \u003cp\u003eLe DHA contribue au maintien d'une \u003cstrong\u003evision normale\u003c\/strong\u003e. Idéal pour préserver vos yeux au quotidien.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e250 mg DHA\/jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e❤️\u003c\/div\u003e\n        \u003ch3\u003eSanté cardiaque\u003c\/h3\u003e\n        \u003cp\u003eL'association EPA + DHA à partir de 250 mg\/jour contribue à une \u003cstrong\u003efonction cardiaque normale\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e💓\u003c\/div\u003e\n        \u003ch3\u003eTension artérielle\u003c\/h3\u003e\n        \u003cp\u003eÀ partir de \u003cstrong\u003e3 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une pression sanguine normale.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e3 cuillères à café\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e📊\u003c\/div\u003e\n        \u003ch3\u003eTriglycérides\u003c\/h3\u003e\n        \u003cp\u003eÀ partir de \u003cstrong\u003e2 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue à une concentration normale de triglycérides.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e2 cuillères à café\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e🤰\u003c\/div\u003e\n        \u003ch3\u003eGrossesse \u0026amp; allaitement\u003c\/h3\u003e\n        \u003cp\u003eLe DHA maternel contribue au \u003cstrong\u003edéveloppement normal\u003c\/strong\u003e du cerveau et des yeux du bébé.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003eSur avis médical\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e🍋 Ce qui rend Oléocéane unique\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-unique-box\"\u003e\n      \u003cdiv class=\"oleo-unique-content\"\u003e\n        \u003cdiv class=\"oleo-unique-problem\"\u003e\n          \u003cspan class=\"oleo-unique-emoji\"\u003e😖\u003c\/span\u003e\n          \u003ch4\u003eLe problème habituel\u003c\/h4\u003e\n          \u003cp\u003eGoût de poisson prononcé, renvois désagréables, enfants qui refusent...\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-unique-arrow\"\u003e→\u003c\/div\u003e\n        \u003cdiv class=\"oleo-unique-solution\"\u003e\n          \u003cspan class=\"oleo-unique-emoji\"\u003e😋\u003c\/span\u003e\n          \u003ch4\u003eLa solution Oléocéane\u003c\/h4\u003e\n          \u003cp\u003eEssence de citron naturelle qui masque \u003cstrong\u003etotalement\u003c\/strong\u003e le goût de poisson !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"oleo-unique-result\"\u003eRésultat ? Une huile légère et fraîche à ajouter sur vos salades, crudités ou plats froids. \u003cstrong\u003eVos enfants n'y verront que du feu !\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-composition-grid\"\u003e\n      \u003cdiv class=\"oleo-ingredient-card oleo-ingredient-main\"\u003e\n        \u003cdiv class=\"oleo-ingredient-icon\"\u003e🐟\u003c\/div\u003e\n        \u003cdiv class=\"oleo-ingredient-info\"\u003e\n          \u003ch4\u003eHuile de poisson\u003c\/h4\u003e\n          \u003cspan class=\"oleo-ingredient-percent\"\u003e98,5%\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eSource concentrée d'acides gras essentiels EPA et DHA de haute qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-ingredient-card\"\u003e\n        \u003cdiv class=\"oleo-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n        \u003cdiv class=\"oleo-ingredient-info\"\u003e\n          \u003ch4\u003eEssence de citron\u003c\/h4\u003e\n          \u003cspan class=\"oleo-ingredient-percent\"\u003eNaturelle\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp\u003ePour un goût frais et agréable sans arrière-goût de poisson\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"oleo-nutrition-table\"\u003e\n      \u003ch4\u003eValeurs nutritionnelles\u003c\/h4\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-header\"\u003e\n        \u003cspan\u003ePour 1 cuillère à café (5 ml)\u003c\/span\u003e\n        \u003cspan\u003eApports\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row\"\u003e\n        \u003cspan\u003eÉnergie\u003c\/span\u003e\n        \u003cspan\u003e188 kJ \/ 42 Kcal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row\"\u003e\n        \u003cspan\u003eMatières grasses\u003c\/span\u003e\n        \u003cspan\u003e4,6 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n        \u003cspan\u003e↳ Acides gras saturés\u003c\/span\u003e\n        \u003cspan\u003e1,2 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n        \u003cspan\u003e↳ Acides gras mono-insaturés\u003c\/span\u003e\n        \u003cspan\u003e1 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n        \u003cspan\u003e↳ Acides gras polyinsaturés\u003c\/span\u003e\n        \u003cspan\u003e1,8 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-highlight\"\u003e\n        \u003cspan\u003e🔥 Oméga 3 totaux\u003c\/span\u003e\n        \u003cspan\u003e≥ 1380 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n        \u003cspan\u003e↳ EPA\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e850 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n        \u003cspan\u003e↳ DHA\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e550 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e📝 Comment utiliser Oléocéane ?\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-usage-grid\"\u003e\n      \u003cdiv class=\"oleo-usage-card\"\u003e\n        \u003cdiv class=\"oleo-usage-dose\"\u003e\n          \u003cspan class=\"oleo-dose-icon\"\u003e🥄\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-amount\"\u003e½ c. à café\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-ml\"\u003e2,5 ml\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch4\u003eDose d'entretien\u003c\/h4\u003e\n        \u003cp\u003ePour les bienfaits sur la fonction cérébrale, visuelle et cardiaque au quotidien.\u003c\/p\u003e\n        \u003cul class=\"oleo-dose-benefits\"\u003e\n          \u003cli\u003e690 mg d'oméga 3\u003c\/li\u003e\n          \u003cli\u003e425 mg EPA + 275 mg DHA\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-usage-card oleo-usage-optimal\"\u003e\n        \u003cdiv class=\"oleo-usage-dose\"\u003e\n          \u003cspan class=\"oleo-dose-icon\"\u003e🥄🥄\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-amount\"\u003e1 à 2 c. à café\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-ml\"\u003e5 à 10 ml\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch4\u003eDose optimale\u003c\/h4\u003e\n        \u003cp\u003eSelon vos besoins spécifiques pour un effet renforcé.\u003c\/p\u003e\n        \u003cul class=\"oleo-dose-benefits\"\u003e\n          \u003cli\u003e1380 à 2760 mg d'oméga 3\u003c\/li\u003e\n          \u003cli\u003eSoutien cardiovasculaire intensif\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"oleo-tips\"\u003e\n      \u003ch4\u003e💡 Nos conseils d'utilisation\u003c\/h4\u003e\n      \u003cdiv class=\"oleo-tips-grid\"\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🥗\u003c\/span\u003e\n          \u003cp\u003eVersez directement sur vos \u003cstrong\u003esalades, légumes vapeur tièdes\u003c\/strong\u003e ou tartines\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🥤\u003c\/span\u003e\n          \u003cp\u003eAjoutez dans vos \u003cstrong\u003esmoothies\u003c\/strong\u003e pour un boost nutritionnel\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🚫🔥\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eNe pas chauffer\u003c\/strong\u003e pour préserver la qualité des acides gras\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🦐\u003c\/span\u003e\n          \u003cp\u003eS'accorde parfaitement avec le \u003cstrong\u003epoisson et les fruits de mer\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est cette huile ?\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-profiles-grid\"\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e👶\u003c\/span\u003e\n        \u003ch4\u003eLes enfants\u003c\/h4\u003e\n        \u003cp\u003eQui refusent de manger du poisson\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e📚\u003c\/span\u003e\n        \u003ch4\u003eLes étudiants\u003c\/h4\u003e\n        \u003cp\u003eEn période d'examens pour soutenir les fonctions cognitives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e💼\u003c\/span\u003e\n        \u003ch4\u003eLes actifs\u003c\/h4\u003e\n        \u003cp\u003eSoucieux de leur santé cardiovasculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e👴\u003c\/span\u003e\n        \u003ch4\u003eLes seniors\u003c\/h4\u003e\n        \u003cp\u003eSouhaitant préserver mémoire et vision\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e🤰\u003c\/span\u003e\n        \u003ch4\u003eFemmes enceintes\u003c\/h4\u003e\n        \u003cp\u003ePour le bon développement de bébé (avis médical)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003ch4\u003eLes sportifs\u003c\/h4\u003e\n        \u003cp\u003ePour favoriser une bonne récupération musculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions \u0026amp; conservation\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-precautions\"\u003e\n      \u003cdiv class=\"oleo-precaution-item\"\u003e\n        \u003cspan class=\"oleo-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cp\u003eConserver à l'abri de la lumière, au sec, \u0026lt; 25°C\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-precaution-item\"\u003e\n        \u003cspan class=\"oleo-precaution-icon\"\u003e❄️\u003c\/span\u003e\n        \u003cp\u003eAprès ouverture : réfrigérateur, consommer sous 3 mois\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-precaution-item\"\u003e\n        \u003cspan class=\"oleo-precaution-icon\"\u003e💊\u003c\/span\u003e\n        \u003cp\u003eTraitement anticoagulant ? Consultez votre médecin\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"oleo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"oleo-cta-box\"\u003e\n      \u003cdiv class=\"oleo-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"oleo-cta-content\"\u003e\n        \u003cspan class=\"oleo-cta-emoji\"\u003e🍋🐟\u003c\/span\u003e\n        \u003cp\u003eProfitez enfin des \u003cstrong\u003ebienfaits des oméga 3\u003c\/strong\u003e sans compromis sur le goût. Une solution pratique et savoureuse pour toute la famille, validée par les autorités européennes de santé.\u003c\/p\u003e\n        \u003cdiv class=\"oleo-cta-badge\"\u003e\n          \u003cspan\u003eJade Recherche\u003c\/span\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cspan\u003eQualité française\u003c\/span\u003e\n        \u003c\/div\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  --oleo-cream: #FFFDF5;\n  --oleo-white: #ffffff;\n  --oleo-primary: #F7D000;\n  --oleo-primary-dark: #C5A600;\n  --oleo-primary-light: #FFF8D6;\n  --oleo-secondary: #2E8B3D;\n  --oleo-secondary-light: #E8F5EA;\n  --oleo-accent: #E8A000;\n  --oleo-ocean: #1A3A5C;\n  --oleo-ocean-light: #E8F0F8;\n  --oleo-text: #1a1a1a;\n  --oleo-text-light: #5a5a5a;\n  --oleo-border: #e8e4d8;\n  --oleo-shadow: 0 4px 24px rgba(26,58,92,.08);\n  --oleo-shadow-lg: 0 12px 48px rgba(26,58,92,.15);\n  --oleo-radius: 20px;\n  --oleo-radius-sm: 12px;\n}\n\n.oleo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--oleo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--oleo-text);\n  line-height: 1.6;\n}\n\n.oleo-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.oleo-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 40%, var(--oleo-secondary) 100%);\n  border-radius: var(--oleo-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(--oleo-shadow-lg);\n}\n\n.oleo-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(247,208,0,.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(247,208,0,.1) 0%, transparent 40%),\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 5c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5zm0 40c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5z' fill='%23F7D000' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n  opacity: .8;\n}\n\n.oleo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.oleo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.oleo-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(--oleo-ocean);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.oleo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(247,208,0,.3);\n}\n\n.oleo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 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,.3);\n}\n\n.oleo-subtitle {\n  color: var(--oleo-primary);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.oleo-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.oleo-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.oleo-stat {\n  text-align: center;\n  background: rgba(255,255,255,.1);\n  backdrop-filter: blur(10px);\n  padding: 1rem 1.5rem;\n  border-radius: var(--oleo-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-stat-number {\n  display: block;\n  color: var(--oleo-primary);\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n}\n\n.oleo-stat-label {\n  display: block;\n  color: rgba(255,255,255,.8);\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.oleo-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.oleo-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--oleo-ocean);\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.oleo-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(--oleo-primary), var(--oleo-secondary));\n  border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.oleo-intro-box {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--oleo-shadow);\n  border-left: 5px solid var(--oleo-primary);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.oleo-intro-box p {\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--oleo-text);\n  margin: 0 0 1rem 0;\n}\n\n.oleo-intro-box p:last-child {\n  margin-bottom: 0;\n}\n\n.oleo-highlight {\n  background: var(--oleo-primary-light);\n  padding: 1rem 1.5rem;\n  border-radius: var(--oleo-radius-sm);\n  font-weight: 600;\n  color: var(--oleo-ocean) !important;\n}\n\n\/* === GRILLES === *\/\n.oleo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.oleo-card {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--oleo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.oleo-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--oleo-shadow-lg);\n  border-color: var(--oleo-primary);\n}\n\n.oleo-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.oleo-card h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .75rem 0;\n}\n\n.oleo-card p {\n  font-size: 15px;\n  color: var(--oleo-text-light);\n  margin: 0 0 1rem 0;\n  line-height: 1.6;\n}\n\n.oleo-dose {\n  display: inline-block;\n  background: var(--oleo-secondary-light);\n  color: var(--oleo-secondary);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === UNIQUE BOX === *\/\n.oleo-unique-box {\n  background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-primary-light) 100%);\n  border-radius: var(--oleo-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--oleo-shadow);\n}\n\n.oleo-unique-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n  margin-bottom: 1.5rem;\n}\n\n.oleo-unique-problem,\n.oleo-unique-solution {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n  padding: 1.5rem;\n  flex: 1;\n  min-width: 250px;\n  max-width: 350px;\n  text-align: center;\n}\n\n.oleo-unique-problem {\n  border: 2px dashed #e0e0e0;\n}\n\n.oleo-unique-solution {\n  border: 2px solid var(--oleo-secondary);\n  box-shadow: 0 4px 20px rgba(46,139,61,.15);\n}\n\n.oleo-unique-emoji {\n  font-size: 40px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.oleo-unique-box h4 {\n  font-size: 16px;\n  font-weight: 800;\n  margin: 0 0 .5rem 0;\n  color: var(--oleo-ocean);\n}\n\n.oleo-unique-problem p,\n.oleo-unique-solution p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  margin: 0;\n}\n\n.oleo-unique-arrow {\n  font-size: 32px;\n  color: var(--oleo-secondary);\n  font-weight: 900;\n}\n\n.oleo-unique-result {\n  text-align: center;\n  font-size: clamp(16px, 2vw, 18px);\n  color: var(--oleo-ocean);\n  margin: 0;\n  padding: 1.5rem;\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n}\n\n\/* === COMPOSITION === *\/\n.oleo-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.oleo-ingredient-card {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: 1.5rem;\n  box-shadow: var(--oleo-shadow);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.oleo-ingredient-card:hover {\n  border-color: var(--oleo-primary);\n  transform: translateY(-4px);\n}\n\n.oleo-ingredient-main {\n  background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-white) 100%);\n  border-color: var(--oleo-ocean);\n}\n\n.oleo-ingredient-icon {\n  font-size: 48px;\n  margin-bottom: .5rem;\n}\n\n.oleo-ingredient-info {\n  margin-bottom: .75rem;\n}\n\n.oleo-ingredient-info h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0;\n}\n\n.oleo-ingredient-percent {\n  display: inline-block;\n  background: var(--oleo-primary);\n  color: var(--oleo-ocean);\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-top: 6px;\n}\n\n.oleo-ingredient-card p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  margin: 0;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.oleo-nutrition-table {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--oleo-shadow);\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.oleo-nutrition-table h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.oleo-nutrition-row {\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 0;\n  border-bottom: 1px solid var(--oleo-border);\n  font-size: 15px;\n}\n\n.oleo-nutrition-row:last-child {\n  border-bottom: none;\n}\n\n.oleo-nutrition-header {\n  font-weight: 700;\n  color: var(--oleo-ocean);\n  background: var(--oleo-ocean-light);\n  margin: 0 -1.5rem;\n  padding: 12px 1.5rem;\n  border-radius: var(--oleo-radius-sm) var(--oleo-radius-sm) 0 0;\n}\n\n.oleo-nutrition-sub {\n  padding-left: 1rem;\n  font-size: 14px;\n  color: var(--oleo-text-light);\n}\n\n.oleo-nutrition-highlight {\n  background: var(--oleo-primary-light);\n  margin: .5rem -1.5rem;\n  padding: 12px 1.5rem;\n  font-weight: 700;\n  color: var(--oleo-ocean);\n}\n\n.oleo-nutrition-omega {\n  background: var(--oleo-secondary-light);\n  margin: 0 -1.5rem;\n  padding: 10px 1.5rem 10px 2.5rem;\n  color: var(--oleo-secondary);\n}\n\n\/* === USAGE === *\/\n.oleo-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.oleo-usage-card {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--oleo-shadow);\n  border: 2px solid var(--oleo-border);\n  transition: all .3s ease;\n}\n\n.oleo-usage-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-usage-optimal {\n  border-color: var(--oleo-secondary);\n  background: linear-gradient(135deg, var(--oleo-secondary-light) 0%, var(--oleo-white) 100%);\n}\n\n.oleo-usage-dose {\n  text-align: center;\n  margin-bottom: 1rem;\n  padding-bottom: 1rem;\n  border-bottom: 2px dashed var(--oleo-border);\n}\n\n.oleo-dose-icon {\n  font-size: 32px;\n  display: block;\n  margin-bottom: .25rem;\n}\n\n.oleo-dose-amount {\n  display: block;\n  font-size: 22px;\n  font-weight: 900;\n  color: var(--oleo-ocean);\n}\n\n.oleo-dose-ml {\n  display: block;\n  font-size: 14px;\n  color: var(--oleo-text-light);\n}\n\n.oleo-usage-card h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .5rem 0;\n  text-align: center;\n}\n\n.oleo-usage-card \u003e p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  text-align: center;\n  margin: 0 0 1rem 0;\n}\n\n.oleo-dose-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.oleo-dose-benefits li {\n  padding: 6px 0 6px 24px;\n  position: relative;\n  font-size: 14px;\n  color: var(--oleo-text);\n}\n\n.oleo-dose-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--oleo-secondary);\n  font-weight: 700;\n}\n\n\/* === TIPS === *\/\n.oleo-tips {\n  background: var(--oleo-primary-light);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.oleo-tips h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n}\n\n.oleo-tips-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.oleo-tip {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n  padding: 1rem;\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.oleo-tip:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--oleo-shadow);\n}\n\n.oleo-tip-icon {\n  font-size: 32px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.oleo-tip p {\n  font-size: 14px;\n  color: var(--oleo-text);\n  margin: 0;\n}\n\n\/* === PROFILES === *\/\n.oleo-profiles-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.oleo-profile {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: 1.5rem 1rem;\n  text-align: center;\n  box-shadow: var(--oleo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.oleo-profile:hover {\n  border-color: var(--oleo-primary);\n  transform: translateY(-4px);\n}\n\n.oleo-profile-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.oleo-profile h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .25rem 0;\n}\n\n.oleo-profile p {\n  font-size: 13px;\n  color: var(--oleo-text-light);\n  margin: 0;\n  line-height: 1.4;\n}\n\n\/* === FAQ === *\/\n.oleo-faq {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.oleo-faq-item {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  margin-bottom: 1rem;\n  box-shadow: var(--oleo-shadow);\n  border-left: 4px solid var(--oleo-primary);\n}\n\n.oleo-faq-item:last-child {\n  margin-bottom: 0;\n}\n\n.oleo-faq-item h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .75rem 0;\n}\n\n.oleo-faq-item p {\n  font-size: 15px;\n  color: var(--oleo-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.oleo-precautions {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n  background: #FFF8F0;\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #FFE4CC;\n}\n\n.oleo-precaution-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.oleo-precaution-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.oleo-precaution-item p {\n  font-size: 14px;\n  color: var(--oleo-text);\n  margin: 0;\n}\n\n\/* === PRODUCT INFO === *\/\n.oleo-product-info {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1rem;\n}\n\n.oleo-info-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--oleo-shadow);\n}\n\n.oleo-info-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.oleo-info-item strong {\n  display: block;\n  font-size: 14px;\n  color: var(--oleo-ocean);\n  margin-bottom: 2px;\n}\n\n.oleo-info-item p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.oleo-cta-box {\n  background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 50%, var(--oleo-secondary) 100%);\n  border-radius: var(--oleo-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.oleo-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(247,208,0,.15) 0%, transparent 50%);\n}\n\n.oleo-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.oleo-cta-emoji {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.oleo-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 500;\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.oleo-cta-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  padding: 10px 24px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-cta-badge span {\n  color: var(--oleo-primary);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .oleo-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .oleo-hero-stats {\n    gap: 1rem;\n  }\n  \n  .oleo-stat {\n    padding: .75rem 1rem;\n  }\n  \n  .oleo-unique-arrow {\n    transform: rotate(90deg);\n  }\n  \n  .oleo-profiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .oleo-nutrition-header,\n  .oleo-nutrition-highlight,\n  .oleo-nutrition-omega {\n    margin-left: -1rem;\n    margin-right: -1rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  \n  .oleo-nutrition-table {\n    padding: 1rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .oleo-profiles-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .oleo-badges-top {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .oleo-card,\n  .oleo-profile,\n  .oleo-ingredient-card,\n  .oleo-usage-card,\n  .oleo-faq-item,\n  .oleo-info-item {\n    animation: oleoFadeInUp .6s ease backwards;\n  }\n  \n  .oleo-card:nth-child(1), .oleo-profile:nth-child(1) { animation-delay: .1s; }\n  .oleo-card:nth-child(2), .oleo-profile:nth-child(2) { animation-delay: .15s; }\n  .oleo-card:nth-child(3), .oleo-profile:nth-child(3) { animation-delay: .2s; }\n  .oleo-card:nth-child(4), .oleo-profile:nth-child(4) { animation-delay: .25s; }\n  .oleo-card:nth-child(5), .oleo-profile:nth-child(5) { animation-delay: .3s; }\n  .oleo-card:nth-child(6), .oleo-profile:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes oleoFadeInUp {\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  .oleo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .oleo-card,\n  .oleo-profile,\n  .oleo-faq-item {\n    border: 2px solid var(--oleo-text);\n  }\n  \n  .oleo-badge {\n    border: 2px solid var(--oleo-ocean);\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755216691357,"sku":"JADEOLEO250","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/oleoceane-omega-3-citron-250-ml-jade-recherche.jpg?v=1767358469"},{"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":27.18,"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-ingredients.webp?v=1773303124"},{"product_id":"arjuna-bio-sante-cardiaque-60-gelules-ayurvana","title":"Arjuna Bio - Santé Cardiaque - 60 Gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Arjuna Bio - Santé Cardiaque - 60 Gélules - AyurVana\nPalette détectée:\n  - Primaire: #8B5E3C (brun écorce\/cannelle du packaging cylindrique)\n  - Secondaire: #C4883A (orange doré de l'écorce d'Arjuna illustrée)\n  - Accent: #2E7D4B (vert bio des gouttes colorées et label AB)\n  - Fond packaging: #D4A574 (beige naturel du tube en écorce)\nAmbiance: Ayurvédique \/ Naturel-bio \/ Traditionnel indien avec motifs mandala, texture écorce bois, certifications bio et fabrication française. Univers chaleureux, terreux, authentique.\nPréfixe CSS: aj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Arjuna Bio AyurVana : un allié naturel pour votre santé cardiaque\"\n  2. \"Pourquoi choisir l'Arjuna pour le cœur ?\"\n  3. \"Composition détaillée pour 6 gélules (dose journalière)\"\n  4. \"Comment prendre l'Arjuna Bio AyurVana ?\"\n  5. \"Précautions et mises en garde importantes\"\n  6. \"Les garanties AyurVana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"aj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"aj-hero\"\u003e\n    \u003cdiv class=\"aj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"aj-hero-content\"\u003e\n      \u003cdiv class=\"aj-badges-top\"\u003e\n        \u003cspan class=\"aj-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"aj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"aj-badge\"\u003e💚 Gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"aj-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"aj-hero-title\"\u003eArjuna Bio AyurVana\u003c\/span\u003e\n      \u003cp class=\"aj-subtitle\"\u003eSanté cardiaque · 60 gélules végétales\u003c\/p\u003e\n      \u003cp class=\"aj-description\"\u003eL'écorce millénaire de \u003cem\u003eTerminalia arjuna\u003c\/em\u003e, trésor de l'Ayurveda, au service de votre cœur. Extrait pur biologique, sans excipient superflu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"aj-section\"\u003e\n    \u003ch2\u003eArjuna Bio AyurVana : un allié naturel pour votre santé cardiaque\u003c\/h2\u003e\n    \u003cp class=\"aj-section-intro\"\u003eUtilisé depuis des millénaires en \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e, l'\u003cstrong\u003eArjuna\u003c\/strong\u003e (\u003cem\u003eTerminalia arjuna\u003c\/em\u003e) est l'une des plantes les plus étudiées pour son action sur le système cardiovasculaire.\u003c\/p\u003e\n    \u003cdiv class=\"aj-highlight-box\"\u003e\n      \u003cp\u003eAyur-Vana vous propose un extrait pur d'\u003cstrong\u003eécorce d'Arjuna biologique\u003c\/strong\u003e, encapsulé en France dans des gélules 100 % végétales. Si vous cherchez un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e naturel pour prendre soin de votre cœur au quotidien, cette formule mérite toute votre attention.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"aj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'Arjuna pour le cœur ?\u003c\/h2\u003e\n    \u003cp class=\"aj-section-intro\"\u003eL'écorce de \u003cstrong\u003eTerminalia arjuna\u003c\/strong\u003e concentre des composés actifs précieux : arjunine, arjunétine, tanins et surtout des \u003cstrong\u003eflavonoïdes antioxydants\u003c\/strong\u003e. C'est cette richesse qui lui vaut sa réputation de tonique cardiaque en Ayurveda.\u003c\/p\u003e\n    \u003cdiv class=\"aj-grid\"\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e❤️ Soutien de la fonction cardiaque\u003c\/h3\u003e\n        \u003cp\u003eL'Arjuna contribue à renforcer le muscle cardiaque et les parois des vaisseaux sanguins, favorisant ainsi une circulation saine et fluide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e🩺 Tension équilibrée\u003c\/h3\u003e\n        \u003cp\u003eEn agissant directement sur le tonus vasculaire, il participe à la régulation naturelle de la pression artérielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eSes flavonoïdes aident à protéger les cellules du stress oxydatif, un facteur clé du vieillissement cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e🫀 Soutien hépatique\u003c\/h3\u003e\n        \u003cp\u003eL'Arjuna favorise également le bon fonctionnement du foie et peut stimuler l'appétit naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aj-tip\"\u003e\n      \u003cspan class=\"aj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est cette polyvalence qui fait de l'Arjuna un choix pertinent pour quiconque souhaite prendre soin de sa sphère cardiovasculaire de manière naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"aj-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"aj-grid-compact\"\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e🌿 Écorce de Terminalia arjuna bio*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2700 mg\u003c\/strong\u003e par dose journalière\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n        \u003cp\u003eHypromellose (gélule végétale)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"aj-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique, certifié par FR-BIO-01.\u003c\/p\u003e\n    \u003cdiv class=\"aj-highlight-box\"\u003e\n      \u003cp\u003eLa formule est volontairement simple : \u003cstrong\u003eaucun excipient inutile\u003c\/strong\u003e, pas d'additif chimique, pas de gélatine animale. Chaque gélule contient uniquement de la poudre d'écorce d'Arjuna pure. Le produit convient parfaitement aux personnes suivant un régime \u003cstrong\u003evégétarien ou végan\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"aj-section\"\u003e\n    \u003ch2\u003eComment prendre l'Arjuna Bio AyurVana ?\u003c\/h2\u003e\n    \u003cdiv class=\"aj-timeline\"\u003e\n      \u003cdiv class=\"aj-timeline-item\"\u003e\n        \u003cdiv class=\"aj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"aj-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules avant chaque repas\u003c\/strong\u003e, soit 6 gélules par jour, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-timeline-item\"\u003e\n        \u003cdiv class=\"aj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"aj-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003equatre à huit semaines\u003c\/strong\u003e est généralement recommandée. Au-delà de deux mois, faites une pause ou demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-timeline-item\"\u003e\n        \u003cdiv class=\"aj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"aj-timeline-content\"\u003e\n          \u003ch3\u003eOptimisez les bienfaits\u003c\/h3\u003e\n          \u003cp\u003eAssociez la prise d'Arjuna à une alimentation équilibrée, riche en fruits, légumes et acides gras essentiels, ainsi qu'à une activité physique réguliè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=\"aj-section\"\u003e\n    \u003ch2\u003ePrécautions et mises en garde importantes\u003c\/h2\u003e\n    \u003cdiv class=\"aj-accordion\"\u003e\n      \u003cdetails class=\"aj-accordion-item\"\u003e\n        \u003csummary class=\"aj-accordion-header\"\u003e⚠️ Dose journalière maximale\u003c\/summary\u003e\n        \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de 6 gélules.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aj-accordion-item\"\u003e\n        \u003csummary class=\"aj-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aj-accordion-item\"\u003e\n        \u003csummary class=\"aj-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous suivez un traitement pour l'\u003cstrong\u003einsuffisance cardiaque\u003c\/strong\u003e ou tout autre trouble cardiovasculaire, consultez impérativement votre médecin avant toute supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aj-accordion-item\"\u003e\n        \u003csummary class=\"aj-accordion-header\"\u003e📋 Rappels importants\u003c\/summary\u003e\n        \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne remplace ni un traitement médical, ni une alimentation variée et équilibrée, ni un mode de vie sain. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aj-accordion-item\"\u003e\n        \u003csummary class=\"aj-accordion-header\"\u003e🐾 Usage exclusivement humain\u003c\/summary\u003e\n        \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est exclusivement formulé pour l'être humain. Si vous recherchez un complément alimentaire pour chien cardiaque, veuillez vous tourner vers des formulations vétérinaires adaptées.\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=\"aj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLes garanties AyurVana\u003c\/h2\u003e\n    \u003cdiv class=\"aj-grid-compact\"\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e🌱 Certifié bio AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique (FR-BIO-01)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eNormes les plus strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e💚 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales, sans OGM\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aj-card\"\u003e\n        \u003ch3\u003e✨ Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans excipient superflu\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aj-cta-box\"\u003e\n      \u003cp\u003eEn choisissant l'\u003cstrong\u003eArjuna Bio AyurVana\u003c\/strong\u003e, vous offrez à votre cœur un soutien ancré dans la tradition ayurvédique et validé par des standards de qualité modernes. Une démarche simple, naturelle et respectueuse de votre organisme. 🕉️\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --aj-cream: #FAF6F1;\n  --aj-white: #ffffff;\n  --aj-primary: #8B5E3C;\n  --aj-primary-dark: #5C3A22;\n  --aj-primary-light: #F3E8DC;\n  --aj-secondary: #C4883A;\n  --aj-accent: #2E7D4B;\n  --aj-text: #1a1a1a;\n  --aj-text-light: #5a5a5a;\n  --aj-border: #e8ddd2;\n  --aj-shadow: 0 4px 24px rgba(92, 58, 34, .08);\n  --aj-shadow-lg: 0 12px 48px rgba(92, 58, 34, .15);\n  --aj-radius: 20px;\n  --aj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.aj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--aj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5C3A22 0%, #8B5E3C 40%, #C4883A 80%, #2E7D4B 100%);\n  border-radius: var(--aj-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(--aj-shadow-lg);\n}\n\n.aj-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,.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,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.aj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.aj-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.aj-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: .05em;\n  text-transform: uppercase;\n}\n\n.aj-description {\n  color: rgba(255,255,255,.9);\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.aj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.aj-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(--aj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.aj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.aj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--aj-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.aj-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(--aj-primary), var(--aj-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.aj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aj-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.aj-card {\n  background: var(--aj-white);\n  border-radius: var(--aj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.aj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--aj-shadow-lg);\n  border-color: var(--aj-primary);\n}\n\n.aj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--aj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.aj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--aj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.aj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.aj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.aj-grid-compact .aj-card {\n  padding: 1rem;\n}\n\n.aj-grid-compact .aj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.aj-grid-compact .aj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.aj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.aj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.aj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--aj-primary), var(--aj-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.aj-timeline-content {\n  flex: 1;\n  background: var(--aj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--aj-radius-sm);\n  box-shadow: var(--aj-shadow);\n}\n\n.aj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--aj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.aj-timeline-content p {\n  font-size: 14px;\n  color: var(--aj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL \/ HIGHLIGHT BOX === *\/\n.aj-highlight-box {\n  background: var(--aj-white);\n  border-radius: var(--aj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--aj-shadow);\n  border-left: 4px solid var(--aj-accent);\n  margin-top: 1.25rem;\n}\n\n.aj-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--aj-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.aj-accordion {\n  background: var(--aj-white);\n  border-radius: var(--aj-radius);\n  box-shadow: var(--aj-shadow);\n  overflow: hidden;\n}\n\n.aj-accordion-item {\n  border-bottom: 1px solid var(--aj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.aj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.aj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--aj-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.aj-accordion-header:hover {\n  background: var(--aj-primary-light);\n}\n\n.aj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.aj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--aj-primary);\n  transition: transform .2s ease;\n}\n\n.aj-accordion-item[open] .aj-accordion-header::after {\n  content: '−';\n}\n\n.aj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--aj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.aj-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.aj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--aj-primary-light);\n  border-radius: var(--aj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.aj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.aj-tip p {\n  font-size: 14px;\n  color: var(--aj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.aj-cta-box {\n  background: linear-gradient(135deg, var(--aj-primary) 0%, var(--aj-primary-dark) 100%);\n  border-radius: var(--aj-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.aj-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.aj-disclaimer {\n  font-size: 12px;\n  color: var(--aj-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  .aj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .aj-card {\n    padding: 1.125rem;\n  }\n  \n  .aj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .aj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--aj-radius-sm);\n  }\n  \n  .aj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .aj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .aj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .aj-grid-compact .aj-card {\n    padding: .75rem;\n  }\n  \n  .aj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .aj-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .aj-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .aj-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .aj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .aj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .aj-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .aj-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .aj-card {\n    animation: ajFadeInUp .5s ease backwards;\n  }\n  .aj-card:nth-child(1) { animation-delay: .05s; }\n  .aj-card:nth-child(2) { animation-delay: .1s; }\n  .aj-card:nth-child(3) { animation-delay: .15s; }\n  .aj-card:nth-child(4) { animation-delay: .2s; }\n  .aj-card:nth-child(5) { animation-delay: .25s; }\n  .aj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ajFadeInUp {\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  .aj-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":45755229339805,"sku":"AY9932","price":13.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Arjuna-Bio-Sante-Cardiaque-60-gelules-AY9932-983502.jpg?v=1732719487"},{"product_id":"rhinicline-air-bio-ideal-contre-les-allergies-60-capsules-lt-labo","title":"Rhinicline Air+ Bio LT Labo - Idéal contre les Allergies - 60 capsules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Rhinicline Air+ Bio LT Labo\nPalette détectée:\n  - Primaire: #4A90A4 (bleu-gris clair du flacon, évoquant l'air pur et la fraîcheur)\n  - Secondaire: #2E5A6B (bleu foncé des bandeaux texte)\n  - Accent: #6B9D3A (vert bio\/naturel des labels AB et Vegan)\nAmbiance: Naturel\/Bio, santé respiratoire, fraîcheur, air pur, médical doux\nPréfixe CSS: rc\n--\u003e\n\n\u003cdiv class=\"rc-premium\"\u003e\n  \n  \u003cdiv class=\"rc-hero\"\u003e\n    \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rc-hero-content\"\u003e\n      \u003cdiv class=\"rc-badges-top\"\u003e\n        \u003cspan class=\"rc-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"rc-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-hero-title\"\u003eRhinicline Air+ Bio\u003c\/span\u003e\n      \u003cp class=\"rc-subtitle\"\u003eVotre bouclier naturel contre les allergies\u003c\/p\u003e\n      \u003cp class=\"rc-description\"\u003eSolution naturelle au plantain, ortie, sureau et eucalyptus pour un confort respiratoire optimal toute l'année\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"rc-section\"\u003e\n    \u003ch2\u003e🌬️ Vos bénéfices respiratoires\u003c\/h2\u003e\n    \u003cdiv class=\"rc-grid\"\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e💨 Confort respiratoire\u003c\/h3\u003e\n        \u003cp\u003eAide à soulager et apaiser les voies respiratoires irritées en cas d'allergies saisonnières\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eRenforce vos défenses naturelles grâce aux propriétés immunomodulatrices du sureau et de l'ortie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e🌸 Action anti-allergique\u003c\/h3\u003e\n        \u003cp\u003eCombat les manifestations allergiques grâce aux vertus anti-inflammatoires du plantain bio\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rc-section\"\u003e\n    \u003ch2\u003e🌿 Composition 100% bio\u003c\/h2\u003e\n    \u003cdiv class=\"rc-grid\"\u003e\n      \u003cdiv class=\"rc-card rc-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Plantain bio\u003c\/h3\u003e\n        \u003cp class=\"rc-ingredient-latin\"\u003ePlantago lanceolata\u003c\/p\u003e\n        \u003cp\u003ePropriétés apaisantes sur les muqueuses et vertus anti-inflammatoires reconnues\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card rc-card-ingredient\"\u003e\n        \u003ch3\u003e🌱 Ortie bio\u003c\/h3\u003e\n        \u003cp class=\"rc-ingredient-latin\"\u003eUrtica dioica\u003c\/p\u003e\n        \u003cp\u003eRiche en flavonoïdes, aide à moduler naturellement la réponse allergique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card rc-card-ingredient\"\u003e\n        \u003ch3\u003e🫐 Sureau bio\u003c\/h3\u003e\n        \u003cp class=\"rc-ingredient-latin\"\u003eSambucus nigra\u003c\/p\u003e\n        \u003cp\u003eFavorise le bon fonctionnement du système immunitaire et des défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card rc-card-ingredient\"\u003e\n        \u003ch3\u003e🌲 Eucalyptus bio\u003c\/h3\u003e\n        \u003cp class=\"rc-ingredient-latin\"\u003eEucalyptus globulus (HE)\u003c\/p\u003e\n        \u003cp\u003eAction décongestionnante et rafraîchissante des voies respiratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"rc-usage-box\"\u003e\n      \u003cdiv class=\"rc-usage-main\"\u003e\n        \u003cdiv class=\"rc-usage-dose\"\u003e\n          \u003cspan class=\"rc-dose-number\"\u003e1 à 2\u003c\/span\u003e\n          \u003cspan class=\"rc-dose-label\"\u003ecapsules\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-usage-details\"\u003e\n          \u003cp\u003eDe préférence au cours des repas, avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-usage-tip\"\u003e\n        \u003cp\u003e💡 \u003cstrong\u003eEn période d'allergies aiguës :\u003c\/strong\u003e jusqu'à 3 capsules par jour, en respectant les conseils de votre professionnel de santé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"rc-grid\"\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e🤧 Allergiques saisonniers\u003c\/h3\u003e\n        \u003cp\u003ePersonnes sensibles aux pollens et agressions environnementales au printemps et en été\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e😮‍💨 Voies respiratoires sensibles\u003c\/h3\u003e\n        \u003cp\u003eCeux qui cherchent à améliorer leur confort respiratoire au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e🌍 Environnements pollués\u003c\/h3\u003e\n        \u003cp\u003ePersonnes exposées aux agressions environnementales urbaines ou professionnelles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rc-section\"\u003e\n    \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"rc-grid-compact\"\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n        \u003cp\u003eFormule pure et naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e🎨 Sans colorants\u003c\/h3\u003e\n        \u003cp\u003eNi arômes artificiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e🥬 Végétarien\u003c\/h3\u003e\n        \u003cp\u003eCapsule végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rc-card\"\u003e\n        \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"rc-accordion\"\u003e\n      \u003cdetails class=\"rc-accordion-item\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cp\u003eÉlaboré en France par LT Labo, entreprise reconnue pour son engagement envers des produits naturels et biologiques de haute qualité. Tous les ingrédients sont issus de l'agriculture biologique certifiée, garantissant une traçabilité rigoureuse et le respect de l'environnement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rc-accordion-item\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e💊 Capsule végétale\u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cp\u003eEnveloppe en hydroxypropylméthylcellulose pour une libération optimale des actifs et une compatibilité avec les régimes végétariens et vegan.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rc-accordion-item\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"rc-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 et allaitantes. En cas de traitement médical, consulter 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=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"rc-cta-box\"\u003e\n      \u003cp\u003e🌬️ Respirez librement avec \u003cstrong\u003eRhinicline Air+ Bio\u003c\/strong\u003e\u003cbr\u003e60 capsules pour affronter les périodes d'allergie avec sérénité\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --rc-cream: #f8fafb;\n  --rc-white: #ffffff;\n  --rc-primary: #4A90A4;\n  --rc-primary-dark: #2E5A6B;\n  --rc-primary-light: #e8f4f7;\n  --rc-secondary: #5BA3B8;\n  --rc-accent: #6B9D3A;\n  --rc-accent-light: #e8f5e0;\n  --rc-text: #1a1a1a;\n  --rc-text-light: #5a5a5a;\n  --rc-border: #e0e8eb;\n  --rc-shadow: 0 4px 24px rgba(74,144,164,.08);\n  --rc-shadow-lg: 0 12px 48px rgba(46,90,107,.15);\n  --rc-radius: 20px;\n  --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5BA3B8 0%, #4A90A4 40%, #2E5A6B 100%);\n  border-radius: var(--rc-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(--rc-shadow-lg);\n}\n\n.rc-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,157,58,.15) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.rc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.rc-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(--rc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.rc-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.rc-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}\n\n.rc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n.rc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rc-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.rc-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(--rc-primary), var(--rc-accent));\n  border-radius: 2px;\n}\n\n.rc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.rc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.rc-card {\n  background: var(--rc-white);\n  border-radius: var(--rc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--rc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--rc-shadow-lg);\n  border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--rc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.rc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--rc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rc-card-ingredient {\n  border-left: 4px solid var(--rc-accent);\n}\n\n.rc-ingredient-latin {\n  font-style: italic;\n  color: var(--rc-accent) !important;\n  font-size: 12px !important;\n  margin-bottom: .5rem !important;\n}\n\n.rc-grid-compact .rc-card {\n  padding: 1rem;\n}\n\n.rc-grid-compact .rc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.rc-grid-compact .rc-card p {\n  font-size: 12px;\n}\n\n.rc-usage-box {\n  background: var(--rc-white);\n  border-radius: var(--rc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--rc-shadow);\n}\n\n.rc-usage-main {\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.rc-usage-dose {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: linear-gradient(135deg, var(--rc-primary), var(--rc-primary-dark));\n  border-radius: var(--rc-radius);\n  padding: 1.5rem 2rem;\n  color: white;\n}\n\n.rc-dose-number {\n  font-size: clamp(32px, 6vw, 48px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.rc-dose-label {\n  font-size: 14px;\n  font-weight: 600;\n  opacity: .9;\n}\n\n.rc-usage-details p {\n  color: var(--rc-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  margin: 0;\n  text-align: center;\n}\n\n.rc-usage-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--rc-accent-light);\n  border-radius: var(--rc-radius-sm);\n  padding: 1rem 1.25rem;\n  border-left: 4px solid var(--rc-accent);\n}\n\n.rc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.rc-usage-tip p {\n  color: var(--rc-text);\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rc-accordion {\n  background: var(--rc-white);\n  border-radius: var(--rc-radius);\n  box-shadow: var(--rc-shadow);\n  overflow: hidden;\n}\n\n.rc-accordion-item {\n  border-bottom: 1px solid var(--rc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.rc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.rc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--rc-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.rc-accordion-header:hover {\n  background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.rc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--rc-primary);\n  transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n  content: '−';\n}\n\n.rc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--rc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.rc-accordion-content p {\n  margin: 0;\n}\n\n.rc-cta-box {\n  background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n  border-radius: var(--rc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.rc-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.rc-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  position: relative;\n  z-index: 1;\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .rc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .rc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .rc-grid-compact .rc-card {\n    padding: .75rem;\n  }\n  \n  .rc-card {\n    padding: 1.125rem;\n  }\n  \n  .rc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .rc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--rc-radius-sm);\n  }\n  \n  .rc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .rc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .rc-usage-main {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .rc-usage-dose {\n    padding: 1rem 1.5rem;\n  }\n  \n  .rc-usage-tip {\n    flex-direction: column;\n    gap: .5rem;\n    text-align: center;\n  }\n  \n  .rc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .rc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .rc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .rc-card:nth-child(1) { animation-delay: .05s; }\n  .rc-card:nth-child(2) { animation-delay: .1s; }\n  .rc-card:nth-child(3) { animation-delay: .15s; }\n  .rc-card:nth-child(4) { animation-delay: .2s; }\n  .rc-card:nth-child(5) { animation-delay: .25s; }\n  .rc-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  .rc-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":45755233697949,"sku":"LT0235","price":24.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rhinicline-air-bio-lt-labo-ideal-contre-les-allergies-60-cap-ingredients.webp?v=1768666109"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/vignette-complement-alimentaire-sante.jpg?v=1737379008","url":"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires-sante.oembed?page=10","provider":"Naturellement Bio","version":"1.0","type":"link"}