{"title":"Articulations, os et muscles","description":"\u003cp\u003eVous cherchez le \u003cstrong\u003emeilleur complément alimentaire pour les articulations\u003c\/strong\u003e ? Douleurs articulaires, raideurs musculaires ou fragilité osseuse peuvent freiner votre quotidien. Que vous soyez sportif en quête de récupération, actif souhaitant préserver votre mobilité, ou confronté aux gênes liées à l'âge, des solutions naturelles existent. Découvrez notre sélection de \u003cstrong\u003ecompléments alimentaires pour les articulations\u003c\/strong\u003e, les os et les muscles, soigneusement choisis pour soutenir la \u003cstrong\u003esouplesse articulaire\u003c\/strong\u003e, renforcer la \u003cstrong\u003esolidité osseuse\u003c\/strong\u003e et favoriser la \u003cstrong\u003erécupération musculaire\u003c\/strong\u003e. Et pour une approche plus globale, retrouvez également \u003ca title=\"compléments alimentaires santé\" href=\"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires-sante\"\u003etous nos compléments alimentaires pour la santé\u003c\/a\u003e.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes meilleurs compléments alimentaires pour les articulations : notre sélection\u003c\/h2\u003e\n\u003cp\u003eFace à la diversité des produits disponibles, choisir le bon \u003cstrong\u003ecomplément alimentaire pour les articulations\u003c\/strong\u003e peut sembler complexe. Voici nos recommandations phares, sélectionnées pour leur efficacité prouvée et leur qualité irréprochable.\u003c\/p\u003e\n\u003ch3\u003eLe Boswellia serrata : l'anti-inflammatoire naturel de référence\u003c\/h3\u003e\n\u003cp\u003eUtilisé depuis des siècles en médecine ayurvédique, le \u003cstrong\u003eBoswellia\u003c\/strong\u003e est reconnu pour ses puissantes propriétés anti-inflammatoires. Ses acides boswelliques ciblent directement les mécanismes de l'inflammation articulaire. Une \u003ca rel=\"noopener\" title=\"Étude sur l'efficacité du Boswellia\" href=\"https:\/\/pubmed.ncbi.nlm.nih.gov\/21417015\/\" target=\"_blank\"\u003eétude clinique contrôlée\u003c\/a\u003e confirme son efficacité dans le traitement de l'arthrose du genou. Pour un soulagement optimal, découvrez notre \u003ca title=\"Boswellia serrata 120 gélules Ayur-Vana\" href=\"\/products\/boswellia-ayur-vana-120-gelules\"\u003ecomplément de Boswellia serrata\u003c\/a\u003e hautement dosé à 65% d'acides boswelliques.\u003c\/p\u003e\n\u003ch3\u003eLa curcumine : puissant antioxydant pour les articulations\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003ecurcumine\u003c\/strong\u003e, principe actif du curcuma, est l'un des anti-inflammatoires naturels les plus étudiés. Elle apaise les douleurs chroniques et protège les tissus articulaires du stress oxydatif. Associez-la toujours à de la pipérine pour multiplier son absorption par 20.\u003c\/p\u003e\n\u003ch3\u003eLes formules complètes pour la mobilité articulaire\u003c\/h3\u003e\n\u003cp\u003ePour une action globale sur vos articulations, les formules synergiques combinent plusieurs actifs complémentaires. Ces solutions tout-en-un simplifient votre routine quotidienne tout en maximisant les résultats. Pour une approche complète, vous pouvez essayer \u003ca title=\"BIO FLEXX Mobilité 60 comprimés\" href=\"\/products\/bio-flexx-mobilite-science-et-equilibre\"\u003eBIO FLEXX Mobilité\u003c\/a\u003e, formulé spécifiquement pour soutenir la mobilité articulaire.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes ingrédients clés pour soutenir la mobilité et leurs bienfaits\u003c\/h2\u003e\n\u003cp\u003eCertains ingrédients se démarquent par leur efficacité prouvée pour la santé articulaire, osseuse et musculaire.\u003c\/p\u003e\n\u003ch3\u003e🦴 Le collagène marin\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003ecollagène\u003c\/strong\u003e favorise la régénération du cartilage et améliore l'élasticité des tissus conjonctifs. Idéal pour les raideurs articulaires ou la prévention de la dégradation liée à l'âge. En synergie avec la vitamine C, il optimise la synthèse naturelle du collagène par votre organisme.\u003c\/p\u003e\n\u003ch3\u003e🌿 La curcumine\u003c\/h3\u003e\n\u003cp\u003ePuissant anti-inflammatoire naturel, particulièrement recommandé en cas d'arthrose, de tendinites ou de douleurs chroniques. La revue scientifique « \u003ca title=\"Curcumin: a review of its' effects on human health\" rel=\"noopener\" href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC5664031\/\" target=\"_blank\"\u003eCurcumin: a review of its' effects on human health\u003c\/a\u003e » synthétise ses effets anti-inflammatoires et antioxydants.\u003c\/p\u003e\n\u003ch3\u003e💊 La glucosamine et la chondroïtine\u003c\/h3\u003e\n\u003cp\u003eCe duo constitue les briques fondamentales du cartilage. La \u003cstrong\u003eglucosamine\u003c\/strong\u003e stimule la production de glycosaminoglycanes, tandis que la \u003cstrong\u003echondroïtine\u003c\/strong\u003e aide à maintenir l'hydratation du cartilage. Ensemble, ils ralentissent la dégradation cartilagineuse et améliorent la souplesse articulaire sur le long terme.\u003c\/p\u003e\n\u003ch3\u003e☀️ Les vitamines D3 et K2\u003c\/h3\u003e\n\u003cp\u003eEssentielles pour l'absorption du calcium et la densité osseuse. La D3 favorise la fixation du calcium, la K2 évite sa calcification dans les artères. Indispensables après 50 ans ou en cas de carence.\u003c\/p\u003e\n\u003ch3\u003e⚡ Le silicium organique\u003c\/h3\u003e\n\u003cp\u003eRenforce la structure des os, cartilages et tendons en favorisant la production de collagène. Optez pour du \u003ca title=\"Bambou Silice 60 gélules\" href=\"\/products\/bambou-silice-60-gelules-laboratoire-code\"\u003esilicium organique issu du bambou\u003c\/a\u003e, source naturelle la plus riche et mieux biodisponible.\u003c\/p\u003e\n\u003ch3\u003e⚡ Le magnésium\u003c\/h3\u003e\n\u003cp\u003eContribue à la détente musculaire et réduit les crampes. Le \u003cstrong\u003ebisglycinate de magnésium\u003c\/strong\u003e est particulièrement bien absorbé par l'organisme.\u003c\/p\u003e\n\u003ch3\u003e🌾 Le boswellia et l'harpagophytum\u003c\/h3\u003e\n\u003cp\u003eRéduisent l'inflammation grâce à leurs acides boswelliques et harpagosides. Efficaces pour l'arthrite, les rhumatismes et les douleurs chroniques.\u003c\/p\u003e\n\u003ch3\u003e🌿 Le gingembre et la bromélaïne\u003c\/h3\u003e\n\u003cp\u003eAnti-inflammatoires naturels favorisant la récupération musculaire après l'effort. Idéal pour les sportifs ou en complément des traitements naturels.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003e🎯 Comment choisir le bon complément alimentaire pour vos articulations ?\u003c\/h2\u003e\n\u003ch3\u003eDouleurs articulaires chroniques (arthrose, tendinites) ?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOptez pour :\u003c\/strong\u003e La \u003cstrong\u003ecurcumine\u003c\/strong\u003e avec pipérine et le \u003cstrong\u003eboswellia\u003c\/strong\u003e pour leurs propriétés anti-inflammatoires puissantes.\u003c\/p\u003e\n\u003ch3\u003eArticulations raides ou perte de mobilité ?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOptez pour :\u003c\/strong\u003e Le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e associé à la \u003cstrong\u003evitamine C\u003c\/strong\u003e pour régénérer le cartilage et améliorer la souplesse.\u003c\/p\u003e\n\u003ch3\u003eOs fragiles ou prévention de l'ostéoporose ?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOptez pour :\u003c\/strong\u003e La \u003cstrong\u003evitamine D3\u003c\/strong\u003e combinée à la \u003cstrong\u003evitamine K2\u003c\/strong\u003e et au \u003cstrong\u003ecalcium\u003c\/strong\u003e. Si vous êtes sujet à une fragilité osseuse, je vous conseille de jeter un oeil à \u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/vitamines-mineraux-pour-renforcer-os\" target=\"_blank\" title=\"Quelles vitamines et minéraux pour renforcer les os ?\" rel=\"noopener\"\u003enotre article dédié aux vitamines pour renforcer les os\u003c\/a\u003e, puis d'aller faire un tour dans notre gamme de \u003ca title=\"compléments alimentaires ostéoporose\" href=\"https:\/\/www.naturellement-bio.com\/collections\/osteoporose\"\u003ecompléments pour lutter contre l'ostéoporose\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003eCrampes ou tensions musculaires ?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOptez pour :\u003c\/strong\u003e Le \u003cstrong\u003eMagnésium bisglycinate\u003c\/strong\u003e et le \u003cstrong\u003esilicium organique\u003c\/strong\u003e pour détendre les muscles et renforcer les tendons.\u003c\/p\u003e\n\u003ch3\u003eRécupération musculaire pour sportifs ?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOptez pour :\u003c\/strong\u003e La \u003cstrong\u003eBromélaïne\u003c\/strong\u003e et le \u003cstrong\u003eGingembre\u003c\/strong\u003e pour favoriser la récupération après l'effort.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eTableau récapitulatif : quel complément pour quel besoin ?\u003c\/h2\u003e\n\u003cdiv style=\"overflow: auto;\"\u003e\n\u003ctable class=\"table-responsive\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eProblème \/ Besoin\u003c\/th\u003e\n\u003cth\u003eCompléments Recommandés\u003c\/th\u003e\n\u003cth\u003ePourquoi ?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eDouleurs articulaires chroniques\u003c\/td\u003e\n\u003ctd\u003eCurcumine (avec pipérine), Boswellia\u003c\/td\u003e\n\u003ctd\u003ePuissants anti-inflammatoires naturels\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eArticulations raides, perte de mobilité\u003c\/td\u003e\n\u003ctd\u003eCollagène Marin + Vitamine C\u003c\/td\u003e\n\u003ctd\u003eRégénère le cartilage et améliore la souplesse\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOs fragiles, prévention ostéoporose\u003c\/td\u003e\n\u003ctd\u003eVitamine D3 + Vitamine K2 + Calcium\u003c\/td\u003e\n\u003ctd\u003eFavorise la fixation du calcium dans les os\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCrampes, tensions musculaires\u003c\/td\u003e\n\u003ctd\u003eMagnésium Bisglycinate, Silicium Organique\u003c\/td\u003e\n\u003ctd\u003eDétend les muscles et renforce les tissus\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRécupération musculaire sportifs\u003c\/td\u003e\n\u003ctd\u003eBromélaïne, Gingembre\u003c\/td\u003e\n\u003ctd\u003eFavorise la récupération après l'effort\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRégénération du cartilage\u003c\/td\u003e\n\u003ctd\u003eGlucosamine + Chondroïtine\u003c\/td\u003e\n\u003ctd\u003eBriques fondamentales du cartilage\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes synergies entre compléments pour optimiser les résultats\u003c\/h2\u003e\n\u003cp\u003eCertains nutriments fonctionnent mieux ensemble. Voici les combinaisons gagnantes :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e🦴 Collagène + Vitamine C :\u003c\/strong\u003e La vitamine C catalyse la synthèse naturelle du collagène. Ensemble, ils boostent la régénération du cartilage.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e☀️ Vitamine D3 + Vitamine K2 + Calcium :\u003c\/strong\u003e La D3 aide à absorber le calcium, la K2 veille à ce qu'il aille dans vos os. Le trio parfait pour la solidité osseuse.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e🌿 Curcumine + Pipérine :\u003c\/strong\u003e La pipérine augmente jusqu'à 20 fois l'absorption de la curcumine. Alliance redoutable contre l'inflammation.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e⚡ Magnésium + Silicium :\u003c\/strong\u003e Le magnésium détend vos muscles, le silicium renforce vos tendons. Synergie idéale pour les sportifs ou en cas de raideurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e🌾 Boswellia + Harpagophytum :\u003c\/strong\u003e Deux plantes anti-inflammatoires complémentaires pour une action rapide et durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e Choisissez une ou deux synergies adaptées à vos besoins. Besoin d'aide ? \u003ca href=\"https:\/\/www.naturellement-bio.com\/pages\/contact\" title=\"Contactez-nous\"\u003eContactez-nous\u003c\/a\u003e pour un accompagnement personnalisé.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eCombien de temps faut-il pour voir les premiers résultats ?\u003c\/h2\u003e\n\u003cp\u003eLa réponse dépend des actifs choisis et de votre organisme :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e⏳ Curcuma, Boswellia, Harpagophytum :\u003c\/strong\u003e Premiers effets sous 7 à 15 jours, action durable après 4 à 6 semaines.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e🦴 Collagène Marin :\u003c\/strong\u003e Comptez 8 à 12 semaines pour une amélioration significative sur la souplesse.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e⚡ Magnésium :\u003c\/strong\u003e Effets rapides en quelques jours si vous êtes carencé, cure d'un mois pour rééquilibrer durablement.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003e💧 Silicium Organique :\u003c\/strong\u003e 4 à 8 semaines pour une amélioration tangible.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e☀️ Vitamine D3 et K2 :\u003c\/strong\u003e Action silencieuse, cure de 3 à 6 mois pour soutenir le capital osseux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eRappel :\u003c\/strong\u003e La régularité est la clé. Votre corps travaille en coulisses, donnez-lui du temps.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment choisir des compléments alimentaires de qualité pour vos articulations\u003c\/h2\u003e\n\u003cp\u003eTous les compléments ne se valent pas. Voici les critères essentiels :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eForme des actifs :\u003c\/strong\u003e Le magnésium bisglycinate est mieux absorbé que d'autres formes.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eSynergies d'ingrédients :\u003c\/strong\u003e La curcumine avec pipérine offre une efficacité renforcée.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eLabels de qualité :\u003c\/strong\u003e Certifications bio, sans OGM, contrôles rigoureux garantissent pureté et sécurité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTransparence :\u003c\/strong\u003e Privilégiez les marques détaillant la composition. Provenance France ou Europe = normes strictes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003e4 habitudes quotidiennes pour prendre soin de vos articulations\u003c\/h2\u003e\n\u003cp\u003eBien entendu, les compléments fonctionnent  beaucoup mieux avec un mode de vie adapté :\u003c\/p\u003e\n\u003col\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eBougez régulièrement :\u003c\/strong\u003e Marche, yoga, natation favorisent la mobilité.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eHydratez-vous :\u003c\/strong\u003e Essentiel pour la souplesse des tissus articulaires.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eAlimentation anti-inflammatoire :\u003c\/strong\u003e Fruits, légumes, oméga-3, moins de sucres raffinés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉtirements quotidiens :\u003c\/strong\u003e 5 à 10 minutes pour soulager les tensions et améliorer la flexibilité.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes réponses à vos questions sur les compléments pour les articulations, os et muscles\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuel est le meilleur complément alimentaire pour les articulations ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLe meilleur complément dépend de votre besoin spécifique. Pour les douleurs inflammatoires, la \u003cstrong\u003ecurcumine\u003c\/strong\u003e et le \u003cstrong\u003eboswellia\u003c\/strong\u003e sont les plus efficaces. Pour régénérer le cartilage, le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e associé à la \u003cstrong\u003eglucosamine\u003c\/strong\u003e et la \u003cstrong\u003echondroïtine\u003c\/strong\u003e est recommandé.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels compléments pour améliorer l'articulation ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003ePour améliorer la fonction articulaire, privilégiez le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e (régénération du cartilage), le \u003cstrong\u003esilicium organique\u003c\/strong\u003e (tissus conjonctifs), et les plantes anti-inflammatoires comme le \u003cstrong\u003ecurcuma\u003c\/strong\u003e ou le \u003cstrong\u003eboswellia\u003c\/strong\u003e. L'association de plusieurs actifs complémentaires offre souvent les meilleurs résultats.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels sont les compléments naturels pour les articulations ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes principaux compléments naturels pour les articulations sont : la \u003cstrong\u003ecurcumine\u003c\/strong\u003e, le \u003cstrong\u003eboswellia\u003c\/strong\u003e, l'\u003cstrong\u003eharpagophytum\u003c\/strong\u003e (griffe du diable), le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e, la \u003cstrong\u003eglucosamine\u003c\/strong\u003e, la \u003cstrong\u003echondroïtine\u003c\/strong\u003e, le \u003cstrong\u003esilicium organique\u003c\/strong\u003e issu du bambou, et les oméga-3. Ces actifs naturels sont reconnus pour leurs propriétés anti-inflammatoires et régénérantes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eEst-ce que le magnésium est bon pour les muscles ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, le \u003cstrong\u003emagnésium\u003c\/strong\u003e est essentiel pour la fonction musculaire. Il contribue à la détente des muscles, prévient les crampes et réduit la fatigue musculaire. Le \u003cstrong\u003ebisglycinate de magnésium\u003c\/strong\u003e est la forme la mieux absorbée par l'organisme et particulièrement efficace pour les sportifs ou les personnes sujettes aux tensions musculaires.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle différence entre médicament et complément alimentaire pour les articulations ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes médicaments (anti-inflammatoires, antalgiques) agissent rapidement sur les symptômes mais peuvent avoir des effets secondaires. Les \u003cstrong\u003ecompléments alimentaires\u003c\/strong\u003e agissent plus progressivement, soutiennent l'organisme sur le long terme et présentent généralement moins d'effets indésirables. Ils ne remplacent pas un traitement médical mais peuvent le compléter.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on prendre plusieurs compléments alimentaires pour les articulations en même temps ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, certaines associations sont même recommandées pour des effets synergiques. Par exemple, \u003cstrong\u003ecurcumine + boswellia + collagène\u003c\/strong\u003e améliore la santé articulaire globale. Respectez les dosages recommandés et consultez un professionnel de santé en cas de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLes compléments alimentaires pour les articulations sont-ils efficaces ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, de nombreuses études scientifiques démontrent l'efficacité de certains actifs. La curcumine, le boswellia et le collagène marin ont fait l'objet de recherches cliniques confirmant leurs bienfaits. L'efficacité dépend de la qualité du produit, du dosage et de la régularité de la prise (généralement 4 à 12 semaines).\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle différence entre glucosamine et chondroïtine ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLa \u003cstrong\u003eglucosamine\u003c\/strong\u003e stimule la production des composants du cartilage (glycosaminoglycanes), tandis que la \u003cstrong\u003echondroïtine\u003c\/strong\u003e maintient l'hydratation et l'élasticité du cartilage existant. Ensemble, ils agissent en synergie : la glucosamine « construit », la chondroïtine « protège ». Cette association est particulièrement recommandée pour ralentir la dégradation cartilagineuse.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLe collagène est-il vraiment utile pour les articulations ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, le \u003cstrong\u003ecollagène\u003c\/strong\u003e est essentiel pour la santé des articulations. Il maintient l'élasticité des tissus conjonctifs et favorise la régénération du cartilage, améliorant la souplesse et réduisant l'inconfort articulaire.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eComment améliorer l'absorption de la curcumine ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003ePour maximiser l'absorption de la \u003cstrong\u003ecurcumine\u003c\/strong\u003e, combinez-la avec de la \u003cstrong\u003epipérine\u003c\/strong\u003e (extrait de poivre noir) et une source de matières grasses. Cela améliore sa biodisponibilité jusqu'à 20 fois.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cp\u003ePrendre soin de vos articulations, os et muscles, c'est un engagement pour préserver votre mobilité et votre qualité de vie. En combinant des \u003cstrong\u003ecompléments alimentaires adaptés\u003c\/strong\u003e à des \u003cstrong\u003ehabitudes de vie saines\u003c\/strong\u003e, vous pouvez soulager les inconforts existants et prévenir les problèmes futurs.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eExplorez notre gamme\u003c\/strong\u003e et trouvez les compléments qui vous aideront à rester actif, en pleine forme, prêt à profiter de chaque mouvement. Des questions ? Nous sommes à votre disposition pour vous conseiller.\u003c\/p\u003e\n\u003cdiv style=\"text-align: center; margin: 20px 0;\"\u003e\u003ca style=\"display: inline-block; padding: 12px 24px; background-color: transparent; color: #66745c; text-decoration: none; font-size: 16px; border: 2px solid #66745c; border-radius: 8px; transition: all 0.3s ease;\" href=\"#quiz-articulations-et-douleurs\"\u003e Trouver le complément adapté à mes besoins \u003c\/a\u003e\u003c\/div\u003e","products":[{"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":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gly-cream: #f5f6fa;\n --gly-white: #ffffff;\n --gly-primary: #1a3a6e;\n --gly-primary-dark: #0e2550;\n --gly-primary-light: #e8edf6;\n --gly-secondary: #c8102e;\n --gly-accent: #3b7dd8;\n --gly-text: #1a1a1a;\n --gly-text-light: #5a5a5a;\n --gly-border: #e0e0e0;\n --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gly-radius: 20px;\n --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gly-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n border-radius: var(--gly-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gly-shadow-lg);\n}\n\n.gly-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,16,46,.12) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gly-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gly-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gly-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gly-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gly-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gly-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gly-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gly-primary), var(--gly-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gly-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gly-shadow-lg);\n border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gly-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 22px;\n box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gly-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gly-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n flex: 1;\n background: var(--gly-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gly-radius-sm);\n box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n font-size: 14px;\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gly-primary-light);\n border-radius: var(--gly-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gly-tip p {\n font-size: 14px;\n color: var(--gly-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n box-shadow: var(--gly-shadow);\n overflow: hidden;\n}\n\n.gly-accordion-item {\n border-bottom: 1px solid var(--gly-border);\n margin: 0;\n padding: 0;\n}\n\n.gly-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gly-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gly-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gly-accordion-header:hover {\n background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gly-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gly-primary);\n transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n content: '−';\n}\n\n.gly-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gly-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gly-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n border-radius: var(--gly-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gly-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(200,16,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n font-size: 12px;\n color: var(--gly-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gly-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gly-card {\n padding: 1.125rem;\n }\n\n .gly-section {\n margin-bottom: 1.75rem;\n }\n\n .gly-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gly-radius-sm);\n }\n\n .gly-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gly-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gly-grid-compact {\n gap: .625rem;\n }\n\n .gly-grid-compact .gly-card {\n padding: .75rem;\n }\n\n \/* Composition highlight mobile *\/\n .gly-composition-highlight {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n\n .gly-composition-badge {\n width: 64px;\n height: 64px;\n font-size: 18px;\n }\n\n \/* Timeline mobile *\/\n .gly-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gly-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gly-timeline-content h3 {\n font-size: 14px;\n }\n\n .gly-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .gly-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gly-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .gly-testimonial {\n padding: 1.25rem;\n }\n\n .gly-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gly-card {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-card:nth-child(1) { animation-delay: .05s; }\n .gly-card:nth-child(2) { animation-delay: .1s; }\n .gly-card:nth-child(3) { animation-delay: .15s; }\n .gly-card:nth-child(4) { animation-delay: .2s; }\n .gly-card:nth-child(5) { animation-delay: .25s; }\n .gly-card:nth-child(6) { animation-delay: .3s; }\n\n .gly-timeline-item {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gly-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-qualidiet-packshothd.webp?v=1786024913"},{"product_id":"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":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/akba-30-extrait-de-boswellia-serrata-335-mg-60-gelules-quali-packshothd_575ca2d7-30de-41b0-ab64-173650934a06.webp?v=1786018671"},{"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":20.49,"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-qualidiet-packshothd.webp?v=1786025950"},{"product_id":"bouleau-bio-15-ml-alphagem","title":"Macérât de bourgeons de Bouleau Bio - 15 ml - Alphagem","description":"\u003cdiv class=\"bl-premium\"\u003e\n\n \u003cdiv class=\"bl-hero\"\u003e\n \u003cdiv class=\"bl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bl-hero-content\"\u003e\n \u003cdiv class=\"bl-badges-top\"\u003e\n \u003cspan class=\"bl-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"bl-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"bl-badge\"\u003e💧 15 ml concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bl-hero-title\"\u003eBouleau Bio Alphagem\u003c\/span\u003e\n \u003cp class=\"bl-subtitle\"\u003eMacérat de bourgeons — Gemmothérapie concentrée\u003c\/p\u003e\n \u003cp class=\"bl-description\"\u003eDe l'arbre au flacon : toute la puissance détoxifiante du bouleau (\u003cem\u003eBetula alba\u003c\/em\u003e) dans un extrait de bourgeons frais certifié biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eBouleau Bio Alphagem : le macérat de bourgeons détoxifiant\u003c\/h2\u003e\n \u003cp class=\"bl-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003epurifier votre organisme en profondeur\u003c\/strong\u003e ? Le \u003cstrong\u003eBouleau Bio d'Alphagem\u003c\/strong\u003e est un macérat de bourgeons de gemmothérapie, élaboré à partir des jeunes pousses fraîches de bouleau (\u003cem\u003eBetula alba\u003c\/em\u003e). Utilisé depuis des siècles en phytothérapie, le bouleau est reconnu pour ses vertus drainantes et détoxifiantes, proches des bienfaits que l'on attribue à la \u003cstrong\u003esève de bouleau bio\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eBienfaits du bouleau en gemmothérapie\u003c\/h2\u003e\n \u003cp class=\"bl-section-intro\"\u003eLa \u003cstrong\u003egemmothérapie de bouleau\u003c\/strong\u003e exploite toute la richesse des tissus embryonnaires de l'arbre — bourgeons, jeunes pousses — là où se concentre l'énergie vitale de la plante. Contrairement à la sève de bouleau bio fraîche, ce macérat offre une forme concentrée et pratique à utiliser au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"bl-grid\"\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🍃 Élimination des toxines\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination des toxines en soutenant les fonctions rénales et hépatiques pour un organisme purifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e💧 Drainage de l'organisme\u003c\/h3\u003e\n \u003cp\u003eContribue au drainage naturel du corps, particulièrement bénéfique lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir le confort articulaire grâce à ses propriétés apaisantes reconnues en phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSoutient les défenses naturelles et la vitalité globale de l'organisme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e✨ Éclat du teint\u003c\/h3\u003e\n \u003cp\u003eParticipe à l'éclat du teint en purifiant l'organisme de l'intérieur, pour une peau plus lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-tip\"\u003e\n \u003cspan class=\"bl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAllié idéal pour accompagner une \u003cstrong\u003ecure détox printanière ou automnale\u003c\/strong\u003e, en complément d'une alimentation équilibrée et d'une bonne hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eComposition du macérat de bouleau bio\u003c\/h2\u003e\n \u003cp class=\"bl-section-intro\"\u003eCe flacon de \u003cstrong\u003e15 ml\u003c\/strong\u003e contient une formule simple et transparente, certifiée biologique :\u003c\/p\u003e\n \u003cdiv class=\"bl-grid-compact\"\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🌱 Jeunes pousses de bouleau\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBetula alba\u003c\/em\u003e* — actif principal issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-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=\"bl-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase de dilution pour une concentration optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eStabilisant naturel* issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bl-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique. Macération réalisée dans un mélange eau-alcool-glycérine selon le procédé classique de gemmothérapie concentrée, préservant l'intégralité des principes actifs des bourgeons frais.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"bl-timeline\"\u003e\n \u003cdiv class=\"bl-timeline-item\"\u003e\n \u003cdiv class=\"bl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-content\"\u003e\n \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e pour une première utilisation, 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=\"bl-timeline-item\"\u003e\n \u003cdiv class=\"bl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-content\"\u003e\n \u003ch3\u003eAugmentez la dose\u003c\/h3\u003e\n \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e en dehors des repas, selon votre ressenti et vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-item\"\u003e\n \u003cdiv class=\"bl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n \u003cp\u003eSuivez une \u003cstrong\u003ecure de 3 semaines\u003c\/strong\u003e, puis observez une semaine de pause. Renouvelez si nécessaire jusqu'à trois cures successives pour un effet optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"bl-accordion-item\"\u003e\n \u003csummary class=\"bl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bl-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace ni un régime alimentaire varié, ni un traitement médical. Demandez conseil à votre médecin ou naturopathe avant utilisation, en particulier si vous êtes enceinte, allaitante ou sous traitement. 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=\"bl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Bouleau Bio Alphagem ?\u003c\/h2\u003e\n \u003cp class=\"bl-section-intro\"\u003e\u003cstrong\u003eAlphagem\u003c\/strong\u003e est un laboratoire belge spécialisé en gemmothérapie depuis de nombreuses années. Leur devise — \u003cem\u003e« De l'arbre au flacon »\u003c\/em\u003e — résume leur engagement : des bourgeons récoltés avec soin, transformés localement selon des méthodes respectueuses de l'environnement et des normes biologiques strictes.\u003c\/p\u003e\n \u003cdiv class=\"bl-grid-compact\"\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🏅 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eQualité garantie par des labels bio reconnus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eMatières premières sélectionnées et entièrement traçables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e⚗️ Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eExtraction préservant l'intégralité des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003eFlacon compact de 15 ml, facile à emporter partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-cta-box\"\u003e\n \u003cp\u003e🌿 Intégrez la puissance de la gemmothérapie dans votre routine bien-être quotidienne avec le macérat de bourgeons de \u003cstrong\u003eBouleau Bio Alphagem\u003c\/strong\u003e — concentré, pratique et certifié biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bl-cream: #f5f7f2;\n --bl-white: #ffffff;\n --bl-primary: #4a8c3f;\n --bl-primary-dark: #2d5a25;\n --bl-primary-light: #e8f2e5;\n --bl-secondary: #6db45e;\n --bl-accent: #3b7a2e;\n --bl-text: #1a1a1a;\n --bl-text-light: #5a5a5a;\n --bl-border: #dde5d9;\n --bl-shadow: 0 4px 24px rgba(45,90,37,.08);\n --bl-shadow-lg: 0 12px 48px rgba(45,90,37,.15);\n --bl-radius: 20px;\n --bl-radius-sm: 12px;\n}\n\n.bl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bl-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a25 0%, #4a8c3f 50%, #6db45e 100%);\n border-radius: var(--bl-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(--bl-shadow-lg);\n}\n\n.bl-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.bl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bl-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.bl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bl-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.bl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bl-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(--bl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bl-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.bl-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(--bl-primary), var(--bl-secondary));\n border-radius: 2px;\n}\n\n.bl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bl-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.bl-card {\n background: var(--bl-white);\n border-radius: var(--bl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bl-shadow-lg);\n border-color: var(--bl-primary);\n}\n\n.bl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bl-grid-compact .bl-card {\n padding: 1rem;\n}\n\n.bl-grid-compact .bl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bl-grid-compact .bl-card p {\n font-size: 12px;\n}\n\n.bl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bl-primary), var(--bl-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.bl-timeline-content {\n flex: 1;\n background: var(--bl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bl-radius-sm);\n box-shadow: var(--bl-shadow);\n}\n\n.bl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bl-timeline-content p {\n font-size: 14px;\n color: var(--bl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bl-testimonial {\n background: var(--bl-white);\n border-radius: var(--bl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bl-shadow);\n border-left: 4px solid var(--bl-primary);\n}\n\n.bl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.bl-accordion {\n background: var(--bl-white);\n border-radius: var(--bl-radius);\n box-shadow: var(--bl-shadow);\n overflow: hidden;\n}\n\n.bl-accordion-item {\n border-bottom: 1px solid var(--bl-border);\n margin: 0;\n padding: 0;\n}\n\n.bl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bl-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.bl-accordion-header:hover {\n background: var(--bl-primary-light);\n}\n\n.bl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bl-primary);\n transition: transform .2s ease;\n}\n\n.bl-accordion-item[open] .bl-accordion-header::after {\n content: '−';\n}\n\n.bl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bl-accordion-content p {\n margin: 0;\n}\n\n.bl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bl-primary-light);\n border-radius: var(--bl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bl-tip p {\n font-size: 14px;\n color: var(--bl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bl-cta-box {\n background: linear-gradient(135deg, var(--bl-primary) 0%, var(--bl-primary-dark) 100%);\n border-radius: var(--bl-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.bl-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.bl-disclaimer {\n font-size: 12px;\n color: var(--bl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .bl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bl-card {\n padding: 1.125rem;\n }\n\n .bl-section {\n margin-bottom: 1.75rem;\n }\n\n .bl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bl-radius-sm);\n }\n\n .bl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bl-grid-compact {\n gap: .625rem;\n }\n\n .bl-grid-compact .bl-card {\n padding: .75rem;\n }\n\n .bl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bl-timeline-content h3 {\n font-size: 14px;\n }\n\n .bl-timeline-content p {\n font-size: 13px;\n }\n\n .bl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bl-testimonial {\n padding: 1.25rem;\n }\n\n .bl-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bl-card {\n animation: blFadeInUp .5s ease backwards;\n }\n .bl-card:nth-child(1) { animation-delay: .05s; }\n .bl-card:nth-child(2) { animation-delay: .1s; }\n .bl-card:nth-child(3) { animation-delay: .15s; }\n .bl-card:nth-child(4) { animation-delay: .2s; }\n .bl-card:nth-child(5) { animation-delay: .25s; }\n .bl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes blFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bl-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":45754882654365,"sku":"REF6730","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-de-bouleau-bio-15-ml-alphagem-packshothd.webp?v=1774547197"},{"product_id":"cassis-bio-50-ml-alphagem","title":"Macérat de Bourgeon de Cassis Bio 50ml - Alphagem","description":"\u003cdiv class=\"ag-premium\"\u003e\n\n \u003cdiv class=\"ag-hero\"\u003e\n \u003cdiv class=\"ag-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ag-hero-content\"\u003e\n \u003cdiv class=\"ag-badges-top\"\u003e\n \u003cspan class=\"ag-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e👑 Bourgeon roi\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e🇫🇷 Gemmothérapie\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ag-hero-title\"\u003eBourgeon de Cassis Bio\u003c\/span\u003e\n \u003cp class=\"ag-subtitle\"\u003eAlphagem — Ribes nigrum — Macérat-mère concentré\u003c\/p\u003e\n \u003cp class=\"ag-description\"\u003eL'incontournable de la gemmothérapie : vitalité, confort articulaire et défenses naturelles réunis dans un seul bourgeon frais certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eBourgeon de Cassis Bio Alphagem : l'incontournable de la gemmothérapie\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eSi vous vous intéressez à la gemmothérapie, vous avez certainement déjà entendu parler du \u003cstrong\u003ebourgeon de cassis\u003c\/strong\u003e. Et pour cause : le \u003cstrong\u003ecassis (Ribes nigrum)\u003c\/strong\u003e est considéré comme le bourgeon roi en gemmothérapie, tant ses propriétés sont vastes et précieuses. Ce macérat-mère concentré \u003cstrong\u003eAlphagem\u003c\/strong\u003e, certifié bio, vous offre toute la vitalité du bourgeon frais dans un flacon de 50 ml.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eBienfaits du bourgeon de cassis : pourquoi est-il si réputé ?\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du bourgeon de cassis\u003c\/strong\u003e sont multiples et documentés depuis longtemps par les praticiens en phytothérapie. Voici les principaux atouts qui font du cassis en gemmothérapie un allié au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"ag-grid\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e💪 Soutien articulaire et musculaire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour favoriser le confort des articulations et aider à maintenir une bonne mobilité, notamment en cas de raideurs saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🛡️ Résistance de l'organisme\u003c\/h3\u003e\n \u003cp\u003eContribue à renforcer les défenses naturelles et aide votre corps à mieux faire face aux agressions extérieures, à la fatigue et aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e⚡ Action tonifiante et revitalisante\u003c\/h3\u003e\n \u003cp\u003eRéputé pour son effet stimulant sur le métabolisme général, il apporte un véritable coup de fouet naturel en période de baisse de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🍇 Propriétés antioxydantes\u003c\/h3\u003e\n \u003cp\u003eRiche en composés protecteurs, il aide à lutter contre le stress oxydatif et soutient le bon fonctionnement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌊 Effet dépuratif\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination des toxines et soutient les fonctions rénales pour un organisme plus léger et purifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🔗 Potentialisateur naturel\u003c\/h3\u003e\n \u003cp\u003eAssocié à d'autres bourgeons, il renforce et amplifie leurs effets. Idéal en synergie dans les cures de gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003ePour profiter pleinement de ce macérat-mère de gemmothérapie cassis, suivez ces recommandations simples :\u003c\/p\u003e\n \u003cdiv class=\"ag-timeline\"\u003e\n \u003cdiv class=\"ag-timeline-item\"\u003e\n \u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-content\"\u003e\n \u003ch3\u003eAdultes : 5 à 15 gouttes par jour\u003c\/h3\u003e\n \u003cp\u003ePures ou diluées dans un verre d'eau, de préférence le matin et en dehors des repas. Commencez par 5 gouttes et augmentez progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-item\"\u003e\n \u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-content\"\u003e\n \u003ch3\u003eEnfants : 1 goutte par année d'âge\u003c\/h3\u003e\n \u003cp\u003eDiluée dans un peu d'eau ou de jus de fruit. Adaptez la posologie en fonction de l'âge de l'enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-item\"\u003e\n \u003cdiv class=\"ag-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n \u003cp\u003eSuivie d'une semaine de pause. N'hésitez pas à demander l'avis d'un professionnel de santé pour adapter la posologie à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eLe bourgeon de cassis bio Alphagem contient exclusivement des ingrédients naturels et certifiés bio :\u003c\/p\u003e\n \u003cdiv class=\"ag-grid-compact\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais de cassis\u003c\/h3\u003e\n \u003cp\u003eRibes nigrum issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n \u003cp\u003e35 % vol. — conservateur naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase de macération pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-tip\"\u003e\n \u003cspan class=\"ag-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eAucun additif artificiel, aucun colorant, aucun pesticide. Macération directe du bourgeon frais pour préserver l'ensemble des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eBourgeon de cassis : effets secondaires et précautions\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eCe produit est généralement très bien toléré lorsque les doses recommandées sont respectées. Toutefois, quelques précautions s'imposent :\u003c\/p\u003e\n \u003cdiv class=\"ag-accordion\"\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e💊 Traitement en cours\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ag-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant le \u003cstrong\u003ebourgeon de cassis bio Alphagem 50 ml\u003c\/strong\u003e, vous optez pour un produit authentique, élaboré avec soin dans le respect de la tradition gemmothérapeutique. Intégrez-le à votre routine bien-être et laissez la nature soutenir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ag-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ag-cream: #f5f7f2;\n --ag-white: #ffffff;\n --ag-primary: #4a8c3f;\n --ag-primary-dark: #2d5a27;\n --ag-primary-light: #e8f2e5;\n --ag-secondary: #7ab648;\n --ag-accent: #3b2a1a;\n --ag-text: #1a1a1a;\n --ag-text-light: #5a5a5a;\n --ag-border: #dde5d8;\n --ag-shadow: 0 4px 24px rgba(45,90,39,.08);\n --ag-shadow-lg: 0 12px 48px rgba(45,90,39,.15);\n --ag-radius: 20px;\n --ag-radius-sm: 12px;\n}\n\n.ag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ag-accent) 0%, var(--ag-primary-dark) 40%, var(--ag-primary) 75%, var(--ag-secondary) 100%);\n border-radius: var(--ag-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ag-shadow-lg);\n}\n\n.ag-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(122,182,72,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(122,182,72,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ag-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ag-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ag-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ag-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ag-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ag-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ag-primary), var(--ag-secondary));\n border-radius: 2px;\n}\n\n.ag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.ag-section-intro strong {\n color: var(--ag-primary-dark);\n}\n\n\/* === CARDS === *\/\n.ag-card {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ag-shadow-lg);\n border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ag-timeline-content {\n flex: 1;\n background: var(--ag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n font-size: 14px;\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ag-testimonial {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border-left: 4px solid var(--ag-primary);\n}\n\n.ag-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n box-shadow: var(--ag-shadow);\n overflow: hidden;\n}\n\n.ag-accordion-item {\n border-bottom: 1px solid var(--ag-border);\n margin: 0;\n padding: 0;\n}\n\n.ag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ag-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ag-accordion-header:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ag-primary);\n transition: transform .2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n content: '−';\n}\n\n.ag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ag-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ag-primary-light);\n border-radius: var(--ag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ag-tip p {\n font-size: 14px;\n color: var(--ag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ag-cta-box {\n background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 100%);\n border-radius: var(--ag-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ag-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n font-size: 12px;\n color: var(--ag-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ag-card {\n padding: 1.125rem;\n }\n\n .ag-section {\n margin-bottom: 1.75rem;\n }\n\n .ag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ag-radius-sm);\n }\n\n .ag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ag-grid-compact {\n gap: .625rem;\n }\n\n .ag-grid-compact .ag-card {\n padding: .75rem;\n }\n\n .ag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ag-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ag-timeline-content h3 {\n font-size: 14px;\n }\n\n .ag-timeline-content p {\n font-size: 13px;\n }\n\n .ag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ag-testimonial {\n padding: 1.25rem;\n }\n\n .ag-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ag-card {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-card:nth-child(1) { animation-delay: .05s; }\n .ag-card:nth-child(2) { animation-delay: .1s; }\n .ag-card:nth-child(3) { animation-delay: .15s; }\n .ag-card:nth-child(4) { animation-delay: .2s; }\n .ag-card:nth-child(5) { animation-delay: .25s; }\n .ag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes agFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ag-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754889535645,"sku":"GE0040","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bourgeon-de-cassis-bio-50-ml-alphagem-packshothd.webp?v=1774261166"},{"product_id":"cassis-bio-15-ml-alphagem","title":"Macérat de bourgeons de cassis bio - 15 ml - Alphagem","description":"\u003cdiv class=\"cas-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cas-hero\"\u003e\n \u003cdiv class=\"cas-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cas-hero-content\"\u003e\n \u003cdiv class=\"cas-badges-top\"\u003e\n \u003cspan class=\"cas-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cas-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"cas-badge\"\u003e💧 15 ml concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cas-hero-title\"\u003eCassis Bio – Alphagem\u003c\/span\u003e\n \u003cp class=\"cas-subtitle\"\u003eMacérat de bourgeons de Ribes nigrum\u003c\/p\u003e\n \u003cp class=\"cas-description\"\u003eLe « bourgeon roi » de la gemmothérapie : un concentré de vitalité 100 % biologique pour vos articulations, votre immunité et votre énergie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cas-section\"\u003e\n \u003ch2\u003eMacérat de bourgeons de cassis bio Alphagem – Flacon de 15 ml\u003c\/h2\u003e\n \u003cp class=\"cas-section-intro\"\u003eVous cherchez un allié naturel pour soutenir vos articulations, renforcer votre résistance ou mieux gérer les inconforts saisonniers ? Le \u003cstrong\u003emacérat de bourgeon de cassis\u003c\/strong\u003e Alphagem est l'un des remèdes les plus prisés en \u003cstrong\u003egemmothérapie\u003c\/strong\u003e. Issu de bourgeons de \u003cem\u003eRibes nigrum\u003c\/em\u003e récoltés frais et certifiés biologiques, ce concentré vous offre toute la vitalité du cassis dans un petit flacon pratique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cas-section\"\u003e\n \u003ch2\u003ePourquoi le cassis en gemmothérapie est-il si réputé ?\u003c\/h2\u003e\n \u003cp class=\"cas-section-intro\"\u003eLe bourgeon de cassis est souvent surnommé le « bourgeon roi » de la gemmothérapie. Et pour cause : il possède un spectre d'action remarquablement large.\u003c\/p\u003e\n \u003cdiv class=\"cas-grid\"\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire et musculaire\u003c\/h3\u003e\n \u003cp\u003eIl aide à maintenir la souplesse des articulations et contribue à apaiser les raideurs liées à l'effort ou à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e🛡️ Soutien de la résistance naturelle\u003c\/h3\u003e\n \u003cp\u003eReconnu pour renforcer les défenses de l'organisme, en particulier lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e💧 Fonctions d'élimination\u003c\/h3\u003e\n \u003cp\u003eIl favorise l'élimination rénale et soutient les processus de détoxification du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e❤️ Bien-être circulatoire\u003c\/h3\u003e\n \u003cp\u003eIl contribue à la protection des vaisseaux capillaires et au maintien d'une bonne circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e⚡ Effet adaptogène\u003c\/h3\u003e\n \u003cp\u003eIl aide l'organisme à mieux faire face à la fatigue et au stress quotidien, en stimulant les glandes surrénales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-tip\"\u003e\n \u003cspan class=\"cas-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eQue ce soit pour préparer l'arrivée du printemps, accompagner une activité physique régulière ou simplement prendre soin de vous au quotidien, le \u003cstrong\u003emacérat de bourgeons de cassis\u003c\/strong\u003e est un choix judicieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cas-section\"\u003e\n \u003ch2\u003eComposition du macérat de bourgeon de cassis Alphagem\u003c\/h2\u003e\n \u003cp class=\"cas-section-intro\"\u003eCe flacon de 15 ml contient un \u003cstrong\u003emacérat-mère concentré\u003c\/strong\u003e, préparé selon la méthode traditionnelle de gemmothérapie :\u003c\/p\u003e\n \u003cdiv class=\"cas-grid-compact\"\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais bio\u003c\/h3\u003e\n \u003cp\u003eCassis (\u003cem\u003eRibes nigrum\u003c\/em\u003e) récoltés au stade optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n \u003cp\u003e35 % vol. – support d'extraction naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003ePréserve les principes actifs des bourgeons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase neutre de haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-tip\"\u003e\n \u003cspan class=\"cas-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % naturelle et biologique\u003c\/strong\u003e, sans additif chimique, sans conservateur de synthèse. Les bourgeons sont macérés frais pour conserver l'intégralité de leurs principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cas-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"cas-section-intro\"\u003ePour profiter pleinement des bienfaits de ce \u003cstrong\u003emacérat de bourgeons de cassis\u003c\/strong\u003e, suivez cette posologie recommandée :\u003c\/p\u003e\n \u003cdiv class=\"cas-timeline\"\u003e\n \u003cdiv class=\"cas-timeline-item\"\u003e\n \u003cdiv class=\"cas-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cas-timeline-content\"\u003e\n \u003ch3\u003ePosologie adultes\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e, pures sous la langue ou diluées dans un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-timeline-item\"\u003e\n \u003cdiv class=\"cas-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cas-timeline-content\"\u003e\n \u003ch3\u003ePosologie enfants (dès 3 ans)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 goutte par année d'âge\u003c\/strong\u003e, une à deux fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-timeline-item\"\u003e\n \u003cdiv class=\"cas-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cas-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e, environ 15 minutes avant le petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cas-timeline-item\"\u003e\n \u003cdiv class=\"cas-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cas-timeline-content\"\u003e\n \u003ch3\u003eProgression et durée de cure\u003c\/h3\u003e\n \u003cp\u003eCommencez par 5 gouttes les premiers jours, puis augmentez progressivement. Cure classique de \u003cstrong\u003e3 semaines\u003c\/strong\u003e, suivie d'une semaine de pause avant de reprendre 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=\"cas-section\"\u003e\n \u003ch2\u003eFabrication et qualité Alphagem\u003c\/h2\u003e\n \u003cdiv class=\"cas-testimonial\"\u003e\n \u003cp class=\"cas-testimonial-text\"\u003eAlphagem est un laboratoire belge spécialisé en gemmothérapie depuis de nombreuses années. Sa devise – « de l'arbre au flacon » – résume parfaitement sa philosophie : chaque bourgeon est sélectionné avec soin, récolté au moment optimal de son développement, puis transformé dans le respect des normes biologiques européennes. Chaque lot est \u003cstrong\u003erigoureusement contrôlé\u003c\/strong\u003e pour garantir traçabilité et qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cas-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cas-accordion\"\u003e\n \u003cdetails class=\"cas-accordion-item\"\u003e\n \u003csummary class=\"cas-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"cas-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. Déconseillé aux femmes enceintes ou allaitantes sans avis professionnel. Contient de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cas-accordion-item\"\u003e\n \u003csummary class=\"cas-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cas-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 \u003cdetails class=\"cas-accordion-item\"\u003e\n \u003csummary class=\"cas-accordion-header\"\u003e👨‍⚕️ Consulter un professionnel\u003c\/summary\u003e\n \u003cdiv class=\"cas-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, consultez votre médecin ou votre naturopathe avant de débuter une cure de \u003cstrong\u003egemmothérapie cassis\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cas-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cas-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps toute la puissance du « bourgeon roi » – un geste simple et naturel pour des articulations souples, une immunité renforcée et une énergie retrouvée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cas-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose recommandée. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cas-cream: #f4f7f2;\n --cas-white: #ffffff;\n --cas-primary: #4a8c3f;\n --cas-primary-dark: #2d5a25;\n --cas-primary-light: #e8f2e5;\n --cas-secondary: #6db85a;\n --cas-accent: #3a7a9c;\n --cas-text: #1a1a1a;\n --cas-text-light: #5a5a5a;\n --cas-border: #dce8d8;\n --cas-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cas-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cas-radius: 20px;\n --cas-radius-sm: 12px;\n}\n\n.cas-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cas-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cas-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a25 0%, #4a8c3f 50%, #3a7a9c 100%);\n border-radius: var(--cas-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(--cas-shadow-lg);\n}\n\n.cas-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(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.cas-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cas-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.cas-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 font-style: italic;\n}\n\n.cas-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.cas-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cas-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(--cas-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cas-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cas-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cas-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cas-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.cas-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(--cas-primary), var(--cas-secondary));\n border-radius: 2px;\n}\n\n.cas-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cas-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.cas-card {\n background: var(--cas-white);\n border-radius: var(--cas-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cas-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cas-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cas-shadow-lg);\n border-color: var(--cas-primary);\n}\n\n.cas-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cas-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cas-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cas-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cas-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cas-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cas-grid-compact .cas-card {\n padding: 1rem;\n}\n\n.cas-grid-compact .cas-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cas-grid-compact .cas-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cas-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cas-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cas-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cas-primary), var(--cas-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.cas-timeline-content {\n flex: 1;\n background: var(--cas-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cas-radius-sm);\n box-shadow: var(--cas-shadow);\n}\n\n.cas-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cas-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cas-timeline-content p {\n font-size: 14px;\n color: var(--cas-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cas-testimonial {\n background: var(--cas-white);\n border-radius: var(--cas-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cas-shadow);\n border-left: 4px solid var(--cas-primary);\n}\n\n.cas-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cas-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cas-accordion {\n background: var(--cas-white);\n border-radius: var(--cas-radius);\n box-shadow: var(--cas-shadow);\n overflow: hidden;\n}\n\n.cas-accordion-item {\n border-bottom: 1px solid var(--cas-border);\n margin: 0;\n padding: 0;\n}\n\n.cas-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cas-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cas-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.cas-accordion-header:hover {\n background: var(--cas-primary-light);\n}\n\n.cas-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cas-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cas-primary);\n transition: transform .2s ease;\n}\n\n.cas-accordion-item[open] .cas-accordion-header::after {\n content: '−';\n}\n\n.cas-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cas-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cas-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cas-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cas-primary-light);\n border-radius: var(--cas-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cas-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cas-tip p {\n font-size: 14px;\n color: var(--cas-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cas-cta-box {\n background: linear-gradient(135deg, var(--cas-primary) 0%, var(--cas-primary-dark) 100%);\n border-radius: var(--cas-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cas-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.cas-disclaimer {\n font-size: 12px;\n color: var(--cas-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 .cas-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cas-card {\n padding: 1.125rem;\n }\n\n .cas-section {\n margin-bottom: 1.75rem;\n }\n\n .cas-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cas-radius-sm);\n }\n\n .cas-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cas-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cas-grid-compact {\n gap: .625rem;\n }\n\n .cas-grid-compact .cas-card {\n padding: .75rem;\n }\n\n .cas-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cas-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cas-timeline-content h3 {\n font-size: 14px;\n }\n\n .cas-timeline-content p {\n font-size: 13px;\n }\n\n .cas-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cas-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cas-testimonial {\n padding: 1.25rem;\n }\n\n .cas-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cas-card {\n animation: casFadeInUp .5s ease backwards;\n }\n .cas-card:nth-child(1) { animation-delay: .05s; }\n .cas-card:nth-child(2) { animation-delay: .1s; }\n .cas-card:nth-child(3) { animation-delay: .15s; }\n .cas-card:nth-child(4) { animation-delay: .2s; }\n .cas-card:nth-child(5) { animation-delay: .25s; }\n .cas-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes casFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cas-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":45754893238429,"sku":"REF708","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-de-cassis-bio-15-ml-alphagem-packshothd_49a3ba3a-4fef-416a-bdf8-cbd13d897c29.webp?v=1774019821"},{"product_id":"baume-a-la-grande-consoude-100-ml-dr-theiss","title":"Baume à La Grande Consoude - 100 Ml - Dr Theiss","description":"\u003cdiv class=\"bgc-premium\"\u003e\n \u003cdiv class=\"bgc-hero\"\u003e\n \u003cdiv class=\"bgc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bgc-hero-content\"\u003e\n \u003cdiv class=\"bgc-badges-top\"\u003e\n \u003cspan class=\"bgc-badge\"\u003e🌿 Tradition Phytothérapeutique\u003c\/span\u003e\n \u003cspan class=\"bgc-badge\"\u003e🇩🇪 Fabrication Allemande\u003c\/span\u003e\n \u003cspan class=\"bgc-badge\"\u003e🌸 Jardin d'herbes de Maria\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bgc-hero-title\"\u003eBaume à la Grande Consoude\u003c\/span\u003e\n \u003cp class=\"bgc-subtitle\"\u003eDr Theiss · Pot de 100 ml\u003c\/p\u003e\n \u003cp class=\"bgc-description\"\u003eUn soin externe inspiré de la tradition européenne, qui associe la richesse de la Grande Consoude à des extraits végétaux soigneusement sélectionnés pour offrir un véritable moment de réconfort aux muscles, articulations et zones sollicitées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003ePourquoi choisir le baume à la Grande Consoude Dr Theiss ?\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003eLa \u003cstrong\u003eGrande Consoude\u003c\/strong\u003e (Symphytum officinale) est utilisée depuis l'Antiquité par les herboristes pour son action apaisante reconnue sur le confort musculaire et articulaire. Voici ce qui distingue la formule Dr Theiss des autres baumes de consoude en pharmacie :\u003c\/p\u003e\n \u003cdiv class=\"bgc-grid\"\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🌿 Concentration soignée\u003c\/h3\u003e\n \u003cp\u003eRiche en extrait de Grande Consoude issue du jardin d'herbes de Maria.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eNon grasse, elle pénètre rapidement sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🏛️ Normes pharmaceutiques\u003c\/h3\u003e\n \u003cp\u003eFabrication allemande respectant des standards rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🧪 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, adaptée à une utilisation quotidienne en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003eLes bienfaits du baume de consoude au quotidien\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003eAppliqué localement, ce baume à la grande consoude devient l'allié des sportifs, jardiniers, personnes actives ou seniors souhaitant préserver leur bien-être au fil des saisons.\u003c\/p\u003e\n \u003cdiv class=\"bgc-grid\"\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e💪 Apaisement musculaire\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions après un effort, une longue journée debout ou un entraînement sportif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise le bien-être des genoux, coudes, poignets et chevilles sollicités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🔄 Récupération soutenue\u003c\/h3\u003e\n \u003cp\u003eAccompagne le corps après une activité intense ou des gestes répétitifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🔥 Chaleur douce\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation enveloppante de détente sur les zones massées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003eComposition : une formule naturelle d'inspiration traditionnelle\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003eLe baume grande consoude Dr Theiss s'appuie sur des ingrédients d'origine naturelle, sélectionnés pour leur synergie apaisante.\u003c\/p\u003e\n \u003cdiv class=\"bgc-grid\"\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🌱 Grande Consoude\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSymphytum officinale\u003c\/em\u003e — la plante phare, traditionnellement utilisée pour apaiser les zones sollicitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🌼 Souci officinal\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCalendula officinalis\u003c\/em\u003e — reconnu pour adoucir et apaiser la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🫒 Huiles végétales\u003c\/h3\u003e\n \u003cp\u003eNourrissent la peau et facilitent un massage tout en glisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur qui prolonge l'action du baume dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🧴 Excipients testés\u003c\/h3\u003e\n \u003cp\u003eSélectionnés et dermatologiquement testés pour une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e📦 Pot pratique 100 ml\u003c\/h3\u003e\n \u003cp\u003eFormat idéal pour un usage régulier à la maison ou en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003ePour profiter pleinement des vertus du baume à la consoude, suivez ce rituel simple en 4 étapes.\u003c\/p\u003e\n \u003cdiv class=\"bgc-timeline\"\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003ePrélever une noisette\u003c\/h3\u003e\n \u003cp\u003ePrenez une petite quantité de baume du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003eAppliquer sur la zone\u003c\/h3\u003e\n \u003cp\u003eNuque, épaules, dos, jambes, genoux ou bras — selon les besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003eMasser doucement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à complète pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003eRenouveler 2 à 3 fois par jour\u003c\/h3\u003e\n \u003cp\u003eParticulièrement agréable après l'effort ou avant le coucher pour favoriser la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contour des yeux, les muqueuses et les plaies ouvertes. Ne pas utiliser chez la femme enceinte ou allaitante, ni chez l'enfant de moins de 12 ans, sans avis médical. Effectuez un test cutané au pli du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bgc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le baume de consoude\u003c\/h2\u003e\n \u003cdiv class=\"bgc-accordion\"\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e⏰ Combien de fois par jour utiliser le baume ?\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eJusqu'à 3 applications quotidiennes sur les zones concernées, selon vos besoins et votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e🏃 Convient-il aux sportifs ?\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il s'intègre parfaitement à une routine post-entraînement pour accompagner la récupération musculaire et articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e🌿 Quelle est la différence avec d'autres baumes ?\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eLa signature Dr Theiss garantit une fabrication allemande maîtrisée et une formule équilibrée issue du jardin d'herbes de Maria, une référence en phytothérapie européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bgc-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical ni un traitement prescrit par un professionnel de santé. En cas de douleur persistante, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bgc-cream: #f7f4ed;\n --bgc-white: #ffffff;\n --bgc-primary: #3b5998;\n --bgc-primary-dark: #1e3a73;\n --bgc-primary-light: #e8eef7;\n --bgc-secondary: #6b8e3d;\n --bgc-accent: #f5a623;\n --bgc-text: #1a1a1a;\n --bgc-text-light: #5a5a5a;\n --bgc-border: #e0e0e0;\n --bgc-shadow: 0 4px 24px rgba(30,58,115,.08);\n --bgc-shadow-lg: 0 12px 48px rgba(30,58,115,.15);\n --bgc-radius: 20px;\n --bgc-radius-sm: 12px;\n}\n\n.bgc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bgc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bgc-text);\n line-height: 1.6;\n}\n\n.bgc-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3a73 0%, #3b5998 50%, #6b8e3d 100%);\n border-radius: var(--bgc-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(--bgc-shadow-lg);\n}\n\n.bgc-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%), radial-gradient(circle at 80% 70%, rgba(245,166,35,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.bgc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bgc-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.bgc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.bgc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.bgc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bgc-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(--bgc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bgc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bgc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bgc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bgc-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.bgc-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(--bgc-primary), var(--bgc-secondary));\n border-radius: 2px;\n}\n\n.bgc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bgc-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.bgc-section-intro strong {\n color: var(--bgc-primary-dark);\n}\n\n.bgc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bgc-card {\n background: var(--bgc-white);\n border-radius: var(--bgc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bgc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bgc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bgc-shadow-lg);\n border-color: var(--bgc-primary);\n}\n\n.bgc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bgc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bgc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bgc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bgc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.bgc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bgc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bgc-primary), var(--bgc-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(59,89,152,.3);\n}\n\n.bgc-timeline-content {\n flex: 1;\n background: var(--bgc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bgc-radius-sm);\n box-shadow: var(--bgc-shadow);\n}\n\n.bgc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bgc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bgc-timeline-content p {\n font-size: 14px;\n color: var(--bgc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bgc-accordion {\n background: var(--bgc-white);\n border-radius: var(--bgc-radius);\n box-shadow: var(--bgc-shadow);\n overflow: hidden;\n max-width: 860px;\n margin: 0 auto;\n}\n\n.bgc-accordion-item {\n border-bottom: 1px solid var(--bgc-border);\n margin: 0;\n padding: 0;\n}\n\n.bgc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bgc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bgc-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.bgc-accordion-header:hover {\n background: var(--bgc-primary-light);\n}\n\n.bgc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bgc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--bgc-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.bgc-accordion-item[open] .bgc-accordion-header::after {\n content: '−';\n}\n\n.bgc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bgc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bgc-accordion-content p {\n margin: 0;\n}\n\n.bgc-disclaimer {\n font-size: 12px;\n color: var(--bgc-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .bgc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .bgc-card {\n padding: 1.125rem;\n }\n .bgc-section {\n margin-bottom: 1.75rem;\n }\n .bgc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bgc-radius-sm);\n }\n .bgc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .bgc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .bgc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .bgc-timeline-content {\n padding: .875rem 1rem;\n }\n .bgc-timeline-content h3 {\n font-size: 14px;\n }\n .bgc-timeline-content p {\n font-size: 13px;\n }\n .bgc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .bgc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bgc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bgc-card:nth-child(1) { animation-delay: .05s; }\n .bgc-card:nth-child(2) { animation-delay: .1s; }\n .bgc-card:nth-child(3) { animation-delay: .15s; }\n .bgc-card:nth-child(4) { animation-delay: .2s; }\n .bgc-card:nth-child(5) { animation-delay: .25s; }\n .bgc-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 .bgc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":45755235598493,"sku":"NA0025","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-la-grande-consoude-100-ml-dr-theiss-packshothd.webp?v=1789926805"},{"product_id":"andraka-bio-gingembre-indien-60-gelules-ayurvana","title":"Andraka bio (Gingembre indien) - 60 gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Andraka Bio (Gingembre indien) - Ayur-Vana\nPalette détectée:\n - Primaire: #B5784E (brun terre cuite du packaging cylindrique)\n - Secondaire: #D4A04A (doré\/jaune gingembre)\n - Accent: #6B8E3A (vert bio\/agriculture biologique)\n - Fond crème: #F9F5EF (crème chaud, naturel)\nAmbiance: Ayurvédique, naturel\/bio, tradition indienne, chaleureux, authentique, motifs mandala\nPréfixe CSS: ak\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Andraka Bio : le gingembre indien en gélules pour votre confort digestif et votre vitalité\"\n 2. \"Les bienfaits reconnus du gingembre indien biologique\"\n 3. \"Composition détaillée pour 3 gélules\"\n 4. \"Conseils d'utilisation\"\n 5. \"Précautions d'emploi\"\n 6. \"Pourquoi choisir l'Andraka Bio Ayur-Vana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\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🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"ak-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ak-badge\"\u003e🧘 Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ak-hero-title\"\u003eAndraka Bio\u003cbr\u003eGingembre indien\u003c\/span\u003e\n \u003cp class=\"ak-subtitle\"\u003e60 gélules végétales · Ayur-Vana\u003c\/p\u003e\n \u003cp class=\"ak-description\"\u003eLa « médecine universelle » de l'Ayurveda au service de votre digestion, de votre vitalité et de votre confort articulaire — 990 mg de rhizome bio par dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eAndraka Bio : le gingembre indien en gélules pour votre confort digestif et votre vitalité\u003c\/h2\u003e\n \u003cp class=\"ak-section-intro\"\u003eDécouvrez le gingembre tel que la tradition ayurvédique le célèbre depuis des millénaires, dans un format moderne et pratique.\u003c\/p\u003e\n \u003cdiv class=\"ak-highlight-box\"\u003e\n \u003cp\u003eVous cherchez un allié naturel pour \u003cstrong\u003eaméliorer votre digestion\u003c\/strong\u003e, retrouver de l'énergie ou apaiser des inconforts du quotidien ? L'\u003cstrong\u003eAndraka Bio d'Ayur-Vana\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire au gingembre bio\u003c\/strong\u003e (\u003cem\u003eZingiber officinale\u003c\/em\u003e) directement inspiré de la tradition ayurvédique. Appelé \u003cem\u003eAndraka\u003c\/em\u003e en sanskrit, le gingembre y est considéré comme la « médecine universelle », tant ses usages sont variés et reconnus depuis des millénaires.\u003c\/p\u003e\n \u003cp\u003eChaque gélule renferme de la \u003cstrong\u003epoudre de gingembre bio\u003c\/strong\u003e, obtenue à partir du rhizome entier cultivé en Inde dans le respect de l'agriculture biologique. Contrairement à un simple \u003cstrong\u003eshot de gingembre bio\u003c\/strong\u003e ou à un \u003cstrong\u003ejus de gingembre bio\u003c\/strong\u003e, ce format en gélules végétales vous offre un dosage précis, pratique à emporter partout, sans le goût piquant parfois difficile à supporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus du gingembre indien biologique\u003c\/h2\u003e\n \u003cp class=\"ak-section-intro\"\u003eRiche en gingérols et en shogaols, le gingembre bio est l'une des plantes les plus étudiées au monde.\u003c\/p\u003e\n \u003cdiv class=\"ak-grid\"\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eLe gingembre accélère la digestion et favorise un bon fonctionnement intestinal. Il aide à réduire les ballonnements, les gaz et les sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🤢 Action antiémétique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour \u003cstrong\u003esoulager les nausées\u003c\/strong\u003e, qu'elles soient liées au mal des transports, à la grossesse (sous avis médical) ou à d'autres causes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés apaisantes, il contribue à réduire les inconforts articulaires et musculaires, particulièrement appréciable en période hivernale ou après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n \u003cp\u003eEn Ayurveda, le gingembre est réputé pour « raviver le feu digestif » (Agni), ce qui se traduit par un regain d'énergie et une meilleure assimilation des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eSes composés actifs aident l'organisme à lutter contre le stress oxydatif et soutiennent les défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 gélules\u003c\/h2\u003e\n \u003cdiv class=\"ak-composition-card\"\u003e\n \u003cdiv class=\"ak-composition-main\"\u003e\n \u003cdiv class=\"ak-composition-ingredient\"\u003e\n \u003cspan class=\"ak-composition-emoji\"\u003e🌱\u003c\/span\u003e\n \u003cdiv class=\"ak-composition-detail\"\u003e\n \u003ch3\u003ePoudre de rhizome de gingembre indien biologique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eZingiber officinale\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ak-composition-dose\"\u003e990 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-composition-ingredient\"\u003e\n \u003cspan class=\"ak-composition-emoji\"\u003e💊\u003c\/span\u003e\n \u003cdiv class=\"ak-composition-detail\"\u003e\n \u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n \u003cp\u003eHPMC (gélule végétale)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ak-composition-dose\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-composition-badges\"\u003e\n \u003cspan class=\"ak-comp-badge\"\u003e✅ 100 % végétale\u003c\/span\u003e\n \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans excipient chimique\u003c\/span\u003e\n \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans additif\u003c\/span\u003e\n \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans colorant\u003c\/span\u003e\n \u003cspan class=\"ak-comp-badge\"\u003e🌿 Certifiée AB (FR-BIO-01)\u003c\/span\u003e\n \u003cspan class=\"ak-comp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ak-timeline\"\u003e\n \u003cdiv class=\"ak-timeline-item\"\u003e\n \u003cdiv class=\"ak-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-item\"\u003e\n \u003cdiv class=\"ak-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-content\"\u003e\n \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n \u003cp\u003eDébutez par 2 gélules pour évaluer votre tolérance, puis ajustez à 3 si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-item\"\u003e\n \u003cdiv class=\"ak-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e20 à 30 jours\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits, renouvelable plusieurs fois dans l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-tip\"\u003e\n \u003cspan class=\"ak-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous préférez habituellement le \u003cstrong\u003egingembre bio en poudre\u003c\/strong\u003e dans vos boissons ou vos recettes, ces gélules constituent un complément pratique pour les journées où vous manquez de temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ak-accordion\"\u003e\n \u003cdetails class=\"ak-accordion-item\"\u003e\n \u003csummary class=\"ak-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ak-accordion-item\"\u003e\n \u003csummary class=\"ak-accordion-header\"\u003e👶 Enfants et conservation\u003c\/summary\u003e\n \u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ak-accordion-item\"\u003e\n \u003csummary class=\"ak-accordion-header\"\u003e💊 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes sous traitement anticoagulant ou souffrant de calculs biliaires sans avis médical préalable. En cas de grossesse ou d'allaitement, consultez votre professionnel de santé avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ak-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'Andraka Bio Ayur-Vana ?\u003c\/h2\u003e\n \u003cdiv class=\"ak-grid-compact\"\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eRhizome sélectionné pour sa richesse en principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique rigoureuse, label AB\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française, traçabilité et sécurité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🧘 Expertise ayurvédique\u003c\/h3\u003e\n \u003cp\u003eFormule fidèle à la tradition millénaire de l'Ayurveda\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-cta-box\"\u003e\n \u003cp\u003eUn produit pur, efficace et respectueux de votre corps comme de l'environnement — faites confiance à l'Andraka Bio Ayur-Vana pour intégrer le meilleur du gingembre indien dans votre quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ak-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ak-cream: #F9F5EF;\n --ak-white: #ffffff;\n --ak-primary: #B5784E;\n --ak-primary-dark: #7A4A2A;\n --ak-primary-light: #F3E8DC;\n --ak-secondary: #D4A04A;\n --ak-accent: #6B8E3A;\n --ak-text: #1a1a1a;\n --ak-text-light: #5a5a5a;\n --ak-border: #e8ddd0;\n --ak-shadow: 0 4px 24px rgba(122,74,42,.08);\n --ak-shadow-lg: 0 12px 48px rgba(122,74,42,.15);\n --ak-radius: 20px;\n --ak-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ak-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ak-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ak-premium *, .ak-premium *::before, .ak-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ak-hero {\n position: relative;\n background: linear-gradient(135deg, #7A4A2A 0%, #B5784E 40%, #D4A04A 100%);\n border-radius: var(--ak-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ak-shadow-lg);\n}\n\n.ak-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%),\n repeating-conic-gradient(from 0deg at 15% 85%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg),\n repeating-conic-gradient(from 45deg at 85% 15%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg);\n opacity: 1;\n}\n\n.ak-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ak-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.ak-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.ak-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ak-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ak-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ak-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ak-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ak-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ak-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ak-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.ak-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ak-primary), var(--ak-secondary));\n border-radius: 2px;\n}\n\n.ak-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ak-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX (intro longue) === *\/\n.ak-highlight-box {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ak-shadow);\n border-left: 4px solid var(--ak-secondary);\n}\n\n.ak-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ak-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ak-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.ak-card {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ak-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ak-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ak-shadow-lg);\n border-color: var(--ak-primary);\n}\n\n.ak-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ak-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ak-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ak-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ak-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.ak-grid-compact .ak-card {\n padding: 1rem;\n}\n\n.ak-grid-compact .ak-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ak-grid-compact .ak-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.ak-composition-card {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n box-shadow: var(--ak-shadow);\n overflow: hidden;\n}\n\n.ak-composition-main {\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.ak-composition-ingredient {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--ak-border);\n}\n\n.ak-composition-ingredient:last-child {\n border-bottom: none;\n}\n\n.ak-composition-emoji {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.ak-composition-detail {\n flex: 1;\n}\n\n.ak-composition-detail h3 {\n font-size: clamp(14px, 2.2vw, 16px);\n font-weight: 700;\n color: var(--ak-primary-dark);\n margin: 0 0 .2rem 0;\n}\n\n.ak-composition-detail p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ak-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.ak-composition-dose {\n flex-shrink: 0;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 900;\n color: var(--ak-secondary);\n background: linear-gradient(135deg, var(--ak-primary-light), var(--ak-cream));\n padding: .5rem 1rem;\n border-radius: var(--ak-radius-sm);\n}\n\n.ak-composition-badges {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n padding: clamp(1rem, 3vw, 1.5rem);\n background: var(--ak-primary-light);\n border-top: 1px solid var(--ak-border);\n}\n\n.ak-comp-badge {\n font-size: clamp(11px, 2vw, 13px);\n font-weight: 600;\n color: var(--ak-primary-dark);\n background: var(--ak-white);\n padding: .35rem .75rem;\n border-radius: 999px;\n white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.ak-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ak-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ak-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ak-primary), var(--ak-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(181,120,78,.3);\n}\n\n.ak-timeline-content {\n flex: 1;\n background: var(--ak-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ak-radius-sm);\n box-shadow: var(--ak-shadow);\n}\n\n.ak-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ak-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ak-timeline-content p {\n font-size: 14px;\n color: var(--ak-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ak-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ak-primary-light);\n border-radius: var(--ak-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ak-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ak-tip p {\n font-size: 14px;\n color: var(--ak-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ak-accordion {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n box-shadow: var(--ak-shadow);\n overflow: hidden;\n}\n\n.ak-accordion-item {\n border-bottom: 1px solid var(--ak-border);\n margin: 0;\n padding: 0;\n}\n\n.ak-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ak-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ak-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ak-accordion-header:hover {\n background: var(--ak-primary-light);\n}\n\n.ak-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ak-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ak-primary);\n transition: transform .2s ease;\n}\n\n.ak-accordion-item[open] .ak-accordion-header::after {\n content: '−';\n}\n\n.ak-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ak-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ak-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ak-cta-box {\n background: linear-gradient(135deg, var(--ak-primary) 0%, var(--ak-primary-dark) 100%);\n border-radius: var(--ak-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ak-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212,160,74,.2) 0%, transparent 60%);\n}\n\n.ak-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ak-disclaimer {\n font-size: 12px;\n color: var(--ak-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ak-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ak-card {\n padding: 1.125rem;\n }\n\n .ak-section {\n margin-bottom: 1.75rem;\n }\n\n .ak-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ak-radius-sm);\n }\n\n .ak-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ak-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ak-grid-compact {\n gap: .625rem;\n }\n\n .ak-grid-compact .ak-card {\n padding: .75rem;\n }\n\n .ak-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ak-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ak-timeline-content h3 {\n font-size: 14px;\n }\n\n .ak-timeline-content p {\n font-size: 13px;\n }\n\n .ak-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ak-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ak-highlight-box {\n padding: 1.25rem;\n }\n\n .ak-highlight-box p {\n font-size: 14px;\n }\n\n .ak-composition-ingredient {\n gap: .75rem;\n padding: .75rem 0;\n }\n\n .ak-composition-emoji {\n font-size: 22px;\n }\n\n .ak-composition-dose {\n font-size: 16px;\n padding: .35rem .75rem;\n }\n\n .ak-composition-badges {\n gap: .375rem;\n padding: .875rem;\n }\n\n .ak-comp-badge {\n font-size: 11px;\n padding: .25rem .6rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ak-card {\n animation: akFadeInUp .5s ease backwards;\n }\n .ak-card:nth-child(1) { animation-delay: .05s; }\n .ak-card:nth-child(2) { animation-delay: .1s; }\n .ak-card:nth-child(3) { animation-delay: .15s; }\n .ak-card:nth-child(4) { animation-delay: .2s; }\n .ak-card:nth-child(5) { animation-delay: .25s; }\n .ak-card:nth-child(6) { animation-delay: .3s; }\n\n .ak-timeline-item {\n animation: akFadeInUp .5s ease backwards;\n }\n .ak-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ak-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ak-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes akFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ak-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755296022685,"sku":"AY9018","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/andraka-bio-gingembre-indien-60-gelules-ayur-vana-ingredients.webp?v=1770906740"},{"product_id":"cor-silumine-gel-rhumatismes-100-ml-jade-recherche","title":"Cor Silumine Gel - Rhumatismes - 100 Ml - Jade Recherche","description":"\u003cdiv class=\"cs-premium\"\u003e\n \u003cdiv class=\"cs-hero\"\u003e\n \u003cdiv class=\"cs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-hero-content\"\u003e\n \u003cdiv class=\"cs-badges-top\"\u003e\n \u003cspan class=\"cs-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e❄️ Effet frais immédiat\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e💪 Soulage les articulations\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e🧴 Flacon pompe 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cs-hero-title\"\u003eLe phytogel au silicium organique pour retrouver mobilité et confort\u003c\/span\u003e\n \u003cp class=\"cs-subtitle\"\u003eSilicium organique · Huiles essentielles · Menthol\u003c\/p\u003e\n \u003cp class=\"cs-description\"\u003eUn gel articulations pénétrant, sans effet gras, qui apaise localement les zones sensibles et redonne de la souplesse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Cor Silumine Gel ?\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003eContrairement à un simple gel articulations et muscles classique, Cor Silumine mise sur la synergie du silicium organique, reconnu pour son rôle dans la synthèse du collagène et l'entretien des tissus conjonctifs (cartilage, tendons, peau).\u003c\/p\u003e\n \u003cdiv class=\"cs-grid\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🦴 Douleurs rhumatismales\u003c\/h3\u003e\n \u003cp\u003eSoulage les douleurs rhumatismales et arthrosiques localisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌅 Raideurs matinales\u003c\/h3\u003e\n \u003cp\u003eApaise les raideurs articulaires du matin pour un réveil plus souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e💪 Tensions musculaires\u003c\/h3\u003e\n \u003cp\u003eIdéal après le sport ou une journée de travail physique intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🕰️ Perte de souplesse\u003c\/h3\u003e\n \u003cp\u003eAccompagne la perte de mobilité liée à l'âge, en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eLes bienfaits d'un gel au silicium organique\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003eLe silicium organique est un oligo-élément essentiel à la solidité des articulations. En application locale, il agit sur plusieurs plans :\u003c\/p\u003e\n \u003cdiv class=\"cs-grid-compact\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e❄️ Apaise rapidement\u003c\/h3\u003e\n \u003cp\u003eSoulage les zones sensibles dès l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🤸 Améliore la mobilité\u003c\/h3\u003e\n \u003cp\u003eRedonne flexibilité et amplitude au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e💧 Hydrate les tissus\u003c\/h3\u003e\n \u003cp\u003eLimite le vieillissement prématuré des articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌿 Complément idéal\u003c\/h3\u003e\n \u003cp\u003eRenforce toute routine bien-être articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003eUne formule sobre, végétale, sans parfum de synthèse — flacon pompe pratique et hygiénique de 100 ml.\u003c\/p\u003e\n \u003cdiv class=\"cs-grid\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e💎 Silicium organique\u003c\/h3\u003e\n \u003cp\u003eSoutient la structure des tissus conjonctifs (cartilage, tendons).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🍃 HE de gaulthérie\u003c\/h3\u003e\n \u003cp\u003eWintergreen, réputée pour son action apaisante sur les articulations et les muscles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌱 HE de marjolaine\u003c\/h3\u003e\n \u003cp\u003eContribue au relâchement musculaire et à la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e❄️ Menthol\u003c\/h3\u003e\n \u003cp\u003eProcure un effet frais immédiat très agréable à l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌸 Élixir floral de Willow\u003c\/h3\u003e\n \u003cp\u003eExtrait traditionnel de saule, utilisé en phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌾 Extraits de plantes\u003c\/h3\u003e\n \u003cp\u003ePlantes sélectionnées + gel de gomme végétale pour une texture fluide et pénétrante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eComment utiliser le Cor Silumine Gel ?\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003ePour un effet optimal, privilégiez plusieurs petites applications dans la journée plutôt qu'une grande quantité en une seule fois.\u003c\/p\u003e\n \u003cdiv class=\"cs-timeline\"\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité de gel suffit sur la zone concernée : genou, épaule, dos, nuque, mains…\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à pénétration complète du gel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez 3 à 5 fois par jour\u003c\/h3\u003e\n \u003cp\u003eSelon l'intensité de la gêne, plusieurs applications espacées donnent de meilleurs résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003eLavez-vous les mains\u003c\/h3\u003e\n \u003cp\u003eAprès application, évitez le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-tip\"\u003e\n \u003cspan class=\"cs-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eRéservé à un usage externe. Déconseillé chez la femme enceinte ou allaitante, chez les enfants de moins de 7 ans et en cas d'allergie aux dérivés salicylés (aspirine). Effectuez un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cs-accordion\"\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e⏱️ Au bout de combien de temps agit-il ?\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eLa sensation de fraîcheur est immédiate grâce au menthol ; le confort articulaire s'installe généralement au fil des applications régulières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e🔗 Peut-on l'associer à d'autres soins ?\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il complète parfaitement une cure de silicium organique en interne ou une routine de mobilité douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e🏃 Convient-il aux sportifs ?\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument, en récupération après l'effort ou en cas de raideurs musculaires localisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cs-cta-box\"\u003e\n \u003cp\u003eUn phytogel naturel, une texture fluide et un effet frais immédiat pour retrouver liberté de mouvement et confort articulaire, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cs-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. En cas de douleurs persistantes, intenses ou récurrentes, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cs-cream: #f7f5ef;\n --cs-white: #ffffff;\n --cs-primary: #2d6b3f;\n --cs-primary-dark: #1e4a2c;\n --cs-primary-light: #e8f0e6;\n --cs-secondary: #c9a961;\n --cs-accent: #d4b678;\n --cs-text: #1a1a1a;\n --cs-text-light: #5a5a5a;\n --cs-border: #e0e0e0;\n --cs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cs-radius: 20px;\n --cs-radius-sm: 12px;\n}\n\n.cs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cs-text);\n line-height: 1.6;\n}\n\n.cs-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6b3f 0%, #4a8558 50%, #c9a961 100%);\n border-radius: var(--cs-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(--cs-shadow-lg);\n}\n\n.cs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .3;\n}\n\n.cs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cs-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.cs-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cs-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(--cs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cs-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.cs-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(--cs-primary), var(--cs-secondary));\n border-radius: 2px;\n}\n\n.cs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cs-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cs-card {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cs-shadow-lg);\n border-color: var(--cs-primary);\n}\n\n.cs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cs-grid-compact .cs-card {\n padding: 1rem;\n}\n\n.cs-grid-compact .cs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cs-grid-compact .cs-card p {\n font-size: 12px;\n}\n\n.cs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cs-primary), var(--cs-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,107,63,.3);\n}\n\n.cs-timeline-content {\n flex: 1;\n background: var(--cs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cs-radius-sm);\n box-shadow: var(--cs-shadow);\n}\n\n.cs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cs-timeline-content p {\n font-size: 14px;\n color: var(--cs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cs-accordion {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n box-shadow: var(--cs-shadow);\n overflow: hidden;\n}\n\n.cs-accordion-item {\n border-bottom: 1px solid var(--cs-border);\n margin: 0;\n padding: 0;\n}\n\n.cs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cs-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.cs-accordion-header:hover {\n background: var(--cs-primary-light);\n}\n\n.cs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cs-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cs-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cs-accordion-item[open] .cs-accordion-header::after {\n content: '−';\n}\n\n.cs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cs-accordion-content p {\n margin: 0;\n}\n\n.cs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cs-primary-light);\n border-radius: var(--cs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cs-secondary);\n}\n\n.cs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cs-tip p {\n font-size: 14px;\n color: var(--cs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cs-cta-box {\n background: linear-gradient(135deg, var(--cs-primary) 0%, var(--cs-primary-dark) 100%);\n border-radius: var(--cs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cs-shadow-lg);\n}\n\n.cs-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,.3) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.cs-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.cs-disclaimer {\n font-size: 12px;\n color: var(--cs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n@media (max-width: 767px) {\n .cs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cs-card {\n padding: 1.125rem;\n }\n .cs-section {\n margin-bottom: 1.75rem;\n }\n .cs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cs-radius-sm);\n }\n .cs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cs-grid-compact {\n gap: .625rem;\n }\n .cs-grid-compact .cs-card {\n padding: .75rem;\n }\n .cs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cs-timeline-content {\n padding: .875rem 1rem;\n }\n .cs-timeline-content h3 {\n font-size: 14px;\n }\n .cs-timeline-content p {\n font-size: 13px;\n }\n .cs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cs-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cs-card:nth-child(1) { animation-delay: .05s; }\n .cs-card:nth-child(2) { animation-delay: .1s; }\n .cs-card:nth-child(3) { animation-delay: .15s; }\n .cs-card:nth-child(4) { animation-delay: .2s; }\n .cs-card:nth-child(5) { animation-delay: .25s; }\n .cs-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 .cs-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":45755315126429,"sku":"JADECORSILU100","price":30.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cor-silumine-gel-rhumatismes-100-ml-jade-recherche-packshothd.webp?v=1786013109"},{"product_id":"flexilium-gelules-vegan-100-gelules-lt-labo","title":"Flexilium - 60 Gélules végétales - LT Labo","description":"\u003cdiv class=\"flx-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"flx-hero\"\u003e\n \u003cdiv class=\"flx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flx-hero-content\"\u003e\n \u003cdiv class=\"flx-badges-top\"\u003e\n \u003cspan class=\"flx-badge\"\u003e🌿 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"flx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"flx-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"flx-badge\"\u003e🦴 Mobilité \u0026amp; souplesse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flx-hero-title\"\u003eFlexilium – 60 gélules végétales\u003c\/span\u003e\n \u003cp class=\"flx-subtitle\"\u003eSilicium de bambou, glucosamine, chondroïtine, calcium, vitamine D3, curcuma \u0026amp; poivre noir\u003c\/p\u003e\n \u003cp class=\"flx-description\"\u003eLa formule articulaire complète de LT Labo pour retrouver mobilité, flexibilité et souplesse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"flx-section\"\u003e\n \u003ch2\u003eFlexilium gélules LT Labo : le complément alimentaire pour articulations souples et mobiles\u003c\/h2\u003e\n \u003cp class=\"flx-section-intro\"\u003eRaideurs matinales, genoux sensibles après une marche, épaules qui tirent après le sport… Si ces petits signaux vous parlent, il est temps d'agir.\u003c\/p\u003e\n \u003cdiv class=\"flx-grid-compact\"\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e🎋 Silicium de bambou\u003c\/h3\u003e\n \u003cp\u003eOligo-élément clé pour la synthèse du collagène et la solidité des cartilages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e🦴 Glucosamine végétale\u003c\/h3\u003e\n \u003cp\u003eContribue au renouvellement du cartilage et à la lubrification articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e💧 Chondroïtine végétale\u003c\/h3\u003e\n \u003cp\u003eHydrate le cartilage et préserve son élasticité jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e☀️ Calcium \u0026amp; vitamine D3\u003c\/h3\u003e\n \u003cp\u003eDuo essentiel pour le maintien d'une ossature normale et solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e🟡 Curcuma \u0026amp; poivre noir\u003c\/h3\u003e\n \u003cp\u003eAssociation reconnue pour apaiser les inconforts et optimiser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e🌱 Formule 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, sans colorants, sans parabènes, sans OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"flx-section\"\u003e\n \u003ch2\u003ePourquoi choisir le silicium pour les articulations ?\u003c\/h2\u003e\n \u003cdiv class=\"flx-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003esilicium\u003c\/strong\u003e est un oligo-élément essentiel à la synthèse du collagène, cette protéine qui structure vos cartilages, tendons et ligaments. Avec l'âge, les réserves de silicium diminuent naturellement, ce qui fragilise les tissus conjonctifs.\u003c\/p\u003e\n \u003cp\u003eLe silicium issu de \u003cstrong\u003ebambou\u003c\/strong\u003e présent dans Flexilium offre une \u003cstrong\u003ebiodisponibilité remarquable\u003c\/strong\u003e, permettant à votre organisme de l'assimiler efficacement. C'est cette base solide qui distingue Flexilium de nombreux autres compléments pour articulations disponibles sur le marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"flx-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"flx-grid\"\u003e\n \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n \u003ch3\u003e🎋 Extrait de bambou (silicium)\u003c\/h3\u003e\n \u003cdiv class=\"flx-dosage\"\u003e150 mg\u003c\/div\u003e\n \u003cp\u003eDont 112,5 mg de silice — soutient la formation du collagène et la solidité des os.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n \u003ch3\u003e🦴 Glucosamine végétale\u003c\/h3\u003e\n \u003cdiv class=\"flx-dosage\"\u003e300 mg\u003c\/div\u003e\n \u003cp\u003eContribue au renouvellement du cartilage et à la lubrification articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n \u003ch3\u003e💧 Chondroïtine végétale\u003c\/h3\u003e\n \u003cdiv class=\"flx-dosage\"\u003e200 mg\u003c\/div\u003e\n \u003cp\u003eHydrate le cartilage et maintient son élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n \u003ch3\u003e�ite Calcium\u003c\/h3\u003e\n \u003cdiv class=\"flx-dosage\"\u003e120 mg \u003cspan class=\"flx-vnr\"\u003e15 % VNR\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cp\u003eIndispensable au maintien d'une ossature normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n \u003ch3\u003e☀️ Vitamine D3 végétale\u003c\/h3\u003e\n \u003cdiv class=\"flx-dosage\"\u003e5 µg \u003cspan class=\"flx-vnr\"\u003e100 % VNR\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cp\u003eIssue de lichen boréal — favorise l'absorption du calcium et la santé osseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n \u003ch3\u003e🟡 Curcuma \u0026amp; poivre noir\u003c\/h3\u003e\n \u003cdiv class=\"flx-dosage\"\u003eSynergie brevetée\u003c\/div\u003e\n \u003cp\u003eOptimise l'absorption de la curcumine et apaise les inconforts articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-tip\"\u003e\n \u003cspan class=\"flx-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eGélules 100 % végétales. Formule \u003cstrong\u003evegan, sans conservateurs, sans colorants, sans parabènes, sans OGM\u003c\/strong\u003e. Fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"flx-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de Flexilium\u003c\/h2\u003e\n \u003cdiv class=\"flx-grid\"\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e🏃 Mobilité retrouvée\u003c\/h3\u003e\n \u003cp\u003eLa synergie glucosamine-chondroïtine-silicium soutient la souplesse articulaire au fil des semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e🦴 Os et cartilages renforcés\u003c\/h3\u003e\n \u003cp\u003eCalcium, vitamine D3 et silicium travaillent ensemble pour préserver votre capital osseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e😌 Confort au quotidien\u003c\/h3\u003e\n \u003cp\u003eLe curcuma associé au poivre noir aide à calmer les tensions et les gênes passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-card\"\u003e\n \u003ch3\u003e👥 Adapté à tous\u003c\/h3\u003e\n \u003cp\u003eSportifs en quête de récupération, seniors souhaitant rester actifs, ou toute personne soucieuse de préserver sa liberté de mouvement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"flx-section\"\u003e\n \u003ch2\u003eComment prendre Flexilium gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"flx-timeline\"\u003e\n \u003cdiv class=\"flx-timeline-item\"\u003e\n \u003cdiv class=\"flx-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flx-timeline-content\"\u003e\n \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour, 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=\"flx-timeline-item\"\u003e\n \u003cdiv class=\"flx-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flx-timeline-content\"\u003e\n \u003ch3\u003eProgramme renforcé\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 4 gélules par jour en cas d'inconfort marqué ou de reprise d'activité physique intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-timeline-item\"\u003e\n \u003cdiv class=\"flx-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flx-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eCure de 1 à 3 mois, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-tip\"\u003e\n \u003cspan class=\"flx-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eLes premiers effets sont généralement ressentis après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. La constance est la clé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"flx-section\"\u003e\n \u003ch2\u003ePrécautions et conseils\u003c\/h2\u003e\n \u003cdiv class=\"flx-accordion\"\u003e\n \u003cdetails class=\"flx-accordion-item\"\u003e\n \u003csummary class=\"flx-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux personnes sous anticoagulants (présence de curcuma).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flx-accordion-item\"\u003e\n \u003csummary class=\"flx-accordion-header\"\u003e💊 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flx-accordion-item\"\u003e\n \u003csummary class=\"flx-accordion-header\"\u003e👶 Sécurité\u003c\/summary\u003e\n \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flx-accordion-item\"\u003e\n \u003csummary class=\"flx-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas une alimentation équilibrée ni un avis médical\u003c\/strong\u003e. 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\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"flx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre avis sur Flexilium\u003c\/h2\u003e\n \u003cdiv class=\"flx-testimonial\"\u003e\n \u003cp class=\"flx-testimonial-text\"\u003e\"Quel complément alimentaire pour les articulations choisir parmi l'offre pléthorique ? Flexilium se démarque par sa formule complète, ses dosages transparents et son engagement vegan. La combinaison d'actifs végétaux soigneusement sélectionnés en fait un allié de confiance pour quiconque souhaite entretenir sa mobilité sans compromis sur la qualité. Associez-le à une activité physique douce et régulière pour en tirer le meilleur parti.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flx-cta-box\"\u003e\n \u003cp\u003e🌿 Retrouvez mobilité, flexibilité et souplesse avec Flexilium — votre allié articulaire 100 % vegan, fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"flx-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --flx-cream: #f5f7fa;\n --flx-white: #ffffff;\n --flx-primary: #2a7ab5;\n --flx-primary-dark: #1a5a8a;\n --flx-primary-light: #e8f2fa;\n --flx-secondary: #5ab55a;\n --flx-accent: #3d9e3d;\n --flx-text: #1a1a1a;\n --flx-text-light: #5a5a5a;\n --flx-border: #e0e0e0;\n --flx-shadow: 0 4px 24px rgba(0,0,0,.08);\n --flx-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --flx-radius: 20px;\n --flx-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.flx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flx-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5a8a 0%, #2a7ab5 45%, #3d9e3d 100%);\n border-radius: var(--flx-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(--flx-shadow-lg);\n}\n\n.flx-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 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.flx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.flx-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.flx-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.flx-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.flx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.flx-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(--flx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.flx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.flx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flx-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.flx-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(--flx-primary), var(--flx-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.flx-card {\n background: var(--flx-white);\n border-radius: var(--flx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.flx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flx-shadow-lg);\n border-color: var(--flx-primary);\n}\n\n.flx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.flx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD COMPOSITION === *\/\n.flx-card-compo {\n position: relative;\n}\n\n.flx-dosage {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: linear-gradient(135deg, var(--flx-primary), var(--flx-secondary));\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-bottom: .75rem;\n}\n\n.flx-vnr {\n background: rgba(255,255,255,.25);\n padding: 2px 8px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.flx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.flx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.flx-grid-compact .flx-card {\n padding: 1rem;\n}\n\n.flx-grid-compact .flx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.flx-grid-compact .flx-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.flx-highlight-box {\n background: var(--flx-white);\n border-radius: var(--flx-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--flx-shadow);\n border-left: 5px solid var(--flx-secondary);\n}\n\n.flx-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--flx-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.flx-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.flx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.flx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.flx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flx-primary), var(--flx-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.flx-timeline-content {\n flex: 1;\n background: var(--flx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flx-radius-sm);\n box-shadow: var(--flx-shadow);\n}\n\n.flx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.flx-timeline-content p {\n font-size: 14px;\n color: var(--flx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.flx-testimonial {\n background: var(--flx-white);\n border-radius: var(--flx-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--flx-shadow);\n border-left: 4px solid var(--flx-primary);\n margin-bottom: 1.5rem;\n}\n\n.flx-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flx-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.flx-accordion {\n background: var(--flx-white);\n border-radius: var(--flx-radius);\n box-shadow: var(--flx-shadow);\n overflow: hidden;\n}\n\n.flx-accordion-item {\n border-bottom: 1px solid var(--flx-border);\n margin: 0;\n padding: 0;\n}\n\n.flx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.flx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--flx-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.flx-accordion-header:hover {\n background: var(--flx-primary-light);\n}\n\n.flx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.flx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--flx-primary);\n transition: transform .2s ease;\n}\n\n.flx-accordion-item[open] .flx-accordion-header::after {\n content: '−';\n}\n\n.flx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--flx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.flx-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.flx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flx-primary-light);\n border-radius: var(--flx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.flx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.flx-tip p {\n font-size: 14px;\n color: var(--flx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.flx-cta-box {\n background: linear-gradient(135deg, var(--flx-primary) 0%, var(--flx-primary-dark) 100%);\n border-radius: var(--flx-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.flx-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\/* === SECTION INTRO TEXT === *\/\n.flx-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flx-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\/* === DISCLAIMER === *\/\n.flx-disclaimer {\n font-size: 12px;\n color: var(--flx-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 .flx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .flx-card {\n padding: 1.125rem;\n }\n\n .flx-section {\n margin-bottom: 1.75rem;\n }\n\n .flx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flx-radius-sm);\n }\n\n .flx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .flx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .flx-grid-compact {\n gap: .625rem;\n }\n\n .flx-grid-compact .flx-card {\n padding: .75rem;\n }\n\n .flx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .flx-timeline-content {\n padding: .875rem 1rem;\n }\n\n .flx-timeline-content h3 {\n font-size: 14px;\n }\n\n .flx-timeline-content p {\n font-size: 13px;\n }\n\n .flx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .flx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .flx-testimonial {\n padding: 1.25rem;\n }\n\n .flx-testimonial-text {\n font-size: 14px;\n }\n\n .flx-highlight-box {\n padding: 1.25rem;\n }\n\n .flx-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .flx-card {\n animation: flxFadeInUp .5s ease backwards;\n }\n .flx-card:nth-child(1) { animation-delay: .05s; }\n .flx-card:nth-child(2) { animation-delay: .1s; }\n .flx-card:nth-child(3) { animation-delay: .15s; }\n .flx-card:nth-child(4) { animation-delay: .2s; }\n .flx-card:nth-child(5) { animation-delay: .25s; }\n .flx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flxFadeInUp {\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 .flx-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":45779266011293,"sku":"LT0270","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/flexilium-60-gelules-vegetales-lt-labo-packshothd_7b40c987-e2a2-4346-bc21-acdb12d99d9f.webp?v=1789737058"},{"product_id":"vitamine-d3-articulations-structure-osseuse-musculaire-20-ml-laboratoire-code","title":"Vitamine D3 - 20 ml (env. 570 gouttes) - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine D3 - Laboratoire Code\nPalette détectée:\n - Primaire: #C44444 (Rouge brique du label \"VITAMINE D3\")\n - Secondaire: #7A9BBF (Bleu-gris de l'élément graphique ondulé)\n - Accent: #D4A84B (Ambre\/doré du flacon en verre)\n - Background: #F5F3F0 (Blanc cassé\/crème clean)\nAmbiance: Médical\/pharmaceutique, clean, professionnel, rassurant, scientifique\nType: Complément alimentaire liquide (gouttes)\nStyle suggéré: Médical premium, minimaliste, scientifique mais accessible\nPréfixe CSS: vd3\n--\u003e\n\n\u003cdiv class=\"vd3-premium\"\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"vd3-hero\"\u003e\n \u003cdiv class=\"vd3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vd3-hero-content\"\u003e\n \u003cdiv class=\"vd3-badges-top\"\u003e\n \u003cspan class=\"vd3-badge\"\u003e☀️ Vitamine du soleil\u003c\/span\u003e\n \u003cspan class=\"vd3-badge\"\u003e🦴 Os \u0026amp; muscles\u003c\/span\u003e\n \u003cspan class=\"vd3-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vd3-hero-title\"\u003eVitamine D3\u003c\/span\u003e\n \u003cp class=\"vd3-subtitle\"\u003e1 goutte = 500% des besoins quotidiens\u003c\/p\u003e\n \u003cp class=\"vd3-description\"\u003eLa solution naturelle ultra-concentrée pour des os solides, des muscles performants et une immunité renforcée. Format économique de 570 gouttes pour 19 mois d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"vd3-section\"\u003e\n \u003ch2\u003e🎯 Formule ultra-concentrée\u003c\/h2\u003e\n \u003cdiv class=\"vd3-grid-stats\"\u003e\n \u003cdiv class=\"vd3-stat-card\"\u003e\n \u003ch3\u003e💧 1 goutte\/jour\u003c\/h3\u003e\n \u003cp class=\"vd3-stat-number\"\u003e25 µg\u003c\/p\u003e\n \u003cp\u003esoit 1000 UI par prise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-stat-card\"\u003e\n \u003ch3\u003e📊 500% des VNR\u003c\/h3\u003e\n \u003cp class=\"vd3-stat-number\"\u003e5×\u003c\/p\u003e\n \u003cp\u003eles besoins quotidiens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-stat-card\"\u003e\n \u003ch3\u003e⏱️ 570 gouttes\u003c\/h3\u003e\n \u003cp class=\"vd3-stat-number\"\u003e19 mois\u003c\/p\u003e\n \u003cp\u003ed'utilisation continue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-stat-card\"\u003e\n \u003ch3\u003e⚠️ 70% de carences\u003c\/h3\u003e\n \u003cp class=\"vd3-stat-number\"\u003e7\/10\u003c\/p\u003e\n \u003cp\u003eFrançais concernés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"vd3-section\"\u003e\n \u003ch2\u003e💪 Pourquoi la vitamine D3 est essentielle\u003c\/h2\u003e\n \u003cdiv class=\"vd3-grid\"\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une ossature normale et favorise l'absorption du calcium et du phosphore pour une minéralisation osseuse optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une fonction musculaire normale, réduisant les risques de faiblesse et favorisant la force physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🦷 Dentition saine\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir une bonne santé dentaire grâce à son rôle dans la fixation du calcium au niveau des dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eSoutient le fonctionnement normal du système immunitaire, protégeant l'organisme des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e⚡ Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption et l'utilisation efficace du calcium et du phosphore, minéraux indispensables à la santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e☀️ Compense le manque de soleil\u003c\/h3\u003e\n \u003cp\u003eEssentielle en hiver et pour les personnes peu exposées au soleil, quand la synthèse cutanée est insuffisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"vd3-section\"\u003e\n \u003ch2\u003e🌿 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"vd3-grid\"\u003e\n \u003cdiv class=\"vd3-card vd3-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile vierge de colza\u003c\/h3\u003e\n \u003cp\u003eBase naturelle riche en oméga-3, garantissant une absorption optimale de la vitamine D3 liposoluble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card vd3-card-ingredient\"\u003e\n \u003ch3\u003e☀️ Vitamine D3 naturelle\u003c\/h3\u003e\n \u003cp\u003eExtraite de la lanoline, forme la plus biodisponible et efficace de vitamine D. 25 µg par goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card vd3-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel protégeant la formule et renforçant les bienfaits sur la santé cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"vd3-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vd3-timeline\"\u003e\n \u003cdiv class=\"vd3-step\"\u003e\n \u003cdiv class=\"vd3-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vd3-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-step\"\u003e\n \u003cdiv class=\"vd3-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vd3-step-content\"\u003e\n \u003ch3\u003eDéposez 1 goutte\u003c\/h3\u003e\n \u003cp\u003eGrâce au système codigoutte, déposez une goutte sous la langue ou sur un aliment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-step\"\u003e\n \u003cdiv class=\"vd3-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vd3-step-content\"\u003e\n \u003ch3\u003eAbsorption rapide\u003c\/h3\u003e\n \u003cp\u003eLaissez agir quelques secondes pour une absorption sublinguale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-step\"\u003e\n \u003cdiv class=\"vd3-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vd3-step-content\"\u003e\n \u003ch3\u003eTous les jours\u003c\/h3\u003e\n \u003cp\u003ePrenez votre goutte quotidienne, de préférence au même moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"vd3-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse cette vitamine D3 ?\u003c\/h2\u003e\n \u003cdiv class=\"vd3-grid\"\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e👵 Seniors\u003c\/h3\u003e\n \u003cp\u003ePour maintenir la solidité osseuse et prévenir l'ostéoporose avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour soutenir la fonction musculaire et optimiser les performances physiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🏢 Vie en intérieur\u003c\/h3\u003e\n \u003cp\u003ePour compenser le manque d'exposition au soleil (bureau, télétravail).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e❄️ En hiver\u003c\/h3\u003e\n \u003cp\u003ePour pallier la diminution de la synthèse cutanée lors des mois froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003ePour renforcer les défenses naturelles de l'organisme toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"vd3-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"vd3-grid-compact\"\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml (~570 gouttes)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e~19 mois d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🎯 Dosage\/goutte\u003c\/h3\u003e\n \u003cp\u003e25 µg (1000 UI)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vd3-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"vd3-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"vd3-accordion\"\u003e\n \u003cdetails class=\"vd3-accordion-item\"\u003e\n \u003csummary class=\"vd3-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vd3-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur. Bien refermer le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vd3-accordion-item\"\u003e\n \u003csummary class=\"vd3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vd3-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée (1 goutte par jour). 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. En cas de grossesse, allaitement ou traitement médical, demandez l'avis de votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vd3-accordion-item\"\u003e\n \u003csummary class=\"vd3-accordion-header\"\u003e🔬 Qualité garantie\u003c\/summary\u003e\n \u003cdiv class=\"vd3-accordion-content\"\u003e\n \u003cp\u003eProduit conçu et fabriqué en France selon les normes les plus strictes. Origine naturelle certifiée, sans OGM et sans additifs artificiels. Tests rigoureux en laboratoire pour garantir pureté et efficacité.\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=\"vd3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vd3-cta-box\"\u003e\n \u003cp\u003e☀️ Faites le plein de vitamine du soleil toute l'année et prenez soin de votre santé osseuse, musculaire et immunitaire. Un geste simple au quotidien pour un bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vd3-cream: #F8F6F3;\n --vd3-white: #ffffff;\n --vd3-primary: #C44444;\n --vd3-primary-dark: #9A3535;\n --vd3-primary-light: #FDEAEA;\n --vd3-secondary: #7A9BBF;\n --vd3-accent: #D4A84B;\n \n --vd3-text: #1a1a1a;\n --vd3-text-light: #5a5a5a;\n \n --vd3-border: #e0e0e0;\n --vd3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vd3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vd3-radius: 20px;\n --vd3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vd3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vd3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vd3-hero {\n position: relative;\n background: linear-gradient(135deg, #C44444 0%, #9A3535 50%, #D4A84B 100%);\n border-radius: var(--vd3-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(--vd3-shadow-lg);\n}\n\n.vd3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.vd3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vd3-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.vd3-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(--vd3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vd3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vd3-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vd3-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.vd3-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vd3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vd3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vd3-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.vd3-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(--vd3-primary), var(--vd3-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.vd3-card {\n background: var(--vd3-white);\n border-radius: var(--vd3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vd3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vd3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vd3-shadow-lg);\n border-color: var(--vd3-primary);\n}\n\n.vd3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vd3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vd3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vd3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vd3-card-ingredient {\n background: linear-gradient(135deg, var(--vd3-white) 0%, #FFF9F0 100%);\n}\n\n.vd3-card-ingredient:hover {\n border-color: var(--vd3-accent);\n}\n\n\/* === GRILLES === *\/\n.vd3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vd3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vd3-grid-compact .vd3-card {\n padding: 1rem;\n}\n\n.vd3-grid-compact .vd3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vd3-grid-compact .vd3-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--vd3-primary);\n}\n\n\/* === STATS GRID === *\/\n.vd3-grid-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.vd3-stat-card {\n background: linear-gradient(135deg, var(--vd3-white) 0%, var(--vd3-primary-light) 100%);\n border-radius: var(--vd3-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--vd3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vd3-stat-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vd3-shadow-lg);\n border-color: var(--vd3-primary);\n}\n\n.vd3-stat-card h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--vd3-text-light);\n margin: 0 0 .5rem 0;\n}\n\n.vd3-stat-card .vd3-stat-number {\n font-size: clamp(32px, 5vw, 44px);\n font-weight: 900;\n color: var(--vd3-primary);\n line-height: 1;\n margin-bottom: .25rem;\n}\n\n.vd3-stat-card p {\n font-size: 13px;\n color: var(--vd3-text-light);\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.vd3-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.vd3-step {\n background: var(--vd3-white);\n border-radius: var(--vd3-radius);\n padding: 1.5rem;\n box-shadow: var(--vd3-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n transition: all .3s ease;\n}\n\n.vd3-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--vd3-shadow-lg);\n}\n\n.vd3-step-num {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--vd3-primary), var(--vd3-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(196,68,68,.3);\n}\n\n.vd3-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--vd3-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.vd3-step-content p {\n font-size: 13px;\n color: var(--vd3-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.vd3-accordion {\n background: var(--vd3-white);\n border-radius: var(--vd3-radius);\n box-shadow: var(--vd3-shadow);\n overflow: hidden;\n}\n\n.vd3-accordion-item {\n border-bottom: 1px solid var(--vd3-border);\n margin: 0;\n padding: 0;\n}\n\n.vd3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vd3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vd3-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.vd3-accordion-header:hover {\n background: var(--vd3-primary-light);\n}\n\n.vd3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vd3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vd3-primary);\n transition: transform .2s ease;\n}\n\n.vd3-accordion-item[open] .vd3-accordion-header::after {\n content: '−';\n}\n\n.vd3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vd3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.vd3-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.vd3-cta-box {\n background: linear-gradient(135deg, var(--vd3-primary) 0%, var(--vd3-primary-dark) 100%);\n border-radius: var(--vd3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vd3-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vd3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vd3-grid-stats {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n \n .vd3-timeline {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vd3-card {\n padding: 1.125rem;\n }\n \n .vd3-section {\n margin-bottom: 1.75rem;\n }\n \n .vd3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vd3-radius-sm);\n }\n \n .vd3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vd3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vd3-grid-compact {\n gap: .625rem;\n }\n \n .vd3-grid-compact .vd3-card {\n padding: .75rem;\n }\n \n .vd3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vd3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vd3-step {\n padding: 1.125rem;\n }\n \n .vd3-step-num {\n width: 38px;\n height: 38px;\n font-size: 18px;\n }\n}\n\n@media (max-width: 480px) {\n .vd3-grid-stats {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vd3-card,\n .vd3-stat-card,\n .vd3-step {\n animation: fadeInUp .5s ease backwards;\n }\n .vd3-card:nth-child(1), .vd3-stat-card:nth-child(1), .vd3-step:nth-child(1) { animation-delay: .05s; }\n .vd3-card:nth-child(2), .vd3-stat-card:nth-child(2), .vd3-step:nth-child(2) { animation-delay: .1s; }\n .vd3-card:nth-child(3), .vd3-stat-card:nth-child(3), .vd3-step:nth-child(3) { animation-delay: .15s; }\n .vd3-card:nth-child(4), .vd3-stat-card:nth-child(4), .vd3-step:nth-child(4) { animation-delay: .2s; }\n .vd3-card:nth-child(5) { animation-delay: .25s; }\n .vd3-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 .vd3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":45755380760733,"sku":"LC9101","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-d3-20-ml-env-570-gouttes-laboratoire-code-packshothd.webp?v=1785949682"},{"product_id":"curcuma-pepper-bio-60-gelules-ayurvana","title":"Curcuma Pepper Bio - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Curcuma Pepper Bio - 60 Gélules - Ayur-Vana\nPalette détectée:\n - Primaire: #E8A626 (orange curcuma doré du packaging)\n - Secondaire: #2E7D4A (vert naturel des éléments décoratifs)\n - Accent: #C75B2A (orange foncé\/terre des motifs indiens)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, indien traditionnel avec motifs colorés\nPréfixe CSS: cup\n--\u003e\n\n\u003cdiv class=\"cup-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cup-hero\"\u003e\n \u003cdiv class=\"cup-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cup-hero-content\"\u003e\n \u003cdiv class=\"cup-badges-top\"\u003e\n \u003cspan class=\"cup-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cup-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cup-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cup-hero-title\"\u003eCurcuma Pepper Bio en gélules\u003c\/span\u003e\n \u003cp class=\"cup-subtitle\"\u003eL'alliance ancestrale de l'Ayurveda pour vos articulations\u003c\/p\u003e\n \u003cp class=\"cup-description\"\u003eCurcuma + poivre noir : le duo synergique qui décuple l'absorption des curcuminoïdes pour une efficacité maximale sur vos articulations et votre digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"cup-section\"\u003e\n \u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"cup-grid\"\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eApaise les sensibilités articulaires et favorise une meilleure mobilité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🍃 Souplesse préservée\u003c\/h3\u003e\n \u003cp\u003ePréserve la souplesse de vos articulations sur le long terme grâce à une prise régulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules du stress oxydatif grâce au puissant pouvoir antioxydant du curcuma\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🫚 Digestion harmonieuse\u003c\/h3\u003e\n \u003cp\u003eSoutient le bon fonctionnement du foie et de la vésicule biliaire pour une digestion légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SYNERGIE CURCUMA + POIVRE --\u003e\n \u003csection class=\"cup-section\"\u003e\n \u003ch2\u003e🔬 Le secret de l'efficacité\u003c\/h2\u003e\n \u003cdiv class=\"cup-synergy-box\"\u003e\n \u003cdiv class=\"cup-synergy-content\"\u003e\n \u003cdiv class=\"cup-synergy-item\"\u003e\n \u003cspan class=\"cup-synergy-icon\"\u003e🟠\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eCurcuma longa\u003c\/h3\u003e\n \u003cp\u003e1245 mg de rhizomes bio riches en curcuminoïdes aux propriétés remarquables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-synergy-plus\"\u003e+\u003c\/div\u003e\n \u003cdiv class=\"cup-synergy-item\"\u003e\n \u003cspan class=\"cup-synergy-icon\"\u003e⚫\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePoivre noir\u003c\/h3\u003e\n \u003cp\u003e15 mg de Piper nigrum bio, source de pipérine qui multiplie l'absorption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-synergy-equals\"\u003e=\u003c\/div\u003e\n \u003cdiv class=\"cup-synergy-result\"\u003e\n \u003cspan class=\"cup-synergy-icon\"\u003e⚡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3 style=\"color:white!important;\"\u003eBiodisponibilité maximale\u003c\/h3\u003e\n \u003cp\u003eSans cette synergie, le curcuma traverse votre système sans être utilisé. Avec le poivre noir, chaque gélule devient réellement efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cup-section\"\u003e\n \u003ch2\u003e👥 Pour qui sont faites ces gélules de Curcuma ?\u003c\/h2\u003e\n \u003cdiv class=\"cup-grid\"\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eQui ressentent des inconforts après l'effort et souhaitent préserver leurs articulations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eQui veulent maintenir leur mobilité et soulager les raideurs matinales liées à l'âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🍽️ Digestion sensible\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui ressentent des lourdeurs après les repas ou des inconforts digestifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eQui recherchent une solution bio et végétale inspirée de la sagesse ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cup-section\"\u003e\n \u003ch2\u003e📋 Composition par dose (3 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"cup-composition\"\u003e\n \u003cdiv class=\"cup-ingredient\"\u003e\n \u003cdiv class=\"cup-ingredient-header\"\u003e\n \u003cspan class=\"cup-ingredient-name\"\u003e🟠 Rhizomes de Curcuma longa*\u003c\/span\u003e\n \u003cspan class=\"cup-ingredient-dose\"\u003e1245 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cup-ingredient-detail\"\u003eSafran des Indes, trésor de la médecine ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-ingredient\"\u003e\n \u003cdiv class=\"cup-ingredient-header\"\u003e\n \u003cspan class=\"cup-ingredient-name\"\u003e⚫ Fruits de poivre noir*\u003c\/span\u003e\n \u003cspan class=\"cup-ingredient-dose\"\u003e15 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cup-ingredient-detail\"\u003ePiper nigrum, activateur naturel d'absorption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-ingredient\"\u003e\n \u003cdiv class=\"cup-ingredient-header\"\u003e\n \u003cspan class=\"cup-ingredient-name\"\u003e💊 Gélule végétale\u003c\/span\u003e\n \u003cspan class=\"cup-ingredient-dose\"\u003eHPMC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cup-ingredient-detail\"\u003eHypromellose - Convient aux végétariens et vegans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cup-bio-mention\"\u003e*Ingrédients issus de l'agriculture biologique (Agriculture Non UE)\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"cup-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cup-usage-box\"\u003e\n \u003cdiv class=\"cup-usage-steps\"\u003e\n \u003cdiv class=\"cup-step\"\u003e\n \u003cspan class=\"cup-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-step\"\u003e\n \u003cspan class=\"cup-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eAu moment des repas pour une meilleure assimilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-step\"\u003e\n \u003cspan class=\"cup-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e4 à 6 semaines minimum\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-tip\"\u003e\n \u003cspan class=\"cup-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e Les effets du curcuma se construisent progressivement. La régularité est votre meilleure alliée pour ressentir tous les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"cup-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"cup-grid-compact\"\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n \u003cp\u003eSoit 20 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e30,90 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cup-card\"\u003e\n \u003ch3\u003e🌿 Certifications\u003c\/h3\u003e\n \u003cp\u003eBio \u0026amp; Vegan\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=\"cup-section\"\u003e\n \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cup-accordion\"\u003e\n \u003cdetails class=\"cup-accordion-item\"\u003e\n \u003csummary class=\"cup-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cup-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants. À consommer de préférence avant la date indiquée sous la boîte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cup-accordion-item\"\u003e\n \u003csummary class=\"cup-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cup-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.\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003e\u003cstrong\u003eDéconseillé :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul style=\"margin: .5rem 0 0 1.25rem; padding: 0;\"\u003e\n \u003cli\u003eAux femmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003eEn cas de prise simultanée d'anticoagulants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003eEn cas de doute ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cup-accordion-item\"\u003e\n \u003csummary class=\"cup-accordion-header\"\u003e🕉️ La tradition Ayurveda\u003c\/summary\u003e\n \u003cdiv class=\"cup-accordion-content\"\u003e\n \u003cp\u003eLe curcuma, appelé \u003cem\u003eHaridra\u003c\/em\u003e en sanskrit, est utilisé depuis plus de 5000 ans en médecine ayurvédique indienne. Cette épice dorée est consommée quotidiennement en Inde pour ses effets bénéfiques sur le système digestif et articulaire. Ayur-Vana perpétue cette sagesse ancestrale avec des formules modernes répondant aux standards de qualité les plus stricts.\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=\"cup-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cup-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à vos articulations et à votre digestion le meilleur de l'Ayurveda avec cette formule bio, concentrée et fabriquée en France. La synergie curcuma-poivre noir pour des résultats que vous ressentirez vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cup-cream: #FFF9F0;\n --cup-white: #ffffff;\n --cup-primary: #E8A626;\n --cup-primary-dark: #C78B1F;\n --cup-primary-light: #FFF3DC;\n --cup-secondary: #2E7D4A;\n --cup-accent: #C75B2A;\n\n \/* Textes *\/\n --cup-text: #1a1a1a;\n --cup-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cup-border: #e8ddd0;\n --cup-shadow: 0 4px 24px rgba(200, 139, 31, .1);\n --cup-shadow-lg: 0 12px 48px rgba(200, 139, 31, .18);\n --cup-radius: 20px;\n --cup-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cup-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cup-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cup-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A626 0%, #D4922B 40%, #C75B2A 100%);\n border-radius: var(--cup-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(--cup-shadow-lg);\n}\n\n.cup-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='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.cup-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cup-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cup-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(--cup-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cup-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cup-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.cup-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.cup-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cup-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cup-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cup-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.cup-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(--cup-primary), var(--cup-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cup-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cup-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cup-card {\n background: var(--cup-white);\n border-radius: var(--cup-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cup-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cup-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cup-shadow-lg);\n border-color: var(--cup-primary);\n}\n\n.cup-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cup-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cup-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cup-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cup-grid-compact .cup-card {\n padding: 1rem;\n}\n\n.cup-grid-compact .cup-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cup-grid-compact .cup-card p {\n font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.cup-synergy-box {\n background: var(--cup-white);\n border-radius: var(--cup-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cup-shadow);\n}\n\n.cup-synergy-content {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n align-items: center;\n}\n\n.cup-synergy-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n width: 100%;\n max-width: 500px;\n background: var(--cup-primary-light);\n border-radius: var(--cup-radius-sm);\n padding: 1.25rem;\n}\n\n.cup-synergy-result {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n width: 100%;\n max-width: 500px;\n background: linear-gradient(135deg, var(--cup-primary) 0%, var(--cup-accent) 100%);\n border-radius: var(--cup-radius-sm);\n padding: 1.25rem;\n color: white;\n}\n\n.cup-synergy-result h3,\n.cup-synergy-result p {\n color: white;\n}\n\n.cup-synergy-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.cup-synergy-item h3,\n.cup-synergy-result h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--cup-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.cup-synergy-item p,\n.cup-synergy-result p {\n font-size: 14px;\n color: var(--cup-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cup-synergy-plus,\n.cup-synergy-equals {\n font-size: 28px;\n font-weight: 900;\n color: var(--cup-primary);\n}\n\n\/* === COMPOSITION === *\/\n.cup-composition {\n background: var(--cup-white);\n border-radius: var(--cup-radius);\n overflow: hidden;\n box-shadow: var(--cup-shadow);\n}\n\n.cup-ingredient {\n padding: 1.25rem 1.5rem;\n border-bottom: 1px solid var(--cup-border);\n}\n\n.cup-ingredient:last-child {\n border-bottom: none;\n}\n\n.cup-ingredient-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.cup-ingredient-name {\n font-weight: 700;\n font-size: 15px;\n color: var(--cup-primary-dark);\n}\n\n.cup-ingredient-dose {\n background: var(--cup-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.cup-ingredient-detail {\n font-size: 13px;\n color: var(--cup-text-light);\n margin: .5rem 0 0 0;\n font-style: italic;\n}\n\n.cup-bio-mention {\n text-align: center;\n font-size: 12px;\n color: var(--cup-text-light);\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === USAGE BOX === *\/\n.cup-usage-box {\n background: var(--cup-white);\n border-radius: var(--cup-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cup-shadow);\n}\n\n.cup-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.cup-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.cup-step-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cup-primary) 0%, var(--cup-accent) 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 flex-shrink: 0;\n}\n\n.cup-step h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--cup-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cup-step p {\n font-size: 14px;\n color: var(--cup-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cup-tip {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: var(--cup-primary-light);\n border-radius: var(--cup-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--cup-primary);\n}\n\n.cup-tip-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.cup-tip p {\n font-size: 14px;\n color: var(--cup-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cup-accordion {\n background: var(--cup-white);\n border-radius: var(--cup-radius);\n box-shadow: var(--cup-shadow);\n overflow: hidden;\n}\n\n.cup-accordion-item {\n border-bottom: 1px solid var(--cup-border);\n margin: 0;\n padding: 0;\n}\n\n.cup-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cup-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cup-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.cup-accordion-header:hover {\n background: var(--cup-primary-light);\n}\n\n.cup-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cup-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cup-primary);\n transition: transform .2s ease;\n}\n\n.cup-accordion-item[open] .cup-accordion-header::after {\n content: '−';\n}\n\n.cup-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cup-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.cup-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cup-cta-box {\n background: linear-gradient(135deg, var(--cup-primary) 0%, var(--cup-accent) 100%);\n border-radius: var(--cup-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cup-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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .1;\n}\n\n.cup-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cup-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cup-card {\n padding: 1.125rem;\n }\n \n .cup-section {\n margin-bottom: 1.75rem;\n }\n \n .cup-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cup-radius-sm);\n }\n \n .cup-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cup-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cup-grid-compact {\n gap: .625rem;\n }\n \n .cup-grid-compact .cup-card {\n padding: .75rem;\n }\n \n .cup-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cup-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cup-synergy-item,\n .cup-synergy-result {\n padding: 1rem;\n }\n \n .cup-synergy-icon {\n font-size: 24px;\n }\n \n .cup-synergy-item h3,\n .cup-synergy-result h3 {\n font-size: 14px;\n }\n \n .cup-synergy-item p,\n .cup-synergy-result p {\n font-size: 13px;\n }\n \n .cup-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .cup-usage-box,\n .cup-synergy-box {\n padding: 1.25rem;\n }\n \n .cup-badges-top {\n gap: 8px;\n }\n \n .cup-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cup-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cup-card:nth-child(1) { animation-delay: .05s; }\n .cup-card:nth-child(2) { animation-delay: .1s; }\n .cup-card:nth-child(3) { animation-delay: .15s; }\n .cup-card:nth-child(4) { animation-delay: .2s; }\n .cup-card:nth-child(5) { animation-delay: .25s; }\n .cup-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 .cup-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":45755400388765,"sku":"AY9912C","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/curcuma-pepper-bio-60-gelules-ayur-vana-ingredients.jpg?v=1768136704"},{"product_id":"boswellia-a-65-d-acides-boswelliques-gelules-vegetales-ayurvana","title":"Boswellia serrata extrait à 65% 60 gélules - Confort articulaire - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Boswellia serrata extrait à 65% - Ayur-Vana\nPalette détectée:\n - Primaire: #7BA23F (vert olive\/végétal du couvercle et bandeau)\n - Secondaire: #C4973B (doré\/ocre des motifs paisley)\n - Accent: #5B8C2A (vert foncé des feuilles)\n - Fond packaging: #F5EFD6 (crème\/beige du corps du flacon)\nAmbiance: Naturel, ayurvédique, tradition indienne, motifs paisley, végétal, bien-être holistique\nPréfixe CSS: bw\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Boswellia serrata à 65% d'acides boswelliques : votre allié pour le confort articulaire\"\n 2. \"Les bienfaits du Boswellia serrata\"\n 3. \"Composition détaillée pour 3 gélules\"\n 4. \"Conseils d'utilisation et posologie\"\n 5. \"Contre-indications et précautions\"\n 6. \"Pourquoi choisir le Boswellia Ayur-Vana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bw-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bw-hero\"\u003e\n \u003cdiv class=\"bw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-hero-content\"\u003e\n \u003cdiv class=\"bw-badges-top\"\u003e\n \u003cspan class=\"bw-badge\"\u003e🌿 Extrait titré à 65%\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🧘 Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🌱 100% végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bw-hero-title\"\u003eBoswellia serrata Ayur-Vana\u003c\/span\u003e\n \u003cp class=\"bw-subtitle\"\u003eExtrait à 65% d'acides boswelliques — 60 gélules végétales\u003c\/p\u003e\n \u003cp class=\"bw-description\"\u003eL'un des extraits les plus concentrés du marché pour un confort articulaire optimal, inspiré par la sagesse millénaire de l'Ayurvéda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eBoswellia serrata à 65% d'acides boswelliques : votre allié pour le confort articulaire\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eVous ressentez des raideurs au réveil, des inconforts articulaires après l'effort ou une mobilité réduite au quotidien ?\u003c\/p\u003e\n \u003cdiv class=\"bw-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eBoswellia serrata Ayur-Vana\u003c\/strong\u003e est un complément articulaire formulé pour vous aider à retrouver souplesse et bien-être. Grâce à un \u003cstrong\u003eextrait titré à 65% d'acides boswelliques\u003c\/strong\u003e, cette formule concentrée figure parmi les plus dosées du marché pour un soutien articulaire efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eLes bienfaits du Boswellia serrata\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eLe \u003cstrong\u003eBoswellia serrata\u003c\/strong\u003e, aussi connu sous le nom d'encens indien ou \u003cem\u003eShallaki\u003c\/em\u003e, est un arbre dont la résine est utilisée depuis des millénaires en médecine ayurvédique.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes acides boswelliques contribuent à soutenir la souplesse des articulations et à apaiser les sensations d'inconfort liées aux mouvements quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💪 Soutien musculaire\u003c\/h3\u003e\n \u003cp\u003eParticulièrement apprécié en cas de douleur musculaire et articulaire, notamment après un effort physique ou avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés antioxydantes\u003c\/h3\u003e\n \u003cp\u003eLa résine de Boswellia aide à lutter contre le stress oxydatif, un facteur qui peut aggraver l'inconfort des articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌿 Bien-être digestif\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement, le Boswellia serrata est également employé pour favoriser un bon confort intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCertaines personnes s'interrogent sur le lien entre \u003cstrong\u003eBoswellia serrata et perte de poids\u003c\/strong\u003e. S'il ne s'agit pas d'un brûleur de graisses, son action sur le confort global peut accompagner une démarche de bien-être au quotidien. De même, aucune étude ne relie le Boswellia serrata à une \u003cstrong\u003eprise de poids\u003c\/strong\u003e : vous pouvez le consommer sereinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 gélules\u003c\/h2\u003e\n \u003cdiv class=\"bw-composition\"\u003e\n \u003cdiv class=\"bw-compo-main\"\u003e\n \u003cdiv class=\"bw-compo-hero-card\"\u003e\n \u003cspan class=\"bw-compo-emoji\"\u003e🌳\u003c\/span\u003e\n \u003ch3\u003eExtrait de résine de Boswellia serrata\u003c\/h3\u003e\n \u003cdiv class=\"bw-compo-dosage\"\u003e450 mg\u003c\/div\u003e\n \u003cp\u003eTitré à \u003cstrong\u003e65% d'acides boswelliques\u003c\/strong\u003e, soit \u003cstrong\u003e292,5 mg d'actifs\u003c\/strong\u003e par dose journalière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧪 Maltodextrine\u003c\/h3\u003e\n \u003cp\u003e300 mg — excipient naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHypromellose — 100% vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100% végétale\u003c\/strong\u003e, sans ingrédient d'origine animale, convenant aux personnes suivant un régime vegan. Fabriqué en France selon des normes strictes de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"bw-timeline\"\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas pour une meilleure assimilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules végétales correspond à une \u003cstrong\u003ecure de 20 jours\u003c\/strong\u003e. Pour des résultats optimaux, une prise régulière sur plusieurs semaines est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n \u003cp\u003eVous pouvez renouveler la cure selon vos besoins, en respectant les doses conseillées.\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=\"bw-section\"\u003e\n \u003ch2\u003eContre-indications et précautions\u003c\/h2\u003e\n \u003cdiv class=\"bw-accordion\"\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e. En cas de traitement médical en cours, notamment anticoagulant ou anti-inflammatoire, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e📋 Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit \u003cstrong\u003ene se substitue pas\u003c\/strong\u003e à une alimentation variée, équilibrée, ni à un suivi médical adapté. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Boswellia Ayur-Vana ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eFace à la multitude de références disponibles en pharmacie ou en boutique spécialisée, ce Boswellia serrata Ayur-Vana se distingue par plusieurs atouts concrets :\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🏆 Titrage exceptionnel\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e65% d'acides boswelliques\u003c\/strong\u003e, bien au-dessus de nombreuses formules standard du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eAdaptées à tous les profils alimentaires, y compris végétariens et vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale et contrôles qualité rigoureux à chaque étape de production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧘 Expertise ayurvédique\u003c\/h3\u003e\n \u003cp\u003eAyur-Vana, marque spécialisée et reconnue dans la tradition ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-cta-box\"\u003e\n \u003cp\u003eSi vous cherchez un \u003cstrong\u003ecomplément articulaire\u003c\/strong\u003e naturel, concentré et fiable, ce Boswellia serrata est un choix judicieux pour prendre soin de vos articulations jour après jour. Offrez à votre corps le soutien qu'il mérite, inspiré par la sagesse millénaire de l'Ayurvéda. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bw-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bw-cream: #FAF7F0;\n --bw-white: #ffffff;\n --bw-primary: #7BA23F;\n --bw-primary-dark: #4A6B1E;\n --bw-primary-light: #EFF5E5;\n --bw-secondary: #C4973B;\n --bw-accent: #D4A843;\n --bw-text: #1a1a1a;\n --bw-text-light: #5a5a5a;\n --bw-border: #e0e0e0;\n --bw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bw-radius: 20px;\n --bw-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bw-hero {\n position: relative;\n background: linear-gradient(135deg, #4A6B1E 0%, #7BA23F 40%, #C4973B 100%);\n border-radius: var(--bw-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(--bw-shadow-lg);\n}\n\n.bw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse 80px 80px at 15% 25%, rgba(255,255,255,.08) 0%, transparent 70%),\n radial-gradient(ellipse 60px 60px at 85% 75%, rgba(255,255,255,.06) 0%, transparent 70%),\n radial-gradient(ellipse 40px 40px at 50% 10%, rgba(255,255,255,.05) 0%, transparent 70%),\n radial-gradient(ellipse 100px 100px at 75% 30%, rgba(196,151,59,.1) 0%, transparent 70%),\n radial-gradient(ellipse 50px 50px at 25% 80%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bw-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.bw-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.bw-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bw-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(--bw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bw-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.bw-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(--bw-primary), var(--bw-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-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 (intro section) === *\/\n.bw-highlight-box {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bw-shadow);\n border-left: 5px solid var(--bw-primary);\n max-width: 750px;\n margin: 0 auto;\n}\n\n.bw-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.bw-card {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bw-shadow-lg);\n border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n padding: 1rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bw-grid-compact .bw-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HERO CARD === *\/\n.bw-composition {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.bw-compo-main {\n display: flex;\n justify-content: center;\n}\n\n.bw-compo-hero-card {\n background: linear-gradient(135deg, var(--bw-primary-light) 0%, var(--bw-white) 100%);\n border: 3px solid var(--bw-primary);\n border-radius: var(--bw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n max-width: 480px;\n width: 100%;\n box-shadow: var(--bw-shadow);\n}\n\n.bw-compo-emoji {\n font-size: 40px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.bw-compo-hero-card h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.bw-compo-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-primary-dark));\n color: white;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n padding: .35rem 1.25rem;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.bw-compo-hero-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.bw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-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.bw-timeline-content {\n flex: 1;\n background: var(--bw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bw-radius-sm);\n box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n font-size: 14px;\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bw-accordion {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n box-shadow: var(--bw-shadow);\n overflow: hidden;\n}\n\n.bw-accordion-item {\n border-bottom: 1px solid var(--bw-border);\n margin: 0;\n padding: 0;\n}\n\n.bw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bw-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.bw-accordion-header:hover {\n background: var(--bw-primary-light);\n}\n\n.bw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bw-primary);\n transition: transform .2s ease;\n}\n\n.bw-accordion-item[open] .bw-accordion-header::after {\n content: '−';\n}\n\n.bw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bw-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bw-primary-light);\n border-radius: var(--bw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bw-tip p {\n font-size: 14px;\n color: var(--bw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.bw-testimonial {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bw-shadow);\n border-left: 4px solid var(--bw-primary);\n}\n\n.bw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bw-cta-box {\n background: linear-gradient(135deg, var(--bw-primary) 0%, var(--bw-primary-dark) 100%);\n border-radius: var(--bw-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.bw-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.bw-disclaimer {\n font-size: 12px;\n color: var(--bw-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 .bw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bw-card {\n padding: 1.125rem;\n }\n\n .bw-section {\n margin-bottom: 1.75rem;\n }\n\n .bw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bw-radius-sm);\n }\n\n .bw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bw-grid-compact {\n gap: .625rem;\n }\n\n .bw-grid-compact .bw-card {\n padding: .75rem;\n }\n\n .bw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bw-timeline-content h3 {\n font-size: 14px;\n }\n\n .bw-timeline-content p {\n font-size: 13px;\n }\n\n .bw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bw-testimonial {\n padding: 1.25rem;\n }\n\n .bw-testimonial-text {\n font-size: 14px;\n }\n\n .bw-highlight-box {\n padding: 1.25rem;\n }\n\n .bw-compo-hero-card {\n padding: 1.25rem;\n }\n\n .bw-compo-emoji {\n font-size: 32px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bw-card {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-card:nth-child(1) { animation-delay: .05s; }\n .bw-card:nth-child(2) { animation-delay: .1s; }\n .bw-card:nth-child(3) { animation-delay: .15s; }\n .bw-card:nth-child(4) { animation-delay: .2s; }\n .bw-card:nth-child(5) { animation-delay: .25s; }\n .bw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bwFadeInUp {\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 .bw-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":45755422081181,"sku":"AY1102","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boswellia-serrata-extrait-a-65-60-gelules-confort-articulair-ingredients.webp?v=1770905898"},{"product_id":"proteinultraa-bio-vegan-sans-gluten-300-g-lt-labo","title":"ProteinultrAA Végétale Bio - Sans Gluten - 300 g - LT Labo","description":"\u003cdiv class=\"pua-premium\"\u003e\n\n\u003cdiv class=\"pua-hero\"\u003e\n\u003cdiv class=\"pua-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-hero-content\"\u003e\n\u003cdiv class=\"pua-badges-top\"\u003e\n\u003cspan class=\"pua-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🚫 Sans gluten\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🔬 5 sources végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-hero-title\"\u003eProteinultrAA Végétale Bio\u003c\/span\u003e\n\u003cp class=\"pua-subtitle\"\u003eLa formule avancée aux 5 sources de protéines végétales biologiques\u003c\/p\u003e\n\u003cp class=\"pua-description\"\u003eCourge · Chanvre · Tournesol · Riz · Lin — Un profil d'acides aminés complet, certifié AB, sans gluten et sans lactose. 300 g de puissance végétale par LT Labo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eProteinultrAA Bio : la protéine végétale bio aux 5 sources complémentaires\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure protéine végétale bio\u003c\/strong\u003e pour compléter votre alimentation au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"pua-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e de LT Labo se distingue par une formule unique associant \u003cstrong\u003ecinq sources de protéines végétales biologiques\u003c\/strong\u003e : courge, chanvre, tournesol, riz et lin. Là où la plupart des alternatives du marché se limitent à trois ou quatre sources (souvent pois et riz), cette préparation offre un \u003cstrong\u003eprofil d'acides aminés exceptionnellement complet\u003c\/strong\u003e, incluant les précieux BCAA (leucine, isoleucine, valine). Le tout certifié AB, vegan, \u003cstrong\u003esans gluten\u003c\/strong\u003e et \u003cstrong\u003esans lactose\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003ePourquoi choisir une formule à 5 sources de protéines ?\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eChaque source végétale possède ses propres forces en termes d'acides aminés. En les combinant intelligemment, ProteinultrAA Bio comble les lacunes que présenterait une source unique.\u003c\/p\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🎃 Protéine de courge\u003c\/h3\u003e\n\u003cp\u003eMajoritaire dans la formule, elle apporte une richesse remarquable en tryptophane et en zinc pour le bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌿 Chanvre\u003c\/h3\u003e\n\u003cp\u003eComplète avec ses oméga-3 et son magnésium, essentiels pour le système nerveux et la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌻 Tournesol\u003c\/h3\u003e\n\u003cp\u003eRenforce l'apport en acides aminés soufrés (méthionine, cystéine), souvent déficitaires dans les protéines végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🍚 Riz\u003c\/h3\u003e\n\u003cp\u003eAssure une digestibilité optimale et un confort intestinal remarquable, même pour les estomacs sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🫘 Graines de lin\u003c\/h3\u003e\n\u003cp\u003eAjoutent des fibres et du phosphore pour une formule encore plus complète et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-tip\"\u003e\n\u003cspan class=\"pua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une protéine végétale en poudre bio qui rivalise avec les meilleures protéines animales, sans aucun compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ProteinultrAA Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eSoutien à la construction musculaire et à la récupération grâce aux BCAA et aux minéraux (fer, magnésium, zinc).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Végétariens et végétaliens\u003c\/h3\u003e\n\u003cp\u003eApport complet en protéines et acides aminés essentiels, souvent difficiles à obtenir uniquement par l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n\u003cp\u003eMaintien de la masse musculaire et de la vitalité au quotidien, pour rester actif en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e👧 Enfants et adolescents\u003c\/h3\u003e\n\u003cp\u003eUn complément naturel, doux et bien toléré pour accompagner la croissance en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🛡️ Personnes intolérantes\u003c\/h3\u003e\n\u003cp\u003eFormule sans gluten, sans lactose, sans soja et sans légumineuses pour une tolérance digestive maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 30 g (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"pua-composition\"\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 45%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🎃 Protéines de courge bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e13,5 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e45 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 20%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌿 Protéines de chanvre bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e20 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 18%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌻 Protéines de tournesol bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e5,4 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e18 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 11%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🍚 Farine de riz blanc bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e3,3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e11 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 6%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🫘 Graines de lin bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e1,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e6 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pua-disclaimer\"\u003e\u003cem\u003eIngrédients 100 % issus de l'agriculture biologique. Riche en vitamines B1, B3, B6, fer, magnésium, zinc, sélénium et phosphore.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eConseils d'utilisation au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"pua-timeline\"\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e3 cuillères doseuses par jour\u003c\/strong\u003e (environ 30 g de poudre).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eDiluez dans \u003cstrong\u003e100 ml\u003c\/strong\u003e d'eau, de lait végétal, de jus de fruits ou de soupe. Son goût neutre se marie facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eVariez les plaisirs\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la dans vos recettes : crêpes, pancakes, energy balls ou sauces pour un boost protéiné invisible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003eConsommez idéalement au \u003cstrong\u003epetit-déjeuner\u003c\/strong\u003e ou \u003cstrong\u003eaprès un effort physique\u003c\/strong\u003e pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid-compact\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌾 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique Europe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Labellisé Vegan\u003c\/h3\u003e\n\u003cp\u003ePar la Vegan Society\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par LT Labo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🚫 Sans artifice\u003c\/h3\u003e\n\u003cp\u003eSans additifs, arômes artificiels ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"pua-cta-box\"\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e — Pot de 300 g\u003cbr\u003e5 sources végétales biologiques pour un apport protéique complet, naturel et sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"pua-accordion-item\"\u003e\n\u003csummary class=\"pua-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire qui ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé. Conditionnement : pot de \u003cstrong\u003e300 g\u003c\/strong\u003e.\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 --pua-cream: #f4f7f0;\n --pua-white: #ffffff;\n --pua-primary: #6a9b3a;\n --pua-primary-dark: #3d6b1a;\n --pua-primary-light: #e8f2da;\n --pua-secondary: #d4944a;\n --pua-accent: #e8a84c;\n --pua-text: #1a1a1a;\n --pua-text-light: #5a5a5a;\n --pua-border: #dde6d4;\n --pua-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pua-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pua-radius: 20px;\n --pua-radius-sm: 12px;\n}\n\n.pua-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pua-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pua-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1a 0%, #6a9b3a 40%, #d4944a 100%);\n border-radius: var(--pua-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(--pua-shadow-lg);\n}\n\n.pua-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.pua-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pua-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.pua-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pua-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(--pua-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pua-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pua-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}\n\n.pua-description {\n color: rgba(255,255,255,.82);\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.pua-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pua-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pua-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.pua-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(--pua-primary), var(--pua-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pua-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pua-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.pua-highlight-box {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pua-shadow);\n border-left: 5px solid var(--pua-primary);\n}\n\n.pua-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pua-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.pua-card {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pua-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pua-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pua-shadow-lg);\n border-color: var(--pua-primary);\n}\n\n.pua-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pua-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pua-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pua-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pua-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pua-grid-compact .pua-card {\n padding: 1rem;\n}\n\n.pua-grid-compact .pua-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pua-grid-compact .pua-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BARRES === *\/\n.pua-composition {\n display: flex;\n flex-direction: column;\n gap: .875rem;\n}\n\n.pua-compo-item {\n background: var(--pua-white);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--pua-shadow);\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.pua-compo-bar {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: var(--pua-bar-width);\n background: linear-gradient(90deg, var(--pua-primary-light), rgba(106,155,58,.15));\n border-radius: var(--pua-radius-sm) 0 0 var(--pua-radius-sm);\n z-index: 0;\n transition: width .8s ease;\n}\n\n.pua-compo-info {\n position: relative;\n z-index: 1;\n flex: 1;\n}\n\n.pua-compo-info h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .15rem 0;\n}\n\n.pua-compo-dose {\n font-size: 13px;\n color: var(--pua-text-light);\n}\n\n.pua-compo-pct {\n position: relative;\n z-index: 1;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--pua-primary);\n flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.pua-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pua-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pua-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pua-primary), var(--pua-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.pua-timeline-content {\n flex: 1;\n background: var(--pua-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pua-radius-sm);\n box-shadow: var(--pua-shadow);\n}\n\n.pua-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pua-timeline-content p {\n font-size: 14px;\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pua-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pua-primary-light);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pua-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pua-tip p {\n font-size: 14px;\n color: var(--pua-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pua-cta-box {\n background: linear-gradient(135deg, var(--pua-primary) 0%, var(--pua-primary-dark) 100%);\n border-radius: var(--pua-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pua-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\/* === ACCORDÉON === *\/\n.pua-accordion {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n box-shadow: var(--pua-shadow);\n overflow: hidden;\n}\n\n.pua-accordion-item {\n border-bottom: 1px solid var(--pua-border);\n margin: 0;\n padding: 0;\n}\n\n.pua-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pua-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pua-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.pua-accordion-header:hover {\n background: var(--pua-primary-light);\n}\n\n.pua-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pua-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pua-primary);\n transition: transform .2s ease;\n}\n\n.pua-accordion-item[open] .pua-accordion-header::after {\n content: '−';\n}\n\n.pua-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pua-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pua-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pua-disclaimer {\n font-size: 12px;\n color: var(--pua-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 .pua-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pua-card {\n padding: 1.125rem;\n }\n\n .pua-section {\n margin-bottom: 1.75rem;\n }\n\n .pua-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pua-radius-sm);\n }\n\n .pua-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pua-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pua-grid-compact {\n gap: .625rem;\n }\n\n .pua-grid-compact .pua-card {\n padding: .75rem;\n }\n\n .pua-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pua-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pua-timeline-content h3 {\n font-size: 14px;\n }\n\n .pua-timeline-content p {\n font-size: 13px;\n }\n\n .pua-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pua-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pua-highlight-box {\n padding: 1.25rem;\n }\n\n .pua-compo-item {\n padding: .875rem 1rem;\n }\n\n .pua-compo-info h3 {\n font-size: 13px;\n }\n\n .pua-compo-pct {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pua-card {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-card:nth-child(1) { animation-delay: .05s; }\n .pua-card:nth-child(2) { animation-delay: .1s; }\n .pua-card:nth-child(3) { animation-delay: .15s; }\n .pua-card:nth-child(4) { animation-delay: .2s; }\n .pua-card:nth-child(5) { animation-delay: .25s; }\n .pua-card:nth-child(6) { animation-delay: .3s; }\n\n .pua-compo-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-compo-item:nth-child(1) { animation-delay: .05s; }\n .pua-compo-item:nth-child(2) { animation-delay: .1s; }\n .pua-compo-item:nth-child(3) { animation-delay: .15s; }\n .pua-compo-item:nth-child(4) { animation-delay: .2s; }\n .pua-compo-item:nth-child(5) { animation-delay: .25s; }\n\n .pua-timeline-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pua-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pua-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pua-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes puaFadeInUp {\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 .pua-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":45755436040349,"sku":"NBAILTL0011","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteinultraa-vegetale-bio-sans-gluten-300-g-lt-labo-packshothd_3bbdf661-6af9-44ee-b914-fee8f37bf225.webp?v=1787392876"},{"product_id":"cor-silumine-500ml-tendons-et-muscles-jade-recherche","title":"COR SILUMINE 500ml - Os, Tendons \u0026 Muscles - Jade Recherche","description":"\u003cdiv class=\"cs-premium\"\u003e\n \u003cdiv class=\"cs-hero\"\u003e\n \u003cdiv class=\"cs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-hero-content\"\u003e\n \u003cdiv class=\"cs-badges-top\"\u003e\n \u003cspan class=\"cs-badge\"\u003e💧 Silicium organique\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e🦴 Os \u0026amp; Articulations\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e💪 Tendons \u0026amp; Muscles\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cs-hero-title\"\u003eLa force minérale au service de votre mobilité\u003c\/span\u003e\n \u003cp class=\"cs-subtitle\"\u003eCOR SILUMINE 500 ml — Jade Recherche\u003c\/p\u003e\n \u003cp class=\"cs-description\"\u003eUn complément alimentaire liquide à base de silicium organique hautement biodisponible, formulé pour soutenir naturellement os, tendons, muscles et articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003ePourquoi choisir un complément alimentaire au silicium organique ?\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003eLe silicium est un oligo-élément essentiel, naturellement présent dans le corps humain. Avec l'âge, ses réserves diminuent, ce qui peut fragiliser les structures de soutien : os, cartilages, tendons et peau.\u003c\/p\u003e\n \u003cdiv class=\"cs-grid\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e⏳ Compenser la baisse naturelle\u003c\/h3\u003e\n \u003cp\u003eUn silicium de qualité contribue à compenser la diminution progressive des réserves et à maintenir l'élasticité des tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e⚡ Une biodisponibilité supérieure\u003c\/h3\u003e\n \u003cp\u003eContrairement au dioxyde de silicium utilisé comme additif, le silicium organique du COR SILUMINE est bien mieux assimilé par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🏆 Le meilleur choix articulaire\u003c\/h3\u003e\n \u003cp\u003eSa forme organique fait du COR SILUMINE l'un des meilleurs choix lorsqu'on cherche un silicium efficace pour les articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eLes bienfaits du silicium sur les articulations, les os et les muscles\u003c\/h2\u003e\n \u003cdiv class=\"cs-grid\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🤸 Silicium pour les articulations\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien de la souplesse, de la mobilité et au confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🦴 Silicium pour les os\u003c\/h3\u003e\n \u003cp\u003eIntervient dans la fixation du calcium et favorise la solidité du squelette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e💪 Tendons et muscles\u003c\/h3\u003e\n \u003cp\u003eSoutient la résistance et l'élasticité des fibres, utile en cas de sollicitations sportives répétées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n \u003cp\u003eStimule la synthèse naturelle du collagène : peau plus tonique, phanères renforcés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eComposition du COR SILUMINE liquide\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003eUne formule épurée, sans alcool et sans colorant.\u003c\/p\u003e\n \u003cdiv class=\"cs-grid\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase neutre garantissant une parfaite pureté et une texture fluide agréable en bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🔬 Silicium organique\u003c\/h3\u003e\n \u003cp\u003eAcide monométhylsilanetriol, une forme organique reconnue pour sa haute biodisponibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🛡️ Conservateurs autorisés\u003c\/h3\u003e\n \u003cp\u003eSorbate de potassium et benzoate de sodium, pour garantir stabilité et sécurité du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-tip\"\u003e\n \u003cspan class=\"cs-tip-icon\"\u003e📊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDosage par prise (10 ml) :\u003c\/strong\u003e environ 30 mg de silicium organique, soit 90 mg par jour avec la posologie recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"cs-timeline\"\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003ePrise recommandée\u003c\/h3\u003e\n \u003cp\u003e10 ml trois fois par jour, soit 30 ml quotidiens, à l'aide du gobelet doseur fourni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence 15 à 20 minutes avant les repas pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eCure de 2 à 3 mois recommandée, renouvelable selon vos besoins pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-tip\"\u003e\n \u003cspan class=\"cs-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce conservation :\u003c\/strong\u003e gardez le flacon dans un endroit frais et à l'abri de la lumière. Après ouverture, il se conserve un mois et demi à température ambiante, puis au réfrigérateur au-delà.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003ePour qui ce complément est-il recommandé ?\u003c\/h2\u003e\n \u003cdiv class=\"cs-grid-compact\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌿 Inconfort articulaire\u003c\/h3\u003e\n \u003cp\u003ePersonnes ressentant un inconfort lié à l'âge ou à l'arthrose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour préserver tendons, ligaments et faciliter la récupération musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌸 Ménopause\u003c\/h3\u003e\n \u003cp\u003eFemmes attentives à leur capital osseux pendant cette période clé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e✨ Beauté au naturel\u003c\/h3\u003e\n \u003cp\u003ePour entretenir la beauté de la peau, des cheveux et des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eAvis et retour d'expérience\u003c\/h2\u003e\n \u003cdiv class=\"cs-testimonial\"\u003e\n \u003cp class=\"cs-testimonial-text\"\u003e\"Les utilisateurs apprécient la texture fluide, le goût neutre et la facilité d'emploi du COR SILUMINE. Beaucoup constatent un meilleur confort de mouvement après quelques semaines de cure régulière, faisant de ce silicium organique pour articulations un allié de fond apprécié au quotidien.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cs-accordion\"\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"cs-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. Respectez la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e👩‍⚕️ Avis professionnel\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez conseil à un professionnel de santé avant toute prise en cas de grossesse, d'allaitement, de traitement médical ou de pathologie chronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e🚸 Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cs-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés 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 --cs-cream: #faf6ef;\n --cs-white: #ffffff;\n --cs-primary: #2f8f4f;\n --cs-primary-dark: #1f6b39;\n --cs-primary-light: #e8f3ec;\n --cs-secondary: #d9a24a;\n --cs-accent: #c76a5e;\n --cs-text: #1a1a1a;\n --cs-text-light: #5a5a5a;\n --cs-border: #e6e0d3;\n --cs-shadow: 0 4px 24px rgba(60,45,20,.08);\n --cs-shadow-lg: 0 12px 48px rgba(60,45,20,.15);\n --cs-radius: 20px;\n --cs-radius-sm: 12px;\n}\n\n.cs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cs-text);\n}\n\n.cs-hero {\n position: relative;\n background: linear-gradient(135deg, #2f8f4f 0%, #d9a24a 60%, #c76a5e 100%);\n border-radius: var(--cs-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(--cs-shadow-lg);\n}\n\n.cs-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%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .15;\n}\n\n.cs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cs-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.cs-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n opacity: .95;\n}\n\n.cs-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.cs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cs-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(--cs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cs-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.cs-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(--cs-primary), var(--cs-secondary));\n border-radius: 2px;\n}\n\n.cs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cs-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cs-card {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cs-shadow-lg);\n border-color: var(--cs-primary);\n}\n\n.cs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cs-grid-compact .cs-card {\n padding: 1rem;\n}\n\n.cs-grid-compact .cs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cs-grid-compact .cs-card p {\n font-size: 12px;\n}\n\n.cs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cs-primary), var(--cs-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.cs-timeline-content {\n flex: 1;\n background: var(--cs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cs-radius-sm);\n box-shadow: var(--cs-shadow);\n}\n\n.cs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cs-timeline-content p {\n font-size: 14px;\n color: var(--cs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cs-testimonial {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cs-shadow);\n border-left: 4px solid var(--cs-primary);\n}\n\n.cs-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cs-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cs-accordion {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n box-shadow: var(--cs-shadow);\n overflow: hidden;\n}\n\n.cs-accordion-item {\n border-bottom: 1px solid var(--cs-border);\n margin: 0;\n padding: 0;\n}\n\n.cs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cs-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.cs-accordion-header:hover {\n background: var(--cs-primary-light);\n}\n\n.cs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cs-primary);\n transition: transform .2s ease;\n}\n\n.cs-accordion-item[open] .cs-accordion-header::after {\n content: '−';\n}\n\n.cs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cs-accordion-content p {\n margin: 0;\n}\n\n.cs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cs-primary-light);\n border-radius: var(--cs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cs-primary);\n}\n\n.cs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.cs-tip p {\n font-size: 14px;\n color: var(--cs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cs-disclaimer {\n font-size: 12px;\n color: var(--cs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cs-card {\n padding: 1.125rem;\n }\n .cs-section {\n margin-bottom: 1.75rem;\n }\n .cs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cs-radius-sm);\n }\n .cs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cs-grid-compact {\n gap: .625rem;\n }\n .cs-grid-compact .cs-card {\n padding: .75rem;\n }\n .cs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cs-timeline-content {\n padding: .875rem 1rem;\n }\n .cs-timeline-content h3 {\n font-size: 14px;\n }\n .cs-timeline-content p {\n font-size: 13px;\n }\n .cs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cs-testimonial {\n padding: 1.25rem;\n }\n .cs-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cs-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cs-card:nth-child(1) { animation-delay: .05s; }\n .cs-card:nth-child(2) { animation-delay: .1s; }\n .cs-card:nth-child(3) { animation-delay: .15s; }\n .cs-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 .cs-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":45811347947677,"sku":"corsilumine500ml","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cor-silumine-500ml-os-tendons-muscles-jade-recherche-packshothd.webp?v=1786013491"},{"product_id":"mush-n-go-recuperation-musculaire","title":"MushnGo Récupération Musculaire - Cordyceps, Chaga, Curcuma, Boswellie","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: MushnGo Récupération Musculaire\nPalette détectée:\n - Primaire: #C85A7C (rose framboise\/magenta du packaging)\n - Secondaire: #E8A0B0 (rose pâle lumineux)\n - Accent: #D64D6A (rose vif intense pour highlights)\nAmbiance: Sport\/bien-être féminin-friendly, moderne, dynamique, naturel avec une touche premium. Univers champignons adaptogènes avec esthétique lifestyle active.\nPréfixe CSS: mng\n--\u003e\n\n\u003cdiv class=\"mng-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mng-hero\"\u003e\n \u003cdiv class=\"mng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mng-hero-content\"\u003e\n \u003cdiv class=\"mng-badges-top\"\u003e\n \u003cspan class=\"mng-badge\"\u003e🍄 Champignons adaptogènes\u003c\/span\u003e\n \u003cspan class=\"mng-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mng-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mng-hero-title\"\u003eRécupération Musculaire\u003c\/span\u003e\n \u003cp class=\"mng-subtitle\"\u003eCordyceps • Chaga • Curcuma • Boswellie\u003c\/p\u003e\n \u003cp class=\"mng-description\"\u003eLa synergie parfaite entre champignons adaptogènes et plantes anti-inflammatoires pour accompagner vos muscles après l'effort et reprendre l'entraînement plus sereinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION BÉNÉFICES --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits pour votre récupération\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🔥 Réduction de l'inflammation\u003c\/h3\u003e\n \u003cp\u003eLe curcuma et la boswellie calment naturellement les réactions inflammatoires post-effort pour un confort retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e😌 Soulagement des douleurs\u003c\/h3\u003e\n \u003cp\u003eMoins de courbatures aux jambes, au dos et aux bras pour un retour plus rapide à l'entraînement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe cordyceps et l'huile MCT soutiennent votre niveau d'énergie pour combattre l'épuisement post-exercice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🏃 Amélioration de l'endurance\u003c\/h3\u003e\n \u003cp\u003eUne meilleure récupération se traduit par des performances plus constantes séance après séance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLe chaga renforce vos défenses naturelles, souvent fragilisées par l'activité physique intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🧬 Régénération accélérée\u003c\/h3\u003e\n \u003cp\u003eStimulation de la production d'ATP et meilleure oxygénation des tissus pour réparer vos fibres musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e🍄 Une formule d'exception\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🟤 Chaga\u003c\/h3\u003e\n \u003cp class=\"mng-dosage\"\u003e360 mg\/jour\u003c\/p\u003e\n \u003cp\u003eChampignon nordique ultra-antioxydant. Neutralise le stress oxydatif et accélère la récupération musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🟠 Cordyceps\u003c\/h3\u003e\n \u003cp class=\"mng-dosage\"\u003e180 mg\/jour\u003c\/p\u003e\n \u003cp\u003eAméliore l'oxygénation des tissus et stimule l'ATP. Réduit la fatigue et le stress physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🟡 Curcuma\u003c\/h3\u003e\n \u003cp class=\"mng-dosage\"\u003e360 mg\/jour\u003c\/p\u003e\n \u003cp\u003ePuissantes propriétés anti-inflammatoires naturelles. Apaise et soulage l'inflammation musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Boswellie\u003c\/h3\u003e\n \u003cp class=\"mng-dosage\"\u003e180 mg\/jour\u003c\/p\u003e\n \u003cp\u003eExtrait d'arbre à encens aux vertus analgésiques. Soulage les tensions musculaires et articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile MCT bio\u003c\/h3\u003e\n \u003cp class=\"mng-dosage\"\u003e260 mg\/gélule\u003c\/p\u003e\n \u003cp\u003eÉnergie rapidement assimilable et optimise l'absorption des actifs de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e💊 Vitamines \u0026amp; minéraux\u003c\/h3\u003e\n \u003cp class=\"mng-dosage\"\u003eB1, B2, B3, B5, B12, C, E, K1\u003c\/p\u003e\n \u003cp\u003eCalcium, Cuivre, Fer, Magnésium, Phosphore, Potassium, Sélénium, Zinc pour une action complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION POUR QUI --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs réguliers\u003c\/h3\u003e\n \u003cp\u003eVous cherchez le meilleur produit naturel pour optimiser votre récupération entre les séances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🦵 Courbatures fréquentes\u003c\/h3\u003e\n \u003cp\u003eVos muscles vous rappellent chaque effort ? Cette formule apaise et accélère la régénération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🚴 Sports d'endurance\u003c\/h3\u003e\n \u003cp\u003eCourse, cyclisme, natation : récupérez mieux pour performer plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e💪 Musculation\u003c\/h3\u003e\n \u003cp\u003eOptimisez votre phase de reconstruction pour des progrès visibles et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION MODE D'EMPLOI --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mng-usage-box\"\u003e\n \u003cdiv class=\"mng-usage-grid\"\u003e\n \u003cdiv class=\"mng-usage-step\"\u003e\n \u003cspan class=\"mng-step-number\"\u003e1\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e\u003cbr\u003eavec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-usage-step\"\u003e\n \u003cspan class=\"mng-step-number\"\u003e2\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAprès l'entraînement\u003c\/strong\u003e\u003cbr\u003emoment idéal pour la récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-usage-step\"\u003e\n \u003cspan class=\"mng-step-number\"\u003e3\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCure d'1 mois minimum\u003c\/strong\u003e\u003cbr\u003epour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION GARANTIES --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e✅ Nos garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid-compact\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🔬 Scientifiquement prouvé\u003c\/h3\u003e\n \u003cp\u003eActifs aux effets validés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; Bio\u003c\/h3\u003e\n \u003cp\u003e100% d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-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=\"mng-card\"\u003e\n \u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eIngrédients naturels purs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🧪 Testé en labo\u003c\/h3\u003e\n \u003cp\u003eContrôle indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION ACCORDÉON --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e📚 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mng-accordion\"\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e💡 Pourquoi la récupération est-elle essentielle ?\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content\"\u003e\n \u003cp\u003eQue vous pratiquiez la course à pied, la musculation ou tout autre sport, votre corps subit des micro-lésions musculaires pendant l'effort. C'est précisément pendant la phase de récupération que vos fibres se réparent et se renforcent. Négliger cette étape peut entraîner des douleurs persistantes, un temps de récupération anormalement long, une baisse de performances et un risque accru de blessures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e🍽️ Conseils alimentation complémentaires\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content\"\u003e\n \u003cp\u003ePour amplifier les effets du complément, pensez à bien vous hydrater, à dormir suffisamment et à consommer des aliments favorisant la récupération musculaire comme les poissons gras, les œufs et les fruits riches en antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content\"\u003e\n \u003cp\u003eRéservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Si vous suivez un traitement médical ou souffrez d'une condition particulière, consultez votre médecin avant de commencer la cure. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Garder hors de portée des enfants. Refermer le pot après chaque utilisation.\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=\"mng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mng-cta-box\"\u003e\n \u003cp\u003e🍄 \u003cstrong\u003e30 gélules = 1 mois de cure complète\u003c\/strong\u003e\u003cbr\u003eOffrez à vos muscles la récupération qu'ils méritent avec la puissance des champignons adaptogènes et des plantes anti-inflammatoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mng-cream: #FFF9F5;\n --mng-white: #ffffff;\n --mng-primary: #C85A7C;\n --mng-primary-dark: #A34560;\n --mng-primary-light: #FDEEF2;\n --mng-secondary: #E8A0B0;\n --mng-accent: #D64D6A;\n --mng-text: #1a1a1a;\n --mng-text-light: #5a5a5a;\n --mng-border: #F0E0E5;\n --mng-shadow: 0 4px 24px rgba(200,90,124,.08);\n --mng-shadow-lg: 0 12px 48px rgba(200,90,124,.15);\n --mng-radius: 20px;\n --mng-radius-sm: 12px;\n}\n\n.mng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mng-hero {\n position: relative;\n background: linear-gradient(135deg, #D64D6A 0%, #C85A7C 40%, #E8A0B0 100%);\n border-radius: var(--mng-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mng-shadow-lg);\n}\n\n.mng-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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.mng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mng-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mng-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mng-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .5px;\n}\n\n.mng-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.mng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mng-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mng-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mng-primary), var(--mng-secondary));\n border-radius: 2px;\n}\n\n.mng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mng-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.mng-card {\n background: var(--mng-white);\n border-radius: var(--mng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mng-shadow-lg);\n border-color: var(--mng-primary);\n}\n\n.mng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mng-card-ingredient .mng-dosage {\n display: inline-block;\n background: var(--mng-primary-light);\n color: var(--mng-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.mng-grid-compact .mng-card {\n padding: 1rem;\n}\n\n.mng-grid-compact .mng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mng-grid-compact .mng-card p {\n font-size: 12px;\n}\n\n.mng-usage-box {\n background: var(--mng-white);\n border-radius: var(--mng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mng-shadow);\n}\n\n.mng-usage-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n text-align: center;\n}\n\n.mng-usage-step {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .75rem;\n}\n\n.mng-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mng-primary), var(--mng-accent));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(200,90,124,.3);\n}\n\n.mng-usage-step p {\n font-size: 14px;\n color: var(--mng-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mng-usage-step p strong {\n color: var(--mng-primary-dark);\n display: block;\n font-size: 15px;\n}\n\n.mng-accordion {\n background: var(--mng-white);\n border-radius: var(--mng-radius);\n box-shadow: var(--mng-shadow);\n overflow: hidden;\n}\n\n.mng-accordion-item {\n border-bottom: 1px solid var(--mng-border);\n margin: 0;\n padding: 0;\n}\n\n.mng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mng-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mng-accordion-header:hover {\n background: var(--mng-primary-light);\n}\n\n.mng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mng-primary);\n transition: transform .2s ease;\n}\n\n.mng-accordion-item[open] .mng-accordion-header::after {\n content: '−';\n}\n\n.mng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mng-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.mng-accordion-content p {\n margin: 0;\n}\n\n.mng-cta-box {\n background: linear-gradient(135deg, var(--mng-primary) 0%, var(--mng-primary-dark) 100%);\n border-radius: var(--mng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mng-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -50%;\n width: 100%; height: 100%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.mng-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 .mng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mng-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .mng-grid-compact .mng-card {\n padding: .75rem;\n }\n \n .mng-card {\n padding: 1.125rem;\n }\n \n .mng-section {\n margin-bottom: 1.75rem;\n }\n \n .mng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mng-radius-sm);\n }\n \n .mng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mng-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mng-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .mng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mng-badges-top {\n gap: 8px;\n }\n \n .mng-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mng-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mng-card:nth-child(1) { animation-delay: .05s; }\n .mng-card:nth-child(2) { animation-delay: .1s; }\n .mng-card:nth-child(3) { animation-delay: .15s; }\n .mng-card:nth-child(4) { animation-delay: .2s; }\n .mng-card:nth-child(5) { animation-delay: .25s; }\n .mng-card:nth-child(6) { animation-delay: .3s; }\n}\n\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 .mng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53523568656761,"sku":"RECUPMUSCUMUSHNGO","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mushngo-recuperation-musculaire-cordyceps-chaga-curcuma-bosw-packshothd.webp?v=1776085099"},{"product_id":"huile-de-foie-de-morue-lysi","title":"La véritable Huile de Foie de Morue Lysi - Oméga 3, Vit. A \u0026 D - 120 capsules","description":"\u003cdiv class=\"lysi-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lysi-hero\"\u003e\n \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-hero-content\"\u003e\n \u003cdiv class=\"lysi-badges-top\"\u003e\n \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Produit islandais\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e☀️ Vitamine A \u0026amp; D\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue Lýsi\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eCapital santé — Pureté islandaise depuis 1938\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eUn concentré naturel d'oméga-3, de vitamine A et de vitamine D, issu des eaux cristallines de l'Atlantique Nord. Le geste santé ancestral, dans sa forme la plus pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eHuile de foie de morue Lysi : un trésor nutritionnel venu d'Islande\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eDepuis 1938, la marque islandaise Lýsi perpétue un savoir-faire unique dans la production d'huile de foie de morue d'une pureté remarquable.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧊 Pureté nordique\u003c\/h3\u003e\n \u003cp\u003eMorues pêchées à l'état sauvage dans les eaux froides et pures de l'Atlantique Nord islandais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/h3\u003e\n \u003cp\u003eDes acides gras essentiels naturellement présents dans l'huile de foie de morue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vitamine A\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale et au bon état de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption du calcium et le fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lysi-section-footer\"\u003eCe qui distingue l'huile de foie de morue des simples huiles de poisson, c'est cette combinaison naturelle de vitamines liposolubles A et D associées aux oméga-3, sans ajout artificiel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de foie de morue pour votre organisme\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eSi nos grands-parents en prenaient chaque matin, ce n'était pas sans raison. Les bienfaits sont aujourd'hui largement documentés par la recherche scientifique.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eLes acides gras oméga-3 EPA et DHA contribuent au fonctionnement normal du cœur, à condition d'un apport quotidien d'au moins 250 mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vision et santé de la peau\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A participe au maintien d'une vision normale et aide votre peau à rester en bonne santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🦴 Ossature et immunité\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D favorise l'absorption du calcium, soutient une ossature normale et contribue au fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau, un bienfait précieux à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"lysi-composition-table\"\u003e\n \u003cdiv class=\"lysi-comp-row lysi-comp-header\"\u003e\n \u003cspan\u003eNutriment\u003c\/span\u003e\n \u003cspan\u003eQuantité\u003c\/span\u003e\n \u003cspan\u003e% VNR*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e🐟 Huile de foie de morue\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e2 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e💧 EPA (oméga-3)\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e180 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e💧 DHA (oméga-3)\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e👁️ Vitamine A\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e800 µg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e☀️ Vitamine D3\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lysi-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de foie de morue (poisson), enveloppe de la capsule : gélatine de poisson, humectant : glycérol, antioxydant : tocophérols naturels (vitamine E).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"lysi-timeline\"\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours d'un repas contenant des matières grasses pour optimiser l'absorption des vitamines liposolubles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eConfort optimal\u003c\/h3\u003e\n \u003cp\u003eLes capsules sont faciles à avaler et ne laissent aucun arrière-goût de poisson. Ce format convient aux adultes et aux adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eRégularité\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, intégrez la prise à votre routine quotidienne, au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eNe dépassez pas 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. Consultez votre médecin en cas de grossesse, d'allaitement ou de traitement médical, notamment en raison de la teneur en vitamine A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de foie de morue Lysi ?\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eToutes les huiles de foie de morue ne se valent pas. Voici ce qui rend la formule Lýsi particulièrement fiable.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🇮🇸 Origine islandaise certifiée\u003c\/h3\u003e\n \u003cp\u003eLes morues sont pêchées à l'état sauvage dans les eaux pures d'Islande, loin des zones de pollution industrielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🌊 Pêche durable\u003c\/h3\u003e\n \u003cp\u003eLýsi s'engage dans une démarche responsable, respectueuse des écosystèmes marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🔬 Purification avancée\u003c\/h3\u003e\n \u003cp\u003eL'huile est soigneusement filtrée et débarrassée des métaux lourds et contaminants, tout en préservant ses nutriments naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e✅ Sans additifs inutiles\u003c\/h3\u003e\n \u003cp\u003eLa formule reste simple, avec uniquement les ingrédients nécessaires à la qualité et à la conservation du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🛡️ Immunité hivernale\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos défenses naturelles pendant les mois froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🦴 Os et articulations\u003c\/h3\u003e\n \u003cp\u003ePrenez soin de votre ossature grâce à la vitamine D.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Bien-être cognitif\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre cerveau avec un apport régulier en DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e💛 Capital santé global\u003c\/h3\u003e\n \u003cp\u003eUn geste simple et quotidien, ancré dans une tradition de bien-être qui a fait ses preuves depuis des générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cp\u003e🇮🇸 Un savoir-faire islandais depuis 1938 — 120 capsules de pureté pour votre capital santé 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 --lysi-cream: #f4f6fa;\n --lysi-white: #ffffff;\n --lysi-primary: #1a3a6b;\n --lysi-primary-dark: #0e2244;\n --lysi-primary-light: #e8edf5;\n --lysi-secondary: #3a6fa8;\n --lysi-accent: #c9a84c;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a5a5a;\n --lysi-border: #dce2ec;\n --lysi-shadow: 0 4px 24px rgba(26,58,107,.08);\n --lysi-shadow-lg: 0 12px 48px rgba(14,34,68,.15);\n --lysi-radius: 20px;\n --lysi-radius-sm: 12px;\n}\n\n.lysi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lysi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2244 0%, #1a3a6b 40%, #3a6fa8 75%, #c9a84c 100%);\n border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-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(201,168,76,.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.lysi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lysi-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.lysi-subtitle {\n color: var(--lysi-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.lysi-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.lysi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-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.lysi-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(--lysi-primary), var(--lysi-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lysi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lysi-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.lysi-section-footer {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 15px);\n color: var(--lysi-text-light);\n margin-top: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n font-style: italic;\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lysi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lysi-shadow-lg);\n border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lysi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lysi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lysi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.lysi-composition-table {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n box-shadow: var(--lysi-shadow);\n overflow: hidden;\n}\n\n.lysi-comp-row {\n display: grid;\n grid-template-columns: 1fr auto auto;\n gap: 1rem;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--lysi-border);\n align-items: center;\n font-size: 14px;\n color: var(--lysi-text);\n}\n\n.lysi-comp-row:last-child {\n border-bottom: none;\n}\n\n.lysi-comp-header {\n background: var(--lysi-primary-dark);\n color: white;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n.lysi-comp-header span {\n color: white;\n}\n\n.lysi-comp-row span:nth-child(2),\n.lysi-comp-row span:nth-child(3) {\n text-align: right;\n white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.lysi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lysi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lysi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lysi-primary), var(--lysi-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(26,58,107,.25);\n}\n\n.lysi-timeline-content {\n flex: 1;\n background: var(--lysi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lysi-radius-sm);\n box-shadow: var(--lysi-shadow);\n}\n\n.lysi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lysi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lysi-timeline-content p {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n box-shadow: var(--lysi-shadow);\n overflow: hidden;\n}\n\n.lysi-accordion-item {\n border-bottom: 1px solid var(--lysi-border);\n margin: 0;\n padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lysi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lysi-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.lysi-accordion-header:hover {\n background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lysi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lysi-primary);\n transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n content: '−';\n}\n\n.lysi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lysi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lysi-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.lysi-cta-box {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lysi-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(201,168,76,.15) 0%, transparent 60%);\n}\n\n.lysi-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,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.lysi-disclaimer {\n font-size: 12px;\n color: var(--lysi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .lysi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lysi-card {\n padding: 1.125rem;\n }\n\n .lysi-section {\n margin-bottom: 1.75rem;\n }\n\n .lysi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lysi-radius-sm);\n }\n\n .lysi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lysi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lysi-grid-compact {\n gap: .625rem;\n }\n\n .lysi-grid-compact .lysi-card {\n padding: .75rem;\n }\n\n .lysi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lysi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lysi-timeline-content h3 {\n font-size: 14px;\n }\n\n .lysi-timeline-content p {\n font-size: 13px;\n }\n\n .lysi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lysi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lysi-comp-row {\n padding: .75rem 1rem;\n font-size: 13px;\n gap: .5rem;\n }\n\n .lysi-comp-header {\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card {\n animation: lysiFadeInUp .5s ease backwards;\n }\n .lysi-card:nth-child(1) { animation-delay: .05s; }\n .lysi-card:nth-child(2) { animation-delay: .1s; }\n .lysi-card:nth-child(3) { animation-delay: .15s; }\n .lysi-card:nth-child(4) { animation-delay: .2s; }\n .lysi-card:nth-child(5) { animation-delay: .25s; }\n .lysi-card:nth-child(6) { animation-delay: .3s; }\n\n .lysi-timeline-item {\n animation: lysiFadeInUp .5s ease backwards;\n }\n .lysi-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lysi-timeline-item:nth-child(2) { animation-delay: .15s; }\n .lysi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lysiFadeInUp {\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 .lysi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":54865523081593,"sku":"NBAILSI0003","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-omega-3-vit-a-d-120-packshothd.webp?v=1776183790"},{"product_id":"huile-essentielle-camomille-romaine-bio-5ml","title":"Huile Essentielle de Camomille Romaine Bio - Saint-Hilaire - 5 ml","description":"\u003cdiv class=\"cr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cr-hero\"\u003e\n \u003cdiv class=\"cr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cr-hero-content\"\u003e\n \u003cdiv class=\"cr-badges-top\"\u003e\n \u003cspan class=\"cr-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cr-hero-title\"\u003eHuile essentielle de camomille romaine bio\u003c\/span\u003e\n \u003cp class=\"cr-subtitle\"\u003eDistillerie Saint-Hilaire · 5 ml\u003c\/p\u003e\n \u003cp class=\"cr-description\"\u003eL'une des huiles essentielles les plus douces et polyvalentes de l'aromathérapie, issue de la distillation des sommités fleuries d'\u003cem\u003eAnthemis nobilis\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eHuile essentielle de Camomille Romaine Bio – L'apaisement au naturel\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eConsidérée comme l'une des huiles essentielles les plus douces et polyvalentes, l'huile essentielle de camomille romaine de la Distillerie Saint-Hilaire est un véritable trésor d'aromathérapie. Issue de la distillation des sommités fleuries d'\u003cem\u003eAnthemis nobilis\u003c\/em\u003e, cette huile essentielle de camomille noble certifiée bio vous accompagne au quotidien pour retrouver calme, confort et sérénité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePourquoi choisir la camomille romaine en huile essentielle ?\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eRéputée depuis l'Antiquité pour sa richesse en esters, des molécules aux propriétés apaisantes remarquables, voici ses principaux bienfaits traditionnellement reconnus :\u003c\/p\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🧘 Détente nerveuse et gestion du stress\u003c\/h3\u003e\n \u003cp\u003eSon parfum doux, herbacé et légèrement fruité aide à calmer les tensions émotionnelles, l'agitation et la nervosité. L'alliée idéale des périodes de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌙 Sommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eEn diffusion ou appliquée sur le plexus solaire (diluée), elle favorise l'endormissement et un repos de qualité, chez l'adulte comme chez l'enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌸 Confort cutané\u003c\/h3\u003e\n \u003cp\u003eAnti-inflammatoire et anti-prurigineuse, elle apaise les rougeurs, démangeaisons et peaux réactives sujettes aux irritations ou aux allergies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🫄 Soulagement des inconforts digestifs\u003c\/h3\u003e\n \u003cp\u003eAntispasmodique puissante, elle est traditionnellement utilisée pour calmer les crampes abdominales, les nausées et les ballonnements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e💆 Apaisement des douleurs\u003c\/h3\u003e\n \u003cp\u003eEn massage, elle contribue à détendre les muscles tendus et à soulager les gênes articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eCarte d'identité du produit\u003c\/h2\u003e\n \u003cdiv class=\"cr-grid-compact\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAnthemis nobilis\u003c\/em\u003e (Chamaemelum nobile)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌼 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommité fleurie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e💧 Méthode d'extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique – Commerce Équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e5 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-tip\"\u003e\n \u003cspan class=\"cr-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eLe chémotypage assure une traçabilité complète et une qualité constante, lot après lot. Vous avez l'assurance d'une huile essentielle de camomille romaine 100 % pure, naturelle, sans aucun additif synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de camomille romaine ?\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eDécouvrez les modes d'emploi les plus courants pour profiter de tous ses bienfaits au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"cr-timeline\"\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eDéposez 5 à 10 gouttes dans votre diffuseur pour instaurer une ambiance sereine, particulièrement le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) et massez le plexus solaire, la voûte plantaire ou les zones de tension.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée locale\u003c\/h3\u003e\n \u003cp\u003eToujours diluée à 10 % dans une huile végétale, appliquez sur les zones irritées ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn olfaction directe\u003c\/h3\u003e\n \u003cp\u003eRespirez le flacon ouvert pendant quelques secondes pour un effet calmant immédiat en cas de pic de stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cr-accordion\"\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e⚠️ Utilisation et dilution\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser pure sur la peau : toujours diluer dans une huile végétale. En cas de doute, réalisez un test cutané au creux du coude 24 heures avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e🤰 Femmes enceintes et nourrissons\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes de moins de 3 mois et aux nourrissons sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de pathologie ou de traitement en cours, consultez votre médecin ou un aromathérapeute qualifié 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!-- CTA FINAL --\u003e\n \u003csection class=\"cr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cr-cta-box\"\u003e\n \u003cp\u003e🌼 Offrez-vous la sérénité d'une huile essentielle d'exception, distillée artisanalement en Auvergne, certifiée bio et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cr-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Les informations présentées sont données à titre informatif et ne sauraient se substituer à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cr-cream: #faf8f3;\n --cr-white: #ffffff;\n --cr-primary: #2d5a3d;\n --cr-primary-dark: #1e3e2a;\n --cr-primary-light: #e8f0eb;\n --cr-secondary: #c9a94e;\n --cr-accent: #e8d48b;\n --cr-text: #1a1a1a;\n --cr-text-light: #5a5a5a;\n --cr-border: #e0e0e0;\n --cr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cr-radius: 20px;\n --cr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cr-primary-dark) 0%, var(--cr-primary) 50%, #3a7a52 100%);\n border-radius: var(--cr-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(--cr-shadow-lg);\n}\n\n.cr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(201,169,78,.15) 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(201,169,78,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cr-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.cr-subtitle {\n color: var(--cr-accent);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cr-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.cr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cr-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(--cr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cr-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.cr-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(--cr-primary), var(--cr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cr-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.cr-card {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cr-shadow-lg);\n border-color: var(--cr-primary);\n}\n\n.cr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cr-grid-compact .cr-card {\n padding: 1rem;\n}\n\n.cr-grid-compact .cr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cr-grid-compact .cr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cr-primary), var(--cr-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.cr-timeline-content {\n flex: 1;\n background: var(--cr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cr-radius-sm);\n box-shadow: var(--cr-shadow);\n}\n\n.cr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cr-timeline-content p {\n font-size: 14px;\n color: var(--cr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cr-testimonial {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cr-shadow);\n border-left: 4px solid var(--cr-primary);\n}\n\n.cr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cr-accordion {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n box-shadow: var(--cr-shadow);\n overflow: hidden;\n}\n\n.cr-accordion-item {\n border-bottom: 1px solid var(--cr-border);\n margin: 0;\n padding: 0;\n}\n\n.cr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cr-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.cr-accordion-header:hover {\n background: var(--cr-primary-light);\n}\n\n.cr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cr-primary);\n transition: transform .2s ease;\n}\n\n.cr-accordion-item[open] .cr-accordion-header::after {\n content: '−';\n}\n\n.cr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cr-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cr-primary-light);\n border-radius: var(--cr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cr-tip p {\n font-size: 14px;\n color: var(--cr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cr-cta-box {\n background: linear-gradient(135deg, var(--cr-primary) 0%, var(--cr-primary-dark) 100%);\n border-radius: var(--cr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cr-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.cr-disclaimer {\n font-size: 12px;\n color: var(--cr-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 .cr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cr-card {\n padding: 1.125rem;\n }\n\n .cr-section {\n margin-bottom: 1.75rem;\n }\n\n .cr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cr-radius-sm);\n }\n\n .cr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cr-grid-compact {\n gap: .625rem;\n }\n\n .cr-grid-compact .cr-card {\n padding: .75rem;\n }\n\n .cr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cr-timeline-content h3 {\n font-size: 14px;\n }\n\n .cr-timeline-content p {\n font-size: 13px;\n }\n\n .cr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cr-testimonial {\n padding: 1.25rem;\n }\n\n .cr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cr-card {\n animation: crFadeInUp .5s ease backwards;\n }\n .cr-card:nth-child(1) { animation-delay: .05s; }\n .cr-card:nth-child(2) { animation-delay: .1s; }\n .cr-card:nth-child(3) { animation-delay: .15s; }\n .cr-card:nth-child(4) { animation-delay: .2s; }\n .cr-card:nth-child(5) { animation-delay: .25s; }\n .cr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes crFadeInUp {\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 .cr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54869009236345,"sku":"NBAIDSH0026","price":31.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-camomille-romaine-bio-saint-hilaire-5-m-packshothd.webp?v=1774513797"},{"product_id":"eucalyptus-citronne-huile-essentielle-bio-10ml","title":"Huile Essentielle d'Eucalyptus Citronné Bio - 10 ml - Saint-Hilaire","description":"\u003cdiv class=\"ec-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ec-hero\"\u003e\n \u003cdiv class=\"ec-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ec-hero-content\"\u003e\n \u003cdiv class=\"ec-badges-top\"\u003e\n \u003cspan class=\"ec-badge\"\u003e🌿 Bio certifiée\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ec-hero-title\"\u003eHuile essentielle d'eucalyptus citronné bio\u003c\/span\u003e\n \u003cp class=\"ec-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"ec-description\"\u003eL'alliée naturelle de votre confort articulaire et musculaire, riche en citronellal, aux notes fraîches et citronnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Eucalyptus citronné bio – L'alliée naturelle de votre confort articulaire\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eVous recherchez une huile essentielle d'eucalyptus citronné de qualité irréprochable ? La Distillerie Saint-Hilaire, installée au cœur de l'Auvergne, vous propose cette huile essentielle d'eucalyptus citriodora certifiée bio et chémotypée.\u003c\/p\u003e\n \u003cdiv class=\"ec-highlight-box\"\u003e\n \u003cp\u003eObtenue par \u003cstrong\u003edistillation à la vapeur\u003c\/strong\u003e des rameaux et feuilles de l'\u003cem\u003eEucalyptus citriodora\u003c\/em\u003e, elle se distingue par sa \u003cstrong\u003efragrance citronnée fraîche\u003c\/strong\u003e et son profil biochimique remarquable, riche en \u003cstrong\u003ecitronellal\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eCe qui différencie l'eucalyptus citronné des autres eucalyptus\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eIl est courant de confondre les différentes variétés. Voici ce qui rend l'eucalyptus citronné unique :\u003c\/p\u003e\n \u003cdiv class=\"ec-grid\"\u003e\n \u003cdiv class=\"ec-card ec-card-compare\"\u003e\n \u003ch3\u003e🍋 Eucalyptus citronné\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eVotre allié muscles \u0026amp; articulations.\u003c\/strong\u003e Riche en citronellal, il cible le confort articulaire et musculaire, et agit comme répulsif contre les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card ec-card-compare\"\u003e\n \u003ch3\u003e🌬️ Eucalyptus radié\u003c\/h3\u003e\n \u003cp\u003eOrienté \u003cstrong\u003econfort respiratoire et immunité\u003c\/strong\u003e. Un profil biochimique totalement différent, à ne pas confondre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card ec-card-compare\"\u003e\n \u003ch3\u003e🫁 Eucalyptus globulus\u003c\/h3\u003e\n \u003cp\u003ePuissant \u003cstrong\u003eexpectorant\u003c\/strong\u003e, dédié aux voies respiratoires. Pas adapté aux problématiques articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-tip\"\u003e\n \u003cspan class=\"ec-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRetenez :\u003c\/strong\u003e si vous cherchez un soutien pour les muscles et les articulations, c'est l'eucalyptus citronné qu'il vous faut — pas pour les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de l'eucalyptus citronné\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e💪 Confort articulaire et musculaire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en massage diluée pour apaiser les tensions musculaires et les inconforts articulaires après l'effort ou au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🦟 Répulsif naturel contre les moustiques\u003c\/h3\u003e\n \u003cp\u003eSon parfum citronné est un atout précieux lors des soirées estivales, en diffusion ou en application cutanée diluée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🩹 Apaisement cutané\u003c\/h3\u003e\n \u003cp\u003eAide à calmer les démangeaisons liées aux piqûres d'insectes lorsqu'elle est appliquée localement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e😌 Atmosphère relaxante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle favorise la détente et éloigne le stress grâce à ses notes fraîches et citronnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle d'eucalyptus citronné ?\u003c\/h2\u003e\n \u003cdiv class=\"ec-timeline\"\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba ou macadamia). Appliquez sur les zones concernées en massant doucement. Idéal après le sport ou en cas de raideurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 20 à 30 minutes. Parfait pour créer une ambiance apaisante tout en éloignant les moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003e🎯 En application localisée\u003c\/h3\u003e\n \u003cp\u003eAprès une piqûre d'insecte, appliquez 1 à 2 gouttes diluées dans un peu d'huile végétale directement sur la zone irritée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid-compact\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEucalyptus citriodora\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🍃 Parties distillées\u003c\/h3\u003e\n \u003cp\u003eRameaux et feuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eBio \u0026amp; commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🧬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-tip\"\u003e\n \u003cspan class=\"ec-tip-icon\"\u003e🔍\u003c\/span\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire garantit une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e, depuis la sélection des plantes cultivées sans pesticides jusqu'au flacon final. Chaque lot est chémotypé, ce qui vous assure une composition constante et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ec-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi et dangers potentiels\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eVous vous interrogez sur l'huile essentielle d'eucalyptus citronné et ses dangers éventuels ? Comme toute huile essentielle, elle doit être utilisée avec discernement.\u003c\/p\u003e\n \u003cdiv class=\"ec-accordion\"\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e⚠️ Précautions d'application\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eToujours diluer\u003c\/strong\u003e avant application cutanée (risque d'irritation à l'état pur). Réalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e au pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 6 ans\u003c\/strong\u003e. Ne pas ingérer sans l'avis d'un professionnel de santé qualifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur pour préserver toutes les propriétés de l'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ec-disclaimer\"\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, consultez votre médecin ou un aromathérapeute certifié avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ec-cream: #f7f5f0;\n --ec-white: #ffffff;\n --ec-primary: #2d5a3d;\n --ec-primary-dark: #1a3d28;\n --ec-primary-light: #e8f0eb;\n --ec-secondary: #8b7d3c;\n --ec-accent: #c9a84c;\n --ec-text: #1a1a1a;\n --ec-text-light: #5a5a5a;\n --ec-border: #ddd9d0;\n --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ec-radius: 20px;\n --ec-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ec-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ec-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ec-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ec-primary-dark) 0%, var(--ec-primary) 50%, #3a7a50 100%);\n border-radius: var(--ec-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(--ec-shadow-lg);\n}\n\n.ec-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(201,168,76,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.ec-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ec-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.ec-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.ec-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.ec-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ec-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(--ec-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ec-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ec-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ec-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.ec-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(--ec-primary), var(--ec-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ec-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-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.ec-highlight-box {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ec-shadow);\n border-left: 4px solid var(--ec-accent);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.ec-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ec-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ec-card {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ec-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ec-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ec-shadow-lg);\n border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ec-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ec-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD COMPARE (variante) === *\/\n.ec-card-compare {\n border-top: 4px solid var(--ec-primary);\n}\n\n.ec-card-compare:first-child {\n border-top-color: var(--ec-accent);\n background: linear-gradient(180deg, rgba(201,168,76,.06) 0%, var(--ec-white) 40%);\n}\n\n\/* === GRILLES === *\/\n.ec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ec-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ec-grid-compact .ec-card {\n padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ec-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ec-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ec-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ec-primary), var(--ec-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.ec-timeline-content {\n flex: 1;\n background: var(--ec-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ec-radius-sm);\n box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ec-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n font-size: 14px;\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ec-testimonial {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ec-shadow);\n border-left: 4px solid var(--ec-primary);\n}\n\n.ec-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ec-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ec-primary-light);\n border-radius: var(--ec-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ec-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ec-tip p {\n font-size: 14px;\n color: var(--ec-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ec-accordion {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n box-shadow: var(--ec-shadow);\n overflow: hidden;\n}\n\n.ec-accordion-item {\n border-bottom: 1px solid var(--ec-border);\n margin: 0;\n padding: 0;\n}\n\n.ec-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ec-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ec-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.ec-accordion-header:hover {\n background: var(--ec-primary-light);\n}\n\n.ec-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ec-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ec-primary);\n transition: transform .2s ease;\n}\n\n.ec-accordion-item[open] .ec-accordion-header::after {\n content: '−';\n}\n\n.ec-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ec-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ec-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ec-disclaimer {\n font-size: 12px;\n color: var(--ec-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 .ec-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ec-card {\n padding: 1.125rem;\n }\n\n .ec-section {\n margin-bottom: 1.75rem;\n }\n\n .ec-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ec-radius-sm);\n }\n\n .ec-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ec-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ec-grid-compact {\n gap: .625rem;\n }\n\n .ec-grid-compact .ec-card {\n padding: .75rem;\n }\n\n .ec-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ec-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ec-timeline-content h3 {\n font-size: 14px;\n }\n\n .ec-timeline-content p {\n font-size: 13px;\n }\n\n .ec-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ec-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ec-testimonial {\n padding: 1.25rem;\n }\n\n .ec-testimonial-text {\n font-size: 14px;\n }\n\n .ec-highlight-box {\n padding: 1rem 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ec-card {\n animation: ecFadeInUp .5s ease backwards;\n }\n .ec-card:nth-child(1) { animation-delay: .05s; }\n .ec-card:nth-child(2) { animation-delay: .1s; }\n .ec-card:nth-child(3) { animation-delay: .15s; }\n .ec-card:nth-child(4) { animation-delay: .2s; }\n .ec-card:nth-child(5) { animation-delay: .25s; }\n .ec-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecFadeInUp {\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 .ec-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54874971701625,"sku":"NBAIDSH0034","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-deucalyptus-citronne-bio-saint-hilaire-10m-packshothd.webp?v=1774520570"},{"product_id":"bromelaine-gelules-graine-sauvage","title":"Bromélaïne - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bromélaïne - 60 gélules - Graine Sauvage\nPalette détectée:\n - Primaire: #8BC34A (vert vif du bouchon et bandeau jaune-vert)\n - Secondaire: #CDDC39 (jaune-vert lime du packaging)\n - Accent: #F9A825 (jaune doré rappelant l'ananas)\nAmbiance: Naturel, frais, végétal, santé au naturel, accessible et familial (mascotte graine souriante)\nPréfixe CSS: brom\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Une enzyme aux multiples vertus\"\n 2. \"Une concentration élevée pour une efficacité optimale\"\n 3. \"Conseils d'utilisation\"\n 4. \"Composition détaillée\"\n 5. \"Durée d'utilisation\"\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=\"brom-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"brom-hero\"\u003e\n \u003cdiv class=\"brom-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brom-hero-content\"\u003e\n \u003cdiv class=\"brom-badges-top\"\u003e\n \u003cspan class=\"brom-badge\"\u003e🍍 2500 GDU\/g\u003c\/span\u003e\n \u003cspan class=\"brom-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n \u003cspan class=\"brom-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"brom-badge\"\u003e💊 60 gélules gastro-résistantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brom-hero-title\"\u003eBromélaïne\u003c\/span\u003e\n \u003cp class=\"brom-subtitle\"\u003e60 gélules végétales gastro-résistantes — Graine Sauvage\u003c\/p\u003e\n \u003cp class=\"brom-description\"\u003eExtraite de la tige de l'ananas, la bromélaïne est une enzyme aux propriétés exceptionnelles. Connue pour son action protéolytique, elle est appréciée pour ses effets anti-inflammatoires, digestifs et immunitaires. Son utilisation est répandue pour soulager l'inconfort articulaire, favoriser une digestion optimale et accompagner un programme minceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"brom-section\"\u003e\n \u003ch2\u003eUne enzyme aux multiples vertus\u003c\/h2\u003e\n \u003cp class=\"brom-section-intro\"\u003eGrâce à son action ciblée, la bromélaïne contribue à de nombreux bienfaits pour votre organisme.\u003c\/p\u003e\n \u003cdiv class=\"brom-grid\"\u003e\n \u003cdiv class=\"brom-card\"\u003e\n \u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n \u003cp\u003eAide à réduire les inflammations pour un meilleur confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-card\"\u003e\n \u003ch3\u003e🫄 Digestion facilitée\u003c\/h3\u003e\n \u003cp\u003eFacilite la dégradation des protéines alimentaires pour une digestion plus confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-card\"\u003e\n \u003ch3\u003e🍃 Élimination des toxines\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination des toxines et accompagne efficacement un programme minceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses naturelles de l'organisme face aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-card\"\u003e\n \u003ch3\u003e⚡ Récupération physique\u003c\/h3\u003e\n \u003cp\u003eIdéale après un effort intense ou en période de fatigue pour une récupération 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=\"brom-section\"\u003e\n \u003ch2\u003eUne concentration élevée pour une efficacité optimale\u003c\/h2\u003e\n \u003cdiv class=\"brom-highlight-box\"\u003e\n \u003cdiv class=\"brom-highlight-grid\"\u003e\n \u003cdiv class=\"brom-highlight-item\"\u003e\n \u003cspan class=\"brom-highlight-number\"\u003e2500\u003c\/span\u003e\n \u003cspan class=\"brom-highlight-label\"\u003eGDU par gramme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-highlight-item\"\u003e\n \u003cspan class=\"brom-highlight-number\"\u003e1500 mg\u003c\/span\u003e\n \u003cspan class=\"brom-highlight-label\"\u003ede bromélaïne par dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"brom-highlight-text\"\u003eLa \u003cstrong\u003eBromélaïne de Graine Sauvage\u003c\/strong\u003e est hautement concentrée avec \u003cstrong\u003e2500 GDU (Gelatin Digesting Units) par gramme\u003c\/strong\u003e, garantissant une action enzymatique puissante. Conditionnée sous forme de \u003cstrong\u003egélules végétales gastro-résistantes\u003c\/strong\u003e, elle préserve son efficacité en étant libérée directement au niveau de l'intestin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"brom-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"brom-timeline\"\u003e\n \u003cdiv class=\"brom-timeline-item\"\u003e\n \u003cdiv class=\"brom-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brom-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\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=\"brom-timeline-item\"\u003e\n \u003cdiv class=\"brom-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brom-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eDe préférence en dehors des repas pour une action optimale sur le confort articulaire, ou pendant les repas pour favoriser la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-timeline-item\"\u003e\n \u003cdiv class=\"brom-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brom-timeline-content\"\u003e\n \u003ch3\u003eRégularité\u003c\/h3\u003e\n \u003cp\u003ePour des résultats durables, suivez une cure complète de 20 jours minimum.\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=\"brom-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"brom-section-intro\"\u003eUne formule naturelle et concentrée.\u003c\/p\u003e\n \u003cdiv class=\"brom-grid-compact\"\u003e\n \u003cdiv class=\"brom-card\"\u003e\n \u003ch3\u003e🍍 Bromélaïne\u003c\/h3\u003e\n \u003cp\u003e1500 mg à 2500 GDU\/g (\u003cem\u003eAnanas comosus\u003c\/em\u003e)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-card\"\u003e\n \u003ch3\u003e🌱 Enveloppe\u003c\/h3\u003e\n \u003cp\u003eGélule végétale gastro-résistante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brom-tip\"\u003e\n \u003cspan class=\"brom-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eGDU : Gelatin Digesting Units, unité de mesure de l'activité enzymatique.\u003c\/em\u003e\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=\"brom-section\"\u003e\n \u003ch2\u003eDurée d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"brom-duration-box\"\u003e\n \u003cp\u003eUn flacon permet une cure d'environ \u003cstrong\u003e20 jours\u003c\/strong\u003e à raison de 3 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brom-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"brom-accordion\"\u003e\n \u003cdetails class=\"brom-accordion-item\" open\u003e\n \u003csummary class=\"brom-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n \u003cdiv class=\"brom-accordion-content mt-3\"\u003e\n \u003cp\u003e• Ne pas dépasser la dose journalière recommandée.\u003cbr\u003e\n • Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée.\u003cbr\u003e\n • À conserver dans un endroit frais et sec.\u003cbr\u003e\n • 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!-- CTA FINAL --\u003e\n \u003csection class=\"brom-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brom-cta-box\"\u003e\n \u003cp\u003e🍍 Offrez à votre corps le pouvoir naturel de l'ananas — confort articulaire, digestion facilitée et vitalité retrouvée avec la Bromélaïne Graine Sauvage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"brom-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne pas se substituer à une alimentation variée et équilibrée. 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 --brom-cream: #f7f9f2;\n --brom-white: #ffffff;\n --brom-primary: #7CB342;\n --brom-primary-dark: #33691E;\n --brom-primary-light: #f0f7e6;\n --brom-secondary: #C0D634;\n --brom-accent: #F9A825;\n --brom-text: #1a1a1a;\n --brom-text-light: #5a5a5a;\n --brom-border: #e0e0e0;\n --brom-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brom-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brom-radius: 20px;\n --brom-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.brom-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brom-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.brom-hero {\n position: relative;\n background: linear-gradient(135deg, #33691E 0%, #7CB342 40%, #C0D634 80%, #F9A825 100%);\n border-radius: var(--brom-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(--brom-shadow-lg);\n}\n\n.brom-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 60%);\n opacity: 1;\n}\n\n.brom-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.brom-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.brom-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.brom-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.brom-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.brom-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(--brom-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brom-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.brom-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brom-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brom-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.brom-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(--brom-primary), var(--brom-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.brom-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--brom-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.brom-card {\n background: var(--brom-white);\n border-radius: var(--brom-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brom-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brom-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brom-shadow-lg);\n border-color: var(--brom-primary);\n}\n\n.brom-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brom-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brom-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brom-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.brom-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.brom-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brom-grid-compact .brom-card {\n padding: 1rem;\n}\n\n.brom-grid-compact .brom-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brom-grid-compact .brom-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX (concentration) === *\/\n.brom-highlight-box {\n background: var(--brom-white);\n border-radius: var(--brom-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--brom-shadow);\n border-top: 4px solid var(--brom-accent);\n}\n\n.brom-highlight-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.brom-highlight-item {\n text-align: center;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--brom-primary-light), rgba(192,214,52,.1));\n border-radius: var(--brom-radius-sm);\n}\n\n.brom-highlight-number {\n display: block;\n font-size: clamp(28px, 6vw, 42px);\n font-weight: 900;\n color: var(--brom-primary-dark);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.brom-highlight-label {\n display: block;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--brom-text-light);\n font-weight: 600;\n margin-top: .25rem;\n}\n\n.brom-highlight-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--brom-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.brom-highlight-text strong {\n color: var(--brom-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.brom-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.brom-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.brom-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--brom-primary), var(--brom-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.brom-timeline-content {\n flex: 1;\n background: var(--brom-white);\n padding: 1rem 1.25rem;\n border-radius: var(--brom-radius-sm);\n box-shadow: var(--brom-shadow);\n}\n\n.brom-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--brom-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.brom-timeline-content p {\n font-size: 14px;\n color: var(--brom-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.brom-timeline-content p strong {\n color: var(--brom-primary-dark);\n}\n\n\/* === DURATION BOX === *\/\n.brom-duration-box {\n background: var(--brom-white);\n border-radius: var(--brom-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brom-shadow);\n text-align: center;\n border-left: 4px solid var(--brom-accent);\n}\n\n.brom-duration-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--brom-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.brom-duration-box p strong {\n color: var(--brom-primary-dark);\n font-size: clamp(18px, 3vw, 22px);\n}\n\n\/* === TIP BOX === *\/\n.brom-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--brom-primary-light);\n border-radius: var(--brom-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.brom-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.brom-tip p {\n font-size: 14px;\n color: var(--brom-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.brom-accordion {\n background: var(--brom-white);\n border-radius: var(--brom-radius);\n box-shadow: var(--brom-shadow);\n overflow: hidden;\n}\n\n.brom-accordion-item {\n border-bottom: 1px solid var(--brom-border);\n margin: 0;\n padding: 0;\n}\n\n.brom-accordion-item:last-child {\n border-bottom: none;\n}\n\n.brom-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--brom-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.brom-accordion-header:hover {\n background: var(--brom-primary-light);\n}\n\n.brom-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.brom-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--brom-primary);\n transition: transform .2s ease;\n}\n\n.brom-accordion-item[open] .brom-accordion-header::after {\n content: '−';\n}\n\n.brom-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--brom-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.brom-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.brom-cta-box {\n background: linear-gradient(135deg, var(--brom-primary) 0%, var(--brom-primary-dark) 100%);\n border-radius: var(--brom-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brom-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(249,168,37,.15) 0%, transparent 60%);\n}\n\n.brom-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.brom-disclaimer {\n font-size: 12px;\n color: var(--brom-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 .brom-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .brom-card {\n padding: 1.125rem;\n }\n\n .brom-section {\n margin-bottom: 1.75rem;\n }\n\n .brom-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brom-radius-sm);\n }\n\n .brom-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .brom-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .brom-grid-compact {\n gap: .625rem;\n }\n\n .brom-grid-compact .brom-card {\n padding: .75rem;\n }\n\n .brom-highlight-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n\n .brom-highlight-item {\n padding: 1rem .75rem;\n }\n\n .brom-highlight-number {\n font-size: clamp(24px, 5vw, 32px);\n }\n\n .brom-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .brom-timeline-content {\n padding: .875rem 1rem;\n }\n\n .brom-timeline-content h3 {\n font-size: 14px;\n }\n\n .brom-timeline-content p {\n font-size: 13px;\n }\n\n .brom-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .brom-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .brom-duration-box {\n padding: 1rem;\n }\n\n .brom-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n\n .brom-tip-icon {\n font-size: 20px;\n }\n\n .brom-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .brom-card {\n animation: bromFadeInUp .5s ease backwards;\n }\n .brom-card:nth-child(1) { animation-delay: .05s; }\n .brom-card:nth-child(2) { animation-delay: .1s; }\n .brom-card:nth-child(3) { animation-delay: .15s; }\n .brom-card:nth-child(4) { animation-delay: .2s; }\n .brom-card:nth-child(5) { animation-delay: .25s; }\n .brom-card:nth-child(6) { animation-delay: .3s; }\n\n .brom-timeline-item {\n animation: bromFadeInUp .5s ease backwards;\n }\n .brom-timeline-item:nth-child(1) { animation-delay: .05s; }\n .brom-timeline-item:nth-child(2) { animation-delay: .15s; }\n .brom-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes bromFadeInUp {\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 .brom-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54881775026553,"sku":"GS9225","price":20.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bromelaine-60-gelules-graine-sauvage-packshothd.webp?v=1785945735"},{"product_id":"rhumafort-graine-sauvage","title":"Rhumafort - 90 gélules - Graine sauvage","description":"\u003cdiv class=\"rf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"rf-hero\"\u003e\n\u003cdiv class=\"rf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rf-hero-content\"\u003e\n\u003cdiv class=\"rf-badges-top\"\u003e\n\u003cspan class=\"rf-badge\"\u003e🌿 Complexe de 4 plantes\u003c\/span\u003e\n\u003cspan class=\"rf-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n\u003cspan class=\"rf-badge\"\u003e🌱 Vegan et végétarien\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rf-hero-title\"\u003eRhumafort\u003c\/span\u003e\n\u003cp class=\"rf-subtitle\"\u003eGraine Sauvage\u003c\/p\u003e\n\u003cp class=\"rf-description\"\u003eUn complément alimentaire associant quatre plantes sélectionnées pour accompagner le \u003cstrong\u003econfort, la souplesse et la mobilité articulaires\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- SECTION 1 --\u003e\n\n\u003csection class=\"rf-section\"\u003e\n\u003ch2\u003eUne association de quatre plantes pour le bien-être articulaire\u003c\/h2\u003e\n\u003cp class=\"rf-section-intro\"\u003eRhumafort associe le bambou, le curcuma, l’harpagophytum et le boswellia serrata dans une formule destinée à soutenir la mobilité et le confort des articulations.\u003c\/p\u003e\n\n\u003cdiv class=\"rf-grid\"\u003e\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🌿 Harpagophytum\u003c\/h3\u003e\n\u003cp\u003eUne plante traditionnellement utilisée pour soutenir la souplesse, la mobilité et le confort articulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n\u003cp\u003eUn extrait naturellement riche en silice, contribuant au maintien de la force et de la santé des os.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🟠 Curcuma\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour soutenir la mobilité et contribuer au maintien de la flexibilité articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🌳 Boswellia serrata\u003c\/h3\u003e\n\u003cp\u003eUne résine végétale appréciée pour soutenir la fonction articulaire et aider à préserver la mobilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 2 --\u003e\n\n\u003csection class=\"rf-section\"\u003e\n\u003ch2\u003eLes atouts de Rhumafort\u003c\/h2\u003e\n\u003cp class=\"rf-section-intro\"\u003eUne formule végétale complète, adaptée aux personnes souhaitant prendre soin de leur confort articulaire au quotidien.\u003c\/p\u003e\n\n\u003cdiv class=\"rf-grid\"\u003e\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🤸 Souplesse articulaire\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien de la flexibilité et de la souplesse des articulations.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🚶 Mobilité\u003c\/h3\u003e\n\u003cp\u003eAccompagne le maintien d’une mobilité articulaire normale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🦴 Santé des os\u003c\/h3\u003e\n\u003cp\u003eLe bambou est naturellement riche en silice et participe au soutien de la structure osseuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🌱 Formule végétale\u003c\/h3\u003e\n\u003cp\u003eDes gélules végétales compatibles avec les régimes végans et végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 3 --\u003e\n\n\u003csection class=\"rf-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"rf-section-intro\"\u003eQuantités apportées pour 6 gélules, soit la dose journalière recommandée.\u003c\/p\u003e\n\n\u003cdiv class=\"rf-grid\"\u003e\n\u003cdiv class=\"rf-card rf-card-ingredient\"\u003e\n\u003ch3\u003e🎋 Extrait de bambou\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e600 mg\u003c\/strong\u003e, dont 450 mg de silice.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card rf-card-ingredient\"\u003e\n\u003ch3\u003e🟠 Curcuma longa\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e600 mg\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card rf-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Extrait d’harpagophytum*\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e, dont 18 mg d’harpagosides.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card rf-card-ingredient\"\u003e\n\u003ch3\u003e🌳 Extrait de Boswellia serrata\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e, dont 195 mg d’acide boswellique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-tip\"\u003e\n\u003cspan class=\"rf-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e maltodextrine* 450 mg et gélule végétale en hypromellose.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"rf-disclaimer\"\u003e*Ingrédients issus de l’agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 4 --\u003e\n\n\u003csection class=\"rf-section\"\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\n\u003cdiv class=\"rf-timeline\"\u003e\n\u003cdiv class=\"rf-timeline-item\"\u003e\n\u003cspan class=\"rf-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"rf-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e2 gélules, 3 fois par jour\u003c\/strong\u003e, soit 6 gélules par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-timeline-item\"\u003e\n\u003cspan class=\"rf-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"rf-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003ePrendre les gélules pendant les repas, avec un grand verre d’eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-timeline-item\"\u003e\n\u003cspan class=\"rf-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"rf-timeline-content\"\u003e\n\u003ch3\u003eDurée d’utilisation\u003c\/h3\u003e\n\u003cp\u003eUn pilulier de 90 gélules correspond à \u003cstrong\u003e15 jours d’utilisation\u003c\/strong\u003e à la dose recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 5 --\u003e\n\n\u003csection class=\"rf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Rhumafort de Graine Sauvage ?\u003c\/h2\u003e\n\n\u003cdiv class=\"rf-grid-compact\"\u003e\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🌿 Quatre plantes complémentaires\u003c\/h3\u003e\n\u003cp\u003eBambou, curcuma, harpagophytum et boswellia serrata.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🎋 Riche en silice\u003c\/h3\u003e\n\u003cp\u003e450 mg de silice apportés par l’extrait de bambou.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n\u003cp\u003eUne formule adaptée aux régimes végans et végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-card\"\u003e\n\u003ch3\u003e💊 Dosages précisés\u003c\/h3\u003e\n\u003cp\u003eDes extraits végétaux standardisés en harpagosides, silice et acide boswellique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rf-cta-box\"\u003e\n\u003cp\u003e🌿 Une association végétale complète pour accompagner votre confort et votre mobilité articulaires au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"rf-disclaimer\"\u003e\u003cstrong\u003ePrécautions d’emploi :\u003c\/strong\u003e déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans. Déconseillé en cas de traitement anticoagulant, anticancéreux ou immunosuppresseur, ainsi qu’en cas d’ulcère gastro-duodénal ou de troubles biliaires. Ne 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 enfants. Conserver à l’abri de la lumière, dans un endroit propre, sec et à température ambiante.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rf-cream: #FAFAF5;\n --rf-white: #ffffff;\n --rf-primary: #7CB342;\n --rf-primary-dark: #558B2F;\n --rf-primary-light: #E8F5E9;\n --rf-secondary: #8D6E63;\n --rf-accent: #AED581;\n --rf-text: #1a1a1a;\n --rf-text-light: #5a5a5a;\n --rf-border: #e0e0e0;\n --rf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rf-radius: 20px;\n --rf-radius-sm: 12px;\n}\n\n.rf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--rf-primary) 0%, var(--rf-primary-dark) 50%, var(--rf-secondary) 100%);\n border-radius: var(--rf-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(--rf-shadow-lg);\n}\n\n.rf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C25 15, 20 20, 30 30 C40 20, 35 15, 30 5' fill='%23ffffff' fill-opacity='0.1'\/%3E%3Cpath d='M10 35 C5 45, 0 50, 10 60 C20 50, 15 45, 10 35' fill='%23ffffff' fill-opacity='0.08'\/%3E%3Cpath d='M50 35 C45 45, 40 50, 50 60 C60 50, 55 45, 50 35' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.rf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rf-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(--rf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rf-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rf-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.rf-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.rf-description strong {\n color: white;\n}\n\n.rf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rf-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.rf-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(--rf-primary), var(--rf-accent));\n border-radius: 2px;\n}\n\n.rf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rf-card {\n background: var(--rf-white);\n border-radius: var(--rf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rf-shadow-lg);\n border-color: var(--rf-primary);\n}\n\n.rf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rf-card p strong {\n color: var(--rf-primary-dark);\n font-weight: 700;\n}\n\n.rf-card-ingredient {\n border-left: 4px solid var(--rf-primary);\n}\n\n.rf-grid-compact .rf-card {\n padding: 1rem;\n}\n\n.rf-grid-compact .rf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rf-grid-compact .rf-card p {\n font-size: 12px;\n}\n\n.rf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rf-primary), var(--rf-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}\n\n.rf-timeline-content {\n flex: 1;\n background: var(--rf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rf-radius-sm);\n box-shadow: var(--rf-shadow);\n}\n\n.rf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rf-timeline-content p {\n font-size: 14px;\n color: var(--rf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rf-timeline-content p strong {\n color: var(--rf-primary-dark);\n}\n\n.rf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rf-primary-light);\n border-radius: var(--rf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rf-tip p {\n font-size: 14px;\n color: var(--rf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rf-cta-box {\n background: linear-gradient(135deg, var(--rf-primary) 0%, var(--rf-primary-dark) 100%);\n border-radius: var(--rf-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.rf-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.rf-disclaimer {\n font-size: 12px;\n color: var(--rf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .rf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rf-card {\n padding: 1.125rem;\n }\n \n .rf-section {\n margin-bottom: 1.75rem;\n }\n \n .rf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rf-radius-sm);\n }\n \n .rf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rf-grid-compact {\n gap: .625rem;\n }\n \n .rf-grid-compact .rf-card {\n padding: .75rem;\n }\n \n .rf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .rf-timeline-content {\n padding: .875rem 1rem;\n }\n \n .rf-timeline-content h3 {\n font-size: 14px;\n }\n \n .rf-timeline-content p {\n font-size: 13px;\n }\n \n .rf-tip {\n padding: .875rem 1rem;\n }\n \n .rf-tip-icon {\n font-size: 20px;\n }\n \n .rf-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rf-card:nth-child(1) { animation-delay: .05s; }\n .rf-card:nth-child(2) { animation-delay: .1s; }\n .rf-card:nth-child(3) { animation-delay: .15s; }\n .rf-card:nth-child(4) { animation-delay: .2s; }\n .rf-card:nth-child(5) { animation-delay: .25s; }\n .rf-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 .rf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893724893561,"sku":"GS7001","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rhumafort-90-gelules-graine-sauvage-packshothd.webp?v=1785763477"},{"product_id":"stopacid-articulations-graine-sauvage","title":"Stopacid Articulations Bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Stopacid Articulations Bio - Graine Sauvage\nPalette détectée:\n - Primaire: #A4C639 (vert chartreuse\/lime du packaging)\n - Secondaire: #D4E157 (jaune-vert du bouchon)\n - Accent: #7CB342 (vert foncé du logo AB)\nAmbiance: Naturel, bio, frais, accessible, santé\/bien-être végétal\nPréfixe CSS: sa\n--\u003e\n\n\u003cdiv class=\"sa-premium\"\u003e\n \n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eStopacid Articulations\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eLa solution naturelle pour des articulations en pleine forme\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eRetrouvez mobilité et confort au quotidien grâce à une synergie de plantes bio aux vertus anti-inflammatoires exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"sa-hero-stats\"\u003e\n \u003cdiv class=\"sa-stat\"\u003e\n \u003cspan class=\"sa-stat-number\"\u003e60\u003c\/span\u003e\n \u003cspan class=\"sa-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-stat\"\u003e\n \u003cspan class=\"sa-stat-number\"\u003e10\u003c\/span\u003e\n \u003cspan class=\"sa-stat-label\"\u003eJours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-stat\"\u003e\n \u003cspan class=\"sa-stat-number\"\u003e3\u003c\/span\u003e\n \u003cspan class=\"sa-stat-label\"\u003ePlantes actives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi choisir Stopacid ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003cdiv class=\"sa-card-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3\u003eAction ciblée\u003c\/h3\u003e\n \u003cp\u003eFormule spécialement conçue pour soutenir la santé articulaire et réduire les inconforts liés à l'arthrite ou l'arthrose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003cdiv class=\"sa-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eSoulagement efficace\u003c\/h3\u003e\n \u003cp\u003eAide à diminuer les douleurs articulaires et améliore significativement la mobilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003cdiv class=\"sa-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003e100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans produits chimiques ni additifs artificiels. Gélules d'origine végétale adaptées aux régimes vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003cdiv class=\"sa-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eAbsorption optimale\u003c\/h3\u003e\n \u003cp\u003eGélules faciles à prendre permettant une assimilation maximale des principes actifs par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eLa puissance des plantes bio\u003c\/h2\u003e\n \u003cdiv class=\"sa-ingredients-grid\"\u003e\n \u003cdiv class=\"sa-ingredient-card sa-ingredient-featured\"\u003e\n \u003cdiv class=\"sa-ingredient-header\"\u003e\n \u003cspan class=\"sa-ingredient-icon\"\u003e💜\u003c\/span\u003e\n \u003cdiv class=\"sa-ingredient-dosage\"\u003e720 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch3\u003ePensée sauvage\u003c\/h3\u003e\n \u003cp\u003eReconnue depuis des siècles pour ses propriétés dépuratives et anti-inflammatoires, elle aide à éliminer les toxines responsables des douleurs articulaires.\u003c\/p\u003e\n \u003cspan class=\"sa-bio-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-ingredient-card sa-ingredient-featured\"\u003e\n \u003cdiv class=\"sa-ingredient-header\"\u003e\n \u003cspan class=\"sa-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n \u003cdiv class=\"sa-ingredient-dosage\"\u003e720 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch3\u003eReine des prés\u003c\/h3\u003e\n \u003cp\u003eSurnommée \"l'aspirine végétale\", elle contient des dérivés salicylés naturels qui apaisent les inflammations et soulagent les articulations douloureuses.\u003c\/p\u003e\n \u003cspan class=\"sa-bio-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-ingredient-card sa-ingredient-featured\"\u003e\n \u003cdiv class=\"sa-ingredient-header\"\u003e\n \u003cspan class=\"sa-ingredient-icon\"\u003e🍇\u003c\/span\u003e\n \u003cdiv class=\"sa-ingredient-dosage\"\u003e720 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch3\u003eCassis\u003c\/h3\u003e\n \u003cp\u003ePuissant anti-inflammatoire naturel riche en antioxydants, il favorise la souplesse articulaire et soutient la récupération des tissus.\u003c\/p\u003e\n \u003cspan class=\"sa-bio-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-enveloppe-info\"\u003e\n \u003cspan class=\"sa-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eEnveloppe de la gélule :\u003c\/strong\u003e Hypromellose (origine 100% végétale)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sa-usage-box\"\u003e\n \u003cdiv class=\"sa-usage-main\"\u003e\n \u003cdiv class=\"sa-usage-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"sa-usage-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp class=\"sa-usage-dose\"\u003e1 à 2 gélules, 3 fois par jour\u003c\/p\u003e\n \u003cp class=\"sa-usage-tip\"\u003eDe préférence pendant les repas pour une meilleure absorption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-usage-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cspan class=\"sa-timeline-icon\"\u003e🌅\u003c\/span\u003e\n \u003cspan class=\"sa-timeline-text\"\u003eMatin\u003c\/span\u003e\n \u003cspan class=\"sa-timeline-dose\"\u003e1-2 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cspan class=\"sa-timeline-icon\"\u003e☀️\u003c\/span\u003e\n \u003cspan class=\"sa-timeline-text\"\u003eMidi\u003c\/span\u003e\n \u003cspan class=\"sa-timeline-dose\"\u003e1-2 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cspan class=\"sa-timeline-icon\"\u003e🌙\u003c\/span\u003e\n \u003cspan class=\"sa-timeline-text\"\u003eSoir\u003c\/span\u003e\n \u003cspan class=\"sa-timeline-dose\"\u003e1-2 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-profile-card\"\u003e\n \u003cspan class=\"sa-profile-icon\"\u003e👴\u003c\/span\u003e\n \u003ch3\u003eSeniors actifs\u003c\/h3\u003e\n \u003cp\u003eMaintenir une mobilité optimale et préserver son autonomie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-profile-card\"\u003e\n \u003cspan class=\"sa-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch3\u003eSportifs\u003c\/h3\u003e\n \u003cp\u003eSoutenir les articulations sollicitées et favoriser une récupération rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-profile-card\"\u003e\n \u003cspan class=\"sa-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003ch3\u003eTravailleurs sédentaires\u003c\/h3\u003e\n \u003cp\u003ePrévenir les raideurs liées aux postures prolongées et au manque de mouvement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-profile-card\"\u003e\n \u003cspan class=\"sa-profile-icon\"\u003e🩺\u003c\/span\u003e\n \u003ch3\u003ePersonnes souffrant d'arthrose\u003c\/h3\u003e\n \u003cp\u003eSoulager naturellement les douleurs chroniques et améliorer le confort articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eNos certifications\u003c\/h2\u003e\n \u003cdiv class=\"sa-certif-grid\"\u003e\n \u003cdiv class=\"sa-certif-card\"\u003e\n \u003cdiv class=\"sa-certif-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eAgriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertifié par FR-BIO-01, garantissant des ingrédients cultivés sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-certif-card\"\u003e\n \u003cdiv class=\"sa-certif-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003e100% Vegan\u003c\/h3\u003e\n \u003cp\u003eProduit entièrement végétal, adapté aux personnes suivant un régime végétalien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-certif-card\"\u003e\n \u003cdiv class=\"sa-certif-icon\"\u003e🇪🇺\u003c\/div\u003e\n \u003ch3\u003eAgriculture UE\u003c\/h3\u003e\n \u003cp\u003ePlantes issues de l'agriculture biologique européenne, répondant aux normes les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sa-info-grid\"\u003e\n \u003cdiv class=\"sa-info-item\"\u003e\n \u003cspan class=\"sa-info-label\"\u003e📦 Contenance\u003c\/span\u003e\n \u003cspan class=\"sa-info-value\"\u003e60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-info-item\"\u003e\n \u003cspan class=\"sa-info-label\"\u003e⏱️ Durée de cure\u003c\/span\u003e\n \u003cspan class=\"sa-info-value\"\u003e10 jours (dose maximale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sa-section\"\u003e\n \u003cdiv class=\"sa-warning-box\"\u003e\n \u003cdiv class=\"sa-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"sa-warning-content\"\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eConsulter un professionnel de santé en cas de doute\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n \u003cli\u003eCe complément ne remplace pas une alimentation variée et équilibrée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cdiv class=\"sa-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-cta-content\"\u003e\n \u003cspan class=\"sa-cta-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eOffrez à vos articulations le meilleur de la nature bio.\u003cbr\u003eRetrouvez mobilité, souplesse et confort au quotidien !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f8faf5;\n --sa-white: #ffffff;\n --sa-primary: #A4C639;\n --sa-primary-dark: #7CB342;\n --sa-primary-light: #E8F5E9;\n --sa-secondary: #D4E157;\n --sa-accent: #8BC34A;\n --sa-text: #2d3a1f;\n --sa-text-light: #5a6b4a;\n --sa-border: #dce8cd;\n --sa-shadow: 0 4px 24px rgba(122, 139, 91, .12);\n --sa-shadow-lg: 0 12px 48px rgba(122, 139, 91, .18);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sa-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #A4C639 40%, #D4E157 100%);\n border-radius: var(--sa-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(--sa-shadow-lg);\n}\n\n.sa-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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.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-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sa-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(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sa-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,.15);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\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.sa-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.sa-stat {\n text-align: center;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--sa-radius-sm);\n border: 1px solid rgba(255,255,255,.3);\n}\n\n.sa-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.sa-stat-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-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.sa-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(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS PRINCIPALES === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sa-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sa-text);\n margin: 0 0 .75rem 0;\n}\n\n.sa-card p {\n font-size: 15px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.sa-ingredients-grid {\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.sa-ingredient-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.sa-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n}\n\n.sa-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-ingredient-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n}\n\n.sa-ingredient-icon {\n font-size: 36px;\n}\n\n.sa-ingredient-dosage {\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));\n color: white;\n font-size: 14px;\n font-weight: 800;\n padding: 6px 14px;\n border-radius: 999px;\n}\n\n.sa-ingredient-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--sa-text);\n margin: 0 0 .75rem 0;\n}\n\n.sa-ingredient-card p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.sa-bio-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: 12px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n background: var(--sa-primary-light);\n padding: 4px 12px;\n border-radius: 999px;\n}\n\n.sa-enveloppe-info {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background: var(--sa-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--sa-radius-sm);\n border: 1px dashed var(--sa-primary);\n}\n\n.sa-info-icon {\n font-size: 24px;\n}\n\n.sa-enveloppe-info p {\n margin: 0;\n font-size: 14px;\n color: var(--sa-text);\n}\n\n\/* === USAGE BOX === *\/\n.sa-usage-box {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-usage-main {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px dashed var(--sa-border);\n}\n\n.sa-usage-icon {\n font-size: 56px;\n flex-shrink: 0;\n}\n\n.sa-usage-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sa-text);\n margin: 0 0 .5rem 0;\n}\n\n.sa-usage-dose {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-usage-tip {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n}\n\n.sa-usage-timeline {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n padding: 1rem 1.5rem;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n min-width: 100px;\n}\n\n.sa-timeline-icon {\n font-size: 28px;\n}\n\n.sa-timeline-text {\n font-size: 14px;\n font-weight: 700;\n color: var(--sa-text);\n}\n\n.sa-timeline-dose {\n font-size: 13px;\n color: var(--sa-primary-dark);\n font-weight: 600;\n}\n\n\/* === PROFILE CARDS === *\/\n.sa-profile-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.sa-profile-card:hover {\n transform: translateY(-6px);\n border-color: var(--sa-primary);\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sa-profile-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sa-text);\n margin: 0 0 .5rem 0;\n}\n\n.sa-profile-card p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CERTIFICATIONS === *\/\n.sa-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.sa-certif-card {\n background: linear-gradient(135deg, var(--sa-primary-light) 0%, var(--sa-white) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n border: 2px solid var(--sa-border);\n transition: all .3s ease;\n}\n\n.sa-certif-card:hover {\n border-color: var(--sa-primary);\n transform: translateY(-4px);\n}\n\n.sa-certif-icon {\n font-size: 42px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.sa-certif-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.sa-certif-card p {\n font-size: 13px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO GRID === *\/\n.sa-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sa-info-item {\n background: var(--sa-white);\n border-radius: var(--sa-radius-sm);\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n gap: 6px;\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-info-label {\n font-size: 13px;\n color: var(--sa-text-light);\n font-weight: 600;\n}\n\n.sa-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--sa-text);\n}\n\n\/* === WARNING BOX === *\/\n.sa-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF8E1 0%, #FFFDE7 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFE082;\n}\n\n.sa-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.sa-warning-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: #F57C00;\n margin: 0 0 .75rem 0;\n}\n\n.sa-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sa-warning-content li {\n font-size: 14px;\n color: #5D4037;\n margin-bottom: .4rem;\n line-height: 1.5;\n}\n\n.sa-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-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-1.5 6-6 10.5-12 12 6 1.5 10.5 6 12 12 1.5-6 6-10.5 12-12-6-1.5-10.5-6-12-12z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n}\n\n.sa-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sa-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card,\n .sa-ingredient-card,\n .sa-profile-card,\n .sa-certif-card {\n animation: saFadeInUp .6s ease backwards;\n }\n .sa-card:nth-child(1), .sa-ingredient-card:nth-child(1), .sa-profile-card:nth-child(1) { animation-delay: .1s; }\n .sa-card:nth-child(2), .sa-ingredient-card:nth-child(2), .sa-profile-card:nth-child(2) { animation-delay: .2s; }\n .sa-card:nth-child(3), .sa-ingredient-card:nth-child(3), .sa-profile-card:nth-child(3) { animation-delay: .3s; }\n .sa-card:nth-child(4), .sa-profile-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sa-grid,\n .sa-ingredients-grid,\n .sa-certif-grid {\n grid-template-columns: 1fr;\n }\n \n .sa-usage-main {\n flex-direction: column;\n text-align: center;\n }\n \n .sa-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sa-hero-stats {\n gap: 1rem;\n }\n \n .sa-stat {\n flex: 1 1 80px;\n padding: .75rem 1rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sa-premium {\n --sa-text: #000000;\n --sa-text-light: #333333;\n }\n \n .sa-card,\n .sa-ingredient-card,\n .sa-profile-card {\n border: 2px solid var(--sa-text);\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893797409145,"sku":"GS9119","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/stopacid-articulations-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785943870"},{"product_id":"silicium-catalyons-500-ml","title":"Silicium - Os et Articulations - Catalyons 500 ml","description":"\u003cdiv class=\"si-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"si-hero\"\u003e\n\u003cdiv class=\"si-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"si-hero-content\"\u003e\n\u003cdiv class=\"si-badges-top\"\u003e\n\u003cspan class=\"si-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"si-badge\"\u003e💧 Forme liquide ionisée\u003c\/span\u003e \u003cspan class=\"si-badge\"\u003e🦴 Os \u0026amp; articulations\u003c\/span\u003e \u003cspan class=\"si-badge\"\u003e🧪 Depuis 1960\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"si-hero-title\"\u003eSilicium Catalyons 500 ml\u003c\/span\u003e\n\u003cp class=\"si-subtitle\"\u003eOs \u0026amp; Articulations\u003c\/p\u003e\n\u003cp class=\"si-description\"\u003eL'oligo-élément essentiel sous forme ionisée pour une biodisponibilité exceptionnelle. 20 mg\/L de silicium pur, sans additifs, dans une eau purifiée et dynamisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eSilicium Catalyons : l'oligo-élément essentiel pour vos os et articulations\u003c\/h2\u003e\n\u003cp class=\"si-section-intro\"\u003eAvec l'âge, les réserves naturelles de \u003cstrong\u003esilicium\u003c\/strong\u003e de notre organisme diminuent progressivement. Or, ce \u003cstrong\u003esilicium minéral\u003c\/strong\u003e joue un rôle fondamental dans la structure de nos os, de nos cartilages et de nos tissus conjonctifs.\u003c\/p\u003e\n\u003cdiv class=\"si-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSilicium Catalyons 500 ml\u003c\/strong\u003e vous apporte cet oligo-élément sous forme ionisée et liquide, pour une \u003cstrong\u003eabsorption optimale\u003c\/strong\u003e par votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003ePourquoi le silicium est-il si important pour vos articulations ?\u003c\/h2\u003e\n\u003cp class=\"si-section-intro\"\u003eLe silicium intervient directement dans la synthèse du collagène et de l'élastine, deux protéines indispensables à la souplesse et à la résistance de vos tissus. Un apport régulier en \u003cstrong\u003esilicium articulaire\u003c\/strong\u003e contribue à :\u003c\/p\u003e\n\u003cdiv class=\"si-grid\"\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🦴 Soutenir la minéralisation osseuse\u003c\/h3\u003e\n\u003cp\u003eLe silicium participe à la fixation du calcium dans les os, un processus essentiel pour maintenir un squelette solide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🤸 Préserver la qualité du cartilage\u003c\/h3\u003e\n\u003cp\u003eEn favorisant la régénération des tissus conjonctifs, il aide à maintenir la souplesse articulaire au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e✨ Améliorer l'élasticité de la peau\u003c\/h3\u003e\n\u003cp\u003eCheveux, ongles et peau bénéficient également de cet apport, car le silicium renforce leur structure en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e⏳ Accompagner le vieillissement tissulaire\u003c\/h3\u003e\n\u003cp\u003eAprès 40 ans, nos réserves chutent significativement, rendant la supplémentation particulièrement pertinente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eLa technologie ionisée Catalyons : une biodisponibilité exceptionnelle\u003c\/h2\u003e\n\u003cp class=\"si-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003esilicium organique articulaire\u003c\/strong\u003e des autres formules du marché, c'est le procédé breveté des \u003cstrong\u003eLaboratoires Catalyons\u003c\/strong\u003e, fabricant français depuis 1960.\u003c\/p\u003e\n\u003cdiv class=\"si-grid-compact\"\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e⚡ Ionisation unique\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments sont réduits à l'état d'ions libres dans une eau purifiée et dynamisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🚀 Assimilation rapide\u003c\/h3\u003e\n\u003cp\u003eVotre corps les assimile rapidement, sans effort digestif particulier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e💧 Action systémique\u003c\/h3\u003e\n\u003cp\u003eCette solution buvable agit de l'intérieur et nourrit l'ensemble de vos tissus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🤝 Complémentaire\u003c\/h3\u003e\n\u003cp\u003eCompatible avec une application locale de gel articulaire au silicium si vous le souhaitez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eComposition et dosage précis\u003c\/h2\u003e\n\u003cdiv class=\"si-composition-box\"\u003e\n\u003cdiv class=\"si-composition-main\"\u003e\n\u003ch3\u003e💧 Formule pure\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau purifiée dynamisée, Silicium sous forme ionisée - concentration de \u003cstrong\u003e20 mg\/L\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-composition-badges\"\u003e\n\u003cspan class=\"si-comp-badge\"\u003eSans additifs\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eSans conservateurs\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eSans alcool\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eSans gluten\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eVégétarien\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eVégétalien\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eComment prendre le Silicium Catalyons ?\u003c\/h2\u003e\n\u003cdiv class=\"si-timeline\"\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 3 cuillères à soupe par jour\u003c\/strong\u003e (soit 15 à 45 ml), de préférence \u003cstrong\u003een dehors des repas\u003c\/strong\u003e - idéalement 15 minutes avant ou deux heures après.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n\u003cp\u003eGardez la solution quelques secondes en bouche avant d'avaler pour favoriser l'absorption sublinguale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 mois recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, privilégiez une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e, renouvelable après une pause de quelques semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eConservation\u003c\/h3\u003e\n\u003cp\u003eAgitez le flacon avant chaque utilisation et conservez-le à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"si-grid\"\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e👤 Personnes de plus de 40 ans\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leur capital osseux et articulaire face au vieillissement naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n\u003cp\u003eSollicitant intensément leurs articulations et leurs tendons au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e💅 Beauté de la peau, cheveux et ongles\u003c\/h3\u003e\n\u003cp\u003ePour toute personne recherchant un soutien naturel pour renforcer leur structure en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e💧 Adeptes du format liquide\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui préfèrent une forme liquide, plus facile à prendre que des gélules ou comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"si-accordion\"\u003e\n\u003cdetails class=\"si-accordion-item\"\u003e\n\u003csummary class=\"si-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n\u003cdiv class=\"si-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. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"si-accordion-item\"\u003e\n\u003csummary class=\"si-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n\u003cdiv class=\"si-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement en cours, demandez conseil à 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=\"si-section\"\u003e\n\u003cdiv class=\"si-cta-box\"\u003e\n\u003cp\u003eAvec le \u003cstrong\u003eSilicium Catalyons 500 ml\u003c\/strong\u003e, offrez à votre corps un oligo-élément clé dans sa forme la plus assimilable, fabriqué en France selon un savoir-faire reconnu depuis plus de 60 ans. 🇫🇷\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"si-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 \/* Couleurs principales *\/\n --si-cream: #faf8f5;\n --si-white: #ffffff;\n --si-primary: #c8872e;\n --si-primary-dark: #8a5a18;\n --si-primary-light: #fdf3e6;\n --si-secondary: #2e3a6e;\n --si-accent: #d4a04a;\n\n \/* Textes *\/\n --si-text: #1a1a1a;\n --si-text-light: #5a5a5a;\n\n \/* Effets *\/\n --si-border: #e8e0d6;\n --si-shadow: 0 4px 24px rgba(0,0,0,.08);\n --si-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --si-radius: 20px;\n --si-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.si-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--si-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.si-hero {\n position: relative;\n background: linear-gradient(135deg, var(--si-primary-dark) 0%, var(--si-primary) 50%, var(--si-accent) 100%);\n border-radius: var(--si-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(--si-shadow-lg);\n}\n\n.si-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(255,255,255,.06) 0%, transparent 40%),\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.si-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.si-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.si-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: .05em;\n text-transform: uppercase;\n}\n\n.si-description {\n color: rgba(255,255,255,.85);\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.si-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.si-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(--si-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.si-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.si-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.si-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--si-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.si-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(--si-primary), var(--si-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.si-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--si-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.si-card {\n background: var(--si-white);\n border-radius: var(--si-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--si-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.si-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--si-shadow-lg);\n border-color: var(--si-primary);\n}\n\n.si-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--si-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.si-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--si-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.si-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.si-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.si-grid-compact .si-card {\n padding: 1rem;\n}\n\n.si-grid-compact .si-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.si-grid-compact .si-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.si-highlight-box {\n background: linear-gradient(135deg, var(--si-primary-light) 0%, rgba(212,160,74,.08) 100%);\n border-radius: var(--si-radius-sm);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid var(--si-primary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.si-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--si-text);\n margin: 0;\n line-height: 1.7;\n text-align: center;\n}\n\n\/* === COMPOSITION BOX === *\/\n.si-composition-box {\n background: var(--si-white);\n border-radius: var(--si-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--si-shadow);\n text-align: center;\n}\n\n.si-composition-main {\n margin-bottom: 1.5rem;\n}\n\n.si-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--si-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.si-composition-main p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--si-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.si-composition-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.si-comp-badge {\n display: inline-flex;\n align-items: center;\n padding: 6px 14px;\n background: var(--si-primary-light);\n border: 1px solid var(--si-accent);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--si-primary-dark);\n transition: all .2s ease;\n}\n\n.si-comp-badge:hover {\n background: var(--si-accent);\n color: var(--si-white);\n}\n\n\/* === TIMELINE === *\/\n.si-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.si-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.si-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--si-primary), var(--si-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.si-timeline-content {\n flex: 1;\n background: var(--si-white);\n padding: 1rem 1.25rem;\n border-radius: var(--si-radius-sm);\n box-shadow: var(--si-shadow);\n}\n\n.si-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--si-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.si-timeline-content p {\n font-size: 14px;\n color: var(--si-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.si-accordion {\n background: var(--si-white);\n border-radius: var(--si-radius);\n box-shadow: var(--si-shadow);\n overflow: hidden;\n}\n\n.si-accordion-item {\n border-bottom: 1px solid var(--si-border);\n margin: 0;\n padding: 0;\n}\n\n.si-accordion-item:last-child {\n border-bottom: none;\n}\n\n.si-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--si-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.si-accordion-header:hover {\n background: var(--si-primary-light);\n}\n\n.si-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.si-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--si-primary);\n transition: transform .2s ease;\n}\n\n.si-accordion-item[open] .si-accordion-header::after {\n content: '−';\n}\n\n.si-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--si-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.si-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.si-cta-box {\n background: linear-gradient(135deg, var(--si-primary) 0%, var(--si-primary-dark) 100%);\n border-radius: var(--si-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.si-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.si-disclaimer {\n font-size: 12px;\n color: var(--si-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 .si-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .si-card {\n padding: 1.125rem;\n }\n\n .si-section {\n margin-bottom: 1.75rem;\n }\n\n .si-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--si-radius-sm);\n }\n\n .si-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .si-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .si-grid-compact {\n gap: .625rem;\n }\n\n .si-grid-compact .si-card {\n padding: .75rem;\n }\n\n .si-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .si-timeline-content {\n padding: .875rem 1rem;\n }\n\n .si-timeline-content h3 {\n font-size: 14px;\n }\n\n .si-timeline-content p {\n font-size: 13px;\n }\n\n .si-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .si-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .si-highlight-box {\n padding: 1rem;\n }\n\n .si-composition-box {\n padding: 1.25rem;\n }\n\n .si-comp-badge {\n font-size: 11px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .si-card {\n animation: siFadeInUp .5s ease backwards;\n }\n .si-card:nth-child(1) { animation-delay: .05s; }\n .si-card:nth-child(2) { animation-delay: .1s; }\n .si-card:nth-child(3) { animation-delay: .15s; }\n .si-card:nth-child(4) { animation-delay: .2s; }\n .si-card:nth-child(5) { animation-delay: .25s; }\n .si-card:nth-child(6) { animation-delay: .3s; }\n\n .si-timeline-item {\n animation: siFadeInUp .5s ease backwards;\n }\n .si-timeline-item:nth-child(1) { animation-delay: .05s; }\n .si-timeline-item:nth-child(2) { animation-delay: .1s; }\n .si-timeline-item:nth-child(3) { animation-delay: .15s; }\n .si-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes siFadeInUp {\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 .si-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54914448195961,"sku":"38813015","price":19.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silicium-os-et-articulations-catalyons-500-ml-lifestyle_ed2f796a-d204-4d98-8f9f-ba8ad046a10c.webp?v=1772098006"},{"product_id":"boswellia-ayur-vana-120-gelules","title":"Boswellia serrata extrait à 65% 120 gélules - Confort articulaire - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Boswellia serrata extrait à 65% 120 gélules - Ayur-Vana\nPalette détectée:\n - Primaire: #5a8a3c (vert sauge\/olive du couvercle et éléments botaniques)\n - Secondaire: #8b6914 (doré\/ocre des motifs paisley et lettrage)\n - Accent: #c4572a (terre cuite\/rouge des motifs décoratifs)\n - Fond: #f5f0e0 (crème\/ivoire du packaging)\nAmbiance: Ayurvédique, naturel, botanique, tradition indienne, motifs paisley, élégant et chaleureux\nPréfixe CSS: bw\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Boswellia serrata extrait à 65% – Votre allié naturel pour le confort articulaire\"\n 2. \"Bienfaits du Boswellia serrata : pourquoi cette plante est si prisée ?\"\n 3. \"Une concentration à 65% pour une efficacité optimale\"\n 4. \"Composition et posologie\"\n 5. \"Contre-indications et précautions\"\n 6. \"La qualité Ayur-Vana : l'Ayurveda au service de votre bien-être\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bw-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bw-hero\"\u003e\n \u003cdiv class=\"bw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-hero-content\"\u003e\n \u003cdiv class=\"bw-badges-top\"\u003e\n \u003cspan class=\"bw-badge\"\u003e🌿 Extrait titré à 65%\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🧘 Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bw-hero-title\"\u003eBoswellia Serrata Ayur-Vana\u003c\/span\u003e\n \u003cp class=\"bw-subtitle\"\u003eConfort articulaire \u0026amp; mobilité retrouvée\u003c\/p\u003e\n \u003cp class=\"bw-description\"\u003eUn extrait de résine hautement concentré à 65% d'acides boswelliques, issu de la sagesse millénaire de l'Ayurveda, pour des articulations souples et apaisées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eBoswellia serrata extrait à 65% – Votre allié naturel pour le confort articulaire\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eVous ressentez des raideurs le matin, des gênes articulaires après l'effort ou une perte de souplesse au fil du temps ?\u003c\/p\u003e\n \u003cdiv class=\"bw-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eBoswellia serrata\u003c\/strong\u003e d'Ayur-Vana est un complément articulaire formulé pour vous aider à retrouver une mobilité plus confortable au quotidien. Concentré à \u003cstrong\u003e65% d'acides boswelliques\u003c\/strong\u003e, il s'appuie sur une plante utilisée depuis plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e en médecine ayurvédique, aujourd'hui reconnue pour ses propriétés apaisantes remarquables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eBienfaits du Boswellia serrata : pourquoi cette plante est si prisée ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eAussi appelé \u003cstrong\u003eencens indien\u003c\/strong\u003e ou \u003cstrong\u003eShallaki\u003c\/strong\u003e, le Boswellia serrata est un arbre de la famille des Burséracées dont la résine renferme des acides boswelliques aux vertus puissantes.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire renforcé\u003c\/h3\u003e\n \u003cp\u003eLes acides boswelliques contribuent à moduler la réponse inflammatoire naturelle de l'organisme, aidant à réduire les sensations de raideur et d'inconfort au niveau des articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🤸 Soutien de la mobilité et de la souplesse\u003c\/h3\u003e\n \u003cp\u003eEn favorisant la flexibilité articulaire, le Boswellia serrata vous accompagne dans vos mouvements du quotidien, que vous soyez sportif ou simplement actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eCette résine aide à lutter contre le stress oxydatif, un facteur qui accélère le vieillissement des tissus articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💆 Soulagement musculaire et articulaire\u003c\/h3\u003e\n \u003cp\u003eCe complément alimentaire pour douleur musculaire et articulaire constitue une alternative naturelle et douce, sans les effets indésirables souvent associés aux solutions classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e certaines personnes s'interrogent sur le lien entre \u003cstrong\u003eBoswellia serrata et perte de poids\u003c\/strong\u003e. Si cette plante n'est pas un brûleur de graisses, ses propriétés apaisantes peuvent indirectement soutenir une activité physique plus régulière en améliorant le confort articulaire. Par ailleurs, le Boswellia serrata n'entraîne pas de prise de poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eUne concentration à 65% pour une efficacité optimale\u003c\/h2\u003e\n \u003cdiv class=\"bw-concentration-box\"\u003e\n \u003cdiv class=\"bw-concentration-visual\"\u003e\n \u003cspan class=\"bw-concentration-number\"\u003e65%\u003c\/span\u003e\n \u003cspan class=\"bw-concentration-label\"\u003ed'acides boswelliques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-concentration-text\"\u003e\n \u003cp\u003eTous les extraits de Boswellia ne se valent pas. Ayur-Vana a fait le choix d'un \u003cstrong\u003eextrait titré à 65% d'acides boswelliques\u003c\/strong\u003e, ce qui représente l'une des concentrations les plus élevées disponibles.\u003c\/p\u003e\n \u003cp\u003eChaque gélule végétale vous apporte ainsi une quantité significative de principes actifs, \u003cstrong\u003ebien supérieure à de nombreux produits\u003c\/strong\u003e que vous pouvez trouver en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient actif\u003c\/h3\u003e\n \u003cp\u003eExtrait sec de résine de Boswellia serrata titré à 65% d'acides boswelliques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💊 Enveloppe\u003c\/h3\u003e\n \u003cp\u003eGélule 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=\"bw-timeline\"\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cspan class=\"bw-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, à répartir au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cspan class=\"bw-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eDurée du pilulier\u003c\/h3\u003e\n \u003cp\u003eLe pilulier de \u003cstrong\u003e120 gélules\u003c\/strong\u003e correspond à une cure d'environ \u003cstrong\u003e40 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cspan class=\"bw-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour une action optimale, privilégiez une cure de \u003cstrong\u003e30 à 60 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eContre-indications et précautions\u003c\/h2\u003e\n \u003cdiv class=\"bw-accordion\"\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e⚠️ Personnes concernées par les contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eLe Boswellia serrata est généralement très bien toléré. Toutefois, il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement \u003cstrong\u003eanti-inflammatoire ou anticoagulant\u003c\/strong\u003e sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, consultez votre professionnel de santé. 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\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa qualité Ayur-Vana : l'Ayurveda au service de votre bien-être\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction française avec des standards de qualité exigeants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧘 Tradition ayurvédique\u003c\/h3\u003e\n \u003cp\u003eFormule inspirée de plus de 3 000 ans de médecine ancestrale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens, sans additifs inutiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e✅ Sans compromis\u003c\/h3\u003e\n \u003cp\u003eFormulé pour ceux qui recherchent une solution naturelle et fiable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-cta-box\"\u003e\n \u003cp\u003e🌿 Préservez durablement votre capital articulaire avec la puissance de l'Ayurveda — un choix exigeant, naturel et respectueux de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bw-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 --bw-cream: #f7f3e8;\n --bw-white: #ffffff;\n --bw-primary: #5a8a3c;\n --bw-primary-dark: #3d6228;\n --bw-primary-light: #eef5e6;\n --bw-secondary: #8b6914;\n --bw-accent: #c4572a;\n --bw-text: #1a1a1a;\n --bw-text-light: #5a5a5a;\n --bw-border: #e0ddd2;\n --bw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bw-radius: 20px;\n --bw-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bw-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6228 0%, #5a8a3c 40%, #8b6914 100%);\n border-radius: var(--bw-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(--bw-shadow-lg);\n}\n\n.bw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(196,87,42,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,105,20,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.bw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bw-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.bw-subtitle {\n font-size: clamp(16px, 3vw, 22px);\n color: rgba(255,255,255,.9);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.bw-description {\n font-size: clamp(14px, 2.2vw, 17px);\n color: rgba(255,255,255,.8);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bw-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(--bw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bw-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.bw-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(--bw-primary), var(--bw-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-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.bw-card {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bw-shadow-lg);\n border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n padding: 1rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bw-grid-compact .bw-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.bw-highlight-box {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bw-shadow);\n border-left: 5px solid var(--bw-secondary);\n text-align: center;\n}\n\n.bw-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CONCENTRATION BOX === *\/\n.bw-concentration-box {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bw-shadow);\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.bw-concentration-visual {\n flex-shrink: 0;\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-secondary));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(90,138,60,.3);\n}\n\n.bw-concentration-number {\n font-size: 42px;\n font-weight: 900;\n color: white;\n line-height: 1;\n letter-spacing: -.03em;\n}\n\n.bw-concentration-label {\n font-size: 11px;\n font-weight: 700;\n color: rgba(255,255,255,.85);\n text-align: center;\n margin-top: 4px;\n line-height: 1.2;\n}\n\n.bw-concentration-text {\n flex: 1;\n}\n\n.bw-concentration-text p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--bw-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.bw-concentration-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.bw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.bw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-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.bw-timeline-content {\n flex: 1;\n background: var(--bw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bw-radius-sm);\n box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n font-size: 14px;\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bw-primary-light);\n border-radius: var(--bw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bw-tip p {\n font-size: 14px;\n color: var(--bw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bw-accordion {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n box-shadow: var(--bw-shadow);\n overflow: hidden;\n}\n\n.bw-accordion-item {\n border-bottom: 1px solid var(--bw-border);\n margin: 0;\n padding: 0;\n}\n\n.bw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bw-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.bw-accordion-header:hover {\n background: var(--bw-primary-light);\n}\n\n.bw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bw-primary);\n transition: transform .2s ease;\n}\n\n.bw-accordion-item[open] .bw-accordion-header::after {\n content: '−';\n}\n\n.bw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bw-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bw-cta-box {\n background: linear-gradient(135deg, var(--bw-primary) 0%, var(--bw-primary-dark) 100%);\n border-radius: var(--bw-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.bw-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.bw-disclaimer {\n font-size: 12px;\n color: var(--bw-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 .bw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bw-card {\n padding: 1.125rem;\n }\n\n .bw-section {\n margin-bottom: 1.75rem;\n }\n\n .bw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bw-radius-sm);\n }\n\n .bw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bw-grid-compact {\n gap: .625rem;\n }\n\n .bw-grid-compact .bw-card {\n padding: .75rem;\n }\n\n .bw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bw-timeline-content h3 {\n font-size: 14px;\n }\n\n .bw-timeline-content p {\n font-size: 13px;\n }\n\n .bw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Concentration box mobile *\/\n .bw-concentration-box {\n flex-direction: column;\n text-align: center;\n padding: 1.5rem;\n }\n\n .bw-concentration-visual {\n width: 110px;\n height: 110px;\n margin: 0 auto;\n }\n\n .bw-concentration-number {\n font-size: 34px;\n }\n\n .bw-concentration-label {\n font-size: 10px;\n }\n\n .bw-concentration-text p {\n font-size: 14px;\n }\n\n .bw-highlight-box {\n padding: 1.25rem;\n }\n\n .bw-highlight-box p {\n font-size: 14px;\n }\n\n .bw-tip {\n padding: .875rem 1rem;\n }\n\n .bw-tip-icon {\n font-size: 20px;\n }\n\n .bw-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bw-card {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-card:nth-child(1) { animation-delay: .05s; }\n .bw-card:nth-child(2) { animation-delay: .1s; }\n .bw-card:nth-child(3) { animation-delay: .15s; }\n .bw-card:nth-child(4) { animation-delay: .2s; }\n .bw-card:nth-child(5) { animation-delay: .25s; }\n .bw-card:nth-child(6) { animation-delay: .3s; }\n\n .bw-timeline-item {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-timeline-item:nth-child(1) { animation-delay: .1s; }\n .bw-timeline-item:nth-child(2) { animation-delay: .2s; }\n .bw-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes bwFadeInUp {\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 .bw-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":54953635709305,"sku":"AY1102GF","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boswellia-serrata-extrait-a-65-120-gelules-confort-articulai-ingredients.webp?v=1770906806"},{"product_id":"harpagophytum-bio-60-gelules-laboratoire-code","title":"Harpagophytum Bio (extrait) - 60 gélules – Laboratoire Code","description":"\u003cdiv class=\"harp-premium\"\u003e\n \u003cdiv class=\"harp-hero\"\u003e\n \u003cdiv class=\"harp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"harp-hero-content\"\u003e\n \u003cdiv class=\"harp-badges-top\"\u003e\n \u003cspan class=\"harp-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"harp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"harp-badge\"\u003e💪 4% d'harpagosides\u003c\/span\u003e\n \u003cspan class=\"harp-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"harp-hero-title\"\u003eHarpagophytum Bio Extrait\u003c\/span\u003e\n \u003cp class=\"harp-subtitle\"\u003eLa griffe du diable, alliée naturelle de vos articulations\u003c\/p\u003e\n \u003cp class=\"harp-description\"\u003eRetrouvez confort articulaire et mobilité grâce à la puissance de la griffe du diable, en version bio et concentrée. 60 gélules végétales de 425 mg — Laboratoire Code.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"harp-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'harpagophytum pour vos articulations ?\u003c\/h2\u003e\n \u003cp class=\"harp-section-intro\"\u003eL'harpagophytum bio, surnommé « griffe du diable », est une plante originaire des plaines sableuses du sud de l'Afrique. Utilisée depuis des siècles par les peuples Khoïsan, elle doit ses bienfaits à sa richesse en \u003cstrong\u003eharpagosides\u003c\/strong\u003e, des principes actifs concentrés dans sa racine secondaire.\u003c\/p\u003e\n \u003cdiv class=\"harp-grid\"\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🦴 Mobilité articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutient la souplesse des articulations sollicitées : genoux, hanches, épaules et doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e💪 Confort musculaire\u003c\/h3\u003e\n \u003cp\u003eAide à préserver le bien-être musculaire après l'effort physique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🏃 Sportifs \u0026amp; seniors\u003c\/h3\u003e\n \u003cp\u003eApprécié autant par les sportifs en récupération que par les seniors en quête de souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🌱 Formule pure\u003c\/h3\u003e\n \u003cp\u003e100 % bio, vegan, sans excipient controversé. Une composition simple et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"harp-section\"\u003e\n \u003ch2\u003eUn extrait concentré pour une efficacité optimale\u003c\/h2\u003e\n \u003cp class=\"harp-section-intro\"\u003eContrairement à la poudre simple de racine, cet extrait d'harpagophytum bio est \u003cstrong\u003etitré à 4 % d'harpagosides\u003c\/strong\u003e, soit 30 mg pour la dose journalière — l'un des plus efficaces du marché.\u003c\/p\u003e\n \u003cdiv class=\"harp-grid-compact\"\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🎯 750 mg d'extrait\u003c\/h3\u003e\n \u003cp\u003ePar dose journalière de 3 gélules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e⚡ 30 mg d'harpagosides\u003c\/h3\u003e\n \u003cp\u003eConcentration équivalente \"extra fort\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🌾 Fibre d'acacia bio\u003c\/h3\u003e\n \u003cp\u003ePrébiotique doux pour la tolérance digestive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e✅ Certifié Ecocert\u003c\/h3\u003e\n \u003cp\u003eSans pesticides, OGM ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-tip\"\u003e\n \u003cspan class=\"harp-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eFabriqué en France dans un laboratoire engagé pour la qualité, cet extrait suit les normes strictes de l'agriculture biologique européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"harp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"harp-timeline\"\u003e\n \u003cdiv class=\"harp-timeline-item\"\u003e\n \u003cdiv class=\"harp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"harp-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez 3 gélules par jour, le matin ou le midi, au cours du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-timeline-item\"\u003e\n \u003cdiv class=\"harp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"harp-timeline-content\"\u003e\n \u003ch3\u003eAvec un grand verre d'eau\u003c\/h3\u003e\n \u003cp\u003eAvalez les gélules avec un verre d'eau pour faciliter la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-timeline-item\"\u003e\n \u003cdiv class=\"harp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"harp-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours minimum\u003c\/h3\u003e\n \u003cp\u003ePour observer les effets, suivez une cure de 20 jours, renouvelable selon vos besoins. Un pilulier = une cure 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=\"harp-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"harp-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 3 gélules (dose journalière) :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"harp-grid\"\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🌿 Harpagophytum procumbens*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e750 mg\u003c\/strong\u003e d'extrait — dont 4 % d'harpagosides (soit 30 mg)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🌾 Fibre d'acacia*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e — prébiotique naturel pour une excellente tolérance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHypromellose d'origine 100 % végétale, adaptée aux vegans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"harp-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"harp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"harp-accordion\"\u003e\n \u003cdetails class=\"harp-accordion-item\"\u003e\n \u003csummary class=\"harp-accordion-header\"\u003e⚠️ Publics déconseillés\u003c\/summary\u003e\n \u003cdiv class=\"harp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire est réservé aux adultes. Il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e, ainsi qu'aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"harp-accordion-item\"\u003e\n \u003csummary class=\"harp-accordion-header\"\u003e🚫 Contre-indications médicales\u003c\/summary\u003e\n \u003cdiv class=\"harp-accordion-content mt-3\"\u003e\n \u003cp\u003eContre-indiqué en cas d'\u003cstrong\u003eulcère gastro-duodénal\u003c\/strong\u003e, de \u003cstrong\u003ecalculs biliaires\u003c\/strong\u003e, ou de \u003cstrong\u003etraitement anticoagulant\u003c\/strong\u003e. Demandez l'avis de votre médecin en cas de doute ou de pathologie chronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"harp-accordion-item\"\u003e\n \u003csummary class=\"harp-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"harp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à une alimentation variée, équilibrée, ni à 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=\"harp-accordion-item\"\u003e\n \u003csummary class=\"harp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"harp-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la lumière, de la chaleur et de l'humidité, 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 \u003csection class=\"harp-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"harp-grid-compact\"\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003ePilulier de 60 gélules végétales de 425 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e⏱️ Durée de la cure\u003c\/h3\u003e\n \u003cp\u003e20 jours par pilulier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🏅 Certifications\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) \u0026amp; Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🌱 Convient aux\u003c\/h3\u003e\n \u003cp\u003eVégétariens et vegans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-card\"\u003e\n \u003ch3\u003e🔬 Laboratoire\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Code, qualité premium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"harp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"harp-accordion\"\u003e\n \u003cdetails class=\"harp-accordion-item\" open\u003e\n \u003csummary class=\"harp-accordion-header\"\u003e💬 Quels sont les avis sur l'harpagophytum bio ?\u003c\/summary\u003e\n \u003cdiv class=\"harp-accordion-content mt-3\"\u003e\n \u003cp\u003eLes utilisateurs apprécient particulièrement son action sur les \u003cstrong\u003eraideurs matinales\u003c\/strong\u003e et le \u003cstrong\u003econfort articulaire après l'effort\u003c\/strong\u003e, ressenti généralement après 2 à 3 semaines de cure régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"harp-accordion-item\"\u003e\n \u003csummary class=\"harp-accordion-header\"\u003e⚡ Pourquoi choisir un extrait plutôt qu'une poudre ?\u003c\/summary\u003e\n \u003cdiv class=\"harp-accordion-content mt-3\"\u003e\n \u003cp\u003eL'extrait titré à 4 % d'harpagosides garantit une concentration en principes actifs bien supérieure à la poudre simple de racine, pour une efficacité optimale comparable aux versions « extra fort ».\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"harp-accordion-item\"\u003e\n \u003csummary class=\"harp-accordion-header\"\u003e🔄 Peut-on renouveler la cure ?\u003c\/summary\u003e\n \u003cdiv class=\"harp-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la cure de 20 jours peut être renouvelée selon vos besoins. Pour un confort articulaire durable, beaucoup d'utilisateurs effectuent plusieurs cures dans l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"harp-cta-box\" style=\"margin-top:2rem;\"\u003e\n \u003cp\u003eOffrez à vos articulations le meilleur de la phytothérapie bio. La griffe du diable, concentrée et certifiée, pour retrouver mobilité et bien-être au quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --harp-cream: #f5f9fc;\n --harp-white: #ffffff;\n --harp-primary: #5fb3d9;\n --harp-primary-dark: #2a7ba8;\n --harp-primary-light: #e3f1f9;\n --harp-secondary: #d94545;\n --harp-accent: #7cc04a;\n --harp-text: #1a2a35;\n --harp-text-light: #5a6975;\n --harp-border: #d8e6ef;\n --harp-shadow: 0 4px 24px rgba(42,123,168,.08);\n --harp-shadow-lg: 0 12px 48px rgba(42,123,168,.18);\n --harp-radius: 20px;\n --harp-radius-sm: 12px;\n}\n\n.harp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--harp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--harp-text);\n line-height: 1.6;\n}\n\n.harp-premium *,\n.harp-premium *::before,\n.harp-premium *::after {\n box-sizing: border-box;\n}\n\n.harp-hero {\n position: relative;\n background: linear-gradient(135deg, #7cc4e3 0%, #5fb3d9 50%, #2a7ba8 100%);\n border-radius: var(--harp-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(--harp-shadow-lg);\n}\n\n.harp-hero-pattern {\n position: absolute;\n inset: 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.harp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.harp-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.harp-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n}\n\n.harp-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n margin: 0 auto;\n max-width: 720px;\n line-height: 1.7;\n opacity: .95;\n}\n\n.harp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.harp-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(--harp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.harp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.harp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.harp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--harp-primary-dark);\n margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.harp-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(--harp-primary), var(--harp-secondary));\n border-radius: 2px;\n}\n\n.harp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--harp-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.harp-section-intro strong {\n color: var(--harp-primary-dark);\n}\n\n.harp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.harp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.harp-grid-compact .harp-card {\n padding: 1rem;\n}\n\n.harp-grid-compact .harp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.harp-grid-compact .harp-card p {\n font-size: 12.5px;\n}\n\n.harp-card {\n background: var(--harp-white);\n border-radius: var(--harp-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--harp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.harp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--harp-shadow-lg);\n border-color: var(--harp-primary);\n}\n\n.harp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--harp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.harp-card p {\n font-size: clamp(13px, 2vw, 14.5px);\n color: var(--harp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.harp-card p strong {\n color: var(--harp-primary-dark);\n}\n\n.harp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.harp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.harp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--harp-primary), var(--harp-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(42,123,168,.3);\n}\n\n.harp-timeline-content {\n flex: 1;\n background: var(--harp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--harp-radius-sm);\n box-shadow: var(--harp-shadow);\n}\n\n.harp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--harp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.harp-timeline-content p {\n font-size: 14px;\n color: var(--harp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.harp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--harp-primary-light);\n border-radius: var(--harp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--harp-primary);\n}\n\n.harp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.harp-tip p {\n font-size: 14px;\n color: var(--harp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.harp-accordion {\n background: var(--harp-white);\n border-radius: var(--harp-radius);\n box-shadow: var(--harp-shadow);\n overflow: hidden;\n}\n\n.harp-accordion-item {\n border-bottom: 1px solid var(--harp-border);\n margin: 0;\n padding: 0;\n}\n\n.harp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.harp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--harp-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.harp-accordion-header:hover {\n background: var(--harp-primary-light);\n}\n\n.harp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.harp-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--harp-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.harp-accordion-item[open] .harp-accordion-header::after {\n content: '−';\n}\n\n.harp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--harp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.harp-accordion-content p {\n margin: 0;\n}\n\n.harp-accordion-content strong {\n color: var(--harp-primary-dark);\n}\n\n.harp-cta-box {\n background: linear-gradient(135deg, var(--harp-primary) 0%, var(--harp-primary-dark) 100%);\n border-radius: var(--harp-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--harp-shadow-lg);\n}\n\n.harp-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.harp-disclaimer {\n font-size: 12px;\n color: var(--harp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .harp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .harp-card {\n padding: 1.125rem;\n }\n\n .harp-section {\n margin-bottom: 1.75rem;\n }\n\n .harp-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--harp-radius-sm);\n }\n\n .harp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .harp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .harp-grid-compact {\n gap: .625rem;\n }\n\n .harp-grid-compact .harp-card {\n padding: .75rem;\n }\n\n .harp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .harp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .harp-timeline-content h3 {\n font-size: 14px;\n }\n\n .harp-timeline-content p {\n font-size: 13px;\n }\n\n .harp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .harp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .harp-card {\n animation: harpFadeInUp .5s ease backwards;\n }\n .harp-card:nth-child(1) { animation-delay: .05s; }\n .harp-card:nth-child(2) { animation-delay: .1s; }\n .harp-card:nth-child(3) { animation-delay: .15s; }\n .harp-card:nth-child(4) { animation-delay: .2s; }\n .harp-card:nth-child(5) { animation-delay: .25s; }\n .harp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes harpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .harp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":54961860936057,"sku":"LC3010","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/harpagophytum-bio-extrait-60-gelules-laboratoire-code-packshothd.webp?v=1778594847"},{"product_id":"glucosamine-60-gelules-laboratoire-code","title":"Glucosamine Chondroïtine MSM - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"gc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gc-hero\"\u003e\n\u003cdiv class=\"gc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gc-hero-content\"\u003e\n\u003cdiv class=\"gc-badges-top\"\u003e\n\u003cspan class=\"gc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gc-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e \u003cspan class=\"gc-badge\"\u003e💪 Confort articulaire\u003c\/span\u003e \u003cspan class=\"gc-badge\"\u003e🔬 3 actifs synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gc-hero-title\"\u003eGlucosamine Chondroïtine MSM\u003c\/span\u003e\n\u003cp class=\"gc-subtitle\"\u003eLaboratoire Code - 60 gélules végétales de 716 mg\u003c\/p\u003e\n\u003cp class=\"gc-description\"\u003eLa formule complète qui associe trois actifs majeurs et deux oligo-éléments pour soutenir la souplesse de vos articulations au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eGlucosamine Chondroïtine MSM : votre allié pour le confort articulaire\u003c\/h2\u003e\n\u003cp class=\"gc-section-intro\"\u003eVous ressentez des raideurs le matin, des gênes au niveau des genoux ou des hanches après l'effort ?\u003c\/p\u003e\n\u003cdiv class=\"gc-highlight-box\"\u003e\n\u003cp\u003eLe complément alimentaire \u003cstrong\u003eGlucosamine Chondroïtine MSM\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Code\u003c\/strong\u003e a été conçu pour répondre précisément à ces inconforts du quotidien. Associant trois actifs majeurs à des oligo-éléments essentiels, cette formule complète soutient la \u003cstrong\u003esouplesse articulaire\u003c\/strong\u003e et contribue au \u003cstrong\u003emaintien de cartilages en bonne santé\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003ePourquoi associer glucosamine, chondroïtine et MSM ?\u003c\/h2\u003e\n\u003cp class=\"gc-section-intro\"\u003eLa combinaison glucosamine, chondroïtine et MSM est l'une des plus étudiées en matière de bien-être articulaire. Chaque actif joue un rôle complémentaire :\u003c\/p\u003e\n\u003cdiv class=\"gc-grid\"\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🦴 Sulfate de glucosamine\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e900 mg \/ 3 gélules dont 540 mg actifs\u003c\/p\u003e\n\u003cp\u003eNaturellement présente dans le cartilage, la glucosamine participe à la production de glycosaminoglycanes, des molécules indispensables à la structure et à la résistance du tissu cartilagineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🛡️ Chondroïtine sulfate\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e540 mg \/ 3 gélules - titré à 90 %\u003c\/p\u003e\n\u003cp\u003eExtraite de poissons, la chondroïtine sulfate forme un duo reconnu avec la glucosamine pour aider à préserver l'élasticité du cartilage et limiter sa dégradation progressive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e⚡ MSM – Méthylsulfonylméthane\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e540 mg \/ 3 gélules\u003c\/p\u003e\n\u003cp\u003eCe composé soufré naturel soutient la synthèse du collagène et contribue au confort des tissus conjonctifs, pour des articulations plus souples.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eDes oligo-éléments pour renforcer l'action articulaire\u003c\/h2\u003e\n\u003cp class=\"gc-section-intro\"\u003eCette formule glucosamine chondroïtine MSM est enrichie en deux minéraux ciblés :\u003c\/p\u003e\n\u003cdiv class=\"gc-grid-compact\"\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🔶 Manganèse\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e1,74 mg - 87 % des VNR\u003c\/p\u003e\n\u003cp\u003eContribue à la formation normale du tissu conjonctif, essentiel à la solidité des articulations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🟠 Cuivre\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e1 mg - 100 % des VNR\u003c\/p\u003e\n\u003cp\u003eParticipe à la protection des cellules contre le stress oxydatif et au maintien normal des tissus conjonctifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eGlucosamine chondroïtine : danger ou complément sûr ?\u003c\/h2\u003e\n\u003cdiv class=\"gc-safety-box\"\u003e\n\u003cp\u003eLa question du danger de la glucosamine chondroïtine revient souvent. Aux dosages recommandés et en respectant les précautions d'emploi, ce complément est \u003cstrong\u003egénéralement bien toléré\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gc-warning\"\u003e\n\u003cspan class=\"gc-warning-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes, aux personnes diabétiques, asthmatiques, sous traitement anticoagulant (anti-vitamine K) ou ayant une alimentation contrôlée en sodium, potassium ou calcium.\u003c\/p\u003e\n\u003cp\u003eCe produit contient des dérivés de \u003cstrong\u003ecrustacés et de poissons\u003c\/strong\u003e : vérifiez l'absence d'allergie avant utilisation. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eComment prendre ce complément ?\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\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 gélule 3 fois par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau. Il est possible de doubler la dose selon vos besoins.\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\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats durables, une \u003cstrong\u003ecure d'au moins 4 semaines\u003c\/strong\u003e est recommandée.\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\u003eContenu du pilulier\u003c\/h3\u003e\n\u003cp\u003eLe pilulier de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e correspond à environ \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e à la posologie standard.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eComposition complète pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"gc-accordion\"\u003e\n\u003cdetails open=\"\" class=\"gc-accordion-item\"\u003e\n\u003csummary class=\"gc-accordion-header\"\u003e🧪 Actifs principaux\u003c\/summary\u003e\n\u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n\u003cul class=\"gc-compo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSulfate de glucosamine 2KCl\u003c\/strong\u003e (crustacés) : \u003cspan class=\"gc-value\"\u003e900 mg\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMSM\u003c\/strong\u003e (Méthylsulfonylméthane) : \u003cspan class=\"gc-value\"\u003e540 mg\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSulfate de chondroïtine\u003c\/strong\u003e titré à 90 % (poissons) : \u003cspan class=\"gc-value\"\u003e540 mg\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gc-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gc-accordion-header\"\u003e⚙️ Oligo-éléments\u003c\/summary\u003e\n\u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n\u003cul class=\"gc-compo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGluconate de manganèse\u003c\/strong\u003e : \u003cspan class=\"gc-value\"\u003e1,74 mg (87 % VNR)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGluconate de cuivre\u003c\/strong\u003e : \u003cspan class=\"gc-value\"\u003e1 mg (100 % VNR)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gc-accordion-item\"\u003e\n\u003csummary class=\"gc-accordion-header\"\u003e💊 Enveloppe\u003c\/summary\u003e\n\u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n\u003cp\u003eGélule végétale (hypromellose)\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=\"gc-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"gc-grid-compact\"\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eSelon des normes strictes de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eGélules en hypromellose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n\u003cp\u003ePilulier de 716 mg par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n\u003cp\u003e42,96 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-cta-box\"\u003e\n\u003cp\u003e🦴 Retrouvez le confort de bouger sans contrainte - soutenez vos articulations avec la triple action Glucosamine + Chondroïtine + MSM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gc-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Ne convient pas aux enfants ni aux adolescents.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --gc-cream: #F4F7FA;\n --gc-white: #ffffff;\n --gc-primary: #4A8FC2;\n --gc-primary-dark: #2B6A9E;\n --gc-primary-light: #E8F1F8;\n --gc-secondary: #D4243B;\n --gc-accent: #C41E32;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #dde4ec;\n --gc-shadow: 0 4px 24px rgba(42, 106, 158, .08);\n --gc-shadow-lg: 0 12px 48px rgba(42, 106, 158, .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) 0%, var(--gc-primary-dark) 50%, #1E4F75 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(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212, 36, 59, .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.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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 line-height: 1.1;\n}\n\n.gc-subtitle {\n color: rgba(255,255,255,.85);\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.gc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\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 line-height: 1.25;\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.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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gc-highlight-box {\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: 5px solid var(--gc-primary);\n}\n\n.gc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.gc-highlight-box strong {\n color: var(--gc-primary-dark);\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.gc-dosage {\n display: inline-block;\n background: var(--gc-primary-light);\n color: var(--gc-primary-dark) !important;\n font-size: 12px !important;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem !important;\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.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\/* === SAFETY BOX === *\/\n.gc-safety-box {\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}\n\n.gc-safety-box \u003e p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gc-text);\n line-height: 1.8;\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.gc-safety-box strong {\n color: var(--gc-primary-dark);\n}\n\n.gc-warning {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: #FFF5F5;\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--gc-secondary);\n}\n\n.gc-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.gc-warning p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--gc-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.gc-warning p:last-child {\n margin-bottom: 0;\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-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(74, 143, 194, .3);\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.6;\n}\n\n.gc-timeline-content strong {\n color: var(--gc-primary-dark);\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\/* === COMPO LIST === *\/\n.gc-compo-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.gc-compo-list li {\n padding: .625rem 0;\n border-bottom: 1px solid var(--gc-border);\n font-size: 14px;\n color: var(--gc-text);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .25rem;\n}\n\n.gc-compo-list li:last-child {\n border-bottom: none;\n}\n\n.gc-compo-list strong {\n color: var(--gc-primary-dark);\n}\n\n.gc-value {\n font-weight: 800;\n color: var(--gc-secondary);\n white-space: nowrap;\n}\n\n\/* === CTA === *\/\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 margin-top: 1.5rem;\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 line-height: 1.6;\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-highlight-box {\n padding: 1.25rem;\n }\n\n .gc-safety-box {\n padding: 1.25rem;\n }\n\n .gc-warning {\n padding: .875rem 1rem;\n }\n\n .gc-compo-list li {\n font-size: 13px;\n flex-direction: column;\n align-items: flex-start;\n gap: .125rem;\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 .gc-timeline-item {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .gc-timeline-item:nth-child(3) { animation-delay: .15s; }\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":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118135460217,"sku":"LC9110","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glucosamine-chondroitine-msm-60-gelules-laboratoire-code-packshothd_20c6adde-f56a-4bc5-b753-f3b3d372414b.webp?v=1785949761"},{"product_id":"calcium-vitamine-d3-60-gelules-laboratoire-code","title":"Calcium + Vitamine D3 - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"cad-premium\"\u003e\n \u003cdiv class=\"cad-hero\"\u003e\n \u003cdiv class=\"cad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cad-hero-content\"\u003e\n \u003cdiv class=\"cad-badges-top\"\u003e\n \u003cspan class=\"cad-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"cad-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"cad-badge\"\u003e🦴 Solidité des os\u003c\/span\u003e\n \u003cspan class=\"cad-badge\"\u003e📦 60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cad-hero-title\"\u003eCalcium + Vitamine D3\u003c\/span\u003e\n \u003cp class=\"cad-subtitle\"\u003eLe duo essentiel pour des os solides\u003c\/p\u003e\n \u003cp class=\"cad-description\"\u003eAvec l'âge, une alimentation déséquilibrée ou un manque d'exposition au soleil, nos apports en \u003cstrong\u003ecalcium et vitamine D\u003c\/strong\u003e peuvent vite devenir insuffisants. Le \u003cstrong\u003eCalcium + Vitamine D3 du Laboratoire Code\u003c\/strong\u003e vous accompagne au quotidien grâce à une formule simple, dosée intelligemment et conditionnée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cad-section\"\u003e\n \u003ch2\u003ePourquoi associer calcium et vitamine D3 ?\u003c\/h2\u003e\n \u003cp class=\"cad-section-intro\"\u003eLe calcium est le minéral le plus présent dans notre organisme : il participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, à la contraction musculaire et au bon fonctionnement nerveux. Mais sans \u003cstrong\u003evitamine D3\u003c\/strong\u003e, il est mal assimilé. C'est elle qui permet à votre intestin d'absorber le calcium et de le fixer sur le squelette.\u003c\/p\u003e\n \u003cdiv class=\"cad-grid\"\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e👩 Femmes après 50 ans\u003c\/h3\u003e\n \u003cp\u003eParticulièrement exposées à la perte osseuse liée à la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003ePour compenser une absorption qui diminue naturellement avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e🌱 Régimes végétaliens\u003c\/h3\u003e\n \u003cp\u003ePour les personnes qui consomment peu ou pas de produits laitiers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e☀️ Faible exposition au soleil\u003c\/h3\u003e\n \u003cp\u003eIdéal en automne et en hiver, lorsque la synthèse de vitamine D chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cad-section\"\u003e\n \u003ch2\u003eUne alternative aux aliments riches en calcium et vitamine D\u003c\/h2\u003e\n \u003cp class=\"cad-section-intro\"\u003eUne \u003cstrong\u003ealimentation riche en calcium et vitamine D\u003c\/strong\u003e reste la base : produits laitiers, sardines, amandes, brocolis, jaune d'œuf, poissons gras… Mais en pratique, atteindre les apports recommandés chaque jour n'est pas toujours simple. Une supplémentation ciblée peut alors compléter utilement les \u003cem\u003ealiments riches en vitamine D et calcium\u003c\/em\u003e de votre assiette, sans les remplacer.\u003c\/p\u003e\n \u003cdiv class=\"cad-cta-box\"\u003e\n \u003cp\u003e📊 Selon une étude Synadiet (2023), la supplémentation en calcium et vitamine D pourrait éviter plus de \u003cstrong\u003e40 000 fractures par an\u003c\/strong\u003e en France. Un geste simple, à fort impact pour préserver mobilité et autonomie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cad-section\"\u003e\n \u003ch2\u003eComposition pour 2 gélules\u003c\/h2\u003e\n \u003cdiv class=\"cad-grid\"\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e🦴 Carbonate de calcium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e700 mg\u003c\/strong\u003e, apportant \u003cstrong\u003e280 mg de calcium\u003c\/strong\u003e (35 % des VNR*)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 µg\u003c\/strong\u003e, soit \u003cstrong\u003e200 % des VNR*\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHypromellose d'origine végétale, sans gélatine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cad-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cad-section\"\u003e\n \u003ch2\u003eComment prendre Calcium + Vitamine D3 ?\u003c\/h2\u003e\n \u003cdiv class=\"cad-timeline\"\u003e\n \u003cdiv class=\"cad-timeline-item\"\u003e\n \u003cdiv class=\"cad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cad-timeline-content\"\u003e\n \u003ch3\u003e2 gélules par jour\u003c\/h3\u003e\n \u003cp\u003eÀ prendre le matin, au cours du petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-timeline-item\"\u003e\n \u003cdiv class=\"cad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cad-timeline-content\"\u003e\n \u003ch3\u003eAvec un grand verre d'eau\u003c\/h3\u003e\n \u003cp\u003ePour favoriser une assimilation optimale du calcium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-timeline-item\"\u003e\n \u003cdiv class=\"cad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cad-timeline-content\"\u003e\n \u003ch3\u003e1 mois de cure par pilulier\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales, soit 30 jours de prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-timeline-item\"\u003e\n \u003cdiv class=\"cad-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cad-timeline-content\"\u003e\n \u003ch3\u003eCure de 2 à 3 mois\u003c\/h3\u003e\n \u003cp\u003ePour un effet optimal sur l'ossature, à renouveler selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cad-section\"\u003e\n \u003ch2\u003eEffets secondaires du calcium et de la vitamine D : ce qu'il faut savoir\u003c\/h2\u003e\n \u003cp class=\"cad-section-intro\"\u003eAux doses recommandées, les \u003cstrong\u003eeffets secondaires du calcium et de la vitamine D\u003c\/strong\u003e sont rares. Un excès prolongé peut toutefois entraîner troubles digestifs, nausées ou hypercalcémie. C'est pourquoi il est essentiel de \u003cstrong\u003erespecter la posologie indiquée\u003c\/strong\u003e et de ne pas cumuler plusieurs sources de supplémentation sans avis professionnel.\u003c\/p\u003e\n \u003cdiv class=\"cad-tip\"\u003e\n \u003cspan class=\"cad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvant de combiner plusieurs compléments alimentaires contenant du calcium ou de la vitamine D, demandez toujours conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cad-section\"\u003e\n \u003ch2\u003eQualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"cad-grid-compact\"\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Code\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales de 427 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eConditionné en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cad-card\"\u003e\n \u003ch3\u003e🌱 Régime\u003c\/h3\u003e\n \u003cp\u003eVégétarien \u0026amp; végétalien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cad-accordion\"\u003e\n \u003cdetails class=\"cad-accordion-item\"\u003e\n \u003csummary class=\"cad-accordion-header\"\u003e⚠️ Posologie \u0026amp; avertissements\u003c\/summary\u003e\n \u003cdiv class=\"cad-accordion-content mt-3\"\u003e\n \u003cp\u003eNe dépassez pas la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cad-accordion-item\"\u003e\n \u003csummary class=\"cad-accordion-header\"\u003e🚫 Public déconseillé\u003c\/summary\u003e\n \u003cdiv class=\"cad-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement en cours ou de pathologie, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cad-accordion-item\"\u003e\n \u003csummary class=\"cad-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cad-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver hors de la portée des jeunes enfants, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --cad-cream: #f5f8fc;\n --cad-white: #ffffff;\n --cad-primary: #2d6cb8;\n --cad-primary-dark: #1a4a8a;\n --cad-primary-light: #e3edf9;\n --cad-secondary: #c8324a;\n --cad-accent: #e94560;\n --cad-text: #1a1a1a;\n --cad-text-light: #5a5a5a;\n --cad-border: #e0e0e0;\n --cad-shadow: 0 4px 24px rgba(45,108,184,.08);\n --cad-shadow-lg: 0 12px 48px rgba(45,108,184,.18);\n --cad-radius: 20px;\n --cad-radius-sm: 12px;\n }\n\n .cad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cad-text);\n line-height: 1.6;\n }\n\n .cad-hero {\n position: relative;\n background: linear-gradient(135deg, #5a91d4 0%, #2d6cb8 50%, #1a4a8a 100%);\n border-radius: var(--cad-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(--cad-shadow-lg);\n }\n\n .cad-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n }\n\n .cad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .cad-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 .cad-subtitle {\n color: rgba(255,255,255,.95);\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 .cad-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n }\n\n .cad-description strong { color: white; }\n\n .cad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .cad-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(--cad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .cad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .cad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .cad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cad-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 .cad-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(--cad-primary), var(--cad-secondary));\n border-radius: 2px;\n }\n\n .cad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cad-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 .cad-section-intro strong { color: var(--cad-text); }\n\n .cad-card {\n background: var(--cad-white);\n border-radius: var(--cad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .cad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cad-shadow-lg);\n border-color: var(--cad-primary);\n }\n\n .cad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .cad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cad-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .cad-card p strong { color: var(--cad-text); }\n\n .cad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .cad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .cad-grid-compact .cad-card {\n padding: 1rem;\n }\n\n .cad-grid-compact .cad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .cad-grid-compact .cad-card p {\n font-size: 12px;\n }\n\n .cad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n }\n\n .cad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .cad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cad-primary), var(--cad-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,108,184,.3);\n }\n\n .cad-timeline-content {\n flex: 1;\n background: var(--cad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cad-radius-sm);\n box-shadow: var(--cad-shadow);\n }\n\n .cad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cad-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .cad-timeline-content p {\n font-size: 14px;\n color: var(--cad-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .cad-accordion {\n background: var(--cad-white);\n border-radius: var(--cad-radius);\n box-shadow: var(--cad-shadow);\n overflow: hidden;\n }\n\n .cad-accordion-item {\n border-bottom: 1px solid var(--cad-border);\n margin: 0;\n padding: 0;\n }\n\n .cad-accordion-item:last-child {\n border-bottom: none;\n }\n\n .cad-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cad-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 .cad-accordion-header:hover {\n background: var(--cad-primary-light);\n }\n\n .cad-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .cad-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cad-primary);\n transition: transform .2s ease;\n }\n\n .cad-accordion-item[open] .cad-accordion-header::after {\n content: '−';\n }\n\n .cad-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cad-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .cad-accordion-content p {\n margin: 0;\n }\n\n .cad-accordion-content strong {\n color: var(--cad-text);\n }\n\n .cad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cad-primary-light);\n border-radius: var(--cad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cad-primary);\n }\n\n .cad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .cad-tip p {\n font-size: 14px;\n color: var(--cad-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .cad-cta-box {\n background: linear-gradient(135deg, var(--cad-primary) 0%, var(--cad-primary-dark) 100%);\n border-radius: var(--cad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cad-shadow);\n }\n\n .cad-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 .cad-cta-box strong {\n color: white;\n font-weight: 900;\n }\n\n .cad-disclaimer {\n font-size: 12px;\n color: var(--cad-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .cad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cad-card {\n padding: 1.125rem;\n }\n .cad-section {\n margin-bottom: 1.75rem;\n }\n .cad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cad-radius-sm);\n }\n .cad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cad-grid-compact {\n gap: .625rem;\n }\n .cad-grid-compact .cad-card {\n padding: .75rem;\n }\n .cad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cad-timeline-content {\n padding: .875rem 1rem;\n }\n .cad-timeline-content h3 {\n font-size: 14px;\n }\n .cad-timeline-content p {\n font-size: 13px;\n }\n .cad-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cad-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .cad-card {\n animation: cadFadeInUp .5s ease backwards;\n }\n .cad-card:nth-child(1) { animation-delay: .05s; }\n .cad-card:nth-child(2) { animation-delay: .1s; }\n .cad-card:nth-child(3) { animation-delay: .15s; }\n .cad-card:nth-child(4) { animation-delay: .2s; }\n .cad-card:nth-child(5) { animation-delay: .25s; }\n .cad-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes cadFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cad-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118808547705,"sku":"LC8001","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/calcium-vitamine-d3-60-gelules-laboratoire-code-packshothd_8865addf-20a3-40f7-a05d-d99cde8e5128.webp?v=1785950091"},{"product_id":"curucuma-poivre-60-gelules-laboratoire-code","title":"Curcuma et Poivre noir bio - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"cpn-premium\"\u003e\n \u003cdiv class=\"cpn-hero\"\u003e\n \u003cdiv class=\"cpn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpn-hero-content\"\u003e\n \u003cdiv class=\"cpn-badges-top\"\u003e\n \u003cspan class=\"cpn-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"cpn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cpn-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cpn-hero-title\"\u003eCurcuma \u0026amp; Poivre Noir Bio\u003c\/span\u003e\n \u003cp class=\"cpn-subtitle\"\u003eArticulations · Antioxydant · Laboratoire Code\u003c\/p\u003e\n \u003cp class=\"cpn-description\"\u003eL'alliance ancestrale et scientifiquement prouvée de deux plantes d'exception, pour soutenir naturellement votre confort articulaire et lutter contre le stress oxydatif. Une formule épurée, vegan et 100 % bio, pensée pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cpn-section\"\u003e\n \u003cp class=\"cpn-section-intro\"\u003eLes articulations sensibles, les raideurs matinales ou les inconforts liés à l'activité physique peuvent rapidement peser sur votre quotidien. Pour vous accompagner naturellement, le \u003cstrong\u003eLaboratoire Code\u003c\/strong\u003e a conçu un complément alimentaire associant deux plantes aux vertus reconnues : le \u003cem\u003eCurcuma longa\u003c\/em\u003e et le poivre noir, tous deux issus de l'agriculture biologique et certifiés Ecocert.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cpn-section\"\u003e\n \u003ch2\u003ePourquoi associer curcuma et poivre noir ?\u003c\/h2\u003e\n \u003cp class=\"cpn-section-intro\"\u003eL'association \u003cstrong\u003ecurcuma poivre noir\u003c\/strong\u003e n'est pas le fruit du hasard : elle repose sur une véritable synergie scientifique. Le curcuma contient des curcuminoïdes, ses principes actifs majeurs, mais ceux-ci sont naturellement peu absorbés par l'organisme. C'est ici que le poivre noir entre en jeu : sa pipérine peut augmenter de façon significative la biodisponibilité de la curcumine, rendant la formule beaucoup plus efficace qu'un curcuma seul.\u003c\/p\u003e\n \u003cdiv class=\"cpn-tip\"\u003e\n \u003cspan class=\"cpn-tip-icon\"\u003e🕉️\u003c\/span\u003e\n \u003cp\u003eCette alliance, déjà utilisée dans la \u003cstrong\u003emédecine ayurvédique depuis des millénaires\u003c\/strong\u003e, est aujourd'hui plébiscitée pour le confort articulaire et son action antioxydante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cpn-section\"\u003e\n \u003ch2\u003eLes bienfaits du curcuma au poivre noir\u003c\/h2\u003e\n \u003cdiv class=\"cpn-grid\"\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLe curcuma contribue à la souplesse et à la mobilité des articulations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eAide à lutter contre les radicaux libres et le stress oxydatif responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🌱 Digestion facilitée\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour soutenir le confort digestif et le bien-être intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e⚡ Assimilation optimisée\u003c\/h3\u003e\n \u003cp\u003eLa pipérine du poivre noir booste considérablement la biodisponibilité de la curcumine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-tip\"\u003e\n \u003cspan class=\"cpn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBeaucoup d'utilisateurs apprécient également l'association \u003cstrong\u003ecurcuma gingembre poivre noir\u003c\/strong\u003e pour renforcer leur routine bien-être ; ici, la formule reste volontairement épurée pour cibler l'efficacité du duo curcuma-poivre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cpn-section\"\u003e\n \u003ch2\u003eUne formule propre et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"cpn-grid-compact\"\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e✨ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eAucun excipient superflu, juste l'essentiel pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🌿 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eContrôlé et certifié par Ecocert, garantie d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🚫 Sans OGM ni gluten\u003c\/h3\u003e\n \u003cp\u003eUne formule pure, transparente et accessible à tous les profils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cpn-section\"\u003e\n \u003ch2\u003eComposition pour 1 gélule\u003c\/h2\u003e\n \u003cdiv class=\"cpn-grid\"\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🌼 Curcuma longa*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e d'extrait titré à \u003cstrong\u003e95 % en curcuminoïdes\u003c\/strong\u003e, soit 190 mg de principes actifs concentrés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e🌶️ Poivre noir*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e riches en pipérine, le booster naturel d'assimilation de la curcumine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eGélule en \u003cstrong\u003ehypromellose\u003c\/strong\u003e, 100 % végétale et facile à avaler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpn-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cpn-section\"\u003e\n \u003ch2\u003eComment prendre le curcuma et poivre noir bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cpn-timeline\"\u003e\n \u003cdiv class=\"cpn-timeline-item\"\u003e\n \u003cdiv class=\"cpn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cpn-timeline-content\"\u003e\n \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003eAvalez une gélule avec un grand verre d'eau pour une prise simple et rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-timeline-item\"\u003e\n \u003cdiv class=\"cpn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cpn-timeline-content\"\u003e\n \u003ch3\u003ePendant un repas\u003c\/h3\u003e\n \u003cp\u003eDe préférence au cours d'un repas pour favoriser l'assimilation optimale des curcuminoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-timeline-item\"\u003e\n \u003cdiv class=\"cpn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cpn-timeline-content\"\u003e\n \u003ch3\u003eCure de 2 mois\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules vous assure une cure complète, durée idéale pour observer les effets sur le confort articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpn-timeline-item\"\u003e\n \u003cdiv class=\"cpn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cpn-timeline-content\"\u003e\n \u003ch3\u003eHygiène de vie\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation équilibrée, une bonne hydratation et 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 \u003csection class=\"cpn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cpn-accordion\"\u003e\n \u003cdetails class=\"cpn-accordion-item\"\u003e\n \u003csummary class=\"cpn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cpn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecurcuma bio\u003c\/strong\u003e est déconseillé en cas de prise d'anticoagulants, de troubles biliaires (calculs, obstruction des voies biliaires) ou en cas de traitement anticancéreux ou immunosuppresseur sans avis médical. Il est également déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cpn-accordion-item\"\u003e\n \u003csummary class=\"cpn-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n \u003cdiv class=\"cpn-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, et ne remplace en aucun cas un traitement médical. Respectez la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cpn-accordion-item\"\u003e\n \u003csummary class=\"cpn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cpn-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit sec, à 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 \u003csection class=\"cpn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le curcuma poivre noir Laboratoire Code ?\u003c\/h2\u003e\n \u003cdiv class=\"cpn-cta-box\"\u003e\n \u003cp\u003eFabriqué en France par un laboratoire engagé, ce complément allie \u003cstrong\u003equalité, traçabilité et naturalité\u003c\/strong\u003e. Une formule simple, concentrée et certifiée bio, pensée pour ceux qui veulent prendre soin de leurs articulations en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cpn-cream: #f5f9fc;\n --cpn-white: #ffffff;\n --cpn-primary: #7fb8d9;\n --cpn-primary-dark: #2c5f7f;\n --cpn-primary-light: #e8f2f8;\n --cpn-secondary: #d94c4c;\n --cpn-accent: #f4a261;\n --cpn-text: #1a1a1a;\n --cpn-text-light: #5a6b7a;\n --cpn-border: #d6e4ed;\n --cpn-shadow: 0 4px 24px rgba(44,95,127,.08);\n --cpn-shadow-lg: 0 12px 48px rgba(44,95,127,.18);\n --cpn-radius: 20px;\n --cpn-radius-sm: 12px;\n}\n\n.cpn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cpn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cpn-text);\n line-height: 1.6;\n}\n\n.cpn-hero {\n position: relative;\n background: linear-gradient(135deg, #7fb8d9 0%, #5a9ec4 50%, #2c5f7f 100%);\n border-radius: var(--cpn-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(--cpn-shadow-lg);\n}\n\n.cpn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(244,162,97,.3) 0%, transparent 50%);\n opacity: .15;\n}\n\n.cpn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cpn-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.cpn-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cpn-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 700px;\n}\n\n.cpn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cpn-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(--cpn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cpn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cpn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cpn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cpn-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.cpn-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(--cpn-primary), var(--cpn-secondary));\n border-radius: 2px;\n}\n\n.cpn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cpn-text-light);\n margin: 0 auto 1.5rem;\n max-width: 750px;\n line-height: 1.75;\n}\n\n.cpn-card {\n background: var(--cpn-white);\n border-radius: var(--cpn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cpn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cpn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cpn-shadow-lg);\n border-color: var(--cpn-primary);\n}\n\n.cpn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cpn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cpn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cpn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cpn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cpn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cpn-grid-compact .cpn-card {\n padding: 1rem;\n}\n\n.cpn-grid-compact .cpn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cpn-grid-compact .cpn-card p {\n font-size: 12px;\n}\n\n.cpn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cpn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cpn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cpn-primary), var(--cpn-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(44,95,127,.25);\n}\n\n.cpn-timeline-content {\n flex: 1;\n background: var(--cpn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cpn-radius-sm);\n box-shadow: var(--cpn-shadow);\n}\n\n.cpn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cpn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cpn-timeline-content p {\n font-size: 14px;\n color: var(--cpn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cpn-accordion {\n background: var(--cpn-white);\n border-radius: var(--cpn-radius);\n box-shadow: var(--cpn-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cpn-accordion-item {\n border-bottom: 1px solid var(--cpn-border);\n margin: 0;\n padding: 0;\n}\n\n.cpn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cpn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cpn-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.cpn-accordion-header:hover {\n background: var(--cpn-primary-light);\n}\n\n.cpn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cpn-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cpn-primary);\n transition: transform .2s ease;\n}\n\n.cpn-accordion-item[open] .cpn-accordion-header::after {\n content: '−';\n}\n\n.cpn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cpn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cpn-accordion-content p {\n margin: 0;\n}\n\n.cpn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cpn-primary-light);\n border-radius: var(--cpn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cpn-primary);\n}\n\n.cpn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.cpn-tip p {\n font-size: 14px;\n color: var(--cpn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cpn-cta-box {\n background: linear-gradient(135deg, var(--cpn-primary) 0%, var(--cpn-primary-dark) 100%);\n border-radius: var(--cpn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cpn-shadow-lg);\n}\n\n.cpn-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,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.cpn-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.cpn-disclaimer {\n font-size: 12px;\n color: var(--cpn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cpn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cpn-card {\n padding: 1.125rem;\n }\n .cpn-section {\n margin-bottom: 1.75rem;\n }\n .cpn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cpn-radius-sm);\n }\n .cpn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cpn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cpn-grid-compact {\n gap: .625rem;\n }\n .cpn-grid-compact .cpn-card {\n padding: .75rem;\n }\n .cpn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cpn-timeline-content {\n padding: .875rem 1rem;\n }\n .cpn-timeline-content h3 {\n font-size: 14px;\n }\n .cpn-timeline-content p {\n font-size: 13px;\n }\n .cpn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cpn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cpn-card {\n animation: cpnFadeInUp .5s ease backwards;\n }\n .cpn-card:nth-child(1) { animation-delay: .05s; }\n .cpn-card:nth-child(2) { animation-delay: .1s; }\n .cpn-card:nth-child(3) { animation-delay: .15s; }\n .cpn-card:nth-child(4) { animation-delay: .2s; }\n .cpn-card:nth-child(5) { animation-delay: .25s; }\n .cpn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cpnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cpn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118869758329,"sku":"LC9105B","price":16.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/curcuma-et-poivre-noir-bio-60-gelules-laboratoire-code-packshothd.webp?v=1778598286"},{"product_id":"bambou-silice-60-gelules-laboratoire-code","title":"Bambou Silice - 60 gélules - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bambou Silice - 60 gélules - Laboratoire Code\nPalette détectée:\n - Primaire: #7BAFD4 (bleu ciel doux du packaging)\n - Secondaire: #E63946 (rouge vif du cartouche titre)\n - Accent: #4A9B4E (vert du label vegan)\n - Background: #F5F8FA (gris-bleu très clair)\nAmbiance: Naturel\/bien-être, frais et apaisant, touche végétale avec le bambou, style laboratoire moderne mais accessible\nPréfixe CSS: bs\n--\u003e\n\n\u003cdiv class=\"bs-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bs-hero\"\u003e\n \u003cdiv class=\"bs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bs-hero-content\"\u003e\n \u003cdiv class=\"bs-badges-top\"\u003e\n \u003cspan class=\"bs-badge\"\u003e🎋 75% silice pure\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🌱 100% végan\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bs-hero-title\"\u003eBambou Silice\u003c\/span\u003e\n \u003cp class=\"bs-subtitle\"\u003eLa puissance du bambou pour vos articulations et votre beauté\u003c\/p\u003e\n \u003cp class=\"bs-description\"\u003eUne source exceptionnelle de silicium naturel, hautement concentrée et parfaitement assimilée par l'organisme. 675 mg de silice pure par jour pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits du silicium\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🦴 Solidité osseuse\u003c\/h3\u003e\n \u003cp\u003eFavorise la fixation du calcium et contribue au maintien d'une ossature solide et résistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🤸 Souplesse articulaire\u003c\/h3\u003e\n \u003cp\u003eParticipe à la structure du cartilage et accompagne sa régénération naturelle avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💇 Cheveux renforcés\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire de l'intérieur et favorise brillance et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💅 Ongles solides\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir des ongles moins cassants et plus résistants au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e✨ Peau éclatante\u003c\/h3\u003e\n \u003cp\u003eSoutient la synthèse du collagène et de l'élastine pour une peau ferme et élastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🔗 Tissus conjonctifs\u003c\/h3\u003e\n \u003cp\u003eMaintient la structure des tendons et ligaments pour un corps plus souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e🎋 Composition par dose (3 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card bs-card-highlight\"\u003e\n \u003ch3\u003e🌿 Extrait de bambou\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e900 mg\u003c\/strong\u003e de Bambusa vulgaris titré à 75% de silice, soit \u003cstrong\u003e675 mg de silice pure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe en hypromellose, 100% compatible avec un régime végan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e⚗️ Stéarate de magnésium\u003c\/h3\u003e\n \u003cp\u003e60 mg d'agent de charge pour une formule stable et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-formula-badge\"\u003e\n \u003cspan\u003e🚫 Sans additifs inutiles\u003c\/span\u003e\n \u003cspan\u003e🚫 Sans colorants artificiels\u003c\/span\u003e\n \u003cspan\u003e🌱 Sans ingrédients animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI LE BAMBOU --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e🎍 Pourquoi choisir la silice de bambou ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-info-box\"\u003e\n \u003cp\u003eLe bambou (\u003cem\u003eBambusa vulgaris\u003c\/em\u003e) est reconnu comme l'une des \u003cstrong\u003esources végétales les plus riches en silicium\u003c\/strong\u003e. Contrairement au dioxyde de silicium synthétique, la silice de bambou tabashir est d'origine 100% naturelle et particulièrement bien tolérée.\u003c\/p\u003e\n \u003cp\u003eNotre alimentation moderne apporte rarement suffisamment de silicium, d'où l'intérêt d'une supplémentation de qualité avec un titrage exceptionnel de \u003cstrong\u003e75%\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bs-steps\"\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bs-step-content\"\u003e\n \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n \u003cp\u003e1 gélule au petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bs-step-content\"\u003e\n \u003ch3\u003e☀️ Le midi\u003c\/h3\u003e\n \u003cp\u003e1 gélule au déjeuner avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bs-step-content\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003e1 gélule au dîner avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-tip\"\u003e\n \u003cstrong\u003e💡 Conseil :\u003c\/strong\u003e Pour des résultats optimaux sur les articulations ou la beauté des cheveux et ongles, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003ePréservez vos articulations sollicitées par l'entraînement régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🧘 Seniors en forme\u003c\/h3\u003e\n \u003cp\u003eMaintenez souplesse et confort articulaire avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💆 Beauté naturelle\u003c\/h3\u003e\n \u003cp\u003eRenforcez cheveux et ongles fragilisés de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🌱 Végans\u003c\/h3\u003e\n \u003cp\u003eFormule 100% végétale, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid-compact\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 gélules de 415 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n \u003cp\u003e20 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eConditionné en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003e100% végan\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=\"bs-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bs-accordion\"\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière et de la chaleur. Refermer soigneusement le pilulier après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire est déconseillé aux femmes enceintes ou allaitantes. Ne dépassez pas la dose journalière recommandée de 3 gélules. Ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de traitement médical en cours, demandez conseil à votre médecin. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bs-cta-box\"\u003e\n \u003cp\u003e🎋 Offrez à votre corps la puissance naturelle du bambou : \u003cstrong\u003e675 mg de silice pure\u003c\/strong\u003e par jour pour des articulations souples, des os solides et une beauté rayonnante de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bs-cream: #F5F8FA;\n --bs-white: #ffffff;\n --bs-primary: #7BAFD4;\n --bs-primary-dark: #4A8AB8;\n --bs-primary-light: #E8F4FB;\n --bs-secondary: #E63946;\n --bs-accent: #4A9B4E;\n --bs-text: #1a1a1a;\n --bs-text-light: #5a5a5a;\n --bs-border: #e0e0e0;\n --bs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bs-radius: 20px;\n --bs-radius-sm: 12px;\n}\n\n.bs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bs-hero {\n position: relative;\n background: linear-gradient(135deg, #7BAFD4 0%, #4A8AB8 50%, #3D7A9E 100%);\n border-radius: var(--bs-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(--bs-shadow-lg);\n}\n\n.bs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L30 55 M25 10 L30 5 L35 10 M25 20 L30 15 L35 20 M25 30 L30 25 L35 30 M25 40 L30 35 L35 40 M25 50 L30 45 L35 50' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.bs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.bs-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(--bs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bs-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.bs-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.bs-description {\n color: rgba(255,255,255,.9);\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.bs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bs-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.bs-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(--bs-primary), var(--bs-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bs-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n border-color: var(--bs-primary);\n}\n\n.bs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bs-card-highlight {\n background: linear-gradient(135deg, var(--bs-primary-light) 0%, var(--bs-white) 100%);\n border: 2px solid var(--bs-primary);\n}\n\n\/* === INFO BOX === *\/\n.bs-info-box {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bs-shadow);\n border-left: 5px solid var(--bs-accent);\n}\n\n.bs-info-box p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--bs-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.bs-info-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === FORMULA BADGE === *\/\n.bs-formula-badge {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.bs-formula-badge span {\n background: var(--bs-primary-light);\n color: var(--bs-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === STEPS === *\/\n.bs-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.bs-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: 1.25rem;\n box-shadow: var(--bs-shadow);\n transition: all .3s ease;\n}\n\n.bs-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--bs-primary), var(--bs-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.bs-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bs-step-content p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n}\n\n\/* === TIP === *\/\n.bs-tip {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFF3CD 100%);\n border-radius: var(--bs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n font-size: 14px;\n color: #856404;\n text-align: center;\n border: 1px solid #FFE082;\n}\n\n\/* === ACCORDÉON === *\/\n.bs-accordion {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n box-shadow: var(--bs-shadow);\n overflow: hidden;\n}\n\n.bs-accordion-item {\n border-bottom: 1px solid var(--bs-border);\n margin: 0;\n padding: 0;\n}\n\n.bs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bs-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.bs-accordion-header:hover {\n background: var(--bs-primary-light);\n}\n\n.bs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bs-primary);\n transition: transform .2s ease;\n}\n\n.bs-accordion-item[open] .bs-accordion-header::after {\n content: '−';\n}\n\n.bs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bs-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.bs-cta-box {\n background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-dark) 100%);\n border-radius: var(--bs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bs-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.bs-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-grid-compact {\n gap: .625rem;\n }\n \n .bs-grid-compact .bs-card {\n padding: .75rem;\n }\n \n .bs-grid-compact .bs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .bs-grid-compact .bs-card p {\n font-size: 12px;\n }\n \n .bs-card {\n padding: 1.125rem;\n }\n \n .bs-section {\n margin-bottom: 1.75rem;\n }\n \n .bs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bs-radius-sm);\n }\n \n .bs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bs-step {\n padding: 1rem;\n }\n \n .bs-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .bs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bs-formula-badge {\n gap: .5rem;\n }\n \n .bs-formula-badge span {\n font-size: 11px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bs-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bs-card:nth-child(1) { animation-delay: .05s; }\n .bs-card:nth-child(2) { animation-delay: .1s; }\n .bs-card:nth-child(3) { animation-delay: .15s; }\n .bs-card:nth-child(4) { animation-delay: .2s; }\n .bs-card:nth-child(5) { animation-delay: .25s; }\n .bs-card:nth-child(6) { animation-delay: .3s; }\n \n .bs-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bs-step:nth-child(1) { animation-delay: .1s; }\n .bs-step:nth-child(2) { animation-delay: .2s; }\n .bs-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55119094317433,"sku":"LC9060","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bambou-silice-60-gelules-laboratoire-code-packshothd.webp?v=1785950026"},{"product_id":"citrulline-60-gelules-laboratoire-code","title":"Citrulline 2000 mg - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"ctr-premium\"\u003e\n \u003cdiv class=\"ctr-hero\"\u003e\n \u003cdiv class=\"ctr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ctr-hero-content\"\u003e\n \u003cdiv class=\"ctr-badges-top\"\u003e\n \u003cspan class=\"ctr-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n \u003cspan class=\"ctr-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"ctr-badge\"\u003e💪 2000 mg \/ jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ctr-hero-title\"\u003eCitrulline 2000 mg\u003c\/span\u003e\n \u003cp class=\"ctr-subtitle\" style=\"color:white;\"\u003eLaboratoire Code · 60 gélules végétales de 595 mg\u003c\/p\u003e\n \u003cp class=\"ctr-description\" style=\"color:white;\"\u003eUn acide aminé pur et puissant pour soutenir vos \u003cstrong\u003efonctions musculaires\u003c\/strong\u003e, votre \u003cstrong\u003eendurance\u003c\/strong\u003e et votre \u003cstrong\u003erécupération\u003c\/strong\u003e. Formule concentrée pensée pour les sportifs et les seniors actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ctr-section\"\u003e\n \u003ch2\u003eQu'est-ce que la citrulline ?\u003c\/h2\u003e\n \u003cp class=\"ctr-section-intro\"\u003eLa \u003cstrong\u003ecitrulline est un acide aminé\u003c\/strong\u003e non essentiel, naturellement produit par notre organisme et présent dans certains aliments comme la pastèque. Cet \u003cstrong\u003eacide aminé citrulline\u003c\/strong\u003e joue un rôle clé dans le cycle de l'urée et participe à la production d'\u003cstrong\u003eoxyde nitrique (NO)\u003c\/strong\u003e, une molécule qui dilate les vaisseaux sanguins et améliore la circulation.\u003c\/p\u003e\n \u003cdiv class=\"ctr-tip\"\u003e\n \u003cspan class=\"ctr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec l'âge ou lors d'efforts intenses, la synthèse naturelle de citrulline peut devenir insuffisante. Une supplémentation ciblée permet alors de combler ce déficit et de soutenir la performance physique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ctr-section\"\u003e\n \u003ch2\u003eLes bienfaits de la citrulline\u003c\/h2\u003e\n \u003cdiv class=\"ctr-grid\"\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e🫁 Oxygénation musculaire\u003c\/h3\u003e\n \u003cp\u003eEn stimulant la production d'oxyde nitrique, la citrulline favorise un meilleur apport en oxygène et nutriments vers les muscles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e⚡ Moins de fatigue à l'effort\u003c\/h3\u003e\n \u003cp\u003eElle aide à éliminer l'ammoniaque, un déchet métabolique responsable de la sensation de fatigue musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e🔄 Récupération optimisée\u003c\/h3\u003e\n \u003cp\u003eLa citrulline soutient la synthèse protéique et limite les courbatures après l'entraînement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e✨ Soutien de la vitalité\u003c\/h3\u003e\n \u003cp\u003eIntéressante pour les seniors souhaitant préserver leur tonus musculaire et leur mobilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ctr-section\"\u003e\n \u003ch2\u003eComposition et dosage\u003c\/h2\u003e\n \u003cp class=\"ctr-section-intro\"\u003eChaque dose journalière de 4 gélules apporte une concentration optimale en L-Citrulline pure.\u003c\/p\u003e\n \u003cdiv class=\"ctr-grid-compact\"\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e💊 L-Citrulline\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2000 mg\u003c\/strong\u003e par dose journalière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales de 595 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eHydroxypropylméthylcellulose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e📅 Cure\u003c\/h3\u003e\n \u003cp\u003e15 jours par flacon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-tip\"\u003e\n \u003cspan class=\"ctr-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eComposition d'une gélule (595 mg) :\u003c\/strong\u003e L-Citrulline (500 mg), enveloppe végétale (hydroxypropylméthylcellulose), agent de charge (cellulose microcristalline), antiagglomérant (stéarate de magnésium végétal). Formule \u003cstrong\u003e100 % vegan\u003c\/strong\u003e, sans gluten, sans OGM et sans colorants artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ctr-section\"\u003e\n \u003ch2\u003eComment prendre la citrulline ?\u003c\/h2\u003e\n \u003cdiv class=\"ctr-timeline\"\u003e\n \u003cdiv class=\"ctr-timeline-item\"\u003e\n \u003cdiv class=\"ctr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ctr-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\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 \u003cdiv class=\"ctr-timeline-item\"\u003e\n \u003cdiv class=\"ctr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ctr-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun ou environ \u003cstrong\u003e30 minutes avant l'entraînement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-timeline-item\"\u003e\n \u003cdiv class=\"ctr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ctr-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e15 jours à un mois\u003c\/strong\u003e est recommandée, à renouveler si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-tip\"\u003e\n \u003cspan class=\"ctr-tip-icon\"\u003e🏋️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour les sportifs, la prise pré-entraînement maximise les effets sur la circulation et l'endurance pendant l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ctr-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"ctr-grid\"\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e🏃 Les sportifs\u003c\/h3\u003e\n \u003cp\u003eMusculation, course à pied, cyclisme, sports d'endurance — pour améliorer performances et récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e👴 Les seniors\u003c\/h3\u003e\n \u003cp\u003eEn quête de tonus, de mobilité et de soutien musculaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e🌱 Régimes vegan\u003c\/h3\u003e\n \u003cp\u003ePersonnes suivant un régime vegan ou végétarien où l'apport en certains acides aminés peut être limité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ctr-card\"\u003e\n \u003ch3\u003e😴 Fatigue physique\u003c\/h3\u003e\n \u003cp\u003eToute personne ressentant une fatigue physique passagère et souhaitant retrouver son énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ctr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ctr-accordion\"\u003e\n \u003cdetails class=\"ctr-accordion-item\"\u003e\n \u003csummary class=\"ctr-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"ctr-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e, ni à un mode de vie sain. Il \u003cstrong\u003ene 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=\"ctr-accordion-item\"\u003e\n \u003csummary class=\"ctr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ctr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux \u003cstrong\u003eenfants de moins de 15 ans\u003c\/strong\u003e et aux personnes sous traitement médicamenteux. En cas de doute, demandez conseil à votre médecin ou à votre pharmacien avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ctr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre avis sur la citrulline du Laboratoire Code\u003c\/h2\u003e\n \u003cdiv class=\"ctr-testimonial\"\u003e\n \u003cp class=\"ctr-testimonial-text\"\u003eApprécié pour sa \u003cstrong\u003epureté\u003c\/strong\u003e, son dosage généreux à 2000 mg et son \u003cstrong\u003econditionnement français\u003c\/strong\u003e, ce complément séduit aussi bien les sportifs réguliers que les personnes recherchant un soutien musculaire naturel et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ctr-cream: #f7fafc;\n --ctr-white: #ffffff;\n --ctr-primary: #e63946;\n --ctr-primary-dark: #b8202d;\n --ctr-primary-light: #fde8ea;\n --ctr-secondary: #4a90c2;\n --ctr-accent: #1d3557;\n --ctr-text: #1a1a1a;\n --ctr-text-light: #5a5a5a;\n --ctr-border: #e0e0e0;\n --ctr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ctr-shadow-lg: 0 12px 48px rgba(29,53,87,.18);\n --ctr-radius: 20px;\n --ctr-radius-sm: 12px;\n}\n\n.ctr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ctr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ctr-text);\n line-height: 1.6;\n}\n\n.ctr-premium p { color: var(--ctr-text); }\n.ctr-premium strong { color: var(--ctr-primary-dark); font-weight: 700; }\n\n.ctr-hero {\n position: relative;\n background: linear-gradient(135deg, #4a90c2 0%, #1d3557 50%, #e63946 100%);\n border-radius: var(--ctr-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(--ctr-shadow-lg);\n}\n\n.ctr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.ctr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ctr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.ctr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.2);\n}\n\n.ctr-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.ctr-description strong {\n color: white;\n font-weight: 700;\n}\n\n.ctr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ctr-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(--ctr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ctr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ctr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ctr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ctr-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.ctr-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(--ctr-primary), var(--ctr-secondary));\n border-radius: 2px;\n}\n\n.ctr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ctr-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.ctr-card {\n background: var(--ctr-white);\n border-radius: var(--ctr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ctr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ctr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ctr-shadow-lg);\n border-color: var(--ctr-primary);\n}\n\n.ctr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ctr-accent);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ctr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ctr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ctr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ctr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ctr-grid-compact .ctr-card {\n padding: 1rem;\n}\n\n.ctr-grid-compact .ctr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ctr-grid-compact .ctr-card p {\n font-size: 12px;\n}\n\n.ctr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ctr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ctr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ctr-primary), var(--ctr-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(230,57,70,.3);\n}\n\n.ctr-timeline-content {\n flex: 1;\n background: var(--ctr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ctr-radius-sm);\n box-shadow: var(--ctr-shadow);\n}\n\n.ctr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ctr-accent);\n margin: 0 0 .25rem 0;\n}\n\n.ctr-timeline-content p {\n font-size: 14px;\n color: var(--ctr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ctr-testimonial {\n background: var(--ctr-white);\n border-radius: var(--ctr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ctr-shadow);\n border-left: 4px solid var(--ctr-primary);\n}\n\n.ctr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ctr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.ctr-accordion {\n background: var(--ctr-white);\n border-radius: var(--ctr-radius);\n box-shadow: var(--ctr-shadow);\n overflow: hidden;\n}\n\n.ctr-accordion-item {\n border-bottom: 1px solid var(--ctr-border);\n}\n\n.ctr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ctr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ctr-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}\n\n.ctr-accordion-header:hover {\n background: var(--ctr-primary-light);\n}\n\n.ctr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ctr-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ctr-primary);\n transition: transform .2s ease;\n}\n\n.ctr-accordion-item[open] .ctr-accordion-header::after {\n content: '−';\n}\n\n.ctr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ctr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ctr-accordion-content p {\n margin: 0;\n color: var(--ctr-text-light);\n}\n\n.ctr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ctr-primary-light);\n border-radius: var(--ctr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--ctr-primary);\n}\n\n.ctr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.3;\n}\n\n.ctr-tip p {\n font-size: 14px;\n color: var(--ctr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .ctr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .ctr-card { padding: 1.125rem; }\n .ctr-section { margin-bottom: 1.75rem; }\n .ctr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ctr-radius-sm);\n }\n .ctr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .ctr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .ctr-grid-compact { gap: .625rem; }\n .ctr-grid-compact .ctr-card { padding: .75rem; }\n .ctr-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .ctr-timeline-content { padding: .875rem 1rem; }\n .ctr-timeline-content h3 { font-size: 14px; }\n .ctr-timeline-content p { font-size: 13px; }\n .ctr-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .ctr-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .ctr-testimonial { padding: 1.25rem; }\n .ctr-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ctr-card { animation: fadeInUp .5s ease backwards; }\n .ctr-card:nth-child(1) { animation-delay: .05s; }\n .ctr-card:nth-child(2) { animation-delay: .1s; }\n .ctr-card:nth-child(3) { animation-delay: .15s; }\n .ctr-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 .ctr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55120751198585,"sku":"LC9040","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/citrulline-2000-mg-60-gelules-laboratoire-code-packshothd_b2deeb30-d8da-4905-8908-e1f180f007b3.webp?v=1785950173"},{"product_id":"duovia-vitamine-d3-k2-mk7-flacon-20-ml-inolab","title":"Duovia Vitamine D3 K2 MK7 - flacon 20 ml - INOLAB","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Duovia Vitamine D3 K2 MK7\nPalette détectée:\n - Primaire: #E67E3A (Orange chaleureux du logo et des badges D3\/K2)\n - Secondaire: #5B7A5F (Vert olive naturel\/bio des visuels)\n - Accent: #F4B942 (Jaune doré des cercles vitamines)\nAmbiance: Naturel\/Bio, clean et professionnel, santé au naturel, laboratoire scientifique avec touche organique\nStyle: Premium naturel avec codes visuels laboratoire\/santé\nPréfixe CSS: dv\n--\u003e\n\u003cdiv class=\"dv-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"dv-hero\"\u003e\n\u003cdiv class=\"dv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-hero-content\"\u003e\n\u003cdiv class=\"dv-badges-top\"\u003e\n\u003cspan class=\"dv-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"dv-badge\"\u003e🔬 Laboratoire Inolab\u003c\/span\u003e \u003cspan class=\"dv-badge\"\u003e💧 Forme liquide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dv-hero-title\"\u003eLa synergie ultime pour vos os et votre cœur\u003c\/span\u003e\n\u003cp class=\"dv-description\"\u003eUn duo de vitamines naturelles en formule liquide hautement biodisponible. Une association scientifiquement prouvée pour renforcer votre santé osseuse, cardiovasculaire et immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eLes 4 actions essentielles de Duovia\u003c\/h2\u003e\n\u003cdiv class=\"dv-grid\"\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eRenforce l'immunité\u003c\/div\u003e\n\u003cp\u003eLa vitamine D3 module efficacement votre système immunitaire pour une meilleure résistance naturelle face aux agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eSoutient la vitalité musculaire\u003c\/div\u003e\n\u003cp\u003eLa vitamine D3 contribue au bon fonctionnement musculaire et aide à maintenir votre force physique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e🦷\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eFavorise la croissance osseuse\u003c\/div\u003e\n\u003cp\u003eLa synergie D3 + K2 MK7 permet une fixation optimale du calcium sur les os, réduisant les risques d'ostéoporose et de fragilité osseuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e❤️\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eContribue à la santé dentaire\u003c\/div\u003e\n\u003cp\u003eLe calcium fixé grâce à la vitamine K2 participe également à la minéralisation des dents pour un sourire éclatant de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION SCIENTIFIQUE --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eUne formule scientifique d'exception\u003c\/h2\u003e\n\u003cdiv class=\"dv-composition-grid\"\u003e\n\u003cdiv class=\"dv-ingredient-card dv-primary-ingredient\"\u003e\n\u003cdiv class=\"dv-vitamin-badge\"\u003e\u003cspan class=\"dv-vitamin-label\"\u003eD3\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage\"\u003e1000 UI\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003epar 2 gouttes\u003c\/div\u003e\n\u003cp\u003eCholécalciférol d'origine naturelle (lanoline). Essentielle pour l'absorption du calcium et du phosphore, elle maintient la densité osseuse et soutient l'immunité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-card dv-secondary-ingredient\"\u003e\n\u003cdiv class=\"dv-vitamin-badge dv-k2-badge\"\u003e\u003cspan class=\"dv-vitamin-label\"\u003eK2\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eVitamine K2 MK7\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage\"\u003e50 µg\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003eForme MenaQ7®\u003c\/div\u003e\n\u003cp\u003eIssue de la fermentation naturelle de pois chiches. Active l'ostéocalcine pour fixer le calcium dans les os et non dans les artères. Biodisponibilité exceptionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-card\"\u003e\n\u003cdiv class=\"dv-icon-small\"\u003e🌻\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eHuile de tournesol\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003eBase huileuse vierge\u003c\/div\u003e\n\u003cp\u003eSupport naturel qui optimise l'absorption des vitamines liposolubles D3 et K2 pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-card\"\u003e\n\u003cdiv class=\"dv-icon-small\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eVitamine E\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003eD-alpha-tocophérol\u003c\/div\u003e\n\u003cp\u003eAntioxydant naturel qui protège les huiles de l'oxydation et garantit la stabilité et la qualité du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI CE DUO EST UNIQUE --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003ePourquoi D3 et K2 sont indissociables ?\u003c\/h2\u003e\n\u003cdiv class=\"dv-synergy-box\"\u003e\n\u003cdiv class=\"dv-synergy-content\"\u003e\n\u003cdiv class=\"dv-synergy-item\"\u003e\n\u003cdiv class=\"dv-synergy-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-text\"\u003e\n\u003cstrong\u003eLa vitamine D3 augmente l'absorption du calcium\u003c\/strong\u003e\n\u003cp\u003eElle permet à votre organisme d'absorber efficacement le calcium provenant de votre alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-item\"\u003e\n\u003cdiv class=\"dv-synergy-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-text\"\u003e\n\u003cstrong\u003eLa vitamine K2 dirige le calcium vers les os\u003c\/strong\u003e\n\u003cp\u003eElle active les protéines qui fixent le calcium sur les os et empêchent sa déposition dans les artères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-item\"\u003e\n\u003cdiv class=\"dv-synergy-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-text\"\u003e\n\u003cstrong\u003eRésultat : protection complète\u003c\/strong\u003e\n\u003cp\u003eOs solides, artères propres, cœur protégé. Une synergie scientifiquement prouvée.\u003c\/p\u003e\n\u003c\/div\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=\"dv-section\"\u003e\n\u003ch2\u003eMode d'emploi simplifié\u003c\/h2\u003e\n\u003cdiv class=\"dv-usage-timeline\"\u003e\n\u003cdiv class=\"dv-usage-step\"\u003e\n\u003cdiv class=\"dv-step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dv-step-content\"\u003e\n\u003cdiv class=\"dv-step-title\"\u003eDosage quotidien\u003c\/div\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 gouttes par jour\u003c\/strong\u003e directement dans la bouche ou diluées dans une cuillère d'huile alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-usage-step\"\u003e\n\u003cdiv class=\"dv-step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dv-step-content\"\u003e\n\u003cdiv class=\"dv-step-title\"\u003eMoment idéal\u003c\/div\u003e\n\u003cp\u003eDe préférence lors d'un repas contenant des matières grasses pour optimiser l'absorption des vitamines liposolubles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-usage-step\"\u003e\n\u003cdiv class=\"dv-step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dv-step-content\"\u003e\n\u003cdiv class=\"dv-step-title\"\u003eDurée de cure\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e pour des résultats optimaux. Le flacon de 20ml contient 320 gouttes, soit environ 5 mois à raison de 2 gouttes\/jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eLes bénéfices visibles de votre cure\u003c\/h2\u003e\n\u003cdiv class=\"dv-results-grid\"\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eDès 2 semaines\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eÉnergie musculaire\u003c\/div\u003e\n\u003cp\u003eAmélioration notable de la vitalité musculaire et réduction de la fatigue physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eAprès 1 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eImmunité renforcée\u003c\/div\u003e\n\u003cp\u003eSystème immunitaire plus réactif face aux agressions saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eAprès 2-3 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eSanté osseuse\u003c\/div\u003e\n\u003cp\u003eAmélioration de la densité osseuse et réduction du risque de fragilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eSur le long terme\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e❤️\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eProtection cardiovasculaire\u003c\/div\u003e\n\u003cp\u003ePrévention des dépôts calciques dans les artères grâce à la vitamine K2.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI ? --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eDuovia est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"dv-grid\"\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous manquez de soleil\u003c\/div\u003e\n\u003cp\u003eEn hiver ou si vous sortez peu, vous êtes probablement carencé en vitamine D. Duovia compense ce déficit naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e👴\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous avez plus de 50 ans\u003c\/div\u003e\n\u003cp\u003eLa synthèse de vitamine D diminue avec l'âge. Le duo D3+K2 est essentiel pour préserver votre capital osseux et cardiovasculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e🏃\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous êtes actif\u003c\/div\u003e\n\u003cp\u003eLes sportifs ont des besoins accrus en vitamine D pour la fonction musculaire et la récupération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous recherchez du naturel\u003c\/div\u003e\n\u003cp\u003eFormule 100% naturelle, certifiée bio, sans excipients artificiels. Forme liquide pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous souhaitez protéger vos os\u003c\/div\u003e\n\u003cp\u003eFemmes ménopausées, personnes à risque d'ostéoporose : la synergie D3+K2 est votre meilleure alliée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous prenez du calcium\u003c\/div\u003e\n\u003cp\u003eSi vous vous supplémentez en calcium, le duo D3+K2 est INDISPENSABLE pour qu'il se fixe au bon endroit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVANTAGES PRODUIT --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eLes atouts exclusifs de Duovia\u003c\/h2\u003e\n\u003cdiv class=\"dv-advantages-grid\"\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eForme liquide optimale\u003c\/div\u003e\n\u003cp\u003eAbsorption immédiate et complète grâce à la base huileuse. Bien supérieure aux gélules ou comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🏆\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eK2 MenaQ7® brevetée\u003c\/div\u003e\n\u003cp\u003eLa forme de vitamine K2 la plus étudiée et la plus biodisponible du marché. Efficacité scientifiquement prouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003e100% d'origine naturelle\u003c\/div\u003e\n\u003cp\u003eD3 issue de lanoline, K2 de fermentation de pois chiches. Aucun ingrédient de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e📏\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eDosage précis et facile\u003c\/div\u003e\n\u003cp\u003eCompte-gouttes intégré pour un dosage millimétré. 2-3 gouttes suffisent, pas de surdosage possible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eQualité laboratoire Inolab\u003c\/div\u003e\n\u003cp\u003eFabriqué en France selon les normes pharmaceutiques les plus strictes. Traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eConvient aux végétariens\u003c\/div\u003e\n\u003cp\u003eFormulation adaptée aux régimes végétariens (D3 issue de lanoline végétale).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003cdiv class=\"dv-warning-box\"\u003e\n\u003cdiv class=\"dv-warning-content\"\u003e\n\u003cdiv class=\"dv-warning-title\"\u003e⚠️ Précautions d'emploi\u003c\/div\u003e\n\u003cul class=\"dv-warning-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eContre-indication importante :\u003c\/strong\u003e Ce produit est déconseillé aux personnes sous traitement anticoagulant (warfarine, AVK) en raison de la présence de vitamine K2 qui peut interférer avec l'efficacité du traitement.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée de 2-3 gouttes.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eEn cas de grossesse ou d'allaitement, demandez conseil à votre médecin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"dv-info-grid\"\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e20 ml\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003e320 gouttes (environ 160 doses)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003eDurée\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e5 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003eÀ raison de 2 gouttes\/jour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003ePosologie\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e2-3 gouttes\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003eUne fois par jour au repas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003eConservation\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e24 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003eÀ l'abri de la lumière\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"dv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dv-cta-box\"\u003e\n\u003cdiv class=\"dv-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-cta-content\"\u003e\n\u003cdiv class=\"dv-cta-icon\"\u003e✨\u003c\/div\u003e\n\u003cp class=\"dv-cta-text\"\u003eNe laissez plus le manque de soleil affaiblir votre santé. Offrez à votre corps la synergie naturelle D3 + K2 MK7 pour des os solides, un cœur protégé et une immunité au top. Une simple goutte par jour peut transformer votre bien-être !\u003c\/p\u003e\n\u003cdiv class=\"dv-cta-highlight\"\u003e\n\u003cspan class=\"dv-cta-badge\"\u003e🎁 Flacon = 5 mois de cure\u003c\/span\u003e \u003cspan class=\"dv-cta-badge\"\u003e🌿 100% naturel certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --dv-cream: #faf8f5;\n --dv-white: #ffffff;\n --dv-primary: #E67E3A;\n --dv-primary-dark: #c86929;\n --dv-primary-light: #fef3ec;\n --dv-secondary: #5B7A5F;\n --dv-secondary-light: #e8f0e9;\n --dv-accent: #F4B942;\n --dv-accent-light: #fef8e7;\n --dv-text: #1a1a1a;\n --dv-text-light: #5a5a5a;\n --dv-border: #e0e0e0;\n --dv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dv-radius: 20px;\n --dv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.dv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--dv-text);\n}\n\n\/* === HERO === *\/\n.dv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dv-primary) 0%, #d86f2a 50%, var(--dv-accent) 100%);\n border-radius: var(--dv-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(--dv-shadow-lg);\n}\n\n.dv-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.dv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.dv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.dv-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(19px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.dv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.dv-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dv-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--dv-primary-dark);\n margin-bottom: clamp(2rem, 3vw, 3rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 4px;\n background: linear-gradient(90deg, var(--dv-primary), var(--dv-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLE BASIQUE === *\/\n.dv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.dv-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--dv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dv-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dv-shadow-lg);\n border-color: var(--dv-primary);\n}\n\n.dv-icon {\n font-size: clamp(42px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.dv-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.8rem;\n letter-spacing: -.02em;\n}\n\n.dv-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.dv-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-ingredient-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n padding: clamp(2rem, 3vw, 2.5rem);\n box-shadow: var(--dv-shadow);\n border: 2px solid var(--dv-border);\n transition: all .3s ease;\n position: relative;\n text-align: center;\n}\n\n.dv-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-primary-ingredient {\n background: linear-gradient(135deg, var(--dv-accent-light) 0%, var(--dv-white) 100%);\n border-color: var(--dv-accent);\n}\n\n.dv-secondary-ingredient {\n background: linear-gradient(135deg, var(--dv-secondary-light) 0%, var(--dv-white) 100%);\n border-color: var(--dv-secondary);\n}\n\n.dv-vitamin-badge {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--dv-accent) 0%, #f0a820 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n box-shadow: 0 6px 24px rgba(244, 185, 66, .3);\n}\n\n.dv-k2-badge {\n background: linear-gradient(135deg, var(--dv-secondary) 0%, #4a6350 100%);\n box-shadow: 0 6px 24px rgba(91, 122, 95, .3);\n}\n\n.dv-vitamin-label {\n font-size: 28px;\n font-weight: 900;\n color: white;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.dv-icon-small {\n font-size: 36px;\n margin-bottom: 1rem;\n}\n\n.dv-ingredient-name {\n font-size: clamp(19px, 2.5vw, 23px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.8rem;\n}\n\n.dv-dosage {\n font-size: clamp(32px, 4vw, 42px);\n font-weight: 900;\n color: var(--dv-primary);\n margin-bottom: 0.3rem;\n letter-spacing: -.02em;\n}\n\n.dv-dosage-detail {\n font-size: 14px;\n font-weight: 700;\n color: var(--dv-text-light);\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SYNERGIE === *\/\n.dv-synergy-box {\n background: linear-gradient(135deg, var(--dv-primary-light) 0%, var(--dv-accent-light) 100%);\n border-radius: var(--dv-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n border: 3px solid var(--dv-primary);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-synergy-content {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.dv-synergy-item {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--dv-white);\n padding: 1.8rem;\n border-radius: var(--dv-radius-sm);\n box-shadow: var(--dv-shadow);\n}\n\n.dv-synergy-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--dv-primary), var(--dv-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(230, 126, 58, .3);\n}\n\n.dv-synergy-text strong {\n display: block;\n font-size: clamp(17px, 2.5vw, 20px);\n color: var(--dv-primary-dark);\n margin-bottom: 0.5rem;\n font-weight: 800;\n}\n\n.dv-synergy-text p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n.dv-synergy-arrow {\n text-align: center;\n font-size: 32px;\n font-weight: 900;\n color: var(--dv-primary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.dv-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.dv-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--dv-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--dv-radius);\n box-shadow: var(--dv-shadow);\n border-left: 5px solid var(--dv-primary);\n transition: all .3s ease;\n}\n\n.dv-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-step-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--dv-primary), var(--dv-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(230, 126, 58, .3);\n}\n\n.dv-step-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.dv-step-content p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n.dv-step-content strong {\n color: var(--dv-primary);\n font-weight: 800;\n}\n\n\/* === RÉSULTATS === *\/\n.dv-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-result-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--dv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dv-result-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--dv-primary), var(--dv-accent));\n}\n\n.dv-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dv-shadow-lg);\n border-color: var(--dv-primary);\n}\n\n.dv-result-timeline {\n display: inline-block;\n padding: 6px 14px;\n background: var(--dv-primary-light);\n color: var(--dv-primary-dark);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 1rem;\n}\n\n.dv-result-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.dv-result-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.8rem;\n}\n\n.dv-result-card p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n\/* === PROFILS === *\/\n.dv-profile-card {\n border: 2px solid var(--dv-border);\n}\n\n.dv-profile-card:hover {\n border-color: var(--dv-secondary);\n}\n\n.dv-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.dv-profile-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dv-secondary);\n margin-bottom: 0.8rem;\n}\n\n\/* === AVANTAGES === *\/\n.dv-advantages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-advantage-item {\n display: flex;\n gap: 1.2rem;\n align-items: flex-start;\n background: var(--dv-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--dv-radius-sm);\n box-shadow: var(--dv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dv-advantage-item:hover {\n transform: translateX(8px);\n box-shadow: var(--dv-shadow-lg);\n border-color: var(--dv-primary);\n}\n\n.dv-advantage-icon {\n flex-shrink: 0;\n font-size: 38px;\n}\n\n.dv-advantage-title {\n font-size: clamp(16px, 2.2vw, 19px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.dv-advantage-content p {\n margin: 0;\n font-size: 14px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.dv-warning-box {\n background: linear-gradient(135deg, #fff8e1 0%, #fff3cd 100%);\n border: 3px solid #f4b942;\n border-radius: var(--dv-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 1.5rem;\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-warning-icon {\n flex-shrink: 0;\n font-size: 48px;\n}\n\n.dv-warning-title {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: #c86929;\n margin-bottom: 1rem;\n}\n\n.dv-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.dv-warning-list li {\n position: relative;\n font-size: 15px;\n line-height: 1.8;\n color: var(--dv-text);\n margin-bottom: 0.8rem;\n padding-left: 1.5rem;\n}\n\n.dv-warning-list li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--dv-primary);\n font-weight: 900;\n}\n\n.dv-warning-list strong {\n color: #c86929;\n font-weight: 800;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.dv-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-info-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius-sm);\n padding: 1.8rem;\n box-shadow: var(--dv-shadow);\n border: 2px solid var(--dv-border);\n text-align: center;\n transition: all .3s ease;\n}\n\n.dv-info-card:hover {\n transform: translateY(-5px);\n border-color: var(--dv-primary);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--dv-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n margin-bottom: 0.8rem;\n}\n\n.dv-info-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--dv-primary);\n margin-bottom: 0.5rem;\n letter-spacing: -.02em;\n}\n\n.dv-info-detail {\n font-size: 14px;\n color: var(--dv-text-light);\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.dv-cta-box {\n background: linear-gradient(135deg, var(--dv-primary) 0%, var(--dv-primary-dark) 100%);\n border-radius: var(--dv-radius);\n padding: clamp(3rem, 6vw, 5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.dv-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dv-cta-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n.dv-cta-text {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 2rem 0;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.dv-cta-highlight {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n}\n\n.dv-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 15px;\n font-weight: 800;\n color: var(--dv-primary-dark);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dv-grid,\n .dv-composition-grid,\n .dv-results-grid,\n .dv-advantages-grid,\n .dv-info-grid {\n grid-template-columns: 1fr;\n }\n\n .dv-synergy-content {\n gap: 1.5rem;\n }\n\n .dv-synergy-item {\n flex-direction: column;\n text-align: center;\n }\n\n .dv-synergy-arrow {\n transform: rotate(90deg);\n margin: 0.5rem 0;\n }\n\n .dv-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .dv-advantage-item {\n flex-direction: column;\n text-align: center;\n }\n\n .dv-usage-step {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dv-card,\n .dv-ingredient-card,\n .dv-result-card,\n .dv-advantage-item,\n .dv-info-card {\n animation: dvFadeInUp .6s ease backwards;\n }\n\n .dv-card:nth-child(1),\n .dv-ingredient-card:nth-child(1) { animation-delay: .1s; }\n .dv-card:nth-child(2),\n .dv-ingredient-card:nth-child(2) { animation-delay: .2s; }\n .dv-card:nth-child(3),\n .dv-ingredient-card:nth-child(3) { animation-delay: .3s; }\n .dv-card:nth-child(4),\n .dv-ingredient-card:nth-child(4) { animation-delay: .4s; }\n .dv-card:nth-child(5) { animation-delay: .5s; }\n .dv-card:nth-child(6) { animation-delay: .6s; }\n\n .dv-usage-step:nth-child(1) { animation: dvFadeInUp .6s ease .1s backwards; }\n .dv-usage-step:nth-child(2) { animation: dvFadeInUp .6s ease .2s backwards; }\n .dv-usage-step:nth-child(3) { animation: dvFadeInUp .6s ease .3s backwards; }\n}\n\n@keyframes dvFadeInUp {\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 .dv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dv-premium {\n --dv-shadow: 0 4px 24px rgba(0,0,0,.25);\n --dv-shadow-lg: 0 12px 48px rgba(0,0,0,.35);\n }\n\n .dv-card,\n .dv-ingredient-card,\n .dv-result-card {\n border-width: 3px;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .dv-premium {\n background: white;\n padding: 1rem;\n }\n\n .dv-hero,\n .dv-cta-box {\n background: white;\n color: black;\n border: 2px solid black;\n }\n\n .dv-card,\n .dv-ingredient-card {\n box-shadow: none;\n border: 1px solid black;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55156527726969,"sku":"53015017","price":12.33,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/duovia-vitamine-d3-k2-mk7-flacon-20-ml-inolab-packshothd.webp?v=1785937370"},{"product_id":"magnesium-renforce-60-gelules-meralia","title":"Magnésium Renforcé - 60 gélules - MERalia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Renforcé - 60 gélules - MERalia\nPalette détectée:\n - Primaire: #2E4A8E (bleu marine profond du couvercle et vague)\n - Secondaire: #5B7EC2 (bleu moyen de la bande\/étiquette)\n - Accent: #3AAFE0 (bleu clair du poisson\/logo MERalia)\n - Fond: #F4F7FB (gris bleuté très clair)\nAmbiance: Marin, naturel, santé, confiance, vitalité — packaging épuré blanc\/bleu\nPréfixe CSS: mgr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Magnésium Renforcé MERalia : magnésium marin et vitamines B pour retrouver votre vitalité\"\n 2. \"Pourquoi choisir un magnésium marin plutôt qu'un magnésium classique ?\"\n 3. \"Les bienfaits concrets de cette formule renforcée\"\n 4. \"Valeurs nutritionnelles pour 2 gélules (dose journalière)\"\n 5. \"Comment prendre le Magnésium Renforcé MERalia ?\"\n 6. \"À qui s'adresse ce complément ?\"\n 7. \"Qualité et fabrication française\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mgr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mgr-hero\"\u003e\n \u003cdiv class=\"mgr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mgr-hero-content\"\u003e\n \u003cdiv class=\"mgr-badges-top\"\u003e\n \u003cspan class=\"mgr-badge\"\u003e🌊 Magnésium marin\u003c\/span\u003e\n \u003cspan class=\"mgr-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"mgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mgr-badge\"\u003e⚡ Vitamines B1, B2 \u0026amp; B6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mgr-hero-title\"\u003eMagnésium Renforcé MERalia\u003c\/span\u003e\n \u003cp class=\"mgr-subtitle\"\u003eMagnésium marin + vitamines du groupe B\u003c\/p\u003e\n \u003cp class=\"mgr-description\"\u003eLa synergie marine qui restaure votre énergie, apaise votre système nerveux et soutient vos muscles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eMagnésium Renforcé MERalia : magnésium marin et vitamines B pour retrouver votre vitalité\u003c\/h2\u003e\n \u003cp class=\"mgr-section-intro\"\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e, des tensions musculaires ou une nervosité qui s'installe ? Votre organisme manque probablement de magnésium.\u003c\/p\u003e\n \u003cp class=\"mgr-section-intro\"\u003eAvec le \u003cstrong\u003eMagnésium Renforcé de MERalia\u003c\/strong\u003e, vous misez sur un \u003cstrong\u003ecomplément alimentaire magnésium\u003c\/strong\u003e d'origine marine, enrichi en vitamines B1, B2 et B6 pour une action complète sur votre énergie, votre système nerveux et votre bien-être quotidien.\u003c\/p\u003e\n \u003cdiv class=\"mgr-grid-compact\"\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue durablement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n \u003cp\u003eApaise la nervosité et le stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e💪 Muscles\u003c\/h3\u003e\n \u003cp\u003eSoutient le fonctionnement musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🌊 Origine marine\u003c\/h3\u003e\n \u003cp\u003eHaute biodisponibilité 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=\"mgr-section\"\u003e\n \u003ch2\u003ePourquoi choisir un magnésium marin plutôt qu'un magnésium classique ?\u003c\/h2\u003e\n \u003cdiv class=\"mgr-testimonial\"\u003e\n \u003cp class=\"mgr-testimonial-text\"\u003eTous les compléments de magnésium ne se valent pas. Le \u003cstrong\u003emagnésium marin\u003c\/strong\u003e présent dans cette formule est naturellement extrait de l'eau de mer, ce qui lui confère une \u003cstrong\u003eexcellente biodisponibilité\u003c\/strong\u003e. Concrètement, votre corps l'assimile plus facilement qu'un magnésium de synthèse. C'est un critère essentiel lorsque vous cherchez le \u003cstrong\u003emeilleur complément alimentaire magnésium\u003c\/strong\u003e pour répondre à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-tip\"\u003e\n \u003cspan class=\"mgr-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssocié aux \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e, il agit de manière synergique : la vitamine B6 facilite l'absorption du magnésium, tandis que les vitamines B1 et B2 renforcent l'action sur le métabolisme énergétique. Un trio pensé pour maximiser chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette formule renforcée\u003c\/h2\u003e\n \u003cdiv class=\"mgr-grid\"\u003e\n \u003cdiv class=\"mgr-card mgr-card-highlight\"\u003e\n \u003ch3\u003e🌊 Magnésium marin — 300 mg\u003c\/h3\u003e\n \u003cp\u003eContribue à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e, soutient le fonctionnement musculaire normal et participe à l'équilibre du système nerveux. Idéal en période de stress ou de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🧬 Vitamine B6 — 1,4 mg\u003c\/h3\u003e\n \u003cp\u003eIntervient dans la synthèse des neurotransmetteurs et soutient le \u003cstrong\u003esystème immunitaire\u003c\/strong\u003e. Elle joue aussi un rôle dans la régulation de l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine B2 — Riboflavine — 1,4 mg\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e et contribue à la santé de la peau et des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e⚙️ Vitamine B1 — Thiamine — 1,1 mg\u003c\/h3\u003e\n \u003cp\u003eEssentielle au bon fonctionnement du \u003cstrong\u003esystème nerveux\u003c\/strong\u003e et au métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mgr-table-wrapper\"\u003e\n \u003ctable class=\"mgr-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eMagnésium marin\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e80 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B6\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1,4 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B2\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1,4 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B1\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1,1 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003cp class=\"mgr-table-note\"\u003e\u003cem\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eComment prendre le Magnésium Renforcé MERalia ?\u003c\/h2\u003e\n \u003cdiv class=\"mgr-timeline\"\u003e\n \u003cdiv class=\"mgr-timeline-item\"\u003e\n \u003cdiv class=\"mgr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin — 1 gélule\u003c\/h3\u003e\n \u003cp\u003ePrenez votre première gélule avec un grand verre d'eau, de préférence au moment du petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-item\"\u003e\n \u003cdiv class=\"mgr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir — 1 gélule\u003c\/h3\u003e\n \u003cp\u003ePrenez la seconde gélule au dîner avec un grand verre d'eau pour optimiser l'absorption nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-item\"\u003e\n \u003cdiv class=\"mgr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-content\"\u003e\n \u003ch3\u003e🔄 Cure de 30 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules correspond à une cure complète d'un mois. Pour un effet durable, renouvelez la cure plusieurs fois par an, notamment aux changements de saison ou en période de forte sollicitation physique ou intellectuelle.\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=\"mgr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"mgr-section-intro\"\u003eCe \u003cstrong\u003ecomplément alimentaire magnésium\u003c\/strong\u003e convient aux adultes qui souhaitent retrouver leur énergie, apaiser leur nervosité ou soutenir leur récupération musculaire.\u003c\/p\u003e\n \u003cdiv class=\"mgr-grid-compact\"\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🏃 Actifs fatigués\u003c\/h3\u003e\n \u003cp\u003eRetrouvez votre énergie au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eApaisez votre nervosité naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre récupération musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; végétaliens\u003c\/h3\u003e\n \u003cp\u003eGélules 100 % végétales adaptées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-tip\"\u003e\n \u003cspan class=\"mgr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous recherchez un complément alimentaire associant fer et magnésium, potassium et magnésium, ou encore zinc et magnésium, cette formule se combine facilement à d'autres cures selon vos besoins spécifiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"mgr-grid\"\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eMERalia garantit une production hexagonale avec une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e, du sourcing marin à la mise en gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🔍 Formule transparente\u003c\/h3\u003e\n \u003cp\u003eAucun additif controversé, aucun excipient inutile : une composition rigoureuse et sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eUn format 100 % végétal adapté à tous les régimes alimentaires, y compris végétarien et végétalien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"mgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mgr-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre corps le magnésium marin dont il a besoin.\u003cbr\u003eÉnergie, sérénité, vitalité — en une cure de 30 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mgr-disclaimer\"\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e ce 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 utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mgr-cream: #F4F7FB;\n --mgr-white: #ffffff;\n --mgr-primary: #2E4A8E;\n --mgr-primary-dark: #1B2F5E;\n --mgr-primary-light: #E8EDF7;\n --mgr-secondary: #5B7EC2;\n --mgr-accent: #3AAFE0;\n --mgr-text: #1a1a1a;\n --mgr-text-light: #5a5a5a;\n --mgr-border: #dde4f0;\n --mgr-shadow: 0 4px 24px rgba(46,74,142,.08);\n --mgr-shadow-lg: 0 12px 48px rgba(46,74,142,.15);\n --mgr-radius: 20px;\n --mgr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mgr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mgr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mgr-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mgr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mgr-primary-dark) 0%, var(--mgr-primary) 40%, var(--mgr-secondary) 70%, var(--mgr-accent) 100%);\n border-radius: var(--mgr-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(--mgr-shadow-lg);\n}\n\n.mgr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse 120% 80% at 80% 90%, rgba(58,175,224,.2) 0%, transparent 60%),\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 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='M0 30 Q15 20 30 30 Q45 40 60 30' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='2'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mgr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.mgr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mgr-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(--mgr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mgr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.mgr-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.mgr-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: .01em;\n}\n\n.mgr-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\/* === SECTIONS === *\/\n.mgr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mgr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mgr-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.mgr-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(--mgr-primary), var(--mgr-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mgr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mgr-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.mgr-section-intro strong {\n color: var(--mgr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mgr-card {\n background: var(--mgr-white);\n border-radius: var(--mgr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mgr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mgr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mgr-shadow-lg);\n border-color: var(--mgr-primary);\n}\n\n.mgr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mgr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mgr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mgr-card p strong {\n color: var(--mgr-text);\n}\n\n\/* Card highlight *\/\n.mgr-card-highlight {\n border: 2px solid var(--mgr-accent);\n background: linear-gradient(180deg, var(--mgr-white) 0%, var(--mgr-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.mgr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mgr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mgr-grid-compact .mgr-card {\n padding: 1rem;\n}\n\n.mgr-grid-compact .mgr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mgr-grid-compact .mgr-card p {\n font-size: 12px;\n}\n\n\/* === TABLE === *\/\n.mgr-table-wrapper {\n background: var(--mgr-white);\n border-radius: var(--mgr-radius);\n box-shadow: var(--mgr-shadow);\n overflow: hidden;\n padding: clamp(1rem, 3vw, 2rem);\n}\n\n.mgr-table {\n width: 100%;\n border-collapse: collapse;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.mgr-table thead tr {\n background: linear-gradient(135deg, var(--mgr-primary), var(--mgr-secondary));\n}\n\n.mgr-table thead th {\n color: white;\n font-weight: 700;\n padding: 12px 16px;\n text-align: left;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.mgr-table thead th:last-child {\n text-align: center;\n}\n\n.mgr-table tbody td {\n padding: 12px 16px;\n border-bottom: 1px solid var(--mgr-border);\n color: var(--mgr-text);\n}\n\n.mgr-table tbody td:last-child {\n text-align: center;\n font-weight: 700;\n color: var(--mgr-primary);\n}\n\n.mgr-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.mgr-table tbody tr:hover {\n background: var(--mgr-primary-light);\n}\n\n.mgr-table-note {\n font-size: 12px;\n color: var(--mgr-text-light);\n margin: .75rem 0 0 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.mgr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mgr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mgr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mgr-primary), var(--mgr-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(46,74,142,.2);\n}\n\n.mgr-timeline-content {\n flex: 1;\n background: var(--mgr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mgr-radius-sm);\n box-shadow: var(--mgr-shadow);\n}\n\n.mgr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mgr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mgr-timeline-content p {\n font-size: 14px;\n color: var(--mgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mgr-testimonial {\n background: var(--mgr-white);\n border-radius: var(--mgr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mgr-shadow);\n border-left: 4px solid var(--mgr-accent);\n}\n\n.mgr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mgr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.mgr-testimonial-text strong {\n color: var(--mgr-primary-dark);\n font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.mgr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mgr-primary-light);\n border-radius: var(--mgr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mgr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mgr-tip p {\n font-size: 14px;\n color: var(--mgr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mgr-tip p strong {\n color: var(--mgr-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.mgr-cta-box {\n background: linear-gradient(135deg, var(--mgr-primary) 0%, var(--mgr-primary-dark) 50%, var(--mgr-secondary) 100%);\n border-radius: var(--mgr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mgr-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 40 Q20 25 40 40 Q60 55 80 40' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='2'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mgr-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mgr-disclaimer {\n font-size: 12px;\n color: var(--mgr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n.mgr-disclaimer strong {\n font-style: normal;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mgr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mgr-card {\n padding: 1.125rem;\n }\n\n .mgr-section {\n margin-bottom: 1.75rem;\n }\n\n .mgr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mgr-radius-sm);\n }\n\n .mgr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mgr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mgr-grid-compact {\n gap: .625rem;\n }\n\n .mgr-grid-compact .mgr-card {\n padding: .75rem;\n }\n\n .mgr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mgr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mgr-timeline-content h3 {\n font-size: 14px;\n }\n\n .mgr-timeline-content p {\n font-size: 13px;\n }\n\n .mgr-testimonial {\n padding: 1.25rem;\n }\n\n .mgr-testimonial-text {\n font-size: 14px;\n }\n\n .mgr-table thead th {\n padding: 10px 12px;\n font-size: 12px;\n }\n\n .mgr-table tbody td {\n padding: 10px 12px;\n font-size: 13px;\n }\n\n .mgr-table-wrapper {\n padding: .75rem;\n }\n\n .mgr-tip {\n padding: .875rem 1rem;\n }\n\n .mgr-tip-icon {\n font-size: 20px;\n }\n\n .mgr-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mgr-card {\n animation: mgrFadeInUp .5s ease backwards;\n }\n .mgr-card:nth-child(1) { animation-delay: .05s; }\n .mgr-card:nth-child(2) { animation-delay: .1s; }\n .mgr-card:nth-child(3) { animation-delay: .15s; }\n .mgr-card:nth-child(4) { animation-delay: .2s; }\n .mgr-card:nth-child(5) { animation-delay: .25s; }\n .mgr-card:nth-child(6) { animation-delay: .3s; }\n\n .mgr-timeline-item {\n animation: mgrFadeInUp .5s ease backwards;\n }\n .mgr-timeline-item:nth-child(1) { animation-delay: .1s; }\n .mgr-timeline-item:nth-child(2) { animation-delay: .2s; }\n .mgr-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes mgrFadeInUp {\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 .mgr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MERALIA","offers":[{"title":"Default Title","offer_id":55157150024057,"sku":"ME4003","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-renforce-60-gelules-meralia-packshothd.webp?v=1785914257"},{"product_id":"silazen-labo-sante-silice","title":"Silazen : Silicium végétal 4000mg + Passiflore + Magnésium - 1L","description":"\u003cdiv class=\"sz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sz-hero\"\u003e\n \u003cdiv class=\"sz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sz-hero-content\"\u003e\n \u003cdiv class=\"sz-badges-top\"\u003e\n \u003cspan class=\"sz-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"sz-badge\"\u003e🎋 Silicium végétal 4000 mg\/L\u003c\/span\u003e\n \u003cspan class=\"sz-badge\"\u003e🌙 Passiflore + Magnésium\u003c\/span\u003e\n \u003cspan class=\"sz-badge\"\u003e📦 Format 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sz-hero-title\"\u003eSilazen : Silicium végétal 4000mg + Passiflore + Magnésium\u003c\/span\u003e\n \u003cp class=\"sz-subtitle\"\u003eLa synergie unique vitalité \u0026amp; sérénité par le Labo Santé Silice\u003c\/p\u003e\n \u003cp class=\"sz-description\"\u003eUn flacon de 1L concentré en silicium d'origine bambou, enrichi en magnésium, passiflore et fleur d'oranger pour prendre soin de vos articulations, cheveux, ongles… et de votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eSilazen : le silicium végétal concentré qui allie vitalité et sérénité\u003c\/h2\u003e\n \u003cp class=\"sz-section-intro\"\u003eVous cherchez un complément alimentaire capable de prendre soin de vos articulations, de vos cheveux et de vos ongles, tout en vous aidant à retrouver un sommeil apaisé ?\u003c\/p\u003e\n \u003cdiv class=\"sz-grid-compact\"\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🎋 Silicium bambou\u003c\/h3\u003e\n \u003cp\u003e4000 mg\/L de silicium végétal hautement biodisponible issu de l'exsudat de bambou\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🧲 Magnésium\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue et soutient le système nerveux au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌿 Passiflore\u003c\/h3\u003e\n \u003cp\u003eAide à induire le repos et le sommeil de manière naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌸 Fleur d'oranger\u003c\/h3\u003e\n \u003cp\u003eTouche apaisante et goût agréable pour une prise quotidienne plaisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003ePourquoi le silicium organique végétal est-il si précieux ?\u003c\/h2\u003e\n \u003cdiv class=\"sz-card sz-card-text\"\u003e\n \u003cp\u003eLe silicium est un oligo-élément présent dans de nombreux tissus de votre corps : \u003cstrong\u003eos, cartilages, peau, cheveux, ongles\u003c\/strong\u003e. Avec l'âge, vos réserves diminuent naturellement, ce qui peut se traduire par un inconfort articulaire, des ongles fragiles ou des cheveux ternes.\u003c\/p\u003e\n \u003cp\u003eContrairement aux sources minérales, le \u003cstrong\u003esilicium d'origine végétale\u003c\/strong\u003e issu de l'exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e) offre une \u003cstrong\u003ebiodisponibilité remarquable\u003c\/strong\u003e, ce qui signifie que votre organisme l'assimile plus facilement.\u003c\/p\u003e\n \u003cp\u003eSi vous avez déjà entendu parler du silicium végétal prêle ortie, sachez que le bambou se distingue par sa \u003cstrong\u003econcentration exceptionnelle en silice naturelle\u003c\/strong\u003e. C'est précisément ce qui fait la force de Silazen : un dosage élevé de \u003cstrong\u003e4000 mg de silicium par litre\u003c\/strong\u003e, bien au-dessus de nombreuses formules concurrentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eUne formule enrichie pour la relaxation et le bien-être\u003c\/h2\u003e\n \u003cp class=\"sz-section-intro\"\u003eSilazen ne se limite pas à un simple apport en silicium. Sa formulation intègre des actifs complémentaires soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"sz-grid\"\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🧲 Magnésium (sulfate de magnésium)\u003c\/h3\u003e\n \u003cp\u003eContribue à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e et soutient le fonctionnement normal du système nerveux. Indispensable quand le stress du quotidien pèse sur votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌿 Passiflore (\u003cem\u003ePassiflora incarnata\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement reconnue pour \u003cstrong\u003eaider à induire le repos et le sommeil\u003c\/strong\u003e. Elle favorise la détente mentale sans effet de somnolence lourde au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌸 Hydrolat de fleur d'oranger (\u003cem\u003eCitrus aurantium\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eApporte une \u003cstrong\u003etouche apaisante\u003c\/strong\u003e et un goût agréable qui rend la prise quotidienne vraiment plaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"sz-accordion\"\u003e\n \u003cdetails class=\"sz-accordion-item\" open\u003e\n \u003csummary class=\"sz-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"sz-accordion-content mt-3\"\u003e\n \u003cp\u003eEau déminéralisée, glycérine, exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e), sulfate de magnésium, extrait de passiflore parties aériennes (\u003cem\u003ePassiflora incarnata\u003c\/em\u003e), hydrolat de fleurs d'oranger (\u003cem\u003eCitrus aurantium\u003c\/em\u003e), conservateur (sorbate de potassium), acidifiant (acide citrique).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eComment prendre Silazen ?\u003c\/h2\u003e\n \u003cdiv class=\"sz-timeline\"\u003e\n \u003cdiv class=\"sz-timeline-item\"\u003e\n \u003cdiv class=\"sz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 bouchons doseurs de 20 ml\u003c\/strong\u003e (soit 40 ml par jour), de préférence avant le repas du soir pour profiter pleinement de l'effet relaxant de la passiflore.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-item\"\u003e\n \u003cdiv class=\"sz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eCure recommandée : \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, renouvelable selon vos besoins. Un flacon de 1 litre correspond à environ \u003cstrong\u003e25 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-item\"\u003e\n \u003cdiv class=\"sz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eBien agiter avant chaque utilisation. \u003cstrong\u003eConserver au réfrigérateur\u003c\/strong\u003e après ouverture.\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=\"sz-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"sz-section-intro\"\u003eSilazen convient particulièrement si vous souhaitez :\u003c\/p\u003e\n \u003cdiv class=\"sz-grid-compact\"\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutenir vos articulations au quotidien ou lors d'une activité physique régulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e💇 Cheveux \u0026amp; ongles\u003c\/h3\u003e\n \u003cp\u003eRenforcer des cheveux fragilisés ou des ongles cassants grâce au silicium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌙 Sommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eRetrouver un sommeil de qualité et réduire les tensions accumulées dans la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌱 Apports naturels\u003c\/h3\u003e\n \u003cp\u003eCompléter vos apports en silicium organique végétal et en magnésium de manière naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"sz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n \u003cdiv class=\"sz-cta-box\"\u003e\n \u003cp\u003eFormulé et fabriqué en France par le \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e, spécialiste reconnu du silicium depuis de nombreuses années, Silazen bénéficie d'un savoir-faire rigoureux et d'ingrédients d'origine naturelle traçables. Le format liquide facilite l'absorption et permet un dosage précis, adapté à chacun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sz-disclaimer\"\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain. Il ne se substitue pas à un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sz-cream: #f0f3f8;\n --sz-white: #ffffff;\n --sz-primary: #1a3f7a;\n --sz-primary-dark: #0e2a55;\n --sz-primary-light: #e8eef7;\n --sz-secondary: #2e6bc6;\n --sz-accent: #4a90d9;\n --sz-text: #1a1a1a;\n --sz-text-light: #5a6272;\n --sz-border: #d8dfe9;\n --sz-shadow: 0 4px 24px rgba(14,42,85,.08);\n --sz-shadow-lg: 0 12px 48px rgba(14,42,85,.15);\n --sz-radius: 20px;\n --sz-radius-sm: 12px;\n}\n\n.sz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sz-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sz-primary-dark) 0%, var(--sz-primary) 40%, var(--sz-secondary) 100%);\n border-radius: var(--sz-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(--sz-shadow-lg);\n}\n\n.sz-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(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.sz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sz-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.sz-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.sz-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sz-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(--sz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sz-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.sz-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(--sz-primary), var(--sz-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sz-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.sz-card {\n background: var(--sz-white);\n border-radius: var(--sz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sz-shadow-lg);\n border-color: var(--sz-primary);\n}\n\n.sz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sz-card-text {\n text-align: left;\n}\n\n.sz-card-text p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sz-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sz-card-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sz-grid-compact .sz-card {\n padding: 1rem;\n}\n\n.sz-grid-compact .sz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sz-grid-compact .sz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sz-primary), var(--sz-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.sz-timeline-content {\n flex: 1;\n background: var(--sz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sz-radius-sm);\n box-shadow: var(--sz-shadow);\n}\n\n.sz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sz-timeline-content p {\n font-size: 14px;\n color: var(--sz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sz-accordion {\n background: var(--sz-white);\n border-radius: var(--sz-radius);\n box-shadow: var(--sz-shadow);\n overflow: hidden;\n}\n\n.sz-accordion-item {\n border-bottom: 1px solid var(--sz-border);\n margin: 0;\n padding: 0;\n}\n\n.sz-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sz-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sz-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.sz-accordion-header:hover {\n background: var(--sz-primary-light);\n}\n\n.sz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sz-primary);\n transition: transform .2s ease;\n}\n\n.sz-accordion-item[open] .sz-accordion-header::after {\n content: '−';\n}\n\n.sz-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sz-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sz-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sz-cta-box {\n background: linear-gradient(135deg, var(--sz-primary) 0%, var(--sz-primary-dark) 100%);\n border-radius: var(--sz-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sz-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.sz-disclaimer {\n font-size: 12px;\n color: var(--sz-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 .sz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sz-card {\n padding: 1.125rem;\n }\n\n .sz-section {\n margin-bottom: 1.75rem;\n }\n\n .sz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sz-radius-sm);\n }\n\n .sz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sz-grid-compact {\n gap: .625rem;\n }\n\n .sz-grid-compact .sz-card {\n padding: .75rem;\n }\n\n .sz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sz-timeline-content h3 {\n font-size: 14px;\n }\n\n .sz-timeline-content p {\n font-size: 13px;\n }\n\n .sz-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sz-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sz-card {\n animation: szFadeInUp .5s ease backwards;\n }\n .sz-card:nth-child(1) { animation-delay: .05s; }\n .sz-card:nth-child(2) { animation-delay: .1s; }\n .sz-card:nth-child(3) { animation-delay: .15s; }\n .sz-card:nth-child(4) { animation-delay: .2s; }\n .sz-card:nth-child(5) { animation-delay: .25s; }\n .sz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes szFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sz-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55157370421625,"sku":"LS0060","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silazen-silicium-vegetal-4000mg-passiflore-magnesium-1l-packshothd.webp?v=1773243870"},{"product_id":"boswellia-60-gelules-graine-sauvage","title":"Extrait de Boswellia – 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Extrait de Boswellia – 60 gélules - Graine Sauvage\nPalette détectée:\n - Primaire: #7CB342 (vert lime\/chartreuse du bouchon et de l'étiquette)\n - Secondaire: #558B2F (vert plus foncé pour profondeur)\n - Accent: #C62828 (rouge du logo Fabriqué en France)\n - Fond packaging: #FFFFFF (blanc du flacon)\nAmbiance: Naturel, santé, bien-être, végétal, fabrication française, clean\/épuré\nPréfixe CSS: bw\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Extrait de Boswellia Serrata : votre allié naturel pour le confort articulaire\"\n 2. \"Pourquoi le Boswellia est-il si prisé pour les articulations ?\"\n 3. \"Composition détaillée pour 3 gélules (dose journalière)\"\n 4. \"Comment prendre l'extrait de Boswellia ?\"\n 5. \"Les atouts de ce complément Graine Sauvage\"\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=\"bw-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bw-hero\"\u003e\n \u003cdiv class=\"bw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-hero-content\"\u003e\n \u003cdiv class=\"bw-badges-top\"\u003e\n \u003cspan class=\"bw-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🌿 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e💊 65 % d'acides boswelliques\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e📦 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bw-hero-title\"\u003eExtrait de Boswellia Serrata\u003c\/span\u003e\n \u003cp class=\"bw-subtitle\"\u003eGraine Sauvage — 60 gélules végétales\u003c\/p\u003e\n \u003cp class=\"bw-description\"\u003eL'encens indien millénaire au service de votre confort articulaire. Un extrait titré à 65 % d'acides boswelliques pour une efficacité optimale, sans effet indésirable sur l'estomac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eExtrait de Boswellia Serrata : votre allié naturel pour le confort articulaire\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eVous ressentez des raideurs le matin, des gênes articulaires au quotidien ou une perte de mobilité ? L'extrait de Boswellia Serrata de Graine Sauvage est formulé pour vous accompagner naturellement.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🕰️ Sagesse ayurvédique\u003c\/h3\u003e\n \u003cp\u003eUtilisée depuis des millénaires en médecine ayurvédique, cette résine précieuse — aussi appelée encens indien — est aujourd'hui reconnue pour ses propriétés remarquables sur la santé articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🔬 Titrage à 65 %\u003c\/h3\u003e\n \u003cp\u003eCet extrait est titré à 65 % d'acides boswelliques, un taux parmi les plus concentrés du marché, pour une action ciblée et puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e⚙️ Action anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eLes acides boswelliques agissent en inhibant la production de leucotriènes, des molécules impliquées dans les réactions inflammatoires de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003ePourquoi le Boswellia est-il si prisé pour les articulations ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eContrairement à de nombreuses solutions classiques, le Boswellia agit en profondeur, sans effets indésirables sur l'estomac. Les acides boswelliques contribuent à :\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦴 Soutien articulaire\u003c\/h3\u003e\n \u003cp\u003eParticipe à la réduction des sensations de raideur et d'inconfort pour un quotidien plus serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🤸 Mobilité et souplesse\u003c\/h3\u003e\n \u003cp\u003eFavorise la mobilité et la souplesse des articulations, notamment au niveau des genoux, des hanches et des mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🛡️ Protection du cartilage\u003c\/h3\u003e\n \u003cp\u003eInhibe certaines enzymes comme la collagénase et l'élastase, responsables de la dégradation du collagène articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n \u003cp\u003eUn bienfait complémentaire souvent méconnu : l'extrait de Boswellia Serrata soutient également la fonction digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e👤\u003c\/span\u003e\n \u003cp\u003eCe complément s'adresse particulièrement aux personnes confrontées aux effets du vieillissement articulaire, aux sportifs sollicitant fortement leurs articulations, ou à toute personne souhaitant préserver sa mobilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card bw-card-highlight\"\u003e\n \u003ch3\u003e🌳 Extrait de Boswellia Serrata\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e dont \u003cstrong\u003e292,5 mg d'acides boswelliques\u003c\/strong\u003e (titrage à 65 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌾 Maltodextrine\u003c\/h3\u003e\n \u003cp\u003eAgent de charge naturel pour une répartition homogène de l'actif dans chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💚 Gélule végétale (hypromellose)\u003c\/h3\u003e\n \u003cp\u003e100 % compatible avec un régime végétarien et végan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans additifs artificiels, sans conservateurs et sans allergènes majeurs\u003c\/strong\u003e. La résine de Boswellia est issue d'une agriculture responsable en Inde, et le produit est entièrement \u003cstrong\u003efabriqué en France\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eComment prendre l'extrait de Boswellia ?\u003c\/h2\u003e\n \u003cdiv class=\"bw-timeline\"\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule 3 fois par jour\u003c\/strong\u003e, de préférence au moment des repas pour une meilleure assimilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eDurée du flacon\u003c\/h3\u003e\n \u003cp\u003eChaque flacon contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, soit une cure de \u003cstrong\u003e20 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats durables, suivez une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003eLes premiers effets sur le confort articulaire se font généralement sentir après \u003cstrong\u003edeux à trois semaines\u003c\/strong\u003e d'utilisation 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=\"bw-section\"\u003e\n \u003ch2\u003eLes atouts de ce complément Graine Sauvage\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🎯 Titrage élevé\u003c\/h3\u003e\n \u003cp\u003e65 % d'acides boswelliques pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule naturelle et végan, respectueuse de votre corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française garantissant traçabilité et qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💊 Faciles à avaler\u003c\/h3\u003e\n \u003cp\u003eGélules végétales de petit format pour un confort de prise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🕐 Usage prolongé\u003c\/h3\u003e\n \u003cp\u003eConvient à une utilisation sur le long terme, sans effet sur l'estomac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧪 Pureté garantie\u003c\/h3\u003e\n \u003cp\u003eSans additifs artificiels, sans conservateurs, sans allergènes majeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bw-accordion\"\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire est déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Ne dépassez pas la dose journalière recommandée de 3 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e💊 Interaction médicamenteuse\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement en cours, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bw-disclaimer\"\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bw-cream: #f6f9f2;\n --bw-white: #ffffff;\n --bw-primary: #7CB342;\n --bw-primary-dark: #33691E;\n --bw-primary-light: #f0f7e6;\n --bw-secondary: #558B2F;\n --bw-accent: #C62828;\n --bw-text: #1a1a1a;\n --bw-text-light: #5a5a5a;\n --bw-border: #e0e0e0;\n --bw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bw-radius: 20px;\n --bw-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bw-hero {\n position: relative;\n background: linear-gradient(135deg, #33691E 0%, #558B2F 40%, #7CB342 100%);\n border-radius: var(--bw-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(--bw-shadow-lg);\n}\n\n.bw-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.bw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bw-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.bw-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.bw-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bw-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(--bw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bw-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.bw-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(--bw-primary), var(--bw-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-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.bw-card {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bw-shadow-lg);\n border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bw-card-highlight {\n border-color: var(--bw-primary);\n background: var(--bw-primary-light);\n}\n\n\/* === GRILLES === *\/\n.bw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n padding: 1rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bw-grid-compact .bw-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-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.bw-timeline-content {\n flex: 1;\n background: var(--bw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bw-radius-sm);\n box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n font-size: 14px;\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bw-primary-light);\n border-radius: var(--bw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bw-tip p {\n font-size: 14px;\n color: var(--bw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bw-accordion {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n box-shadow: var(--bw-shadow);\n overflow: hidden;\n}\n\n.bw-accordion-item {\n border-bottom: 1px solid var(--bw-border);\n margin: 0;\n padding: 0;\n}\n\n.bw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bw-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.bw-accordion-header:hover {\n background: var(--bw-primary-light);\n}\n\n.bw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bw-primary);\n transition: transform .2s ease;\n}\n\n.bw-accordion-item[open] .bw-accordion-header::after {\n content: '−';\n}\n\n.bw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bw-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bw-disclaimer {\n font-size: 12px;\n color: var(--bw-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 .bw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bw-card {\n padding: 1.125rem;\n }\n\n .bw-section {\n margin-bottom: 1.75rem;\n }\n\n .bw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bw-radius-sm);\n }\n\n .bw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bw-grid-compact {\n gap: .625rem;\n }\n\n .bw-grid-compact .bw-card {\n padding: .75rem;\n }\n\n .bw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bw-timeline-content h3 {\n font-size: 14px;\n }\n\n .bw-timeline-content p {\n font-size: 13px;\n }\n\n .bw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bw-card {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-card:nth-child(1) { animation-delay: .05s; }\n .bw-card:nth-child(2) { animation-delay: .1s; }\n .bw-card:nth-child(3) { animation-delay: .15s; }\n .bw-card:nth-child(4) { animation-delay: .2s; }\n .bw-card:nth-child(5) { animation-delay: .25s; }\n .bw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bwFadeInUp {\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 .bw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":55159405347193,"sku":"GS0014","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/extrait-de-boswellia-60-gelules-graine-sauvage-packshothd.webp?v=1785946229"},{"product_id":"huile-de-foie-de-morue-90-capsules-meralia","title":"Huile de Foie de Morue - 90 capsules - MERalia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Foie de Morue - 90 capsules - MERalia\nPalette détectée:\n - Primaire: #2B4C8C (bleu marine profond du bouchon et bandeau bas)\n - Secondaire: #4A90D9 (bleu moyen du logo MERalia)\n - Accent: #D4E1F0 (bleu très clair\/lavande du fond étiquette)\n - Fond packaging: #FFFFFF (blanc dominant du flacon)\nAmbiance: Marine, santé naturelle, traditionnel\/éprouvé, familial, confiance médicale\nPréfixe CSS: hfm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de foie de morue MERalia : un allié naturel pour vos os et votre vitalité\"\n 2. \"Les bienfaits de l'huile de foie de morue\"\n 3. \"Composition détaillée pour 3 capsules\"\n 4. \"Comment prendre l'huile de foie de morue MERalia ?\"\n 5. \"Pourquoi choisir cette huile de foie de morue ?\"\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=\"hfm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hfm-hero\"\u003e\n \u003cdiv class=\"hfm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hfm-hero-content\"\u003e\n \u003cdiv class=\"hfm-badges-top\"\u003e\n \u003cspan class=\"hfm-badge\"\u003e🐟 Morue sauvage\u003c\/span\u003e\n \u003cspan class=\"hfm-badge\"\u003e🦴 Structure osseuse\u003c\/span\u003e\n \u003cspan class=\"hfm-badge\"\u003e💊 90 capsules\u003c\/span\u003e\n \u003cspan class=\"hfm-badge\"\u003e🧪 Purifiée \u0026amp; désodorisée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hfm-hero-title\"\u003eHuile de Foie de Morue\u003c\/span\u003e\n \u003cp class=\"hfm-subtitle\"\u003eMERalia — Complément alimentaire marin\u003c\/p\u003e\n \u003cp class=\"hfm-description\"\u003eUn trésor nutritionnel ancestral, naturellement riche en vitamines A \u0026amp; D et en oméga-3 EPA\/DHA, pour préserver votre capital osseux et renforcer votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eHuile de foie de morue MERalia : un allié naturel pour vos os et votre vitalité\u003c\/h2\u003e\n \u003cp class=\"hfm-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour \u003cstrong\u003epréserver votre structure osseuse\u003c\/strong\u003e au quotidien ? L'\u003cstrong\u003ehuile de foie de morue\u003c\/strong\u003e MERalia est une solution éprouvée depuis des générations.\u003c\/p\u003e\n \u003cdiv class=\"hfm-grid-compact\"\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🅰️ Vitamine A\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale et d'une peau saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption du calcium et la santé osseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🐠 Oméga-3 EPA\u003c\/h3\u003e\n \u003cp\u003eParticipe au bon fonctionnement cardiovasculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🧠 Oméga-3 DHA\u003c\/h3\u003e\n \u003cp\u003eContribue à une fonction cardiaque et cérébrale normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-tip\"\u003e\n \u003cspan class=\"hfm-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eAvec \u003cstrong\u003e90 capsules\u003c\/strong\u003e purifiées et désodorisées, cette cure vous accompagne pendant \u003cstrong\u003eun mois complet\u003c\/strong\u003e (adultes) ou \u003cstrong\u003e45 jours\u003c\/strong\u003e (enfants).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de foie de morue\u003c\/h2\u003e\n \u003cp class=\"hfm-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile de foie de morue\u003c\/strong\u003e sont reconnus et documentés. Ce trésor nutritionnel marin agit sur plusieurs plans :\u003c\/p\u003e\n \u003cdiv class=\"hfm-grid\"\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D3 favorise l'absorption du calcium et sa fixation sur les os, contribuant au maintien d'une densité osseuse normale. La vitamine A participe à la spécialisation cellulaire nécessaire à la formation et à la régénération du tissu osseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D contribue au fonctionnement normal du système immunitaire, un atout précieux durant les mois les plus froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e❤️ Bien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLes acides gras oméga-3 EPA et DHA participent au bon fonctionnement du cœur et contribuent à une fonction cardiaque normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e👁️ Vision et peau\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A contribue au maintien d'une vision normale et d'une peau en bonne santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-tip\"\u003e\n \u003cspan class=\"hfm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn \u003cstrong\u003ebienfait de l'huile de foie de morue\u003c\/strong\u003e ne vient jamais seul : c'est un cocktail de nutriments qui se complètent pour soutenir votre organisme dans sa globalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 capsules\u003c\/h2\u003e\n \u003cp class=\"hfm-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e huile de foie de morue, capsule (gélatine de poisson, glycérine végétale).\u003c\/p\u003e\n \u003cdiv class=\"hfm-table-wrapper\"\u003e\n \u003ctable class=\"hfm-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eNutriment (pour 3 capsules)\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% des VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eHuile de foie de morue\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1 500 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eEPA (acide éicosapentaénoïque)\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e105 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eDHA (acide docosahexaénoïque)\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e90 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine A\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e450 µg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e57 %\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine D3\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e3,75 µg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e75 %\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cp class=\"hfm-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eComment prendre l'huile de foie de morue MERalia ?\u003c\/h2\u003e\n \u003cdiv class=\"hfm-timeline\"\u003e\n \u003cdiv class=\"hfm-timeline-item\"\u003e\n \u003cdiv class=\"hfm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-content\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Adultes : 3 capsules par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin au cours du petit-déjeuner pour une meilleure assimilation des vitamines liposolubles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-item\"\u003e\n \u003cdiv class=\"hfm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants : 2 capsules par jour\u003c\/h3\u003e\n \u003cp\u003eLe matin avec le repas. La même boîte dure alors \u003cstrong\u003e45 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-item\"\u003e\n \u003cdiv class=\"hfm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003edeux à trois mois\u003c\/strong\u003e est généralement conseillée pour en ressentir pleinement les effets, notamment à l'approche de l'hiver ou au changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-tip\"\u003e\n \u003cspan class=\"hfm-tip-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003eÀ raison de 3 capsules quotidiennes, votre flacon de 90 capsules couvre \u003cstrong\u003eune cure complète de 30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de foie de morue ?\u003c\/h2\u003e\n \u003cdiv class=\"hfm-grid\"\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🎣 Poissons sauvages\u003c\/h3\u003e\n \u003cp\u003eL'huile est extraite de foies de morues sauvages, garantissant un profil nutritionnel optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e✨ Purifiée et désodorisée\u003c\/h3\u003e\n \u003cp\u003eFini le goût désagréable qui a marqué des générations ! Les capsules sont faciles à avaler et n'entraînent aucun retour de goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🔬 Sans contaminants\u003c\/h3\u003e\n \u003cp\u003eLe processus de purification élimine les métaux lourds et autres polluants marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🐟 Capsule en gélatine de poisson\u003c\/h3\u003e\n \u003cp\u003eUne enveloppe d'origine marine, sans gélatine bovine ni porcine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Convient à toute la famille\u003c\/h3\u003e\n \u003cp\u003eUne posologie adaptable pour les enfants comme pour les adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hfm-accordion\"\u003e\n \u003cdetails class=\"hfm-accordion-item\"\u003e\n \u003csummary class=\"hfm-accordion-header\"\u003e⚠️ Dose journalière et usage\u003c\/summary\u003e\n \u003cdiv class=\"hfm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hfm-accordion-item\"\u003e\n \u003csummary class=\"hfm-accordion-header\"\u003e👩‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hfm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, consultez votre médecin ou votre pharmacien, notamment si vous êtes enceinte, allaitante ou sous traitement anticoagulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hfm-accordion-item\"\u003e\n \u003csummary class=\"hfm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hfm-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes 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\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"hfm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hfm-cta-box\"\u003e\n \u003cp\u003e🐟 Offrez à votre corps le meilleur de la mer — \u003cstrong\u003evitamines A \u0026amp; D, oméga-3 EPA\/DHA\u003c\/strong\u003e — dans une capsule purifiée, désodorisée et respectueuse de 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\/* === VARIABLES CSS === *\/\n:root {\n --hfm-cream: #F4F7FB;\n --hfm-white: #ffffff;\n --hfm-primary: #2B4C8C;\n --hfm-primary-dark: #1A3366;\n --hfm-primary-light: #E8EEF7;\n --hfm-secondary: #4A90D9;\n --hfm-accent: #3AAFCF;\n --hfm-text: #1a1a1a;\n --hfm-text-light: #5a5a5a;\n --hfm-border: #dce4ef;\n --hfm-shadow: 0 4px 24px rgba(43,76,140,.08);\n --hfm-shadow-lg: 0 12px 48px rgba(43,76,140,.15);\n --hfm-radius: 20px;\n --hfm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hfm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hfm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hfm-premium *,\n.hfm-premium *::before,\n.hfm-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hfm-hero {\n position: relative;\n background: linear-gradient(135deg, #1A3366 0%, #2B4C8C 40%, #4A90D9 75%, #3AAFCF 100%);\n border-radius: var(--hfm-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(--hfm-shadow-lg);\n}\n\n.hfm-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,.06) 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,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hfm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hfm-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.hfm-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.hfm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hfm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hfm-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(--hfm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hfm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hfm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hfm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hfm-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.hfm-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(--hfm-primary), var(--hfm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hfm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hfm-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.hfm-card {\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hfm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hfm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hfm-shadow-lg);\n border-color: var(--hfm-primary);\n}\n\n.hfm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hfm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hfm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hfm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hfm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.hfm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hfm-grid-compact .hfm-card {\n padding: 1rem;\n}\n\n.hfm-grid-compact .hfm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hfm-grid-compact .hfm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hfm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hfm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hfm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hfm-primary), var(--hfm-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.hfm-timeline-content {\n flex: 1;\n background: var(--hfm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hfm-radius-sm);\n box-shadow: var(--hfm-shadow);\n}\n\n.hfm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hfm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hfm-timeline-content p {\n font-size: 14px;\n color: var(--hfm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TABLE === *\/\n.hfm-table-wrapper {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n border-radius: var(--hfm-radius);\n box-shadow: var(--hfm-shadow);\n}\n\n.hfm-table {\n width: 100%;\n border-collapse: collapse;\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n overflow: hidden;\n font-size: 15px;\n}\n\n.hfm-table thead {\n background: linear-gradient(135deg, var(--hfm-primary), var(--hfm-secondary));\n}\n\n.hfm-table thead th {\n color: white;\n font-weight: 700;\n padding: 1rem 1.25rem;\n text-align: left;\n font-size: 14px;\n letter-spacing: .02em;\n white-space: nowrap;\n}\n\n.hfm-table tbody tr {\n border-bottom: 1px solid var(--hfm-border);\n transition: background .2s ease;\n}\n\n.hfm-table tbody tr:last-child {\n border-bottom: none;\n}\n\n.hfm-table tbody tr:hover {\n background: var(--hfm-primary-light);\n}\n\n.hfm-table tbody td {\n padding: .875rem 1.25rem;\n color: var(--hfm-text);\n font-size: 14px;\n}\n\n.hfm-table tbody td:first-child {\n font-weight: 600;\n color: var(--hfm-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.hfm-testimonial {\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hfm-shadow);\n border-left: 4px solid var(--hfm-primary);\n}\n\n.hfm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hfm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hfm-accordion {\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n box-shadow: var(--hfm-shadow);\n overflow: hidden;\n}\n\n.hfm-accordion-item {\n border-bottom: 1px solid var(--hfm-border);\n margin: 0;\n padding: 0;\n}\n\n.hfm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hfm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hfm-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.hfm-accordion-header:hover {\n background: var(--hfm-primary-light);\n}\n\n.hfm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hfm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hfm-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.hfm-accordion-item[open] .hfm-accordion-header::after {\n content: '−';\n}\n\n.hfm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hfm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hfm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hfm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hfm-primary-light);\n border-radius: var(--hfm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hfm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hfm-tip p {\n font-size: 14px;\n color: var(--hfm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hfm-cta-box {\n background: linear-gradient(135deg, var(--hfm-primary) 0%, #3568B2 50%, var(--hfm-accent) 100%);\n border-radius: var(--hfm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hfm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 15% 85%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 15%, rgba(255,255,255,.06) 0%, transparent 50%);\n}\n\n.hfm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.hfm-disclaimer {\n font-size: 12px;\n color: var(--hfm-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 .hfm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hfm-card {\n padding: 1.125rem;\n }\n\n .hfm-section {\n margin-bottom: 1.75rem;\n }\n\n .hfm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hfm-radius-sm);\n }\n\n .hfm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hfm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .hfm-grid-compact {\n gap: .625rem;\n }\n\n .hfm-grid-compact .hfm-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .hfm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hfm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hfm-timeline-content h3 {\n font-size: 14px;\n }\n\n .hfm-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .hfm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hfm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .hfm-testimonial {\n padding: 1.25rem;\n }\n\n .hfm-testimonial-text {\n font-size: 14px;\n }\n\n \/* Table mobile *\/\n .hfm-table thead th {\n padding: .75rem .875rem;\n font-size: 12px;\n }\n\n .hfm-table tbody td {\n padding: .625rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hfm-card {\n animation: hfmFadeInUp .5s ease backwards;\n }\n .hfm-card:nth-child(1) { animation-delay: .05s; }\n .hfm-card:nth-child(2) { animation-delay: .1s; }\n .hfm-card:nth-child(3) { animation-delay: .15s; }\n .hfm-card:nth-child(4) { animation-delay: .2s; }\n .hfm-card:nth-child(5) { animation-delay: .25s; }\n .hfm-card:nth-child(6) { animation-delay: .3s; }\n\n .hfm-timeline-item {\n animation: hfmFadeInUp .5s ease backwards;\n }\n .hfm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hfm-timeline-item:nth-child(2) { animation-delay: .1s; }\n .hfm-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes hfmFadeInUp {\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 .hfm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MERALIA","offers":[{"title":"Default Title","offer_id":55159460790649,"sku":"ME1401","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-foie-de-morue-90-capsules-meralia-packshothd.webp?v=1785914286"},{"product_id":"lithothamne-90-gelules-aosa-veritable","title":"Lithothamne - 90 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lithothamne - 90 gélules - Aosa Véritable\nPalette détectée:\n - Primaire: #4A9B5F (vert nature du packaging)\n - Secondaire: #2D7A47 (vert foncé du bouchon)\n - Accent: #8BC34A (vert clair lumineux)\nAmbiance: Naturel\/marin, bien-être, algues, pureté océanique, santé naturelle\nPréfixe CSS: lith\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que le lithothamne et pourquoi est-il si précieux ?\"\n 2. \"Les bienfaits concrets du lithothamne pour votre santé\"\n 3. \"Composition complète pour 6 gélules (dose journalière)\"\n 4. \"Comment prendre le lithothamne efficacement ?\"\n 5. \"Ce qui distingue le lithothamne Aosa Véritable\"\n 6. \"À qui s'adresse ce complément ?\"\n 7. \"Précautions d'emploi importantes\"\n 8. \"Questions fréquentes sur le lithothamne\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lith-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"lith-hero\"\u003e\n \u003cdiv class=\"lith-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lith-hero-content\"\u003e\n \u003cdiv class=\"lith-badges-top\"\u003e\n \u003cspan class=\"lith-badge\"\u003e🌊 Origine Norvège\u003c\/span\u003e\n \u003cspan class=\"lith-badge\"\u003e🦴 90% VNR Calcium\u003c\/span\u003e\n \u003cspan class=\"lith-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lith-hero-title\"\u003eLithothamne Aosa Véritable\u003c\/span\u003e\n \u003cp class=\"lith-subtitle\"\u003eL'algue rouge aux trésors minéraux\u003c\/p\u003e\n \u003cp class=\"lith-description\"\u003eSource naturelle de calcium et magnésium marins, récoltée à l'état sauvage dans les eaux pures de la mer de Norvège pour des os solides et une vitalité retrouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eQu'est-ce que le lithothamne et pourquoi est-il si précieux ?\u003c\/h2\u003e\n \u003cp class=\"lith-section-intro\"\u003eLe \u003cstrong\u003elithothamne\u003c\/strong\u003e (\u003cem\u003eLithothamnium calcareum\u003c\/em\u003e) est une algue rouge qui se développe lentement sur les fonds marins, accumulant une exceptionnelle concentration de minéraux au fil des années.\u003c\/p\u003e\n \u003cdiv class=\"lith-grid-compact\"\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🌿 Calcium marin naturel\u003c\/h3\u003e\n \u003cp\u003eContrairement aux compléments synthétiques, le lithothamne offre un calcium d'origine marine parfaitement assimilable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e⚖️ Synergie naturelle\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium et zinc dans des proportions équilibrées par la nature elle-même\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n \u003cp\u003eUne multitude de minéraux traces pour une action complète sur votre organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e✨ Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eLa forme naturelle favorise une meilleure biodisponibilité que les formes artificielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets du lithothamne pour votre santé\u003c\/h2\u003e\n \u003cdiv class=\"lith-grid\"\u003e\n \u003cdiv class=\"lith-card lith-card-highlight\"\u003e\n \u003ch3\u003e🦴 Os et dents solides\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e720 mg de calcium par dose\u003c\/strong\u003e (90% des VNR) pour le maintien d'une ossature et d'une dentition normales. Idéal si vous ressentez fragilité osseuse ou crampes fréquentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card lith-card-highlight\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003emagnésium naturel\u003c\/strong\u003e (60,5 mg par dose) participe à la réduction de la fatigue et au bon fonctionnement musculaire. Parfait pour les sportifs et les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card lith-card-highlight\"\u003e\n \u003ch3\u003e🧪 Équilibre acido-basique\u003c\/h3\u003e\n \u003cp\u003eNaturellement alcalin, le lithothamne aide à \u003cstrong\u003erééquilibrer le pH\u003c\/strong\u003e de votre organisme, souvent perturbé par l'alimentation moderne acidifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eComposition complète pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"lith-composition\"\u003e\n \u003cdiv class=\"lith-ingredients\"\u003e\n \u003cdiv class=\"lith-ingredient-item\"\u003e\n \u003cspan class=\"lith-ingredient-icon\"\u003e🌊\u003c\/span\u003e\n \u003cdiv class=\"lith-ingredient-info\"\u003e\n \u003cstrong\u003ePoudre de thalle de lithothamne\u003c\/strong\u003e\n \u003cspan\u003e2400 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-ingredient-item\"\u003e\n \u003cspan class=\"lith-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"lith-ingredient-info\"\u003e\n \u003cstrong\u003eFibre d'acacia biologique\u003c\/strong\u003e\n \u003cspan\u003e480 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-ingredient-item\"\u003e\n \u003cspan class=\"lith-ingredient-icon\"\u003e💊\u003c\/span\u003e\n \u003cdiv class=\"lith-ingredient-info\"\u003e\n \u003cstrong\u003eGélule végétale (hypromellose)\u003c\/strong\u003e\n \u003cspan\u003eVégétariens \u0026amp; végans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-nutrition-table\"\u003e\n \u003cdiv class=\"lith-table-header\"\u003e\n \u003cspan\u003eApports nutritionnels\u003c\/span\u003e\n \u003cspan\u003eQuantité\u003c\/span\u003e\n \u003cspan\u003e% VNR*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-table-row\"\u003e\n \u003cspan\u003eCalcium\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e720 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan class=\"lith-vnr-badge\"\u003e90%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-table-row\"\u003e\n \u003cspan\u003eMagnésium\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e60,5 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan class=\"lith-vnr-badge\"\u003e16%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"lith-table-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eComment prendre le lithothamne efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"lith-timeline\"\u003e\n \u003cdiv class=\"lith-timeline-item\"\u003e\n \u003cdiv class=\"lith-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e, réparties au cours des repas avec un grand verre d'eau pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-item\"\u003e\n \u003cdiv class=\"lith-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e renouvelable selon vos besoins. Une boîte = 15 jours de cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-item\"\u003e\n \u003cdiv class=\"lith-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-content\"\u003e\n \u003ch3\u003eAstuce absorption\u003c\/h3\u003e\n \u003cp\u003eAssociez votre cure à une alimentation riche en \u003cstrong\u003evitamine D\u003c\/strong\u003e (exposition solaire, poissons gras) pour maximiser l'absorption du calcium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eCe qui distingue le lithothamne Aosa Véritable\u003c\/h2\u003e\n \u003cdiv class=\"lith-grid\"\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🇳🇴 Origine sauvage et pure\u003c\/h3\u003e\n \u003cp\u003eRécolté en mer de Norvège, dans des eaux froides et non polluées, garantissant une qualité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🎯 100% du thalle utilisé\u003c\/h3\u003e\n \u003cp\u003eSeule la partie la plus riche en minéraux de l'algue est sélectionnée pour un maximum d'efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e💪 Dosage généreux\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2400 mg par dose quotidienne\u003c\/strong\u003e, l'un des dosages les plus élevés du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e♻️ Engagement écologique\u003c\/h3\u003e\n \u003cp\u003ePilulier compostable et biodégradable pour une démarche respectueuse de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🌱 Convient à tous\u003c\/h3\u003e\n \u003cp\u003eFormule 100% végétale, adaptée aux régimes végétariens et végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🔬 Qualité garantie\u003c\/h3\u003e\n \u003cp\u003eFabrication française selon les normes les plus strictes de qualité et de traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"lith-section-intro\"\u003eLe lithothamne Aosa Véritable est particulièrement adapté si vous :\u003c\/p\u003e\n \u003cdiv class=\"lith-grid-compact\"\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🦴 Renforcer vos os\u003c\/h3\u003e\n \u003cp\u003ePréserver votre capital osseux naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🌿 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eÉviter les compléments synthétiques de calcium-magnésium-zinc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e😴 Fatigue \u0026amp; crampes\u003c\/h3\u003e\n \u003cp\u003eCombattre les symptômes de carences minérales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🥗 Régime végétal\u003c\/h3\u003e\n \u003cp\u003eTrouver des sources minérales 100% naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre pH\u003c\/h3\u003e\n \u003cp\u003eRééquilibrer votre terrain acido-basique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eRenforcer ongles et cheveux de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"lith-accordion\"\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de troubles thyroïdiens. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e💊 Posologie maximale\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 6 gélules. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🏥 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant de commencer une cure de lithothamne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit sec, à température ambiante, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eVos interrogatons sur le lithothamne\u003c\/h2\u003e\n \u003cdiv class=\"lith-accordion\"\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🤔 Quelle différence avec un complément classique de calcium ?\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eLe lithothamne offre un \u003cstrong\u003ecalcium d'origine marine\u003c\/strong\u003e, naturellement associé à du magnésium et des oligo-éléments. Cette forme naturelle est généralement mieux tolérée et assimilée que les formes synthétiques de calcium-magnésium-zinc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eLes premiers bienfaits peuvent se faire sentir après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de cure régulière. Pour un effet durable sur la reminéralisation, comptez au minimum un mois de prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🔄 Puis-je prendre du lithothamne en continu ?\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eIl est préférable de faire des \u003cstrong\u003ecures de 1 à 3 mois\u003c\/strong\u003e, entrecoupées de pauses d'un mois, pour permettre à votre organisme d'optimiser l'utilisation des minéraux apportés.\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=\"lith-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lith-cta-box\"\u003e\n \u003cp\u003e🌊 \u003cstrong\u003eOffrez à votre corps le meilleur de la mer\u003c\/strong\u003e avec le lithothamne Aosa Véritable. Une solution 100% naturelle pour des os solides, moins de fatigue et un équilibre minéral retrouvé. Votre bien-être commence par des fondations solides — et ça, les algues marines l'ont compris depuis des millions d'années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lith-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibré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 --lith-cream: #f8faf7;\n --lith-white: #ffffff;\n --lith-primary: #4A9B5F;\n --lith-primary-dark: #2D7A47;\n --lith-primary-light: #e8f5e9;\n --lith-secondary: #3d8b50;\n --lith-accent: #8BC34A;\n --lith-text: #1a1a1a;\n --lith-text-light: #5a5a5a;\n --lith-border: #e0e0e0;\n --lith-shadow: 0 4px 24px rgba(45,122,71,.08);\n --lith-shadow-lg: 0 12px 48px rgba(45,122,71,.15);\n --lith-radius: 20px;\n --lith-radius-sm: 12px;\n}\n\n.lith-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lith-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lith-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lith-primary) 0%, var(--lith-secondary) 50%, var(--lith-primary-dark) 100%);\n border-radius: var(--lith-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(--lith-shadow-lg);\n}\n\n.lith-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.lith-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lith-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lith-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(--lith-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lith-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lith-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.lith-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.lith-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.lith-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lith-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lith-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.lith-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(--lith-primary), var(--lith-accent));\n border-radius: 2px;\n}\n\n.lith-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lith-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.lith-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.lith-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.lith-card {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lith-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lith-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lith-shadow-lg);\n border-color: var(--lith-primary);\n}\n\n.lith-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lith-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lith-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lith-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lith-card-highlight {\n border-left: 4px solid var(--lith-primary);\n text-align: left;\n}\n\n.lith-grid-compact .lith-card {\n padding: 1rem;\n}\n\n.lith-grid-compact .lith-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lith-grid-compact .lith-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.lith-composition {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n}\n\n.lith-ingredients {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n padding: 1.5rem;\n box-shadow: var(--lith-shadow);\n}\n\n.lith-ingredient-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--lith-border);\n}\n\n.lith-ingredient-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.lith-ingredient-item:first-child {\n padding-top: 0;\n}\n\n.lith-ingredient-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.lith-ingredient-info {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.lith-ingredient-info strong {\n font-size: 15px;\n color: var(--lith-text);\n}\n\n.lith-ingredient-info span {\n font-size: 13px;\n color: var(--lith-primary);\n font-weight: 600;\n}\n\n.lith-nutrition-table {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n padding: 1.5rem;\n box-shadow: var(--lith-shadow);\n}\n\n.lith-table-header {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: .5rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--lith-primary);\n margin-bottom: 1rem;\n}\n\n.lith-table-header span {\n font-size: 13px;\n font-weight: 700;\n color: var(--lith-primary-dark);\n text-transform: uppercase;\n letter-spacing: .02em;\n}\n\n.lith-table-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: .5rem;\n padding: .75rem 0;\n border-bottom: 1px solid var(--lith-border);\n align-items: center;\n}\n\n.lith-table-row:last-of-type {\n border-bottom: none;\n}\n\n.lith-table-row span {\n font-size: 14px;\n color: var(--lith-text);\n}\n\n.lith-vnr-badge {\n background: var(--lith-primary-light);\n color: var(--lith-primary-dark) !important;\n font-weight: 700 !important;\n padding: 4px 10px;\n border-radius: 999px;\n text-align: center;\n font-size: 13px !important;\n}\n\n.lith-table-note {\n font-size: 12px;\n color: var(--lith-text-light);\n margin: 1rem 0 0 0;\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.lith-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lith-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lith-timeline-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--lith-primary), var(--lith-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(74,155,95,.3);\n}\n\n.lith-timeline-content {\n flex: 1;\n background: var(--lith-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--lith-radius-sm);\n box-shadow: var(--lith-shadow);\n}\n\n.lith-timeline-content h3 {\n font-size: 17px;\n font-weight: 700;\n color: var(--lith-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.lith-timeline-content p {\n font-size: 14px;\n color: var(--lith-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lith-accordion {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n box-shadow: var(--lith-shadow);\n overflow: hidden;\n}\n\n.lith-accordion-item {\n border-bottom: 1px solid var(--lith-border);\n margin: 0;\n padding: 0;\n}\n\n.lith-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lith-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lith-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.lith-accordion-header:hover {\n background: var(--lith-primary-light);\n}\n\n.lith-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lith-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lith-primary);\n transition: transform .2s ease;\n}\n\n.lith-accordion-item[open] .lith-accordion-header::after {\n content: '−';\n}\n\n.lith-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lith-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.lith-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.lith-cta-box {\n background: linear-gradient(135deg, var(--lith-primary) 0%, var(--lith-primary-dark) 100%);\n border-radius: var(--lith-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lith-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}\n\n.lith-disclaimer {\n font-size: 12px;\n color: var(--lith-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .lith-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lith-grid-compact {\n gap: .625rem;\n }\n \n .lith-grid-compact .lith-card {\n padding: .75rem;\n }\n \n .lith-card {\n padding: 1.125rem;\n }\n \n .lith-card-highlight {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--lith-primary);\n }\n \n .lith-section {\n margin-bottom: 1.75rem;\n }\n \n .lith-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lith-radius-sm);\n }\n \n .lith-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lith-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lith-composition {\n grid-template-columns: 1fr;\n }\n \n .lith-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .lith-timeline-content {\n padding: .875rem 1rem;\n }\n \n .lith-timeline-content h3 {\n font-size: 15px;\n }\n \n .lith-timeline-content p {\n font-size: 13px;\n }\n \n .lith-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lith-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .lith-table-header,\n .lith-table-row {\n grid-template-columns: 1.5fr 1fr 1fr;\n gap: .25rem;\n }\n \n .lith-table-header span,\n .lith-table-row span {\n font-size: 12px;\n }\n \n .lith-ingredient-icon {\n font-size: 24px;\n }\n \n .lith-ingredient-info strong {\n font-size: 14px;\n }\n \n .lith-ingredient-info span {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lith-card {\n animation: lithFadeInUp .5s ease backwards;\n }\n .lith-card:nth-child(1) { animation-delay: .05s; }\n .lith-card:nth-child(2) { animation-delay: .1s; }\n .lith-card:nth-child(3) { animation-delay: .15s; }\n .lith-card:nth-child(4) { animation-delay: .2s; }\n .lith-card:nth-child(5) { animation-delay: .25s; }\n .lith-card:nth-child(6) { animation-delay: .3s; }\n \n .lith-timeline-item {\n animation: lithFadeInUp .5s ease backwards;\n }\n .lith-timeline-item:nth-child(1) { animation-delay: .1s; }\n .lith-timeline-item:nth-child(2) { animation-delay: .2s; }\n .lith-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes lithFadeInUp {\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 .lith-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":55159485104505,"sku":"AV4000","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lithothamne-90-gelules-aosa-veritable-packshothd.webp?v=1789735312"},{"product_id":"complexe-bio-chalcopyrite-cassis-bouleau-vigne-30ml-ansil","title":"Complexe bio n°9 Chalcopyrite, Cassis, Bouleau \u0026 Vigne 30ml - ANSIL","description":"\u003cdiv class=\"an9-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"an9-hero\"\u003e\n \u003cdiv class=\"an9-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"an9-hero-content\"\u003e\n \u003cdiv class=\"an9-badges-top\"\u003e\n \u003cspan class=\"an9-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"an9-badge\"\u003e💎 Gemmothérapie + Lithothérapie\u003c\/span\u003e\n \u003cspan class=\"an9-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"an9-hero-title\"\u003eComplexe bio n°9 Chalcopyrite, Cassis, Bouleau \u0026amp; Vigne 30ml\u003c\/span\u003e\n \u003cp class=\"an9-subtitle\"\u003eANSIL — Élixir Cristal-Bourgeons\u003c\/p\u003e\n \u003cp class=\"an9-description\"\u003eLa synergie unique entre gemmothérapie et lithothérapie pour le confort articulaire, la circulation veineuse et l'équilibre énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"an9-section\"\u003e\n \u003ch2\u003eComplexe bio n°9 Chalcopyrite, Cassis, Bouleau \u0026amp; Vigne : gemmothérapie et lithothérapie réunies\u003c\/h2\u003e\n \u003cp class=\"an9-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplexe de gemmothérapie\u003c\/strong\u003e qui va au-delà des formules classiques ? Le complexe bio n°9 d'Ansil associe trois \u003cstrong\u003ebourgeons bio\u003c\/strong\u003e — cassis, bouleau et vigne — à un \u003cstrong\u003eélixir de cristal de Chalcopyrite\u003c\/strong\u003e. Cette synergie originale entre gemmothérapie et lithothérapie cible à la fois le \u003cstrong\u003econfort articulaire\u003c\/strong\u003e, la \u003cstrong\u003ecirculation veineuse\u003c\/strong\u003e et l'\u003cstrong\u003eéquilibre énergétique global\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"an9-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient actif\u003c\/h2\u003e\n \u003cdiv class=\"an9-grid\"\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e🫐 Bourgeon de cassis\u003c\/h3\u003e\n \u003cp\u003eVéritable pilier en gemmothérapie muscles et articulations, le cassis (\u003cem\u003eRibes nigrum\u003c\/em\u003e) soutient le système immunitaire, aide à résister au stress et contribue au \u003cstrong\u003econfort articulaire\u003c\/strong\u003e. On le retrouve dans la plupart des complexes articulations pour son action polyvalente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e🌳 Bourgeon de bouleau\u003c\/h3\u003e\n \u003cp\u003eReconnu comme complément alimentaire pour les os et articulations, le bouleau (\u003cem\u003eBetula alba\u003c\/em\u003e) favorise le bon fonctionnement musculaire et articulaire. Il accompagne aussi les processus naturels de \u003cstrong\u003edrainage de l'organisme\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e🍇 Bourgeon de vigne\u003c\/h3\u003e\n \u003cp\u003eAllié de votre \u003cstrong\u003ecirculation veineuse\u003c\/strong\u003e, le bourgeon de vigne (\u003cem\u003eVitis vinifera\u003c\/em\u003e) soutient la santé vasculaire. C'est un ingrédient clé dans tout complexe gemmothérapie circulation veineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e💎 Élixir de chalcopyrite\u003c\/h3\u003e\n \u003cp\u003eCe minéral est réputé en lithothérapie pour favoriser la \u003cstrong\u003ecirculation des énergies\u003c\/strong\u003e et la concentration. Il apporte une dimension holistique que vous ne trouverez pas dans un complexe gemmothérapie conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"an9-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"an9-accordion\"\u003e\n \u003cdetails class=\"an9-accordion-item\" open\u003e\n \u003csummary class=\"an9-accordion-header\"\u003e💎 Élixir de cristal\u003c\/summary\u003e\n \u003cdiv class=\"an9-accordion-content mt-3\"\u003e\n \u003cp\u003eEau purifiée, silice végétale (prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit), glycérine végétale, oléorésine de vanille, alcool 16 % vol, potentialisé par des cristaux de \u003cstrong\u003eChalcopyrite\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an9-accordion-item\"\u003e\n \u003csummary class=\"an9-accordion-header\"\u003e🌿 Bourgeons bio\u003c\/summary\u003e\n \u003cdiv class=\"an9-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, glycérine végétale, alcool 19 %, bourgeon de cassis*, bourgeon de bouleau*, bourgeon de vigne*. \u003cem\u003e*Ingrédients issus de l'agriculture biologique – Certifié FR-BIO-01.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an9-accordion-item\"\u003e\n \u003csummary class=\"an9-accordion-header\"\u003e✅ Qualité de fabrication\u003c\/summary\u003e\n \u003cdiv class=\"an9-accordion-content mt-3\"\u003e\n \u003cp\u003eLes bourgeons utilisés ne sont \u003cstrong\u003ejamais congelés\u003c\/strong\u003e, ce qui préserve l'intégrité de leurs principes actifs et garantit une qualité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"an9-section\"\u003e\n \u003ch2\u003eComment prendre ce complexe ? Posologie et conseils\u003c\/h2\u003e\n \u003cdiv class=\"an9-timeline\"\u003e\n \u003cdiv class=\"an9-timeline-item\"\u003e\n \u003cdiv class=\"an9-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"an9-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAgiter le flacon avant chaque prise pour bien homogénéiser le mélange élixir-bourgeons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-timeline-item\"\u003e\n \u003cdiv class=\"an9-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"an9-timeline-content\"\u003e\n \u003ch3\u003e30 gouttes en sublingual\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e30 gouttes par jour\u003c\/strong\u003e, de préférence vers 18h, directement sous la langue pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-timeline-item\"\u003e\n \u003cdiv class=\"an9-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"an9-timeline-content\"\u003e\n \u003ch3\u003e6 jours sur 7\u003c\/h3\u003e\n \u003cp\u003eSuivre la cure \u003cstrong\u003e6 jours sur 7\u003c\/strong\u003e, avec une journée de pause le dimanche pour laisser le corps intégrer les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-tip\"\u003e\n \u003cspan class=\"an9-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe flacon de 30 ml correspond à environ \u003cstrong\u003e21 jours de cure\u003c\/strong\u003e. Pour des résultats durables, renouvelez la cure selon vos besoins, en respectant des pauses régulières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"an9-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"an9-grid-compact\"\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e🦴 Articulations\u003c\/h3\u003e\n \u003cp\u003eCassis et bouleau ciblent le confort musculaire et articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e🩸 Circulation\u003c\/h3\u003e\n \u003cp\u003eLe bourgeon de vigne soutient la santé vasculaire et veineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n \u003cp\u003eLa Chalcopyrite apporte une dimension énergétique et vibratoire unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an9-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003e100 % bio, bourgeons jamais congelés, fabrication française artisanale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"an9-section-intro\" style=\"margin-top:1.25rem;\"\u003eLa plupart des complexes de gemmothérapie se limitent aux macérats de bourgeons. Ici, Ansil ajoute la dimension vibratoire de la Chalcopyrite, créant une formule qui travaille simultanément sur le plan \u003cstrong\u003ephysique et énergétique\u003c\/strong\u003e — le tout dans un seul flacon certifié bio.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"an9-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"an9-accordion\"\u003e\n \u003cdetails class=\"an9-accordion-item\"\u003e\n \u003csummary class=\"an9-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"an9-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à l'alcool. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an9-accordion-item\"\u003e\n \u003csummary class=\"an9-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"an9-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la lumière et des sources magnétiques. 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=\"an9-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute ou de traitement en cours, consultez votre professionnel de santé avant de démarrer une cure.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --an9-cream: #f7f5f0;\n --an9-white: #ffffff;\n --an9-primary: #2b4e8c;\n --an9-primary-dark: #1a3460;\n --an9-primary-light: #e8eef7;\n --an9-secondary: #5a8f4a;\n --an9-accent: #c9a84c;\n --an9-text: #1a1a1a;\n --an9-text-light: #5a5a5a;\n --an9-border: #e0e0e0;\n --an9-shadow: 0 4px 24px rgba(0,0,0,.08);\n --an9-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --an9-radius: 20px;\n --an9-radius-sm: 12px;\n}\n\n.an9-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--an9-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.an9-hero {\n position: relative;\n background: linear-gradient(135deg, var(--an9-primary-dark) 0%, var(--an9-primary) 45%, var(--an9-secondary) 100%);\n border-radius: var(--an9-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(--an9-shadow-lg);\n}\n\n.an9-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) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 1px, transparent 1px),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 50px 50px;\n opacity: .6;\n}\n\n.an9-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.an9-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.an9-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.an9-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.an9-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.an9-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(--an9-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.an9-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.an9-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.an9-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--an9-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.an9-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(--an9-primary), var(--an9-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.an9-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--an9-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.an9-card {\n background: var(--an9-white);\n border-radius: var(--an9-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--an9-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.an9-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--an9-shadow-lg);\n border-color: var(--an9-primary);\n}\n\n.an9-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--an9-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.an9-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--an9-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.an9-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.an9-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.an9-grid-compact .an9-card {\n padding: 1rem;\n}\n\n.an9-grid-compact .an9-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.an9-grid-compact .an9-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.an9-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.an9-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.an9-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--an9-primary), var(--an9-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.an9-timeline-content {\n flex: 1;\n background: var(--an9-white);\n padding: 1rem 1.25rem;\n border-radius: var(--an9-radius-sm);\n box-shadow: var(--an9-shadow);\n}\n\n.an9-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--an9-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.an9-timeline-content p {\n font-size: 14px;\n color: var(--an9-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.an9-accordion {\n background: var(--an9-white);\n border-radius: var(--an9-radius);\n box-shadow: var(--an9-shadow);\n overflow: hidden;\n}\n\n.an9-accordion-item {\n border-bottom: 1px solid var(--an9-border);\n margin: 0;\n padding: 0;\n}\n\n.an9-accordion-item:last-child {\n border-bottom: none;\n}\n\n.an9-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--an9-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.an9-accordion-header:hover {\n background: var(--an9-primary-light);\n}\n\n.an9-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.an9-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--an9-primary);\n transition: transform .2s ease;\n}\n\n.an9-accordion-item[open] .an9-accordion-header::after {\n content: '−';\n}\n\n.an9-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--an9-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.an9-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.an9-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--an9-primary-light);\n border-radius: var(--an9-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.an9-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.an9-tip p {\n font-size: 14px;\n color: var(--an9-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.an9-disclaimer {\n font-size: 12px;\n color: var(--an9-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 .an9-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .an9-card {\n padding: 1.125rem;\n }\n\n .an9-section {\n margin-bottom: 1.75rem;\n }\n\n .an9-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--an9-radius-sm);\n }\n\n .an9-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .an9-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .an9-grid-compact {\n gap: .625rem;\n }\n\n .an9-grid-compact .an9-card {\n padding: .75rem;\n }\n\n .an9-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .an9-timeline-content {\n padding: .875rem 1rem;\n }\n\n .an9-timeline-content h3 {\n font-size: 14px;\n }\n\n .an9-timeline-content p {\n font-size: 13px;\n }\n\n .an9-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .an9-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .an9-tip {\n padding: .875rem 1rem;\n }\n\n .an9-tip-icon {\n font-size: 20px;\n }\n\n .an9-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .an9-card {\n animation: an9FadeInUp .5s ease backwards;\n }\n .an9-card:nth-child(1) { animation-delay: .05s; }\n .an9-card:nth-child(2) { animation-delay: .1s; }\n .an9-card:nth-child(3) { animation-delay: .15s; }\n .an9-card:nth-child(4) { animation-delay: .2s; }\n .an9-card:nth-child(5) { animation-delay: .25s; }\n .an9-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes an9FadeInUp {\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 .an9-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55159533339001,"sku":"AL4010","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-bio-n9-chalcopyrite-cassis-bouleau-vigne-30ml-ansil-packshothd.webp?v=1773318305"},{"product_id":"silamax-60-comprimes-labo-sante-silice","title":"SILAMAX – 60 comprimés – Labo Santé Silice","description":"\u003cdiv class=\"slm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"slm-hero\"\u003e\n \u003cdiv class=\"slm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slm-hero-content\"\u003e\n \u003cdiv class=\"slm-badges-top\"\u003e\n \u003cspan class=\"slm-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"slm-badge\"\u003e💊 60 comprimés sécables\u003c\/span\u003e\n \u003cspan class=\"slm-badge\"\u003e🦴 Formule 4 en 1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"slm-hero-title\"\u003eSilamax – 60 comprimés\u003c\/span\u003e\n \u003cp class=\"slm-subtitle\"\u003eLabo Santé Silice\u003c\/p\u003e\n \u003cp class=\"slm-description\"\u003eSilicium, glucosamine, chondroïtine et manganèse réunis dans une formule articulaire hautement biodisponible pour soutenir vos articulations et vos os au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"slm-section\"\u003e\n \u003ch2\u003eSilamax : le complément alimentaire au silicium dédié à vos articulations\u003c\/h2\u003e\n \u003cp class=\"slm-section-intro\"\u003eVous ressentez des raideurs articulaires, une gêne à la mobilité ou souhaitez simplement préserver la solidité de vos os au fil des années ?\u003c\/p\u003e\n \u003cdiv class=\"slm-grid-compact\"\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🧬 Silicium\u003c\/h3\u003e\n \u003cp\u003eAcide orthosilicique stabilisé sur choline, hautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🦵 Glucosamine\u003c\/h3\u003e\n \u003cp\u003e1 200 mg de glucosamine sulfate pour le confort articulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🛡️ Chondroïtine\u003c\/h3\u003e\n \u003cp\u003e250 mg de chondroïtine sulfate issue de cartilages de poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une ossature normale*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"slm-section\"\u003e\n \u003ch2\u003ePourquoi miser sur le silicium pour les articulations et les os ?\u003c\/h2\u003e\n \u003cdiv class=\"slm-testimonial\"\u003e\n \u003cp class=\"slm-testimonial-text\"\u003eLe silicium est un oligo-élément naturellement présent dans notre organisme, en particulier au niveau du cartilage, des os et des tissus conjonctifs. Avec l'âge, nos réserves diminuent, ce qui peut favoriser l'inconfort articulaire et la fragilité osseuse. Un complément silicium bien dosé permet d'accompagner votre corps dans le maintien de structures solides et souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-tip\"\u003e\n \u003cspan class=\"slm-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eSilamax utilise de l'\u003cstrong\u003eacide orthosilicique stabilisé sur choline\u003c\/strong\u003e, une forme de silicium organique hautement biodisponible, facilement assimilée par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"slm-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 2 comprimés (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"slm-grid\"\u003e\n \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n \u003ch3\u003e🦐 Glucosamine sulfate 2 KCl\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 200 mg\u003c\/strong\u003e (issue de crustacés)\u003cbr\u003edont 708 mg de glucosamine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n \u003ch3\u003e🐟 Chondroïtine sulfate\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e (issue de cartilages de poisson)\u003cbr\u003edont 190 mg de chondroïtine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n \u003ch3\u003e💎 Acide orthosilicique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e160 mg\u003c\/strong\u003e stabilisé sur choline\u003cbr\u003edont \u003cstrong\u003e40 mg de silicium\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n \u003ch3\u003e⚙️ Manganèse (sulfate)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e0,3 mg\u003c\/strong\u003e\u003cbr\u003esoit 15 % des VNR*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"slm-accordion-item\"\u003e\n \u003csummary class=\"slm-accordion-header\"\u003e📋 Autres ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n \u003cp\u003eCellulose microcristalline, phosphate dicalcique, concentré de riz, sels de magnésium d'acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slm-accordion-item\"\u003e\n \u003csummary class=\"slm-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n \u003cp\u003eContient du poisson, des crustacés et des mollusques. Déconseillé aux personnes allergiques à ces substances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"slm-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque actif\u003c\/h2\u003e\n \u003cdiv class=\"slm-grid\"\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e💎 Silicium organique\u003c\/h3\u003e\n \u003cp\u003eNourrit les tissus conjonctifs — cartilage, tendons, peau — et soutient la reminéralisation osseuse. Contribue aussi à la beauté des cheveux et des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🦵 Glucosamine\u003c\/h3\u003e\n \u003cp\u003eComposant naturel du cartilage, elle aide à entretenir la souplesse articulaire et favorise le confort de mouvement au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🛡️ Chondroïtine\u003c\/h3\u003e\n \u003cp\u003eTravaille en synergie avec la glucosamine pour maintenir l'élasticité et la résistance du cartilage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n \u003cp\u003eContribue à la formation normale des tissus conjonctifs et au maintien d'une \u003cstrong\u003eossature normale\u003c\/strong\u003e*.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"slm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"slm-timeline\"\u003e\n \u003cdiv class=\"slm-timeline-item\"\u003e\n \u003cdiv class=\"slm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"slm-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e avec un verre d'eau, avant le repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-timeline-item\"\u003e\n \u003cdiv class=\"slm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"slm-timeline-content\"\u003e\n \u003ch3\u003eDurée d'une cure\u003c\/h3\u003e\n \u003cp\u003eLe pilulier de 60 comprimés correspond à \u003cstrong\u003eune cure d'un mois\u003c\/strong\u003e. Pour des résultats durables, privilégiez une cure de 2 à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-timeline-item\"\u003e\n \u003cdiv class=\"slm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"slm-timeline-content\"\u003e\n \u003ch3\u003eFormat adapté\u003c\/h3\u003e\n \u003cp\u003eLes comprimés sont sécables, ce qui vous permet d'adapter facilement la prise 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 #6 --\u003e\n \u003csection class=\"slm-section\"\u003e\n \u003ch2\u003eCe qui distingue Silamax des autres compléments\u003c\/h2\u003e\n \u003cdiv class=\"slm-grid-compact\"\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🏆 Formule 4 en 1\u003c\/h3\u003e\n \u003cp\u003eSilicium + glucosamine + chondroïtine + manganèse dans un seul comprimé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🔬 Biodisponibilité optimale\u003c\/h3\u003e\n \u003cp\u003eL'acide orthosilicique stabilisé sur choline offre une absorption maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française par le Labo Santé Silice, spécialiste du silicium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slm-card\"\u003e\n \u003ch3\u003e✂️ Comprimés sécables\u003c\/h3\u003e\n \u003cp\u003eFormat pratique, faciles à emporter partout et à adapter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"slm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"slm-accordion\"\u003e\n \u003cdetails class=\"slm-accordion-item\"\u003e\n \u003csummary class=\"slm-accordion-header\"\u003e👶 Populations concernées\u003c\/summary\u003e\n \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slm-accordion-item\"\u003e\n \u003csummary class=\"slm-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"slm-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=\"slm-accordion-item\"\u003e\n \u003csummary class=\"slm-accordion-header\"\u003e🥗 Alimentation et mode de vie\u003c\/summary\u003e\n \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slm-accordion-item\"\u003e\n \u003csummary class=\"slm-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière 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 \u003cp class=\"slm-disclaimer\"\u003e*Le manganèse contribue à la formation normale de tissus conjonctifs et au maintien d'une ossature normale. VNR : valeurs nutritionnelles de référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --slm-cream: #f4f7f2;\n --slm-white: #ffffff;\n --slm-primary: #1b7a3d;\n --slm-primary-dark: #0e5c2a;\n --slm-primary-light: #e6f4ec;\n --slm-secondary: #2ea85e;\n --slm-accent: #16a34a;\n --slm-text: #1a1a1a;\n --slm-text-light: #5a5a5a;\n --slm-border: #dde8dd;\n --slm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --slm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --slm-radius: 20px;\n --slm-radius-sm: 12px;\n}\n\n.slm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--slm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.slm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--slm-primary-dark) 0%, var(--slm-primary) 50%, var(--slm-secondary) 100%);\n border-radius: var(--slm-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(--slm-shadow-lg);\n}\n\n.slm-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.slm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.slm-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.slm-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.slm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.slm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.slm-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(--slm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.slm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.slm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.slm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--slm-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.slm-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(--slm-primary), var(--slm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.slm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--slm-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.slm-card {\n background: var(--slm-white);\n border-radius: var(--slm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--slm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.slm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--slm-shadow-lg);\n border-color: var(--slm-primary);\n}\n\n.slm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--slm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.slm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--slm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.slm-card-composition p strong {\n color: var(--slm-primary);\n font-size: clamp(16px, 2.5vw, 20px);\n}\n\n\/* === GRILLES === *\/\n.slm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.slm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.slm-grid-compact .slm-card {\n padding: 1rem;\n}\n\n.slm-grid-compact .slm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.slm-grid-compact .slm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.slm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.slm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.slm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--slm-primary), var(--slm-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.slm-timeline-content {\n flex: 1;\n background: var(--slm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--slm-radius-sm);\n box-shadow: var(--slm-shadow);\n}\n\n.slm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--slm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.slm-timeline-content p {\n font-size: 14px;\n color: var(--slm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.slm-testimonial {\n background: var(--slm-white);\n border-radius: var(--slm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--slm-shadow);\n border-left: 4px solid var(--slm-primary);\n}\n\n.slm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--slm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.slm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--slm-primary-light);\n border-radius: var(--slm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.slm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.slm-tip p {\n font-size: 14px;\n color: var(--slm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.slm-accordion {\n background: var(--slm-white);\n border-radius: var(--slm-radius);\n box-shadow: var(--slm-shadow);\n overflow: hidden;\n}\n\n.slm-accordion-item {\n border-bottom: 1px solid var(--slm-border);\n margin: 0;\n padding: 0;\n}\n\n.slm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.slm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--slm-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.slm-accordion-header:hover {\n background: var(--slm-primary-light);\n}\n\n.slm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.slm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--slm-primary);\n transition: transform .2s ease;\n}\n\n.slm-accordion-item[open] .slm-accordion-header::after {\n content: '−';\n}\n\n.slm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--slm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.slm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.slm-disclaimer {\n font-size: 12px;\n color: var(--slm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .slm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .slm-card {\n padding: 1.125rem;\n }\n\n .slm-section {\n margin-bottom: 1.75rem;\n }\n\n .slm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--slm-radius-sm);\n }\n\n .slm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .slm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .slm-grid-compact {\n gap: .625rem;\n }\n\n .slm-grid-compact .slm-card {\n padding: .75rem;\n }\n\n .slm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .slm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .slm-timeline-content h3 {\n font-size: 14px;\n }\n\n .slm-timeline-content p {\n font-size: 13px;\n }\n\n .slm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .slm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .slm-testimonial {\n padding: 1.25rem;\n }\n\n .slm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .slm-card {\n animation: slmFadeInUp .5s ease backwards;\n }\n .slm-card:nth-child(1) { animation-delay: .05s; }\n .slm-card:nth-child(2) { animation-delay: .1s; }\n .slm-card:nth-child(3) { animation-delay: .15s; }\n .slm-card:nth-child(4) { animation-delay: .2s; }\n .slm-card:nth-child(5) { animation-delay: .25s; }\n .slm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes slmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .slm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55159565353337,"sku":"LS0300","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silamax-60-comprimes-labo-sante-silice-packshothd.webp?v=1773059178"},{"product_id":"l2s-1-litre-labo-sante-silice","title":"L2S (Silicium organique) 1 Litre - Labo Santé Silice","description":"\u003cdiv class=\"l2s-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"l2s-hero\"\u003e\n \u003cdiv class=\"l2s-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"l2s-hero-content\"\u003e\n \u003cdiv class=\"l2s-badges-top\"\u003e\n \u003cspan class=\"l2s-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"l2s-badge\"\u003e🧪 1000 mg\/L\u003c\/span\u003e\n \u003cspan class=\"l2s-badge\"\u003e📐 Formule originale Duffaut\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"l2s-hero-title\"\u003eL2S – Silicium organique\u003c\/span\u003e\n \u003cp class=\"l2s-subtitle\"\u003eLe silicium organique français de référence\u003c\/p\u003e\n \u003cp class=\"l2s-description\"\u003eFormule originale Norbert Duffaut • Flacon 1 litre • Usage externe • Haute concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"l2s-section\"\u003e\n \u003ch2\u003eL2S – Le silicium organique français, formule originale Norbert Duffaut\u003c\/h2\u003e\n \u003cp class=\"l2s-section-intro\"\u003eVous recherchez un \u003cstrong\u003esilicium organique\u003c\/strong\u003e de référence, fidèle à la formule historique développée en France ?\u003c\/p\u003e\n \u003cdiv class=\"l2s-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eL2S de Labo Santé Silice\u003c\/strong\u003e est l'une des rares solutions à proposer la formule originale de Norbert Duffaut, chimiste précurseur dans l'étude du silicium organique. Conditionné en flacon d'un litre à \u003cstrong\u003e1000 mg de silicium par litre\u003c\/strong\u003e, ce produit est conçu pour un usage externe prolongé, au service de votre confort articulaire et de votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"l2s-section\"\u003e\n \u003ch2\u003eBienfaits du silicium organique : pourquoi est-il si recherché ?\u003c\/h2\u003e\n \u003cp class=\"l2s-section-intro\"\u003eLe silicium est un oligo-élément naturellement présent dans notre organisme, mais sa concentration diminue avec l'âge. Les \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e sont aujourd'hui largement documentés et suscitent un intérêt croissant.\u003c\/p\u003e\n \u003cdiv class=\"l2s-grid\"\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLe silicium participe à la structure des cartilages et des tissus conjonctifs, contribuant à la souplesse des articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e💪 Soutien osseux\u003c\/h3\u003e\n \u003cp\u003eEn favorisant la fixation du calcium, il aide à maintenir une ossature solide au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e❤️ Santé vasculaire\u003c\/h3\u003e\n \u003cp\u003eIl intervient dans l'élasticité des parois veineuses et artérielles, soutenant ainsi la circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e✨ Peau, cheveux, ongles\u003c\/h3\u003e\n \u003cp\u003eGrâce à son action sur la trame collagène, le silicium organique contribue à renforcer ces tissus au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-tip\"\u003e\n \u003cspan class=\"l2s-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à certaines idées reçues sur le \u003cstrong\u003edanger du silicium organique\u003c\/strong\u003e, cette forme – le monométhylsilanétriol – est bien tolérée en application externe. Il convient toutefois de respecter les recommandations d'usage indiquées par le fabricant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"l2s-section\"\u003e\n \u003ch2\u003eComposition détaillée du L2S\u003c\/h2\u003e\n \u003cp class=\"l2s-section-intro\"\u003eLa formule du L2S est volontairement simple et concentrée sur l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"l2s-grid\"\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e🧬 Monométhylsilanétriol\u003c\/h3\u003e\n \u003cp\u003eSilicium organique hautement biodisponible – \u003cstrong\u003e1000 mg\/L\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase de la solution, garantissant pureté et neutralité de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e🛡️ Sorbate de potassium\u003c\/h3\u003e\n \u003cp\u003eConservateur garantissant la stabilité et la bonne conservation du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-tip\"\u003e\n \u003cspan class=\"l2s-tip-icon\"\u003e📊\u003c\/span\u003e\n \u003cp\u003eChaque bouchon doseur de 20 ml apporte \u003cstrong\u003e140 mg de monométhylsilanétriol\u003c\/strong\u003e, soit \u003cstrong\u003e20 mg de silicium élémentaire\u003c\/strong\u003e. Cette concentration permet une utilisation régulière et prolongée sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"l2s-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"l2s-section-intro\"\u003eLe L2S est formulé pour un \u003cstrong\u003eusage externe uniquement\u003c\/strong\u003e. Voici comment en tirer le meilleur parti.\u003c\/p\u003e\n \u003cdiv class=\"l2s-timeline\"\u003e\n \u003cdiv class=\"l2s-timeline-item\"\u003e\n \u003cdiv class=\"l2s-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"l2s-timeline-content\"\u003e\n \u003ch3\u003eImbibez une compresse\u003c\/h3\u003e\n \u003cp\u003eImbibez une compresse de produit L2S et appliquez-la directement sur la zone concernée (articulations, dos, genoux…).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-timeline-item\"\u003e\n \u003cdiv class=\"l2s-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"l2s-timeline-content\"\u003e\n \u003ch3\u003eDosez selon vos besoins\u003c\/h3\u003e\n \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 bouchons doseurs de 20 ml par jour\u003c\/strong\u003e, selon l'intensité de vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-timeline-item\"\u003e\n \u003cdiv class=\"l2s-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"l2s-timeline-content\"\u003e\n \u003ch3\u003eSoyez régulier\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, privilégiez une application régulière pendant plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-tip\"\u003e\n \u003cspan class=\"l2s-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eLe format d'un litre est particulièrement économique : il vous offre environ \u003cstrong\u003e50 jours d'utilisation\u003c\/strong\u003e à raison d'un bouchon par jour, idéal pour une cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"l2s-section\"\u003e\n \u003ch2\u003ePourquoi choisir le L2S plutôt qu'un autre silicium organique ?\u003c\/h2\u003e\n \u003cp class=\"l2s-section-intro\"\u003eSouvent comparé au \u003cstrong\u003esilicium organique G5\u003c\/strong\u003e, le L2S se distingue par son authenticité. Il s'agit de la formule originale de Norbert Duffaut, et non d'une déclinaison ou d'une reformulation.\u003c\/p\u003e\n \u003cdiv class=\"l2s-grid-compact\"\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e📜 Formule historique\u003c\/h3\u003e\n \u003cp\u003eDirectement issue des travaux de N. Duffaut\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e🇫🇷 100 % française\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e⚗️ Haute concentration\u003c\/h3\u003e\n \u003cp\u003e1000 mg de silicium organique par litre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"l2s-card\"\u003e\n \u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n \u003cp\u003e1 litre pour des cures longues durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"l2s-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"l2s-accordion\"\u003e\n \u003cdetails class=\"l2s-accordion-item\"\u003e\n \u003csummary class=\"l2s-accordion-header\"\u003e⚠️ Usage et restrictions\u003c\/summary\u003e\n \u003cdiv class=\"l2s-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit réservé à un \u003cstrong\u003eusage externe\u003c\/strong\u003e. Ne pas ingérer. Ne se substitue pas à un traitement médical ni à un suivi par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"l2s-accordion-item\"\u003e\n \u003csummary class=\"l2s-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"l2s-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais, sec et à 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 \u003cdiv class=\"l2s-cta-box\"\u003e\n \u003cp\u003eSi vous vous interrogez sur les \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e pour votre confort quotidien, le L2S constitue un choix de confiance, ancré dans une tradition française de recherche et de qualité. Offrez à vos articulations et à votre peau le soutien qu'ils méritent. 🇫🇷\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"l2s-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --l2s-cream: #f4f8fb;\n --l2s-white: #ffffff;\n --l2s-primary: #5bb8e8;\n --l2s-primary-dark: #1a3a5c;\n --l2s-primary-light: #e8f4fb;\n --l2s-secondary: #2d7ab5;\n --l2s-accent: #89d4f5;\n --l2s-text: #1a1a1a;\n --l2s-text-light: #5a6a7a;\n --l2s-border: #d8e8f0;\n --l2s-shadow: 0 4px 24px rgba(26,58,92,.08);\n --l2s-shadow-lg: 0 12px 48px rgba(26,58,92,.15);\n --l2s-radius: 20px;\n --l2s-radius-sm: 12px;\n}\n\n.l2s-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--l2s-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.l2s-hero {\n position: relative;\n background: linear-gradient(135deg, var(--l2s-primary-dark) 0%, var(--l2s-secondary) 50%, var(--l2s-primary) 100%);\n border-radius: var(--l2s-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(--l2s-shadow-lg);\n}\n\n.l2s-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,.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(137,212,245,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.l2s-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.l2s-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.l2s-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(--l2s-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.l2s-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.l2s-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.l2s-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.l2s-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.l2s-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.l2s-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--l2s-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.l2s-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(--l2s-primary), var(--l2s-accent));\n border-radius: 2px;\n}\n\n.l2s-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--l2s-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.l2s-highlight-box {\n background: var(--l2s-white);\n border-radius: var(--l2s-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--l2s-shadow);\n border-left: 4px solid var(--l2s-primary);\n}\n\n.l2s-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--l2s-text);\n margin: 0;\n line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.l2s-card {\n background: var(--l2s-white);\n border-radius: var(--l2s-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--l2s-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.l2s-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--l2s-shadow-lg);\n border-color: var(--l2s-primary);\n}\n\n.l2s-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--l2s-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.l2s-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--l2s-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.l2s-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.l2s-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.l2s-grid-compact .l2s-card {\n padding: 1rem;\n}\n\n.l2s-grid-compact .l2s-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.l2s-grid-compact .l2s-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.l2s-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.l2s-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.l2s-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--l2s-primary), var(--l2s-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.l2s-timeline-content {\n flex: 1;\n background: var(--l2s-white);\n padding: 1rem 1.25rem;\n border-radius: var(--l2s-radius-sm);\n box-shadow: var(--l2s-shadow);\n}\n\n.l2s-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--l2s-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.l2s-timeline-content p {\n font-size: 14px;\n color: var(--l2s-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.l2s-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--l2s-primary-light);\n border-radius: var(--l2s-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.l2s-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.l2s-tip p {\n font-size: 14px;\n color: var(--l2s-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.l2s-accordion {\n background: var(--l2s-white);\n border-radius: var(--l2s-radius);\n box-shadow: var(--l2s-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.l2s-accordion-item {\n border-bottom: 1px solid var(--l2s-border);\n margin: 0;\n padding: 0;\n}\n\n.l2s-accordion-item:last-child {\n border-bottom: none;\n}\n\n.l2s-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--l2s-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.l2s-accordion-header:hover {\n background: var(--l2s-primary-light);\n}\n\n.l2s-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.l2s-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--l2s-primary);\n transition: transform .2s ease;\n}\n\n.l2s-accordion-item[open] .l2s-accordion-header::after {\n content: '−';\n}\n\n.l2s-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--l2s-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.l2s-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.l2s-cta-box {\n background: linear-gradient(135deg, var(--l2s-primary) 0%, var(--l2s-primary-dark) 100%);\n border-radius: var(--l2s-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.l2s-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.l2s-disclaimer {\n font-size: 12px;\n color: var(--l2s-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 .l2s-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .l2s-card {\n padding: 1.125rem;\n }\n\n .l2s-section {\n margin-bottom: 1.75rem;\n }\n\n .l2s-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--l2s-radius-sm);\n }\n\n .l2s-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .l2s-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .l2s-grid-compact {\n gap: .625rem;\n }\n\n .l2s-grid-compact .l2s-card {\n padding: .75rem;\n }\n\n .l2s-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .l2s-timeline-content {\n padding: .875rem 1rem;\n }\n\n .l2s-timeline-content h3 {\n font-size: 14px;\n }\n\n .l2s-timeline-content p {\n font-size: 13px;\n }\n\n .l2s-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .l2s-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .l2s-highlight-box {\n padding: 1.25rem;\n }\n\n .l2s-highlight-box p {\n font-size: 14px;\n }\n\n .l2s-tip {\n padding: .875rem 1rem;\n }\n\n .l2s-tip-icon {\n font-size: 20px;\n }\n\n .l2s-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .l2s-card {\n animation: l2sFadeInUp .5s ease backwards;\n }\n .l2s-card:nth-child(1) { animation-delay: .05s; }\n .l2s-card:nth-child(2) { animation-delay: .1s; }\n .l2s-card:nth-child(3) { animation-delay: .15s; }\n .l2s-card:nth-child(4) { animation-delay: .2s; }\n .l2s-card:nth-child(5) { animation-delay: .25s; }\n .l2s-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes l2sFadeInUp {\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 .l2s-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55159774740857,"sku":"LS0080","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/l2s-silicium-organique-1-litre-labo-sante-silice-packshothd.webp?v=1775992341"},{"product_id":"silharpago-bio-1l-labo-sante-silice","title":"Silharpago Silicium Bio - 1 Litre - Labo Santé Silice","description":"\u003cdiv class=\"slh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"slh-hero\"\u003e\n \u003cdiv class=\"slh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slh-hero-content\"\u003e\n \u003cdiv class=\"slh-badges-top\"\u003e\n \u003cspan class=\"slh-badge\"\u003e🌿 Certifié Bio FR-BIO-10\u003c\/span\u003e\n \u003cspan class=\"slh-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"slh-badge\"\u003e🧪 65 mg de silicium \/ dose\u003c\/span\u003e\n \u003cspan class=\"slh-badge\"\u003e🍃 5 plantes bio synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"slh-hero-title\"\u003eSilharpago Silicium Bio\u003c\/span\u003e\n \u003cp class=\"slh-subtitle\"\u003eLabo Santé Silice — Format 1 litre\u003c\/p\u003e\n \u003cp class=\"slh-description\"\u003eApport de silicium d'origine végétale pour retrouver mobilité articulaire, souplesse des tendons et détoxification naturelle de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"slh-section\"\u003e\n \u003ch2\u003eSilharpago Bio : le silicium organique d'origine végétale pour vos articulations\u003c\/h2\u003e\n \u003cp class=\"slh-section-intro\"\u003eVous ressentez des raideurs le matin, une gêne dans les genoux ou les hanches ? Le \u003cstrong\u003eSilharpago Bio\u003c\/strong\u003e de \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e est un complément alimentaire certifié bio qui associe le \u003cstrong\u003esilicium organique d'origine végétale\u003c\/strong\u003e à quatre plantes reconnues pour leurs bienfaits sur la \u003cstrong\u003emobilité articulaire\u003c\/strong\u003e, la \u003cstrong\u003esouplesse des tendons\u003c\/strong\u003e et la \u003cstrong\u003edétoxification de l'organisme\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"slh-grid-compact\"\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🦴 Mobilité articulaire\u003c\/h3\u003e\n \u003cp\u003eRetrouvez une aisance de mouvement au quotidien grâce à une formule ciblée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🤸 Souplesse des tendons\u003c\/h3\u003e\n \u003cp\u003eMaintenez la flexibilité de vos articulations et de vos tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🧬 Détoxification naturelle\u003c\/h3\u003e\n \u003cp\u003eSoutenez les fonctions d'élimination pour un organisme plus léger et purifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🌱 100 % bio \u0026amp; végétal\u003c\/h3\u003e\n \u003cp\u003eUn flacon généreux d'un litre, fabriqué en France, pour votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"slh-section\"\u003e\n \u003ch2\u003ePourquoi le silicium organique est essentiel pour vos articulations\u003c\/h2\u003e\n \u003cdiv class=\"slh-card slh-card-wide\"\u003e\n \u003cp\u003eLe silicium est un oligo-élément indispensable au bon fonctionnement de l'organisme. Présent naturellement dans le \u003cstrong\u003ecartilage\u003c\/strong\u003e, les \u003cstrong\u003eos\u003c\/strong\u003e et les \u003cstrong\u003etissus conjonctifs\u003c\/strong\u003e, il joue un rôle structurel majeur. Avec l'âge, nos réserves diminuent progressivement, ce qui peut se traduire par une perte de souplesse et un inconfort articulaire croissant.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eLes \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e sont aujourd'hui largement documentés : il participe au maintien du capital osseux, soutient l'élasticité des tissus et favorise le renouvellement du cartilage. Contrairement à certaines idées reçues sur le danger du silicium organique, celui-ci est parfaitement sûr lorsqu'il est consommé dans le respect des doses recommandées et issu de sources végétales de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-grid-compact\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🦴 Capital osseux\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien de la solidité et de la densité des os.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🧵 Élasticité des tissus\u003c\/h3\u003e\n \u003cp\u003eSoutient la souplesse des tissus conjonctifs et du cartilage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🔄 Renouvellement\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération naturelle du cartilage articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e✅ Sûr \u0026amp; naturel\u003c\/h3\u003e\n \u003cp\u003eParfaitement sûr d'utilisation en respectant les doses recommandées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"slh-section\"\u003e\n \u003ch2\u003eUne synergie de 5 plantes bio soigneusement dosées\u003c\/h2\u003e\n \u003cp class=\"slh-section-intro\"\u003eCe qui distingue le Silharpago Bio, c'est sa formule complète qui ne mise pas sur un seul actif. Voici les ingrédients clés et leurs rôles :\u003c\/p\u003e\n \u003cdiv class=\"slh-grid\"\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🌿 Harpagophytum bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRacine — 2000 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eAussi appelé « griffe du diable », il aide à maintenir la souplesse des articulations et des tendons tout en contribuant à une bonne mobilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🟡 Curcuma bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRacine — 1000 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes, il soutient le confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🎋 Extrait de bambou bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePousse — 180 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eSource naturelle exceptionnelle de silicium, il apporte \u003cstrong\u003e62 mg de silicium organique\u003c\/strong\u003e par dose. Il aide au confort articulaire et à la solidité des tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🌸 Chicorée bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRacine — 200 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eContribue aux fonctions d'élimination et de détoxification, pour un organisme plus léger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e⚫ Poivre noir bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFruit — 2 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eGrâce à sa pipérine, il optimise l'absorption du curcuma et renforce l'efficacité globale de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-tip\"\u003e\n \u003cspan class=\"slh-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique (\u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e). La formule convient aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"slh-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"slh-timeline\"\u003e\n \u003cdiv class=\"slh-timeline-item\"\u003e\n \u003cdiv class=\"slh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"slh-timeline-content\"\u003e\n \u003ch3\u003eBien agiter avant emploi\u003c\/h3\u003e\n \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-timeline-item\"\u003e\n \u003cdiv class=\"slh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"slh-timeline-content\"\u003e\n \u003ch3\u003eDosez 2 à 3 bouchons par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e40 à 60 ml par jour\u003c\/strong\u003e, de préférence avant les repas, purs ou dilués dans un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-timeline-item\"\u003e\n \u003cdiv class=\"slh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"slh-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure de 2 à 3 mois\u003c\/h3\u003e\n \u003cp\u003ePour des résultats durables, renouvelable selon vos besoins. Un flacon d'un litre couvre \u003cstrong\u003e16 à 25 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!-- H2 #5 --\u003e\n \u003csection class=\"slh-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"slh-accordion\"\u003e\n \u003cdetails class=\"slh-accordion-item\"\u003e\n \u003csummary class=\"slh-accordion-header\"\u003e⚠️ Personnes concernées par les contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"slh-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes. Non recommandé en cas de traitement anticoagulant, d'ulcères gastriques ou duodénaux, ou de calculs biliaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slh-accordion-item\"\u003e\n \u003csummary class=\"slh-accordion-header\"\u003e📏 Dosage et mode de vie\u003c\/summary\u003e\n \u003cdiv class=\"slh-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slh-accordion-item\"\u003e\n \u003csummary class=\"slh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"slh-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit sec, frais et à l'abri de la lumière. Après ouverture, conserver au réfrigérateur (+4 °C) et consommer rapidement dans les 2 mois maximum. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"slh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes bonnes raisons de choisir Silharpago Bio\u003c\/h2\u003e\n \u003cdiv class=\"slh-grid\"\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🎋 Silicium organique végétal\u003c\/h3\u003e\n \u003cp\u003eBiodisponible, naturel et issu du bambou bio pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🔬 Formule synergique complète\u003c\/h3\u003e\n \u003cp\u003e5 plantes qui travaillent ensemble pour articulations, mobilité et détoxification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🌿 Certifié agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eRespect de votre corps et de l'environnement, certifié FR-BIO-10.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eQualité et traçabilité garanties par Labo Santé Silice à Hendaye.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e📦 Format économique 1 litre\u003c\/h3\u003e\n \u003cp\u003ePratique pour suivre une cure complète sans interruption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-card\"\u003e\n \u003ch3\u003e🥗 Convient aux végétariens\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % végétale, sans ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slh-cta-box\"\u003e\n \u003cp\u003eRetrouvez souplesse et mobilité au quotidien grâce au \u003cstrong\u003eSilharpago Bio\u003c\/strong\u003e, une réponse naturelle et certifiée bio pour prendre soin de vos articulations en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"slh-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --slh-cream: #faf6f0;\n --slh-white: #ffffff;\n --slh-primary: #d9802a;\n --slh-primary-dark: #8b4513;\n --slh-primary-light: #fdf0e0;\n --slh-secondary: #e8a94a;\n --slh-accent: #6b8e23;\n --slh-text: #1a1a1a;\n --slh-text-light: #5a5a5a;\n --slh-border: #e8ddd0;\n --slh-shadow: 0 4px 24px rgba(139,69,19,.08);\n --slh-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n --slh-radius: 20px;\n --slh-radius-sm: 12px;\n}\n\n.slh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--slh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.slh-premium *, .slh-premium *::before, .slh-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.slh-hero {\n position: relative;\n background: linear-gradient(135deg, #8b4513 0%, #d9802a 45%, #e8a94a 100%);\n border-radius: var(--slh-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(--slh-shadow-lg);\n}\n\n.slh-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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n opacity: 1;\n}\n\n.slh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.slh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.slh-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(--slh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.slh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.slh-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.slh-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.slh-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.slh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.slh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--slh-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.slh-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(--slh-primary), var(--slh-secondary));\n border-radius: 2px;\n}\n\n.slh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--slh-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.slh-card {\n background: var(--slh-white);\n border-radius: var(--slh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--slh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.slh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--slh-shadow-lg);\n border-color: var(--slh-primary);\n}\n\n.slh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--slh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.slh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--slh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.slh-card p + p {\n margin-top: .4rem;\n}\n\n.slh-card-wide {\n text-align: left;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.slh-card-wide p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.75;\n}\n\n\/* === GRILLES === *\/\n.slh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.slh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.slh-grid-compact .slh-card {\n padding: 1rem;\n}\n\n.slh-grid-compact .slh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.slh-grid-compact .slh-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.slh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.slh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.slh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--slh-primary), var(--slh-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.slh-timeline-content {\n flex: 1;\n background: var(--slh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--slh-radius-sm);\n box-shadow: var(--slh-shadow);\n}\n\n.slh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--slh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.slh-timeline-content p {\n font-size: 14px;\n color: var(--slh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.slh-accordion {\n background: var(--slh-white);\n border-radius: var(--slh-radius);\n box-shadow: var(--slh-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.slh-accordion-item {\n border-bottom: 1px solid var(--slh-border);\n margin: 0;\n padding: 0;\n}\n\n.slh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.slh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--slh-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.slh-accordion-header:hover {\n background: var(--slh-primary-light);\n}\n\n.slh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.slh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--slh-primary);\n transition: transform .2s ease;\n}\n\n.slh-accordion-item[open] .slh-accordion-header::after {\n content: '−';\n}\n\n.slh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--slh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.slh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.slh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--slh-primary-light);\n border-radius: var(--slh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.slh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.slh-tip p {\n font-size: 14px;\n color: var(--slh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.slh-cta-box {\n background: linear-gradient(135deg, var(--slh-primary) 0%, var(--slh-primary-dark) 100%);\n border-radius: var(--slh-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.slh-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.slh-disclaimer {\n font-size: 12px;\n color: var(--slh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .slh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .slh-card {\n padding: 1.125rem;\n }\n\n .slh-section {\n margin-bottom: 1.75rem;\n }\n\n .slh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--slh-radius-sm);\n }\n\n .slh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .slh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .slh-grid-compact {\n gap: .625rem;\n }\n\n .slh-grid-compact .slh-card {\n padding: .75rem;\n }\n\n .slh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .slh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .slh-timeline-content h3 {\n font-size: 14px;\n }\n\n .slh-timeline-content p {\n font-size: 13px;\n }\n\n .slh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .slh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .slh-card-wide {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .slh-card {\n animation: slhFadeInUp .5s ease backwards;\n }\n .slh-card:nth-child(1) { animation-delay: .05s; }\n .slh-card:nth-child(2) { animation-delay: .1s; }\n .slh-card:nth-child(3) { animation-delay: .15s; }\n .slh-card:nth-child(4) { animation-delay: .2s; }\n .slh-card:nth-child(5) { animation-delay: .25s; }\n .slh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes slhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .slh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55159915381113,"sku":"LS0320","price":30.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silharpago-silicium-bio-1-litre-labo-sante-silice-packshothd.webp?v=1772964143"},{"product_id":"silacaps-polyphenols-120-gelules-labo-sante-silice","title":"Silacaps Polyphenols – 120 gélules – Labo Santé Silice","description":"\u003cdiv class=\"sc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🍇 Polyphénols de raisin\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSilacaps Polyphénols\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eSilicium organique + antioxydants de raisin + vitamine B3\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eLa synergie parfaite entre silicium de bambou et polyphénols de marc de raisin pour vos articulations, votre circulation veineuse et votre vitalité — avec une technologie brevetée d'absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eSilacaps Polyphénols : silicium organique et antioxydants en gélules\u003c\/h2\u003e\n \u003cp class=\"sc-section-intro\"\u003eVous cherchez un complément alimentaire associant les bienfaits du silicium organique à la puissance protectrice des polyphénols ?\u003c\/p\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🦴 Articulations souples\u003c\/h3\u003e\n \u003cp\u003eLe silicium organique soutient les cartilages et les tendons pour préserver votre mobilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🍇 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes polyphénols de marc de raisin aident à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💜 Circulation veineuse\u003c\/h3\u003e\n \u003cp\u003eUne formule qui contribue au tonus vasculaire et à une bonne circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003ePourquoi associer silicium organique et polyphénols ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-testimonial\"\u003e\n \u003cp class=\"sc-testimonial-text\"\u003eLe silicium organique est un oligo-élément présent naturellement dans les os, les cartilages, les tendons et la peau. Avec l'âge, nos réserves diminuent, ce qui peut affecter la souplesse articulaire et la fermeté cutanée. Les bienfaits du silicium organique sont reconnus pour le maintien des tissus conjonctifs, tandis que les polyphénols de raisin offrent une protection antioxydante qui aide à préserver les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🦴 Front 1\u003c\/h3\u003e\n \u003cp\u003eConfort articulaire grâce au silicium de bambou\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e❤️ Front 2\u003c\/h3\u003e\n \u003cp\u003eSanté vasculaire grâce aux polyphénols de raisin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✨ Vitamine B3\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue et maintient une peau normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🔬 Synergie\u003c\/h3\u003e\n \u003cp\u003eDeux familles d'actifs complémentaires en une seule gélule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 2 gélules\u003c\/h2\u003e\n \u003cdiv class=\"sc-composition-table\"\u003e\n \u003cdiv class=\"sc-compo-row sc-compo-header\"\u003e\n \u003cspan class=\"sc-compo-ingredient\"\u003eIngrédient\u003c\/span\u003e\n \u003cspan class=\"sc-compo-quantity\"\u003eQuantité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-compo-row\"\u003e\n \u003cspan class=\"sc-compo-ingredient\"\u003e🍇 Extrait de Marc de Raisin (\u003cem\u003eVitis vinifera\u003c\/em\u003e)\u003c\/span\u003e\n \u003cspan class=\"sc-compo-quantity\"\u003e\u003cstrong\u003e160 mg\u003c\/strong\u003e dont 144 mg de polyphénols\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-compo-row\"\u003e\n \u003cspan class=\"sc-compo-ingredient\"\u003e🎋 Extrait de Bambou (\u003cem\u003eBambusa bambos\u003c\/em\u003e, pousse)\u003c\/span\u003e\n \u003cspan class=\"sc-compo-quantity\"\u003e\u003cstrong\u003e54 mg\u003c\/strong\u003e dont 40 mg de silicium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-compo-row\"\u003e\n \u003cspan class=\"sc-compo-ingredient\"\u003e💊 Vitamine B3 (Nicotinamide)\u003c\/span\u003e\n \u003cspan class=\"sc-compo-quantity\"\u003e\u003cstrong\u003e16 mg\u003c\/strong\u003e (100 % des VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-tip\"\u003e\n \u003cspan class=\"sc-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e micro-sphères végétales (technologie brevetée d'extrusion), gélule d'origine végétale. Formule sans apport calorique significatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eUne technologie brevetée pour une absorption optimale\u003c\/h2\u003e\n \u003cdiv class=\"sc-highlight-box\"\u003e\n \u003cdiv class=\"sc-highlight-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"sc-highlight-content\"\u003e\n \u003cp\u003eCe qui distingue Silacaps de nombreux compléments à base de silicium G5 organique, c'est sa \u003cstrong\u003etechnologie d'extrusion sur micro-sphères végétales\u003c\/strong\u003e, développée en collaboration avec la \u003cstrong\u003eFaculté de Pharmacie de Montpellier\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eCe procédé permet une \u003cstrong\u003elibération progressive des actifs\u003c\/strong\u003e dans le tube digestif, favorisant ainsi une \u003cstrong\u003ebiodisponibilité supérieure\u003c\/strong\u003e. Concrètement, votre organisme absorbe davantage de silicium et de polyphénols à chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eComment prendre Silacaps Polyphénols ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-timeline\"\u003e\n \u003cdiv class=\"sc-timeline-item\"\u003e\n \u003cdiv class=\"sc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour, de préférence avant un repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-item\"\u003e\n \u003cdiv class=\"sc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois pour des résultats durables sur vos articulations et votre circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-item\"\u003e\n \u003cdiv class=\"sc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-content\"\u003e\n \u003ch3\u003eContenu du pilulier\u003c\/h3\u003e\n \u003cp\u003e120 gélules, soit \u003cstrong\u003e2 mois de cure complète\u003c\/strong\u003e — un excellent rapport durée\/prix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-tip\"\u003e\n \u003cspan class=\"sc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour prolonger les effets, il est possible de renouveler la cure après une pause de quelques semaines, en demandant conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🦵 Souplesse articulaire\u003c\/h3\u003e\n \u003cp\u003ePréservez le confort de vos articulations au quotidien et retrouvez une mobilité agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💜 Tonus vasculaire\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre circulation et favorisez un bon retour veineux grâce aux polyphénols.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n \u003cp\u003eProtégez vos cellules avec un apport régulier en polyphénols issus du marc de raisin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🇫🇷 Recherche française\u003c\/h3\u003e\n \u003cp\u003eBénéficiez d'une formule issue de la recherche scientifique, développée et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes. Ne pas dépasser la dose journalière de 2 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🍽️ Usage et alimentation\u003c\/summary\u003e\n \u003cdiv class=\"sc-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, et ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez dans un endroit frais, sec et à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🍇 \u003cstrong\u003eSilacaps Polyphénols\u003c\/strong\u003e vous offre une approche complète et naturelle pour prendre soin de vos articulations et de votre système vasculaire. Une formule pensée par des experts, pour un bien-être que vous ressentirez au fil des semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-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 --sc-cream: #f7f4f0;\n --sc-white: #ffffff;\n --sc-primary: #6b3a7d;\n --sc-primary-dark: #4a2259;\n --sc-primary-light: #f3edf6;\n --sc-secondary: #3b5998;\n --sc-accent: #8b5e3c;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e0dcd8;\n --sc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 40%, var(--sc-secondary) 100%);\n border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-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(139,94,60,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-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.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.sc-description {\n color: rgba(255,255,255,.82);\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.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-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.sc-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(--sc-primary), var(--sc-secondary));\n border-radius: 2px;\n}\n\n.sc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.sc-composition-table {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.sc-compo-row {\n display: flex;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--sc-border);\n gap: 1rem;\n}\n\n.sc-compo-row:last-child {\n border-bottom: none;\n}\n\n.sc-compo-header {\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-primary-dark));\n}\n\n.sc-compo-header span {\n color: white;\n font-weight: 800;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.sc-compo-ingredient {\n flex: 1;\n font-size: 14px;\n color: var(--sc-text);\n font-weight: 600;\n}\n\n.sc-compo-quantity {\n flex: 0 0 auto;\n font-size: 14px;\n color: var(--sc-text-light);\n text-align: right;\n min-width: 140px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid var(--sc-primary-light);\n}\n\n.sc-highlight-icon {\n font-size: 48px;\n flex-shrink: 0;\n background: var(--sc-primary-light);\n width: 72px;\n height: 72px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sc-highlight-content {\n flex: 1;\n}\n\n.sc-highlight-content p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sc-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.sc-highlight-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.sc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-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.sc-timeline-content {\n flex: 1;\n background: var(--sc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sc-radius-sm);\n box-shadow: var(--sc-shadow);\n}\n\n.sc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sc-timeline-content p {\n font-size: 14px;\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sc-testimonial {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sc-shadow);\n border-left: 4px solid var(--sc-primary);\n}\n\n.sc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-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.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sc-tip p {\n font-size: 14px;\n color: var(--sc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-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.sc-disclaimer {\n font-size: 12px;\n color: var(--sc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sc-card {\n padding: 1.125rem;\n }\n\n .sc-section {\n margin-bottom: 1.75rem;\n }\n\n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n\n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sc-grid-compact {\n gap: .625rem;\n }\n\n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n\n .sc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sc-timeline-content h3 {\n font-size: 14px;\n }\n\n .sc-timeline-content p {\n font-size: 13px;\n }\n\n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sc-testimonial {\n padding: 1.25rem;\n }\n\n .sc-testimonial-text {\n font-size: 14px;\n }\n\n .sc-highlight-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1.25rem;\n gap: 1rem;\n }\n\n .sc-highlight-icon {\n width: 56px;\n height: 56px;\n font-size: 36px;\n }\n\n .sc-highlight-content p {\n font-size: 14px;\n }\n\n .sc-composition-table {\n border-radius: var(--sc-radius-sm);\n }\n\n .sc-compo-row {\n flex-direction: column;\n gap: .25rem;\n padding: .875rem 1rem;\n }\n\n .sc-compo-header {\n flex-direction: row;\n }\n\n .sc-compo-quantity {\n min-width: unset;\n text-align: left;\n font-size: 13px;\n }\n\n .sc-compo-ingredient {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: scFadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes scFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55160109498745,"sku":"LS0020","price":25.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silacaps-polyphenols-120-gelules-labo-sante-silice-packshothd.webp?v=1775199216"},{"product_id":"silamax-1-litre-labo-sante-silice","title":"SILAMAX silicium 4000 mg\/L (1 Litre) - Labo Santé Silice","description":"\u003cdiv class=\"slx-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"slx-hero\"\u003e\n \u003cdiv class=\"slx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slx-hero-content\"\u003e\n \u003cdiv class=\"slx-badges-top\"\u003e\n \u003cspan class=\"slx-badge\"\u003e🌿 Silicium végétal\u003c\/span\u003e\n \u003cspan class=\"slx-badge\"\u003e💪 4000 mg\/L\u003c\/span\u003e\n \u003cspan class=\"slx-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"slx-badge\"\u003e🫙 Format 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"slx-hero-title\"\u003eSilamax® Silicium 4000 mg\/L\u003c\/span\u003e\n \u003cp class=\"slx-subtitle\"\u003eLabo Santé Silice – Formule articulaire haute concentration\u003c\/p\u003e\n \u003cp class=\"slx-description\"\u003eBambou, glucosamine, chondroïtine et manganèse réunis dans une formule synergique pour soutenir vos articulations, vos os et vos tissus conjonctifs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"slx-section\"\u003e\n \u003ch2\u003eSilamax® Articulaire : le silicium organique végétal haute concentration\u003c\/h2\u003e\n \u003cp class=\"slx-section-intro\"\u003eVous ressentez des raideurs au réveil, une gêne articulaire après l'effort ou une perte de souplesse au fil des années ?\u003c\/p\u003e\n \u003cdiv class=\"slx-grid-compact\"\u003e\n \u003cdiv class=\"slx-card\"\u003e\n \u003ch3\u003e🌱 Origine végétale\u003c\/h3\u003e\n \u003cp\u003eSilicium issu d'exsudat de bambou, 100 % naturel et hautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card\"\u003e\n \u003ch3\u003e⚡ Haute concentration\u003c\/h3\u003e\n \u003cp\u003e4000 mg\/L de silicium organique pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card\"\u003e\n \u003ch3\u003e🦴 Soutien global\u003c\/h3\u003e\n \u003cp\u003eArticulations, os et tissus conjonctifs soutenus par 4 actifs synergiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card\"\u003e\n \u003ch3\u003e🧪 Formule complète\u003c\/h3\u003e\n \u003cp\u003eBambou, glucosamine, chondroïtine et manganèse dans un seul flacon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"slx-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du silicium organique présent dans Silamax® ?\u003c\/h2\u003e\n \u003cp class=\"slx-section-intro\"\u003eLe silicium organique est un oligo-élément naturellement présent dans notre corps, mais dont les réserves diminuent avec l'âge. Ses bienfaits sont nombreux et reconnus.\u003c\/p\u003e\n \u003cdiv class=\"slx-grid\"\u003e\n \u003cdiv class=\"slx-card\"\u003e\n \u003ch3\u003e🦴 Solidité osseuse\u003c\/h3\u003e\n \u003cp\u003eParticipe à la solidité de l'ossature et à la reminéralisation osseuse au fil du temps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card\"\u003e\n \u003ch3\u003e🤸 Souplesse articulaire\u003c\/h3\u003e\n \u003cp\u003eMaintient la souplesse des articulations pour une mobilité préservée au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card\"\u003e\n \u003ch3\u003e🧬 Tissus conjonctifs\u003c\/h3\u003e\n \u003cp\u003eRenforce la résistance des cartilages, tendons et ligaments pour un soutien structurel complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-tip\"\u003e\n \u003cspan class=\"slx-tip-icon\"\u003e🎋\u003c\/span\u003e\n \u003cp\u003eContrairement aux formules à base de silicium de synthèse, Silamax® tire son silicium de l'\u003cstrong\u003eexsudat de bambou (Bambusa arundinacea)\u003c\/strong\u003e, une source végétale naturellement riche en silice biodisponible — un allié précieux pour les personnes actives et les seniors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"slx-section\"\u003e\n \u003ch2\u003eUne formule synergique complète\u003c\/h2\u003e\n \u003cp class=\"slx-section-intro\"\u003eBien plus qu'un simple silicium organique classique : 4 actifs complémentaires pour agir sur plusieurs niveaux.\u003c\/p\u003e\n \u003cdiv class=\"slx-grid\"\u003e\n \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n \u003ch3\u003e🎋 Silicium végétal (bambou)\u003c\/h3\u003e\n \u003cp\u003eSoutient la santé des articulations et la régénération des tissus conjonctifs grâce à sa richesse en silice naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n \u003ch3\u003e🔵 Glucosamine sulfate 2 KCl\u003c\/h3\u003e\n \u003cp\u003eAide à entretenir les cartilages et favorise la mobilité articulaire pour des mouvements plus fluides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n \u003ch3\u003e🟢 Chondroïtine sulfate\u003c\/h3\u003e\n \u003cp\u003eRenforce l'élasticité et la fermeté du cartilage, en synergie puissante avec la glucosamine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une ossature normale et à la formation des tissus conjonctifs (161 % des VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"slx-section\"\u003e\n \u003ch2\u003eComposition détaillée et valeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"slx-composition-block\"\u003e\n \u003cp class=\"slx-composition-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e eau déminéralisée, glycérine, glucosamine sulfate 2 KCl (issue de crustacés), exsudat de bambou riche en silicium, chondroïtine sulfate (issue de poisson), arôme naturel de vanille, acidifiant : acide citrique, conservateur : sorbate de potassium, sulfate de manganèse.\u003c\/p\u003e\n \u003cdiv class=\"slx-table-wrapper\"\u003e\n \u003ctable class=\"slx-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003ePar dose (40 ml)\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eGlucosamine sulfate 2 KCl\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e708 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eChondroïtine sulfate\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e400 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eSilicium élément\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e160 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eManganèse\u003c\/td\u003e\n \u003ctd\u003e\n\u003cstrong\u003e3,22 mg\u003c\/strong\u003e (161 % VNR)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-sans-badges\"\u003e\n \u003cspan class=\"slx-sans-badge\"\u003e✅ Sans benzoate de sodium\u003c\/span\u003e\n \u003cspan class=\"slx-sans-badge\"\u003e✅ Sans dioxyde de silicium\u003c\/span\u003e\n \u003cspan class=\"slx-sans-badge\"\u003e✅ Sans silicium de synthèse\u003c\/span\u003e\n \u003cspan class=\"slx-sans-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"slx-section\"\u003e\n \u003ch2\u003eComment prendre Silamax® Articulaire ?\u003c\/h2\u003e\n \u003cdiv class=\"slx-timeline\"\u003e\n \u003cdiv class=\"slx-timeline-item\"\u003e\n \u003cdiv class=\"slx-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"slx-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 bouchons doseurs par jour\u003c\/strong\u003e (40 ml), de préférence avant un repas, le matin ou le midi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-timeline-item\"\u003e\n \u003cdiv class=\"slx-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"slx-timeline-content\"\u003e\n \u003ch3\u003eDurée du flacon\u003c\/h3\u003e\n \u003cp\u003eLe flacon de \u003cstrong\u003e1 litre\u003c\/strong\u003e correspond à environ \u003cstrong\u003e25 jours\u003c\/strong\u003e d'utilisation continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slx-timeline-item\"\u003e\n \u003cdiv class=\"slx-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"slx-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits sur le confort articulaire et osseux.\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=\"slx-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"slx-accordion\"\u003e\n \u003cdetails class=\"slx-accordion-item\"\u003e\n \u003csummary class=\"slx-accordion-header\"\u003e🦐 Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas d'allergie aux \u003cstrong\u003ecrustacés, poissons ou mollusques\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slx-accordion-item\"\u003e\n \u003csummary class=\"slx-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n \u003cp\u003eNe convient pas aux enfants, aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slx-accordion-item\"\u003e\n \u003csummary class=\"slx-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée (40 ml soit 2 bouchons doseurs).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slx-accordion-item\"\u003e\n \u003csummary class=\"slx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au frais, au sec et à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"slx-accordion-item\"\u003e\n \u003csummary class=\"slx-accordion-header\"\u003e⚠️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e, ni à une alimentation variée et équilibrée associée à un mode de vie sain. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"slx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"slx-cta-box\"\u003e\n \u003cp\u003e🌿 Vous cherchez une solution naturelle et concentrée en \u003cstrong\u003esilicium organique\u003c\/strong\u003e pour retrouver souplesse et confort au quotidien ? Silamax® Articulaire réunit le meilleur du bambou, de la glucosamine et de la chondroïtine dans un flacon pratique d'un litre, idéal pour vos cures longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"slx-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 --slx-cream: #f4f7f2;\n --slx-white: #ffffff;\n --slx-primary: #1a7a3d;\n --slx-primary-dark: #0e5a28;\n --slx-primary-light: #e8f5ec;\n --slx-secondary: #2eaa5a;\n --slx-accent: #a8d5ba;\n --slx-text: #1a1a1a;\n --slx-text-light: #5a5a5a;\n --slx-border: #dce8de;\n --slx-shadow: 0 4px 24px rgba(0,0,0,.08);\n --slx-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --slx-radius: 20px;\n --slx-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.slx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--slx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.slx-hero {\n position: relative;\n background: linear-gradient(135deg, #0e5a28 0%, #1a7a3d 45%, #2eaa5a 100%);\n border-radius: var(--slx-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(--slx-shadow-lg);\n}\n\n.slx-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(168,213,186,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.slx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.slx-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.slx-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.slx-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.slx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.slx-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(--slx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.slx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.slx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.slx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--slx-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.slx-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(--slx-primary), var(--slx-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.slx-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--slx-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.slx-card {\n background: var(--slx-white);\n border-radius: var(--slx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--slx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.slx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--slx-shadow-lg);\n border-color: var(--slx-primary);\n}\n\n.slx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--slx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.slx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--slx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.slx-card-ingredient {\n border-left: 4px solid var(--slx-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.slx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.slx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.slx-grid-compact .slx-card {\n padding: 1rem;\n}\n\n.slx-grid-compact .slx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.slx-grid-compact .slx-card p {\n font-size: 12px;\n}\n\n\/* === TIP === *\/\n.slx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--slx-primary-light);\n border-radius: var(--slx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.slx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.slx-tip p {\n font-size: 14px;\n color: var(--slx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BLOCK === *\/\n.slx-composition-block {\n background: var(--slx-white);\n border-radius: var(--slx-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--slx-shadow);\n}\n\n.slx-composition-intro {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--slx-text-light);\n line-height: 1.7;\n margin: 0 0 1.5rem 0;\n}\n\n\/* === TABLE === *\/\n.slx-table-wrapper {\n overflow-x: auto;\n margin-bottom: 1.5rem;\n}\n\n.slx-table {\n width: 100%;\n border-collapse: collapse;\n border-radius: var(--slx-radius-sm);\n overflow: hidden;\n}\n\n.slx-table thead tr {\n background: linear-gradient(135deg, var(--slx-primary), var(--slx-secondary));\n}\n\n.slx-table th {\n color: white;\n font-size: 14px;\n font-weight: 700;\n padding: 12px 16px;\n text-align: left;\n}\n\n.slx-table td {\n padding: 12px 16px;\n font-size: 14px;\n color: var(--slx-text);\n border-bottom: 1px solid var(--slx-border);\n}\n\n.slx-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.slx-table tbody tr:nth-child(even) {\n background: var(--slx-primary-light);\n}\n\n.slx-table tbody tr:hover {\n background: rgba(26,122,61,.08);\n}\n\n\/* === SANS BADGES === *\/\n.slx-sans-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n}\n\n.slx-sans-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n background: var(--slx-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--slx-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.slx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.slx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.slx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--slx-primary), var(--slx-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.slx-timeline-content {\n flex: 1;\n background: var(--slx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--slx-radius-sm);\n box-shadow: var(--slx-shadow);\n}\n\n.slx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--slx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.slx-timeline-content p {\n font-size: 14px;\n color: var(--slx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.slx-accordion {\n background: var(--slx-white);\n border-radius: var(--slx-radius);\n box-shadow: var(--slx-shadow);\n overflow: hidden;\n}\n\n.slx-accordion-item {\n border-bottom: 1px solid var(--slx-border);\n margin: 0;\n padding: 0;\n}\n\n.slx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.slx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--slx-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.slx-accordion-header:hover {\n background: var(--slx-primary-light);\n}\n\n.slx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.slx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--slx-primary);\n transition: transform .2s ease;\n}\n\n.slx-accordion-item[open] .slx-accordion-header::after {\n content: '−';\n}\n\n.slx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--slx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.slx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.slx-cta-box {\n background: linear-gradient(135deg, var(--slx-primary) 0%, var(--slx-primary-dark) 100%);\n border-radius: var(--slx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.slx-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.slx-disclaimer {\n font-size: 12px;\n color: var(--slx-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 .slx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .slx-card {\n padding: 1.125rem;\n }\n\n .slx-section {\n margin-bottom: 1.75rem;\n }\n\n .slx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--slx-radius-sm);\n }\n\n .slx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .slx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .slx-grid-compact {\n gap: .625rem;\n }\n\n .slx-grid-compact .slx-card {\n padding: .75rem;\n }\n\n .slx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .slx-timeline-content {\n padding: .875rem 1rem;\n }\n\n .slx-timeline-content h3 {\n font-size: 14px;\n }\n\n .slx-timeline-content p {\n font-size: 13px;\n }\n\n .slx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .slx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .slx-composition-block {\n padding: 1.125rem;\n }\n\n .slx-table th,\n .slx-table td {\n padding: 10px 12px;\n font-size: 13px;\n }\n\n .slx-sans-badges {\n gap: 6px;\n }\n\n .slx-sans-badge {\n font-size: 11px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .slx-card {\n animation: slxFadeInUp .5s ease backwards;\n }\n .slx-card:nth-child(1) { animation-delay: .05s; }\n .slx-card:nth-child(2) { animation-delay: .1s; }\n .slx-card:nth-child(3) { animation-delay: .15s; }\n .slx-card:nth-child(4) { animation-delay: .2s; }\n .slx-card:nth-child(5) { animation-delay: .25s; }\n .slx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes slxFadeInUp {\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 .slx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55160194433401,"sku":"LS0070","price":30.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silamax-silicium-4000-mgl-1-litre-labo-sante-silice-packshothd_908b2bf2-21bf-48e5-9627-41d3bf7a104f.webp?v=1789576810"},{"product_id":"collagene-marin-90-gelules-meralia","title":"Collagène Marin - 90 gélules - Meralia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin - 90 gélules - Meralia\nPalette détectée:\n - Primaire: #2B5EA7 (bleu marine du bouchon et bandeau)\n - Secondaire: #3A7BD5 (bleu moyen du logo Meralia)\n - Accent: #5BAFE6 (bleu clair, rappel marin\/océan)\nAmbiance: Marin, santé\/beauté, naturel, confiance, frais et lumineux\nPréfixe CSS: cm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Collagène marin Meralia : votre allié pour une peau ferme et éclatante\"\n 2. \"Bienfaits du collagène marin et des actifs synergiques\"\n 3. \"Le collagène marin présente-t-il des dangers ?\"\n 4. \"Conseils d'utilisation\"\n 5. \"Composition pour 4 gélules (dose journalière)\"\n 6. \"Pourquoi choisir le collagène marin Meralia ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🐟 Collagène marin hydrolysé\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e✨ Peau ferme \u0026amp; éclatante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Meralia\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003eSoin peau – Visage tonique\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eUne formule synergique associant collagène marin, vitamine C, vitamine E et zinc pour soutenir la beauté de votre peau de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eCollagène marin Meralia : votre allié pour une peau ferme et éclatante\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eAvec l'âge, la production naturelle de collagène diminue d'environ \u003cstrong\u003e1 % par an dès 25 ans\u003c\/strong\u003e. Résultat : la peau perd progressivement sa fermeté, son élasticité et son éclat.\u003c\/p\u003e\n \u003cdiv class=\"cm-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eCollagène marin Meralia\u003c\/strong\u003e a été formulé pour répondre à cette problématique. En associant du \u003cstrong\u003ecollagène marin hydrolysé\u003c\/strong\u003e hautement assimilable à de la \u003cstrong\u003evitamine C\u003c\/strong\u003e, de la \u003cstrong\u003evitamine E\u003c\/strong\u003e et du \u003cstrong\u003ezinc\u003c\/strong\u003e, ce complément alimentaire offre une approche complète pour soutenir la beauté de votre peau de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eBienfaits du collagène marin et des actifs synergiques\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e sont aujourd'hui largement documentés. Cette protéine structurelle, extraite de poissons, possède une faible taille moléculaire qui favorise une absorption optimale. Ce qui rend cette formule Meralia particulièrement intéressante, c'est la complémentarité de ses quatre actifs :\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🐟 Collagène marin hydrolysé (1 080 mg\/jour)\u003c\/h3\u003e\n \u003cp\u003eIl contribue à renforcer la structure cutanée, à améliorer l'hydratation et à restaurer la souplesse des tissus. C'est aussi un soutien précieux pour les articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C (80 mg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003eIndispensable à la synthèse du collagène par l'organisme. Sans elle, votre corps ne peut pas correctement utiliser le collagène apporté. Elle agit également comme un puissant antioxydant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E (12 mg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003eElle protège les cellules cutanées contre le stress oxydatif provoqué par la pollution, les UV et les radicaux libres, contribuant à ralentir les signes visibles du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚡ Zinc (10 mg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003eEssentiel à la régénération cellulaire et à la cicatrisation, il aide aussi à réguler la production de sébum, ce qui en fait un allié pour tous les types de peaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eLe collagène marin présente-t-il des dangers ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-testimonial\"\u003e\n \u003cp class=\"cm-testimonial-text\"\u003eVous vous interrogez sur \u003cstrong\u003ele collagène marin et ses dangers\u003c\/strong\u003e éventuels ? Rassurez-vous : le collagène marin est généralement très bien toléré. La principale précaution concerne les personnes \u003cstrong\u003eallergiques au poisson ou aux sulfites\u003c\/strong\u003e. En dehors de ce cas, aucun effet indésirable notable n'est rapporté aux dosages recommandés. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e : 2 le matin et 2 le midi, avec un grand verre d'eau, de préférence au cours du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour observer des résultats significatifs sur la fermeté et l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eContenu du flacon\u003c\/h3\u003e\n \u003cp\u003eLe flacon de \u003cstrong\u003e90 gélules\u003c\/strong\u003e couvre environ \u003cstrong\u003e22 jours\u003c\/strong\u003e de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-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. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComposition pour 4 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"cm-table-wrapper\"\u003e\n \u003ctable class=\"cm-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eCollagène marin (poisson, sulfites)\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1 080 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine C\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine E\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eZinc (oxyde de zinc)\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eGélule végétale (hypromellose)\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cp class=\"cm-disclaimer\"\u003e*Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le collagène marin Meralia ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🔬 Formule complète et synergique\u003c\/h3\u003e\n \u003cp\u003eQuatre actifs qui travaillent ensemble plutôt qu'un simple collagène isolé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🚀 Haute biodisponibilité\u003c\/h3\u003e\n \u003cp\u003eLe collagène hydrolysé d'origine marine est reconnu pour son assimilation supérieure au collagène bovin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💯 100 % des apports recommandés\u003c\/h3\u003e\n \u003cp\u003eVitamine C, vitamine E et zinc couverts dans chaque dose quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eUne alternative respectueuse, facile à avaler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card cm-card-span\"\u003e\n \u003ch3\u003e✨ Convient à tous les types de peaux\u003c\/h3\u003e\n \u003cp\u003eDes plus sèches aux plus mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau un soutien quotidien avec le \u003cstrong\u003ecollagène marin Meralia\u003c\/strong\u003e. Une routine simple — quatre gélules par jour — pour préserver l'éclat naturel de votre peau dans la durée. 🌊\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cm-cream: #f4f7fb;\n --cm-white: #ffffff;\n --cm-primary: #2B5EA7;\n --cm-primary-dark: #1a3d6e;\n --cm-primary-light: #e8f0fa;\n --cm-secondary: #3A7BD5;\n --cm-accent: #5BAFE6;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #dde5ef;\n --cm-shadow: 0 4px 24px rgba(43,94,167,.08);\n --cm-shadow-lg: 0 12px 48px rgba(43,94,167,.15);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cm-premium *, .cm-premium *::before, .cm-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3d6e 0%, #2B5EA7 40%, #3A7BD5 70%, #5BAFE6 100%);\n border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cm-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.cm-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: .05em;\n text-transform: uppercase;\n}\n\n.cm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-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.cm-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(--cm-primary), var(--cm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-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.cm-highlight-box {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border-left: 4px solid var(--cm-accent);\n}\n\n.cm-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n.cm-card-span {\n grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-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.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cm-testimonial {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TABLE === *\/\n.cm-table-wrapper {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-table {\n width: 100%;\n border-collapse: collapse;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.cm-table thead {\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n}\n\n.cm-table th {\n color: white;\n padding: 14px 16px;\n text-align: left;\n font-weight: 700;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.cm-table td {\n padding: 12px 16px;\n color: var(--cm-text);\n border-bottom: 1px solid var(--cm-border);\n}\n\n.cm-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.cm-table tbody tr:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-table tbody tr:nth-child(even) {\n background: rgba(43,94,167,.02);\n}\n\n.cm-table tbody tr:nth-child(even):hover {\n background: var(--cm-primary-light);\n}\n\n\/* === TIP BOX === *\/\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cm-cta-box {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n border-radius: var(--cm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cm-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.cm-disclaimer {\n font-size: 12px;\n color: var(--cm-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 .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-grid-compact {\n gap: .625rem;\n }\n\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-testimonial {\n padding: 1.25rem;\n }\n\n .cm-testimonial-text {\n font-size: 14px;\n }\n\n .cm-highlight-box {\n padding: 1.25rem;\n }\n\n .cm-table th,\n .cm-table td {\n padding: 10px 12px;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\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 .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MERALIA","offers":[{"title":"Default Title","offer_id":55160241193337,"sku":"ME4004","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene_marin_gelules_meralia_11zon.jpg?v=1770800378"},{"product_id":"silacaps-articulaire-120-gelules-labo-sante-silice","title":"Silacaps Articulaire - 120 gélules - Labo Santé Silice","description":"\u003cdiv class=\"sc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🎋 Silicium de bambou\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e💊 120 gélules – 2 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSilacaps Articulaire\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eLabo Santé Silice\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eLe silicium naturel du bambou associé au Coenzyme Q10 et au Manganèse pour contribuer au confort articulaire et au maintien d'une ossature normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eSilacaps Articulaire : le silicium du bambou au service de vos articulations\u003c\/h2\u003e\n \u003cp class=\"sc-section-intro\"\u003eVous ressentez des raideurs au réveil, une gêne dans les genoux ou les épaules ? Votre corps vous envoie un signal : vos articulations ont besoin d'un coup de pouce.\u003c\/p\u003e\n \u003cdiv class=\"sc-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eSilacaps Articulaire\u003c\/strong\u003e, conçu par \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e, est un \u003cstrong\u003ecomplément alimentaire à base de silicium\u003c\/strong\u003e naturel issu du bambou, spécialement formulé pour contribuer à votre \u003cstrong\u003econfort articulaire\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003ePourquoi le silicium est essentiel pour vos articulations et vos os\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🦴 Un rôle structural clé\u003c\/h3\u003e\n \u003cp\u003eLe silicium est un oligo-élément présent naturellement dans les cartilages, les tendons et les os. Avec l'âge, nos réserves diminuent, fragilisant les tissus conjonctifs et réduisant la mobilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💊 Action en profondeur\u003c\/h3\u003e\n \u003cp\u003eContrairement à une crème ou un gel au silicium, la voie orale agit de l'intérieur sur les tissus conjonctifs et l'ossature, là où les soins topiques se limitent à un soulagement local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🔄 Compensation naturelle\u003c\/h3\u003e\n \u003cp\u003eUn complément alimentaire de silicium pour les articulations permet de compenser la baisse liée à l'âge et de soutenir la structure même de vos cartilages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-section-outro\"\u003eSilacaps Articulaire combine les bienfaits du silicium organique avec deux autres actifs complémentaires pour une approche globale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eUne formule synergique en 3 actifs clés\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🎋 Extrait de bambou\u003c\/h3\u003e\n \u003cdiv class=\"sc-dosage\"\u003e40 mg de silicium\u003c\/div\u003e\n \u003cp\u003eNaturellement riche en silicium (Bambusa bambos), il contribue au confort articulaire et au maintien de tissus conjonctifs sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n \u003cdiv class=\"sc-dosage\"\u003e2 mg – 100 % des VNR\u003c\/div\u003e\n \u003cp\u003eContribue à la formation normale des tissus conjonctifs, au maintien d'une ossature normale et au métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Coenzyme Q10\u003c\/h3\u003e\n \u003cdiv class=\"sc-dosage\"\u003e80 mg\u003c\/div\u003e\n \u003cp\u003eAntioxydant puissant qui aide à protéger les cellules contre le stress oxydatif, un facteur d'usure articulaire souvent sous-estimé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-tip\"\u003e\n \u003cspan class=\"sc-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette association unique permet une action complète : soutien structural grâce au silicium pour les os et les cartilages, protection cellulaire et énergie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eTechnologie brevetée pour une absorption optimale\u003c\/h2\u003e\n \u003cdiv class=\"sc-card sc-card-tech\"\u003e\n \u003ch3\u003e🔬 Extrusion sur micro-sphères végétales\u003c\/h3\u003e\n \u003cp\u003eLabo Santé Silice utilise un procédé innovant d'extrusion sur micro-sphères végétales. Cette technologie brevetée améliore significativement l'absorption digestive des principes actifs, sans aucun apport calorique. Vous profitez ainsi pleinement de chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"sc-timeline\"\u003e\n \u003cdiv class=\"sc-timeline-item\"\u003e\n \u003cdiv class=\"sc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence avant un repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-item\"\u003e\n \u003cdiv class=\"sc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-content\"\u003e\n \u003ch3\u003eDurée du pilulier\u003c\/h3\u003e\n \u003cp\u003eLe pilulier de 120 gélules correspond à un \u003cstrong\u003eprogramme de 2 mois\u003c\/strong\u003e complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-item\"\u003e\n \u003cdiv class=\"sc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sc-timeline-content\"\u003e\n \u003ch3\u003eRenouvellement recommandé\u003c\/h3\u003e\n \u003cp\u003ePour un soutien prolongé, renouvelez la cure sur \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🧪 Coenzyme Q10\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🎋 Extrait de bambou\u003c\/h3\u003e\n \u003cp\u003e54 mg dont \u003cstrong\u003e40 mg de silicium\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⚙️ Sulfate de manganèse\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e (100 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🔹 Agent de charge\u003c\/h3\u003e\n \u003cp\u003eCellulose microcristalline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💊 Enveloppe\u003c\/h3\u003e\n \u003cp\u003eGélatine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🔸 Anti-agglomérant\u003c\/h3\u003e\n \u003cp\u003eStéarate de magnésium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e👶 Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants, adolescents, femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"sc-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=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais, sec et à 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=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🇫🇷 \u003cstrong\u003eFabriqué en France\u003c\/strong\u003e, Silacaps Articulaire vous accompagne jour après jour pour préserver la souplesse de vos articulations et le maintien d'une ossature solide. Une formule naturelle, bien dosée et pensée pour celles et ceux qui veulent prendre soin de leur mobilité durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sc-cream: #f5f1eb;\n --sc-white: #ffffff;\n --sc-primary: #2b4c7e;\n --sc-primary-dark: #1a3355;\n --sc-primary-light: #e8eef6;\n --sc-secondary: #6b8f3c;\n --sc-accent: #c4a35a;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e0e0e0;\n --sc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sc-primary-dark) 0%, var(--sc-primary) 50%, #3d6a5e 100%);\n border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.03) 30px,\n rgba(255,255,255,.03) 60px\n );\n opacity: 1;\n}\n\n.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-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.sc-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-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.sc-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(--sc-primary), var(--sc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO \/ OUTRO TEXT === *\/\n.sc-section-intro,\n.sc-section-outro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sc-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.sc-section-outro {\n margin-top: 1.5rem;\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border-left: 4px solid var(--sc-secondary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.sc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sc-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT DOSAGE === *\/\n.sc-card-ingredient .sc-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n color: white;\n font-size: 13px;\n font-weight: 700;\n padding: 4px 14px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n\/* === CARD TECH === *\/\n.sc-card-tech {\n max-width: 700px;\n margin: 0 auto;\n border-left: 4px solid var(--sc-accent);\n text-align: left;\n}\n\n.sc-card-tech h3 {\n text-align: left;\n margin-bottom: .75rem;\n}\n\n.sc-card-tech p {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-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.sc-timeline-content {\n flex: 1;\n background: var(--sc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sc-radius-sm);\n box-shadow: var(--sc-shadow);\n}\n\n.sc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sc-timeline-content p {\n font-size: 14px;\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sc-tip p {\n font-size: 14px;\n color: var(--sc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-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.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-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.sc-disclaimer {\n font-size: 12px;\n color: var(--sc-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 .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sc-card {\n padding: 1.125rem;\n }\n\n .sc-section {\n margin-bottom: 1.75rem;\n }\n\n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n\n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sc-grid-compact {\n gap: .625rem;\n }\n\n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n\n .sc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sc-timeline-content h3 {\n font-size: 14px;\n }\n\n .sc-timeline-content p {\n font-size: 13px;\n }\n\n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sc-highlight-box {\n padding: 1rem;\n }\n\n .sc-card-tech {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: scFadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes scFadeInUp {\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 .sc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55160271634809,"sku":"LS0010","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silacaps-articulaire-120-gelules-labo-sante-silice-packshothd.webp?v=1775199196"},{"product_id":"alcabase-60-comprimes-dr-theiss","title":"Alcabase 60 comprimés - Equilibre acido-basique - Dr Theiss","description":"\u003cdiv class=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e⚖️ Équilibre acido-basique\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e⚡ Énergie \u0026amp; vitalité\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🦴 Santé osseuse\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e💧 Détoxification\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eAlcabase 60 comprimés\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eDr Theiss — Oligopharm\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eComplexe de sels minéraux alcalins sous forme de citrates pour rétablir naturellement votre pH et retrouver toute votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eAlcabase Dr Theiss : retrouvez votre équilibre acido-basique naturellement\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eFatigue persistante, tensions musculaires, digestion difficile… Et si votre organisme était tout simplement \u003cstrong\u003etrop acide\u003c\/strong\u003e ?\u003c\/p\u003e\n \u003cdiv class=\"ab-highlight-box\"\u003e\n \u003cp\u003eNotre alimentation moderne, le stress et le manque d'activité physique favorisent une accumulation d'acides dans le corps. \u003cstrong\u003eAlcabase\u003c\/strong\u003e du laboratoire Dr Theiss est un \u003cstrong\u003ecomplément alimentaire alcalin\u003c\/strong\u003e formulé à partir de \u003cstrong\u003esels minéraux alcalins\u003c\/strong\u003e sous forme de citrates, reconnus pour leur excellente assimilation. Sa mission : vous aider à rétablir un pH équilibré et retrouver toute votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePourquoi l'équilibre acido-basique est essentiel\u003c\/h2\u003e\n \u003cdiv class=\"ab-info-card\"\u003e\n \u003cdiv class=\"ab-ph-indicator\"\u003e\n \u003cspan class=\"ab-ph-value\"\u003epH 7,35 – 7,45\u003c\/span\u003e\n \u003cspan class=\"ab-ph-label\"\u003eZone d'équilibre de votre sang\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eVotre sang maintient naturellement un pH légèrement basique, entre 7,35 et 7,45. Lorsque l'apport en aliments acidifiants (viandes, sucres raffinés, produits transformés) dépasse celui en aliments alcalins (fruits, légumes, noix), l'organisme puise dans ses propres réserves de \u003cstrong\u003eminéraux alcalins\u003c\/strong\u003e — calcium, magnésium, potassium — pour neutraliser cet excès.\u003c\/p\u003e\n \u003cp\u003eÀ terme, ce déséquilibre peut se manifester par de la fatigue, des douleurs articulaires, une fragilité osseuse ou des troubles digestifs. Alcabase apporte directement ces minéraux essentiels pour soulager votre corps de ce travail de compensation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits d'Alcabase au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🦴 Calcium — 390 mg\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une ossature et d'une dentition normales, et soutient une digestion saine grâce à son rôle dans le fonctionnement des enzymes digestives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e⚡ Potassium — 221 mg\u003c\/h3\u003e\n \u003cp\u003eParticipe à l'équilibre électrolytique et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💪 Magnésium — 66 mg\u003c\/h3\u003e\n \u003cp\u003eAide à réduire la fatigue et soutient le métabolisme énergétique ainsi que la fonction musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🛡️ Manganèse — 0,30 mg\u003c\/h3\u003e\n \u003cp\u003eContribue à la formation normale des tissus conjonctifs et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Sodium — 147 mg\u003c\/h3\u003e\n \u003cp\u003eSoutient l'équilibre hydrique et le transport des électrolytes dans l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🔬 Forme citrate\u003c\/h3\u003e\n \u003cp\u003eTous ces minéraux sont sous forme de citrates, une forme chimique particulièrement bien tolérée et rapidement assimilée par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLes dosages indiqués correspondent à \u003cstrong\u003e4 comprimés par jour\u003c\/strong\u003e (dose journalière maximale recommandée).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés, 2 fois par jour\u003c\/strong\u003e, avant ou pendant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eLe pilulier de 60 comprimés correspond à \u003cstrong\u003e15 à 30 jours de cure\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eSurveillez votre pH\u003c\/h3\u003e\n \u003cp\u003ePour ajuster précisément la durée, vous pouvez surveiller le pH de vos urines à l'aide d'un papier indicateur : un \u003cstrong\u003epH matinal entre 6,5 et 7,5\u003c\/strong\u003e est un bon repère d'équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 \u0026 6 : Accordéon --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\" open\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCellulose microcristalline, citrate de sodium, citrate de magnésium, carbonate de calcium, citrate de calcium, citrate de potassium, silice hydratée, silice colloïdale, stéarate de magnésium (anti-agglomérant), citrate de manganèse, maltodextrine de pomme de terre.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cstrong\u003eSans sucre, sans lactose.\u003c\/strong\u003e Convient aux personnes suivant un régime spécifique pauvre en glucides ou sans lactose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003e• Déconseillé aux enfants de moins de 12 ans.\u003cbr\u003e\n • Femmes enceintes ou allaitantes : demandez l'avis d'un professionnel de santé.\u003cbr\u003e\n • Ne pas dépasser la dose journalière recommandée.\u003cbr\u003e\n • Ne pas utiliser en cas d'allergie connue à l'un des composants.\u003cbr\u003e\n • Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003cbr\u003e\n • Ce complément alimentaire \u003cstrong\u003ene remplace pas une alimentation variée et équilibrée\u003c\/strong\u003e ni un suivi médical adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003eAlcabase est bien plus qu'un simple apport en minéraux : c'est un véritable allié pour accompagner votre organisme vers un meilleur équilibre. Associé à une alimentation riche en fruits, légumes et aliments alcalins, il vous aide à retrouver \u003cstrong\u003eénergie, confort digestif et solidité osseuse\u003c\/strong\u003e au fil des jours. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ab-cream: #f5f7fb;\n --ab-white: #ffffff;\n --ab-primary: #4a98c9;\n --ab-primary-dark: #1e5f8a;\n --ab-primary-light: #e8f2fa;\n --ab-secondary: #d4a843;\n --ab-secondary-light: #faf3e0;\n --ab-accent: #6db8e0;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #dfe6ed;\n --ab-shadow: 0 4px 24px rgba(30,95,138,.08);\n --ab-shadow-lg: 0 12px 48px rgba(30,95,138,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a843 0%, #6db8e0 50%, #1e5f8a 100%);\n border-radius: var(--ab-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(--ab-shadow-lg);\n}\n\n.ab-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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 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.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ab-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.ab-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: .05em;\n text-transform: uppercase;\n}\n\n.ab-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-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(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-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.ab-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(--ab-secondary), var(--ab-primary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ab-highlight-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-secondary);\n}\n\n.ab-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === INFO CARD (pH) === *\/\n.ab-info-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-info-card p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.ab-info-card p:last-child {\n margin-bottom: 0;\n}\n\n.ab-ph-indicator {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n margin-bottom: 1.5rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--ab-secondary-light), var(--ab-primary-light));\n border-radius: var(--ab-radius-sm);\n}\n\n.ab-ph-value {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-primary-dark);\n letter-spacing: -.02em;\n}\n\n.ab-ph-label {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ab-text-light);\n font-weight: 600;\n}\n\n\/* === SECTION INTRO === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-primary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRID === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIP === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-secondary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-secondary), var(--ab-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-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.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-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.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-highlight-box {\n padding: 1.25rem;\n }\n\n .ab-info-card {\n padding: 1.25rem;\n }\n\n .ab-ph-indicator {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55160713675129,"sku":"NA3000","price":30.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/alcabase-60-comprimes-equilibre-acido-basique-dr-theiss-packshothd_8ba7c4e6-bb89-4b0b-a809-b372343cc94b.webp?v=1785662591"},{"product_id":"alcabase-poudre-250-g-dr-theiss","title":"Alcabase poudre 250 g - Equilibre acido-basique - Dr Theiss","description":"\u003cdiv class=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e⚖️ Équilibre acido-basique\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🧂 Sels minéraux basiques\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🚫 Sans lactose · Sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eAlcabase poudre 250 g\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eDr Theiss · Oligopharm\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eComplément alimentaire à base de citrates minéraux pour restaurer votre équilibre acido-basique naturellement et retrouver vitalité et bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eAlcabase poudre : retrouvez votre équilibre acido-basique naturellement\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eFatigue persistante, digestion lourde, tensions musculaires : et si votre organisme était tout simplement \u003cstrong\u003etrop acide\u003c\/strong\u003e ?\u003c\/p\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e😩 Stress quotidien\u003c\/h3\u003e\n \u003cp\u003eLe stress chronique favorise l'acidification de votre terrain interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🍖 Alimentation acide\u003c\/h3\u003e\n \u003cp\u003eProtéines animales, sucres raffinés et café déséquilibrent votre pH.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e⚡ Perte de vitalité\u003c\/h3\u003e\n \u003cp\u003eUn excès d'acidité entraîne fatigue, tensions et inconfort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eLes sels minéraux basiques sous forme de citrates restaurent votre équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment Alcabase agit sur l'équilibre acido-basique\u003c\/h2\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eAbsorption des citrates minéraux\u003c\/h3\u003e\n \u003cp\u003eLes citrates contenus dans Alcabase sont absorbés par votre organisme avec une excellente biodisponibilité, bien supérieure aux bicarbonates classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eTransformation en bases alcalines\u003c\/h3\u003e\n \u003cp\u003eVotre métabolisme transforme les citrates en bases alcalines qui neutralisent les acides excédentaires accumulés dans les tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eÉlimination par les urines\u003c\/h3\u003e\n \u003cp\u003eLes acides neutralisés sont éliminés naturellement par les urines, en douceur, sans brusquer votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eÉquilibre restauré en profondeur\u003c\/h3\u003e\n \u003cp\u003eVous agissez sur votre équilibre acido-basique alimentaire de façon progressive et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eDes minéraux essentiels pour votre bien-être global\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eChaque dose d'Alcabase vous apporte un cocktail de minéraux soigneusement dosés :\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card ab-card-mineral\"\u003e\n \u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n \u003cdiv class=\"ab-mineral-dose\"\u003e337 mg \/ 10 g\u003c\/div\u003e\n \u003cp\u003eMaintien d'os et de dents solides, fonctionnement normal des enzymes digestives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card ab-card-mineral\"\u003e\n \u003ch3\u003e💪 Magnésium\u003c\/h3\u003e\n \u003cdiv class=\"ab-mineral-dose\"\u003e187,5 mg \/ 10 g\u003c\/div\u003e\n \u003cp\u003eAide à réduire la fatigue et soutient le fonctionnement musculaire et nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card ab-card-mineral\"\u003e\n \u003ch3\u003e💧 Potassium\u003c\/h3\u003e\n \u003cdiv class=\"ab-mineral-dose\"\u003e220 mg \/ 10 g\u003c\/div\u003e\n \u003cp\u003eRôle clé dans l'équilibre hydrique et le maintien d'une pression sanguine normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card ab-card-mineral\"\u003e\n \u003ch3\u003e🛡️ Manganèse\u003c\/h3\u003e\n \u003cdiv class=\"ab-mineral-dose\"\u003e1,14 mg \/ 10 g\u003c\/div\u003e\n \u003cp\u003eProtection des cellules contre le stress oxydatif et formation des tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card ab-card-mineral\"\u003e\n \u003ch3\u003e⚡ Sodium\u003c\/h3\u003e\n \u003cdiv class=\"ab-mineral-dose\"\u003e924 mg \/ 10 g\u003c\/div\u003e\n \u003cp\u003eParticipe à l'équilibre électrolytique de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003eDissolvez \u003cstrong\u003e1 à 2 cuillères à café par jour\u003c\/strong\u003e dans un grand verre d'eau, de préférence en dehors des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eContrôlez votre pH\u003c\/h3\u003e\n \u003cp\u003eMesurez votre pH urinaire à l'aide de bandelettes : un pH entre \u003cstrong\u003e7 et 7,5\u003c\/strong\u003e indique un bon équilibre acido-basique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure recommandée de \u003cstrong\u003e1 à 6 mois\u003c\/strong\u003e, selon votre niveau d'acidification. Adaptez ensuite la prise lors des périodes de stress ou d'alimentation déséquilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"ab-composition\"\u003e\n \u003cdiv class=\"ab-compo-item\"\u003e\n \u003cdiv class=\"ab-compo-bar\" style=\"--bar-width: 39.3%\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-compo-info\"\u003e\n \u003cspan class=\"ab-compo-name\"\u003eCitrate de sodium\u003c\/span\u003e\n \u003cspan class=\"ab-compo-pct\"\u003e39,3 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-compo-item\"\u003e\n \u003cdiv class=\"ab-compo-bar\" style=\"--bar-width: 31.35%\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-compo-info\"\u003e\n \u003cspan class=\"ab-compo-name\"\u003eMaltodextrine de pomme de terre\u003c\/span\u003e\n \u003cspan class=\"ab-compo-pct\"\u003e31,35 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-compo-item\"\u003e\n \u003cdiv class=\"ab-compo-bar\" style=\"--bar-width: 15%\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-compo-info\"\u003e\n \u003cspan class=\"ab-compo-name\"\u003eCitrate de calcium\u003c\/span\u003e\n \u003cspan class=\"ab-compo-pct\"\u003e15 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-compo-item\"\u003e\n \u003cdiv class=\"ab-compo-bar\" style=\"--bar-width: 11.6%\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-compo-info\"\u003e\n \u003cspan class=\"ab-compo-name\"\u003eCitrate de magnésium\u003c\/span\u003e\n \u003cspan class=\"ab-compo-pct\"\u003e11,6 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-compo-item\"\u003e\n \u003cdiv class=\"ab-compo-bar\" style=\"--bar-width: 2.2%\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-compo-info\"\u003e\n \u003cspan class=\"ab-compo-name\"\u003eCitrate de potassium\u003c\/span\u003e\n \u003cspan class=\"ab-compo-pct\"\u003e2,2 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-compo-item\"\u003e\n \u003cdiv class=\"ab-compo-bar\" style=\"--bar-width: 0.5%\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-compo-info\"\u003e\n \u003cspan class=\"ab-compo-name\"\u003ePhosphate tricalcique\u003c\/span\u003e\n \u003cspan class=\"ab-compo-pct\"\u003e0,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-compo-item\"\u003e\n \u003cdiv class=\"ab-compo-bar\" style=\"--bar-width: 0.05%\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-compo-info\"\u003e\n \u003cspan class=\"ab-compo-name\"\u003eCitrate de manganèse\u003c\/span\u003e\n \u003cspan class=\"ab-compo-pct\"\u003e0,05 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans lactose – Sans gluten\u003c\/strong\u003e. Fabriqué en France. Poids net : 250 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePourquoi choisir Alcabase poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🔬 Citrates hautement assimilables\u003c\/h3\u003e\n \u003cp\u003eForme minérale douce et efficace, mieux tolérée que les carbonates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧪 Formule complète\u003c\/h3\u003e\n \u003cp\u003eCinq minéraux essentiels en un seul complément alimentaire équilibre acido-basique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📏 Format poudre pratique\u003c\/h3\u003e\n \u003cp\u003eDosage ajustable facilement selon vos besoins quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003ePar le laboratoire Oligopharm, distribué par Dr Theiss.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ab-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=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au sec, à l'abri de la chaleur et hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003eAlcabase poudre 250 g\u003c\/strong\u003e est votre allié précieux pour prendre soin de votre équilibre acido-basique au quotidien. Associé à une alimentation riche en fruits et légumes et à une bonne hydratation, il vous aide à retrouver un terrain moins acide, favorable à votre énergie et à votre bien-être général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ab-cream: #f5f8f2;\n --ab-white: #ffffff;\n --ab-primary: #2e8bc0;\n --ab-primary-dark: #1a5e8a;\n --ab-primary-light: #e6f2fa;\n --ab-secondary: #a4c639;\n --ab-secondary-light: #eef5d5;\n --ab-accent: #d4e157;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #e0e0e0;\n --ab-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ab-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #a4c639 0%, #4db8c7 40%, #2e8bc0 70%, #1a5e8a 100%);\n border-radius: var(--ab-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(--ab-shadow-lg);\n}\n\n.ab-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ab-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.ab-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ab-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-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(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-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.ab-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(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-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.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-primary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MINERAL CARDS === *\/\n.ab-card-mineral {\n position: relative;\n overflow: hidden;\n}\n\n.ab-card-mineral::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--ab-primary), var(--ab-secondary));\n}\n\n.ab-mineral-dose {\n display: inline-block;\n background: var(--ab-primary-light);\n color: var(--ab-primary-dark);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n margin-bottom: .5rem;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-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.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BARS === *\/\n.ab-composition {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.ab-compo-item {\n position: relative;\n}\n\n.ab-compo-bar {\n height: 8px;\n background: linear-gradient(90deg, var(--ab-primary), var(--ab-secondary));\n border-radius: 4px;\n width: var(--bar-width);\n min-width: 8px;\n transition: width .6s ease;\n}\n\n.ab-compo-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 4px;\n}\n\n.ab-compo-name {\n font-size: 14px;\n font-weight: 600;\n color: var(--ab-text);\n}\n\n.ab-compo-pct {\n font-size: 14px;\n font-weight: 800;\n color: var(--ab-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-secondary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-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.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-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(164,198,57,.2) 0%, transparent 50%);\n}\n\n.ab-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-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 .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-testimonial {\n padding: 1.25rem;\n }\n\n .ab-testimonial-text {\n font-size: 14px;\n }\n\n .ab-composition {\n padding: 1rem;\n }\n\n .ab-compo-name {\n font-size: 13px;\n }\n\n .ab-compo-pct {\n font-size: 13px;\n }\n\n .ab-mineral-dose {\n font-size: 12px;\n padding: 3px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n\n .ab-timeline-item {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ab-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ab-timeline-item:nth-child(3) { animation-delay: .15s; }\n .ab-timeline-item:nth-child(4) { animation-delay: .2s; }\n\n .ab-compo-item {\n animation: abFadeInUp .4s ease backwards;\n }\n .ab-compo-item:nth-child(1) { animation-delay: .05s; }\n .ab-compo-item:nth-child(2) { animation-delay: .1s; }\n .ab-compo-item:nth-child(3) { animation-delay: .15s; }\n .ab-compo-item:nth-child(4) { animation-delay: .2s; }\n .ab-compo-item:nth-child(5) { animation-delay: .25s; }\n .ab-compo-item:nth-child(6) { animation-delay: .3s; }\n .ab-compo-item:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes abFadeInUp {\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 .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55160849990009,"sku":"NA3002","price":34.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/alcabase-poudre-250-g-equilibre-acido-basique-dr-theiss-packshothd_d65e1d26-c26c-4a5b-9b59-d56e0d853abd.webp?v=1785662631"},{"product_id":"prele-des-champs-200-comprimes-neodiet","title":"Prêle des champs - 200 comprimés - Neodiet","description":"\u003cdiv class=\"pc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pc-hero\"\u003e\n\u003cdiv class=\"pc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pc-hero-content\"\u003e\n\u003cdiv class=\"pc-badges-top\"\u003e\n\u003cspan class=\"pc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"pc-badge\"\u003e💊 200 comprimés\u003c\/span\u003e \u003cspan class=\"pc-badge\"\u003e⚡ Forte concentration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pc-hero-title\"\u003ePrêle des champs bio\u003c\/span\u003e\n\u003cp class=\"pc-subtitle\"\u003e200 comprimés de 420 mg — Neodiet \u003c\/p\u003e\n\u003cp class=\"pc-subtitle\"\u003eLa puissance reminéralisante du silicium végétal, issue de l'agriculture biologique, pour vos os, articulations et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003ePrêle des champs bio : une plante reminéralisante d'exception\u003c\/h2\u003e\n\u003cp class=\"pc-section-intro\"\u003eConnue depuis l'Antiquité sous le nom de « queue-de-cheval », \u003cstrong\u003ela prêle des champs\u003c\/strong\u003e (\u003cem\u003eEquisetum arvense\u003c\/em\u003e) est l'une des plantes les plus riches en \u003cstrong\u003esilicium organique\u003c\/strong\u003e du règne végétal.\u003c\/p\u003e\n\u003cdiv class=\"pc-grid-compact\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n\u003cp\u003ePlante issue de l'agriculture biologique certifiée Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e💊 420 mg \/ comprimé\u003c\/h3\u003e\n\u003cp\u003eForte concentration en plante pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e📦 200 comprimés\u003c\/h3\u003e\n\u003cp\u003eCure longue durée pratique et économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🧪 Sans additif superflu\u003c\/h3\u003e\n\u003cp\u003eFormulation pure avec un seul agent de compression naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eBienfaits de la prêle des champs : pourquoi en prendre ?\u003c\/h2\u003e\n\u003cp class=\"pc-section-intro\"\u003eVoici les principaux \u003cstrong\u003ebienfaits de la prêle des champs\u003c\/strong\u003e reconnus en phytothérapie :\u003c\/p\u003e\n\u003cdiv class=\"pc-grid\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🦴 Reminéralisation osseuse\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa teneur exceptionnelle en silicates et silicium organique, la prêle contribue à renforcer les os, les cartilages, les ongles et les cheveux. Particulièrement appréciée pour préserver le capital osseux avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🤸 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eLes flavonoïdes et minéraux qu'elle contient soutiennent la souplesse des articulations et aident à maintenir l'intégrité des tissus conjonctifs, notamment en cas d'inconforts liés à l'usure naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e💧 Drainage rénal naturel\u003c\/h3\u003e\n\u003cp\u003eLa prêle des champs favorise l'élimination rénale de l'eau et accompagne l'organisme dans son processus naturel de détoxification. C'est pour cette propriété diurétique qu'elle est aussi consommée en \u003cstrong\u003etisane\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e✨ Beauté de la peau et des phanères\u003c\/h3\u003e\n\u003cp\u003eLe silicium participe à la synthèse du collagène, ce qui profite directement à la fermeté de la peau et à la solidité des ongles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"pc-composition-box\"\u003e\n\u003cp class=\"pc-composition-title\"\u003eIngrédients pour 3 comprimés (dose journalière maximale) :\u003c\/p\u003e\n\u003cdiv class=\"pc-grid-compact\"\u003e\n\u003cdiv class=\"pc-card pc-card-highlight\"\u003e\n\u003ch3\u003e🌿 Prêle des champs bio\u003c\/h3\u003e\n\u003cp\u003ePoudre de parties aériennes (\u003cem\u003eEquisetum arvense\u003c\/em\u003e) : \u003cstrong\u003e1 200 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e�ite Carbonate de magnésium\u003c\/h3\u003e\n\u003cp\u003eAgent de compression : \u003cstrong\u003e60 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-tip\"\u003e\n\u003cspan class=\"pc-tip-icon\"\u003e📋\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net total :\u003c\/strong\u003e 84 g — \u003cstrong\u003eCertification bio Ecocert\u003c\/strong\u003e — 100 % d'origine naturelle, sans additif superflu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"pc-timeline\"\u003e\n\u003cdiv class=\"pc-timeline-item\"\u003e\n\u003cdiv class=\"pc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 comprimés par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant les repas pour une meilleure assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-item\"\u003e\n\u003cdiv class=\"pc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est recommandée pour une reminéralisation en profondeur. À 3 comprimés\/jour : environ 66 jours. À 2 comprimés\/jour : 100 jours de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-item\"\u003e\n\u003cdiv class=\"pc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-content\"\u003e\n\u003ch3\u003eRenouvellement\u003c\/h3\u003e\n\u003cp\u003eVous pouvez renouveler la cure plusieurs fois dans l'année, notamment aux changements de saison ou en complément d'une \u003cstrong\u003etisane de prêle des champs\u003c\/strong\u003e pour un effet synergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003ePrêle des champs : danger ou précautions ?\u003c\/h2\u003e\n\u003cp class=\"pc-section-intro\"\u003eLa question du \u003cstrong\u003edanger de la prêle des champs\u003c\/strong\u003e revient souvent. Rassurez-vous : consommée dans le respect des doses recommandées, cette plante est très bien tolérée.\u003c\/p\u003e\n\u003cdiv class=\"pc-accordion\"\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e💊 Dosage maximal\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière de 3 comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e⚕️ Complément alimentaire\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, un régime alimentaire varié ni un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e⚠️ Troubles rénaux\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de troubles rénaux ou de traitement diurétique, 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!-- SECTION 6 --\u003e\n\u003csection class=\"pc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir ce produit ?\u003c\/h2\u003e\n\u003cdiv class=\"pc-cta-box\"\u003e\n\u003cp\u003eSi vous vous demandez \u003cstrong\u003eoù trouver de la prêle des champs\u003c\/strong\u003e fiable et concentrée, ce format de 200 comprimés bio Neodiet coche toutes les cases : certification biologique, formulation pure sans excipients inutiles, dosage généreux et format pratique pour une utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-grid-compact pc-final-grid\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCertification Ecocert garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🧪 Formulation pure\u003c\/h3\u003e\n\u003cp\u003eSans excipients inutiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e💪 Dosage généreux\u003c\/h3\u003e\n\u003cp\u003e1 200 mg \/ dose journalière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e📅 Longue durée\u003c\/h3\u003e\n\u003cp\u003eJusqu'à 100 jours de cure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pc-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pc-cream: #f5f7f2;\n --pc-white: #ffffff;\n --pc-primary: #4a7c3f;\n --pc-primary-dark: #2d5a24;\n --pc-primary-light: #e8f0e5;\n --pc-secondary: #6dad5e;\n --pc-accent: #c0392b;\n --pc-text: #1a1a1a;\n --pc-text-light: #5a5a5a;\n --pc-border: #dde5d9;\n --pc-shadow: 0 4px 24px rgba(45,90,36,.08);\n --pc-shadow-lg: 0 12px 48px rgba(45,90,36,.15);\n --pc-radius: 20px;\n --pc-radius-sm: 12px;\n}\n\n.pc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pc-primary-dark) 0%, var(--pc-primary) 50%, var(--pc-secondary) 100%);\n border-radius: var(--pc-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(--pc-shadow-lg);\n}\n\n.pc-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 50%);\n opacity: 1;\n}\n\n.pc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pc-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.pc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pc-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(--pc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.pc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pc-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.pc-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(--pc-primary), var(--pc-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.pc-card {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pc-shadow-lg);\n border-color: var(--pc-primary);\n}\n\n.pc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pc-card-highlight {\n border-color: var(--pc-primary);\n background: var(--pc-primary-light);\n}\n\n\/* === GRILLES === *\/\n.pc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pc-grid-compact .pc-card {\n padding: 1rem;\n}\n\n.pc-grid-compact .pc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pc-grid-compact .pc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.pc-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pc-composition-title {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n font-weight: 700;\n color: var(--pc-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n\/* === TIMELINE === *\/\n.pc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pc-primary), var(--pc-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.pc-timeline-content {\n flex: 1;\n background: var(--pc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pc-radius-sm);\n box-shadow: var(--pc-shadow);\n}\n\n.pc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pc-timeline-content p {\n font-size: 14px;\n color: var(--pc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pc-testimonial {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pc-shadow);\n border-left: 4px solid var(--pc-primary);\n}\n\n.pc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pc-accordion {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n box-shadow: var(--pc-shadow);\n overflow: hidden;\n}\n\n.pc-accordion-item {\n border-bottom: 1px solid var(--pc-border);\n margin: 0;\n padding: 0;\n}\n\n.pc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pc-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.pc-accordion-header:hover {\n background: var(--pc-primary-light);\n}\n\n.pc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pc-primary);\n transition: transform .2s ease;\n}\n\n.pc-accordion-item[open] .pc-accordion-header::after {\n content: '−';\n}\n\n.pc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pc-primary-light);\n border-radius: var(--pc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: .5rem;\n}\n\n.pc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pc-tip p {\n font-size: 14px;\n color: var(--pc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pc-cta-box {\n background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 100%);\n border-radius: var(--pc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.pc-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.pc-final-grid {\n margin-top: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pc-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\/* === DISCLAIMER === *\/\n.pc-disclaimer {\n font-size: 12px;\n color: var(--pc-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pc-card {\n padding: 1.125rem;\n }\n\n .pc-section {\n margin-bottom: 1.75rem;\n }\n\n .pc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pc-radius-sm);\n }\n\n .pc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pc-grid-compact {\n gap: .625rem;\n }\n\n .pc-grid-compact .pc-card {\n padding: .75rem;\n }\n\n .pc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pc-timeline-content h3 {\n font-size: 14px;\n }\n\n .pc-timeline-content p {\n font-size: 13px;\n }\n\n .pc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pc-testimonial {\n padding: 1.25rem;\n }\n\n .pc-testimonial-text {\n font-size: 14px;\n }\n\n .pc-tip {\n padding: .875rem 1rem;\n }\n\n .pc-tip-icon {\n font-size: 20px;\n }\n\n .pc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pc-card {\n animation: pcFadeInUp .5s ease backwards;\n }\n .pc-card:nth-child(1) { animation-delay: .05s; }\n .pc-card:nth-child(2) { animation-delay: .1s; }\n .pc-card:nth-child(3) { animation-delay: .15s; }\n .pc-card:nth-child(4) { animation-delay: .2s; }\n .pc-card:nth-child(5) { animation-delay: .25s; }\n .pc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pcFadeInUp {\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 .pc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NEODIET","offers":[{"title":"Default Title","offer_id":55162221461881,"sku":"VO4815","price":10.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/prele-des-champs-200-comprimes-neodiet-packshothd.webp?v=1786018001"},{"product_id":"collagene-marin-acide-hyaluronique-citron-inolab","title":"Skinform Collagène Marin + Acide Hyaluronique - Saveur citron - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Skinform Collagène Marin + Acide Hyaluronique - Saveur citron - Inolab\nPalette détectée:\n - Primaire: #2a8b8b (turquoise\/teal du packaging - couleur dominante)\n - Secondaire: #1e5f6b (bleu-vert foncé du haut du sachet)\n - Accent: #f7d44c (jaune citron - visuels citron)\n - Light: #e8f4f4 (turquoise très clair pour backgrounds)\nAmbiance: Fraîcheur, santé, naturalité, premium scientifique, bien-être marin\nPréfixe CSS: skf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Quels sont les bienfaits ?\"\n 2. \"Focus sur le Collagène Naticol®\"\n 3. \"Composition détaillée\"\n 4. \"Comment le prendre ?\"\n 5. \"Qualité \u0026 Origine\"\n 6. \"Avis \u0026 Précautions\"\n 7. \"👥 Pour qui ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"skf-premium\"\u003e\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"skf-hero\"\u003e\n \u003cdiv class=\"skf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"skf-hero-content\"\u003e\n \u003cdiv class=\"skf-badges-top\"\u003e\n \u003cspan class=\"skf-badge\"\u003e🐟 Collagène Naticol® 5000mg\u003c\/span\u003e\n \u003cspan class=\"skf-badge\"\u003e💧 Acide Hyaluronique 100mg\u003c\/span\u003e\n \u003cspan class=\"skf-badge\"\u003e🍋 Saveur citron\u003c\/span\u003e\n \u003cspan class=\"skf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"skf-hero-title\"\u003eCollagène Marin + Acide Hyaluronique\u003c\/span\u003e\n \u003cp class=\"skf-subtitle\"\u003eFormule Skinform by Inolab\u003c\/p\u003e\n \u003cp class=\"skf-description\"\u003eUne formule complète en poudre associant \u003cstrong\u003epeptides de collagène marin Naticol®\u003c\/strong\u003e, \u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e et \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e pour soutenir l'élasticité de votre peau et le confort de vos articulations. Cure de 45 jours au délicieux goût citron, sans sucre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"skf-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits ?\u003c\/h2\u003e\n \u003cp class=\"skf-section-intro\"\u003eLe collagène marin est un composant clé de nos tissus conjonctifs. Avec l'âge, sa production diminue naturellement. Cette formule complète vous aide à :\u003c\/p\u003e\n \u003cdiv class=\"skf-grid\"\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e✨ Élasticité \u0026amp; fermeté\u003c\/h3\u003e\n \u003cp\u003ePréserve l'élasticité et la fermeté de la peau en compensant la perte naturelle de collagène liée à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutient le confort articulaire au quotidien pour une meilleure mobilité et souplesse des articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eAméliore l'hydratation cutanée grâce à l'association synergique avec l'acide hyaluronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e💅 Ongles \u0026amp; cheveux\u003c\/h3\u003e\n \u003cp\u003eRenforce les ongles et cheveux fragiles ou cassants pour une beauté complète de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-tip\"\u003e\n \u003cspan class=\"skf-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003eLe goût citron naturel, \u003cstrong\u003esans sucre ni arômes artificiels\u003c\/strong\u003e, rend la prise quotidienne agréable sur la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FOCUS NATICOL --\u003e\n \u003csection class=\"skf-section\"\u003e\n \u003ch2\u003eFocus sur le Collagène Naticol®\u003c\/h2\u003e\n \u003cdiv class=\"skf-highlight-box\"\u003e\n \u003cdiv class=\"skf-highlight-badge\"\u003e🔬 BREVET WEISHARDT\u003c\/div\u003e\n \u003cp\u003eLe \u003cstrong\u003eNaticol®\u003c\/strong\u003e est un collagène marin de \u003cstrong\u003etype I\u003c\/strong\u003e, obtenu à partir de peaux de poissons sauvages (sans élevage), hydrolysé pour une absorption optimale. Il est reconnu pour sa \u003cstrong\u003etraçabilité, sa pureté et son efficacité prouvée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eFabriqué par le groupe français \u003cstrong\u003eWeishardt\u003c\/strong\u003e, il est issu d'un \u003cstrong\u003eprocessus breveté\u003c\/strong\u003e garantissant une concentration optimale en peptides bioactifs.\u003c\/p\u003e\n \u003cdiv class=\"skf-grid-compact\"\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🐟 Poissons sauvages\u003c\/h3\u003e\n \u003cp\u003eSans élevage intensif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e⚗️ Hydrolysé\u003c\/h3\u003e\n \u003cp\u003eAbsorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🇫🇷 Weishardt France\u003c\/h3\u003e\n \u003cp\u003eBrevet exclusif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e✅ Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eQualité contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"skf-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"skf-grid\"\u003e\n \u003cdiv class=\"skf-card skf-card-featured\"\u003e\n \u003ch3\u003e🐟 Collagène marin Naticol®\u003c\/h3\u003e\n \u003cdiv class=\"skf-dose\"\u003e5000 mg\u003c\/div\u003e\n \u003cp\u003ePeptides bioactifs de type I, issus de poissons sauvages. Hydrolysé pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card skf-card-featured\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cdiv class=\"skf-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cp\u003eMolécule star de l'hydratation cutanée. Maintient l'eau dans les tissus pour une peau repulpée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C naturelle\u003c\/h3\u003e\n \u003cdiv class=\"skf-dose\"\u003e80 mg\u003c\/div\u003e\n \u003cp\u003eIssue d'acérola. Contribue à la formation normale de collagène et protège du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🍋 Arôme naturel citron\u003c\/h3\u003e\n \u003cdiv class=\"skf-dose\"\u003eSans sucre\u003c\/div\u003e\n \u003cp\u003eSaveur fraîche et agréable, sans édulcorants ni colorants artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"skf-section\"\u003e\n \u003ch2\u003eComment le prendre ?\u003c\/h2\u003e\n \u003cdiv class=\"skf-timeline\"\u003e\n \u003cdiv class=\"skf-timeline-item\"\u003e\n \u003cdiv class=\"skf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"skf-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 dose de 5 g par jour\u003c\/strong\u003e – La cuillère doseuse est incluse dans le sachet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-timeline-item\"\u003e\n \u003cdiv class=\"skf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"skf-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eMélanger dans \u003cstrong\u003e200 ml d'eau ou de jus\u003c\/strong\u003e. Bien agiter pour une dissolution complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-timeline-item\"\u003e\n \u003cdiv class=\"skf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"skf-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLe matin de préférence\u003c\/strong\u003e, à jeun, pour optimiser l'assimilation des peptides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-tip\"\u003e\n \u003cspan class=\"skf-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eUn sachet de \u003cstrong\u003e242 g\u003c\/strong\u003e correspond à une \u003cstrong\u003ecure de 45 jours\u003c\/strong\u003e. Pour des résultats optimaux, suivez une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"skf-section\"\u003e\n \u003ch2\u003eQualité \u0026amp; Origine\u003c\/h2\u003e\n \u003cdiv class=\"skf-grid-compact\"\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eNormes strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eHaute tolérance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n \u003cp\u003eDigestion facilitée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eIngrédients naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eSource au produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n \u003cp\u003eQualité certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVIS \u0026 PRÉCAUTIONS --\u003e\n \u003csection class=\"skf-section\"\u003e\n \u003ch2\u003eAvis \u0026amp; Précautions\u003c\/h2\u003e\n \u003cdiv class=\"skf-testimonial\"\u003e\n \u003cp class=\"skf-testimonial-text\"\u003e\"Les utilisateurs notent généralement une bonne tolérance digestive et une amélioration visible de la souplesse cutanée après quelques semaines. De rares cas de ballonnements peuvent survenir les premiers jours, le temps que l'organisme s'adapte.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-accordion\"\u003e\n \u003cdetails class=\"skf-accordion-item\"\u003e\n \u003csummary class=\"skf-accordion-header\"\u003e🐟 Contient du poisson\u003c\/summary\u003e\n \u003cdiv class=\"skf-accordion-content\"\u003e\n \u003cp\u003eCe produit contient du collagène marin issu de poissons. Déconseillé en cas d'allergie aux produits de la mer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"skf-accordion-item\"\u003e\n \u003csummary class=\"skf-accordion-header\"\u003e⚠️ Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"skf-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Respecter les doses recommandées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"skf-accordion-item\"\u003e\n \u003csummary class=\"skf-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"skf-accordion-content\"\u003e\n \u003cp\u003eDemander l'avis d'un professionnel de santé avant utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"skf-accordion-item\"\u003e\n \u003csummary class=\"skf-accordion-header\"\u003e💊 Pas un médicament\u003c\/summary\u003e\n \u003cdiv class=\"skf-accordion-content\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à un traitement médical. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"skf-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"skf-grid-compact\"\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e👵 Seniors 50+\u003c\/h3\u003e\n \u003cp\u003eMaintenir élasticité \u0026amp; mobilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e💆‍♀️ Peau mature\u003c\/h3\u003e\n \u003cp\u003ePrévenir relâchement \u0026amp; rides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e🏃‍♂️ Sportifs\u003c\/h3\u003e\n \u003cp\u003eSoutenir articulations \u0026amp; tendons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skf-card\"\u003e\n \u003ch3\u003e💅 Beauté complète\u003c\/h3\u003e\n \u003cp\u003eRenforcer ongles \u0026amp; cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"skf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"skf-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau et à vos articulations le soutien qu'ils méritent avec cette formule complète à base de \u003cstrong\u003ecollagène marin Naticol®\u003c\/strong\u003e, d'\u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e et de \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e. Programme 45 jours, saveur citron rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"skf-disclaimer\"\u003eComplément alimentaire · 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\n\u003cstyle\u003e\n\/* === VARIABLES SKINFORM === *\/\n:root {\n --skf-cream: #f8fafa;\n --skf-white: #ffffff;\n --skf-primary: #2a8b8b;\n --skf-primary-dark: #1e5f6b;\n --skf-primary-light: #e0f2f2;\n --skf-secondary: #f7d44c;\n --skf-accent: #ff9f43;\n --skf-text: #1a1a1a;\n --skf-text-light: #5a5a5a;\n --skf-border: #d4e5e5;\n --skf-shadow: 0 4px 24px rgba(42, 139, 139, .08);\n --skf-shadow-lg: 0 12px 48px rgba(42, 139, 139, .15);\n --skf-radius: 20px;\n --skf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.skf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--skf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.skf-hero {\n position: relative;\n background: linear-gradient(135deg, #1e5f6b 0%, #2a8b8b 50%, #3da8a0 100%);\n border-radius: var(--skf-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(--skf-shadow-lg);\n}\n\n.skf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 85%, rgba(247, 212, 76, .15) 0%, transparent 40%),\n radial-gradient(circle at 85% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.skf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.skf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.skf-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(--skf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.skf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.skf-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.skf-subtitle {\n color: var(--skf-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.skf-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 3px rgba(0,0,0,.1);\n}\n\n.skf-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.skf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.skf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--skf-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.skf-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(--skf-primary), var(--skf-secondary));\n border-radius: 2px;\n}\n\n.skf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--skf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.skf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.skf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.skf-card {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--skf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.skf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--skf-shadow-lg);\n border-color: var(--skf-primary);\n}\n\n.skf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--skf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.skf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--skf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.skf-card-featured {\n border: 2px solid var(--skf-primary);\n background: linear-gradient(135deg, var(--skf-primary-light) 0%, var(--skf-white) 100%);\n}\n\n.skf-dose {\n font-size: clamp(20px, 4vw, 26px);\n font-weight: 900;\n color: var(--skf-primary);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.skf-grid-compact .skf-card {\n padding: 1rem;\n}\n\n.skf-grid-compact .skf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.skf-grid-compact .skf-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX (Naticol) === *\/\n.skf-highlight-box {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--skf-shadow-lg);\n border: 3px solid var(--skf-primary);\n position: relative;\n}\n\n.skf-highlight-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--skf-primary) 0%, var(--skf-primary-dark) 100%);\n color: white;\n padding: 8px 24px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 900;\n letter-spacing: 1.5px;\n box-shadow: 0 4px 12px rgba(42, 139, 139, .4);\n white-space: nowrap;\n}\n\n.skf-highlight-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--skf-text-light);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.skf-highlight-box p:last-of-type {\n margin-bottom: 1.5rem;\n}\n\n.skf-highlight-box strong {\n color: var(--skf-text);\n font-weight: 700;\n}\n\n.skf-highlight-box .skf-grid-compact {\n margin-top: 1.5rem;\n}\n\n\/* === TIMELINE === *\/\n.skf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.skf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.skf-timeline-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--skf-primary), var(--skf-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 20px;\n box-shadow: 0 4px 16px rgba(42, 139, 139, .3);\n}\n\n.skf-timeline-content {\n flex: 1;\n background: var(--skf-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--skf-radius-sm);\n box-shadow: var(--skf-shadow);\n}\n\n.skf-timeline-content h3 {\n font-size: 17px;\n font-weight: 700;\n color: var(--skf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.skf-timeline-content p {\n font-size: 15px;\n color: var(--skf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.skf-timeline-content strong {\n color: var(--skf-text);\n}\n\n\/* === TIP BOX === *\/\n.skf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--skf-primary-light);\n border-radius: var(--skf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--skf-primary);\n}\n\n.skf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.skf-tip p {\n font-size: 14px;\n color: var(--skf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.skf-tip strong {\n color: var(--skf-primary-dark);\n font-weight: 700;\n}\n\n\/* === TESTIMONIAL === *\/\n.skf-testimonial {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--skf-shadow);\n border-left: 4px solid var(--skf-secondary);\n margin-bottom: 1.5rem;\n}\n\n.skf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--skf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.skf-accordion {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n box-shadow: var(--skf-shadow);\n overflow: hidden;\n}\n\n.skf-accordion-item {\n border-bottom: 1px solid var(--skf-border);\n margin: 0;\n padding: 0;\n}\n\n.skf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.skf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--skf-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.skf-accordion-header:hover {\n background: var(--skf-primary-light);\n}\n\n.skf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.skf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--skf-primary);\n transition: transform .2s ease;\n}\n\n.skf-accordion-item[open] .skf-accordion-header::after {\n content: '−';\n}\n\n.skf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--skf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.skf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.skf-cta-box {\n background: linear-gradient(135deg, var(--skf-primary) 0%, var(--skf-primary-dark) 100%);\n border-radius: var(--skf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.skf-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(247, 212, 76, .15) 0%, transparent 50%);\n}\n\n.skf-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.skf-cta-box strong {\n color: var(--skf-secondary);\n}\n\n\/* === DISCLAIMER === *\/\n.skf-disclaimer {\n font-size: 12px;\n color: var(--skf-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 .skf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .skf-card {\n padding: 1.125rem;\n }\n \n .skf-section {\n margin-bottom: 1.75rem;\n }\n \n .skf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--skf-radius-sm);\n }\n \n .skf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .skf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .skf-grid-compact {\n gap: .625rem;\n }\n \n .skf-grid-compact .skf-card {\n padding: .75rem;\n }\n \n .skf-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .skf-timeline-content {\n padding: .875rem 1rem;\n }\n \n .skf-timeline-content h3 {\n font-size: 15px;\n }\n \n .skf-timeline-content p {\n font-size: 13px;\n }\n \n .skf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .skf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .skf-testimonial {\n padding: 1.25rem;\n }\n \n .skf-testimonial-text {\n font-size: 14px;\n }\n \n .skf-highlight-box {\n padding: 1.5rem 1.25rem;\n padding-top: 2rem;\n }\n \n .skf-highlight-badge {\n font-size: 10px;\n padding: 6px 16px;\n }\n \n .skf-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .skf-card {\n animation: skfFadeInUp .5s ease backwards;\n }\n .skf-card:nth-child(1) { animation-delay: .05s; }\n .skf-card:nth-child(2) { animation-delay: .1s; }\n .skf-card:nth-child(3) { animation-delay: .15s; }\n .skf-card:nth-child(4) { animation-delay: .2s; }\n .skf-card:nth-child(5) { animation-delay: .25s; }\n .skf-card:nth-child(6) { animation-delay: .3s; }\n \n .skf-timeline-item {\n animation: skfFadeInUp .5s ease backwards;\n }\n .skf-timeline-item:nth-child(1) { animation-delay: .1s; }\n .skf-timeline-item:nth-child(2) { animation-delay: .2s; }\n .skf-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes skfFadeInUp {\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 .skf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55198598398329,"sku":"SKINFORMCITRON","price":22.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-acide-hyaluronique-saveur-citron-242g-inolab_1_11zon.jpg?v=1749230894"},{"product_id":"collagene-marin-acide-hyaluronique-saveur-fruits-rouges-242g-inolab","title":"Skinform Collagène Marin + Acide Hyaluronique - Fruits rouges - 242g - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Skinform Collagène Marin + Acide Hyaluronique - Fruits rouges\nPalette détectée:\n - Primaire: #2D5A6B (bleu-gris foncé du packaging, partie haute)\n - Secondaire: #1AAFA8 (turquoise\/teal vibrant, partie basse)\n - Accent: #E63946 (rouge fruits rouges, touches décoratives)\n - Background: #F8F9FA (gris très clair, neutre)\nAmbiance: Premium\/santé, fraîcheur marine, naturalité, féminité subtile, univers beauté\/bien-être\nPréfixe CSS: sf\n--\u003e\n\n\u003cdiv class=\"sf-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sf-hero\"\u003e\n \u003cdiv class=\"sf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-hero-content\"\u003e\n \u003cdiv class=\"sf-badges-top\"\u003e\n \u003cspan class=\"sf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🐟 Collagène Naticol®\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🍒 Saveur fruits rouges\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sf-hero-title\"\u003eCollagène Marin + Acide Hyaluronique\u003c\/span\u003e\n \u003cp class=\"sf-subtitle\"\u003eSkinform — Le duo anti-âge par excellence\u003c\/p\u003e\n \u003cp class=\"sf-description\"\u003e5000 mg de collagène marin français Naticol® + acide hyaluronique + vitamine C naturelle d'acérola. Une formule complète pour la fermeté de votre peau et le confort articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de cette formule\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique retient jusqu'à 1000 fois son poids en eau pour une peau repulpée de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🎯 Fermeté \u0026amp; élasticité\u003c\/h3\u003e\n \u003cp\u003eLe collagène de type I maintient la structure et la tonicité cutanée pour atténuer rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes peptides de 2000 daltons soutiennent la mobilité et le bien-être de vos articulations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💅 Ongles \u0026amp; cheveux\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos ongles cassants et redonnez vitalité à vos cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C naturelle\u003c\/h3\u003e\n \u003cp\u003e100% des AJR en vitamine C d'acérola pour une synthèse optimale du collagène par votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌟 Éclat du teint\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un teint lumineux et unifié grâce à l'action antioxydante de la vitamine C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e🧪 Composition par dose (5 g)\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e🐟 Collagène Naticol®\u003c\/h3\u003e\n \u003cp class=\"sf-dosage\"\u003e5000 mg\u003c\/p\u003e\n \u003cp\u003eCollagène marin hydrolysé de type I, peptides de 2000 daltons pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n \u003cp class=\"sf-dosage\"\u003e100 mg\u003c\/p\u003e\n \u003cp\u003eHyaluronate de sodium haute qualité pour une hydratation profonde des tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e🍒 Vitamine C acérola\u003c\/h3\u003e\n \u003cp class=\"sf-dosage\"\u003e80 mg (100% AJR)\u003c\/p\u003e\n \u003cp\u003eExtrait naturel d'acérola, indispensable à la formation normale du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-clean-label\"\u003e\n \u003cspan\u003e✓ Sans sucre\u003c\/span\u003e\n \u003cspan\u003e✓ Sans gluten\u003c\/span\u003e\n \u003cspan\u003e✓ Sans OGM\u003c\/span\u003e\n \u003cspan\u003e✓ Sans colorants artificiels\u003c\/span\u003e\n \u003cspan\u003e✓ Sans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI NATICOL --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e🏆 Pourquoi le collagène Naticol® ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid-compact\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🔬 Ultra-assimilable\u003c\/h3\u003e\n \u003cp\u003ePeptides de 2000 daltons qui traversent facilement la barrière intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🇫🇷 100% français\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France à partir de poissons sauvages issus de pêche durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🧬 Type I identique\u003c\/h3\u003e\n \u003cp\u003eLe même type de collagène que celui naturellement présent dans votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e✅ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eÉtudes cliniques démontrant l'amélioration de l'hydratation et de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📋 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-steps\"\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cdiv class=\"sf-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch3\u003eMesurez\u003c\/h3\u003e\n \u003cp\u003eVersez 5 g de poudre (cuillère doseuse incluse) dans un verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cdiv class=\"sf-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eAjoutez 200 ml d'eau fraîche et remuez jusqu'à dissolution complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cdiv class=\"sf-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez le matin à jeun pour une absorption optimale. Aucun arrière-goût de poisson !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e👤 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e👩 +30 ans\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez prévenir les premiers signes du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🪞 Perte de fermeté\u003c\/h3\u003e\n \u003cp\u003eVous constatez une diminution de l'éclat et de l'élasticité de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien pour vos articulations sollicitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eVos ongles sont cassants ou vos cheveux manquent de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n \u003cp\u003eVous préférez les formules clean sans additifs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💊 Format poudre\u003c\/h3\u003e\n \u003cp\u003eVous appréciez les formats plus faciles à assimiler que les gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📈 Résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"sf-timeline\"\u003e\n \u003cdiv class=\"sf-timeline-item\"\u003e\n \u003cdiv class=\"sf-timeline-marker\"\u003e2-4 sem.\u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-content\"\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003ePeau plus souple, mieux hydratée. Sensation de confort accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-item\"\u003e\n \u003cdiv class=\"sf-timeline-marker\"\u003e4-6 sem.\u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-content\"\u003e\n \u003ch3\u003eÉclat visible\u003c\/h3\u003e\n \u003cp\u003eTeint plus lumineux et unifié. Ongles plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-item\"\u003e\n \u003cdiv class=\"sf-timeline-marker\"\u003e8+ sem.\u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-content\"\u003e\n \u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n \u003cp\u003eDiminution visible des ridules. Confort articulaire amélioré au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid-compact\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e242 g de poudre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e📅 Programme\u003c\/h3\u003e\n \u003cp\u003eCure de 45 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🥄 Dose journalière\u003c\/h3\u003e\n \u003cp\u003e5 g par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌊 Origine collagène\u003c\/h3\u003e\n \u003cp\u003ePêche durable\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=\"sf-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sf-accordion\"\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e📝 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eHydrolysat de collagène marin (poisson) Naticol®, acide hyaluronique (hyaluronate de sodium), extrait d'acérola titré en vitamine C, arôme naturel fruits rouges, poudre de betterave (colorant naturel).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\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=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eRespectez la dose journalière recommandée (5 g par jour). En cas de sensibilité digestive, commencez par une demi-dose la première semaine.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cstrong\u003eContre-indications :\u003c\/strong\u003e Allergie connue au poisson ou aux produits de la mer. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e💡 Conseils d'utilisation optimale\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003ePour des résultats visibles et durables, réalisez au minimum 2 à 3 cures par an, notamment aux changements de saison. La régularité reste la clé d'une cure réussie.\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=\"sf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sf-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre peau et vos articulations le meilleur de la nutricosmétique française.\u003cbr\u003e45 jours de cure pour révéler votre éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sf-cream: #F8F9FA;\n --sf-white: #ffffff;\n --sf-primary: #2D5A6B;\n --sf-primary-dark: #1E3D4A;\n --sf-primary-light: #E8F4F6;\n --sf-secondary: #1AAFA8;\n --sf-secondary-light: #E0F7F6;\n --sf-accent: #E63946;\n --sf-text: #1a1a1a;\n --sf-text-light: #5a5a5a;\n --sf-border: #e0e0e0;\n --sf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sf-radius: 20px;\n --sf-radius-sm: 12px;\n}\n\n.sf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sf-primary) 0%, #3A6B7D 40%, var(--sf-secondary) 100%);\n border-radius: var(--sf-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(--sf-shadow-lg);\n}\n\n.sf-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 radial-gradient(circle at 40% 40%, rgba(230,57,70,.1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.sf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sf-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(--sf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sf-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.sf-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sf-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\/* === SECTIONS === *\/\n.sf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sf-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.sf-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(--sf-secondary), var(--sf-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sf-card {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sf-shadow-lg);\n border-color: var(--sf-secondary);\n}\n\n.sf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sf-card-ingredient {\n background: linear-gradient(135deg, var(--sf-white) 0%, var(--sf-secondary-light) 100%);\n}\n\n.sf-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--sf-secondary) !important;\n margin: .25rem 0 .75rem 0 !important;\n}\n\n\/* === CLEAN LABEL === *\/\n.sf-clean-label {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n padding: 1.25rem;\n background: var(--sf-white);\n border-radius: var(--sf-radius-sm);\n box-shadow: var(--sf-shadow);\n}\n\n.sf-clean-label span {\n font-size: 13px;\n font-weight: 600;\n color: var(--sf-secondary);\n padding: 6px 12px;\n background: var(--sf-secondary-light);\n border-radius: 999px;\n}\n\n\/* === STEPS === *\/\n.sf-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sf-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.5rem;\n box-shadow: var(--sf-shadow);\n transition: all .3s ease;\n}\n\n.sf-step:hover {\n transform: translateX(8px);\n box-shadow: var(--sf-shadow-lg);\n}\n\n.sf-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--sf-secondary), var(--sf-primary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(26,175,168,.3);\n}\n\n.sf-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sf-step-content p {\n font-size: 14px;\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sf-timeline {\n position: relative;\n padding-left: 2rem;\n}\n\n.sf-timeline::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, var(--sf-secondary), var(--sf-primary), var(--sf-accent));\n border-radius: 2px;\n}\n\n.sf-timeline-item {\n position: relative;\n padding-bottom: 1.5rem;\n padding-left: 1.5rem;\n}\n\n.sf-timeline-item:last-child {\n padding-bottom: 0;\n}\n\n.sf-timeline-marker {\n position: absolute;\n left: -2rem;\n top: 0;\n transform: translateX(-50%);\n background: var(--sf-secondary);\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 6px 10px;\n border-radius: 999px;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(26,175,168,.3);\n}\n\n.sf-timeline-content {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--sf-shadow);\n margin-left: 1rem;\n}\n\n.sf-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sf-timeline-content p {\n font-size: 14px;\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sf-accordion {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n box-shadow: var(--sf-shadow);\n overflow: hidden;\n}\n\n.sf-accordion-item {\n border-bottom: 1px solid var(--sf-border);\n margin: 0;\n padding: 0;\n}\n\n.sf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sf-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.sf-accordion-header:hover {\n background: var(--sf-primary-light);\n}\n\n.sf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sf-secondary);\n transition: transform .2s ease;\n}\n\n.sf-accordion-item[open] .sf-accordion-header::after {\n content: '−';\n}\n\n.sf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sf-cta-box {\n background: linear-gradient(135deg, var(--sf-secondary) 0%, var(--sf-primary) 100%);\n border-radius: var(--sf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sf-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.sf-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sf-grid-compact {\n gap: .625rem;\n }\n \n .sf-grid-compact .sf-card {\n padding: .75rem;\n }\n \n .sf-grid-compact .sf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .sf-grid-compact .sf-card p {\n font-size: 12px;\n }\n \n .sf-card {\n padding: 1.125rem;\n }\n \n .sf-section {\n margin-bottom: 1.75rem;\n }\n \n .sf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sf-radius-sm);\n }\n \n .sf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sf-badges-top {\n gap: 8px;\n }\n \n .sf-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .sf-step {\n padding: 1.125rem;\n gap: 1rem;\n }\n \n .sf-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .sf-timeline {\n padding-left: 1.5rem;\n }\n \n .sf-timeline-marker {\n font-size: 10px;\n padding: 4px 8px;\n left: -1.5rem;\n }\n \n .sf-timeline-content {\n padding: 1rem;\n margin-left: .5rem;\n }\n \n .sf-clean-label {\n gap: .5rem;\n padding: 1rem;\n }\n \n .sf-clean-label span {\n font-size: 11px;\n padding: 5px 10px;\n }\n \n .sf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sf-card:nth-child(1) { animation-delay: .05s; }\n .sf-card:nth-child(2) { animation-delay: .1s; }\n .sf-card:nth-child(3) { animation-delay: .15s; }\n .sf-card:nth-child(4) { animation-delay: .2s; }\n .sf-card:nth-child(5) { animation-delay: .25s; }\n .sf-card:nth-child(6) { animation-delay: .3s; }\n \n .sf-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .sf-step:nth-child(1) { animation-delay: .1s; }\n .sf-step:nth-child(2) { animation-delay: .2s; }\n .sf-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55199285739897,"sku":"SKINFORMFRUITSROUGES","price":22.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/skinform-collagene-marin-acide-hyaluronique-fruits-rouges-24-packshothd.webp?v=1787583282"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/articulations-et-douleurs.webp?v=1790071794","url":"https:\/\/www.naturellement-bio.com\/collections\/articulations-et-douleurs.oembed?page=5","provider":"Naturellement Bio","version":"1.0","type":"link"}