{"title":"Vitalité, Tonus et Énergie","description":"\u003cdiv class=\"collection-content\"\u003e\n\u003ch2\u003eLes compléments alimentaires pour booster l'énergie : notre sélection naturelle\u003c\/h2\u003e\n\u003cp\u003eVous vous sentez souvent fatigué, sans énergie, ou vous manquez de motivation pour affronter vos journées ? Sachez que vous n'êtes pas seul. Le manque de vitalité et la \u003cstrong\u003ebaisse de tonus\u003c\/strong\u003e touchent de nombreuses personnes, qu'elles soient liées à un rythme de vie effréné, une alimentation déséquilibrée, ou encore au stress du quotidien.\u003c\/p\u003e\n\u003cp\u003eLa vitalité n'est pas seulement une question de forme physique. Elle englobe aussi l'\u003cstrong\u003eénergie mentale\u003c\/strong\u003e, l'\u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e et la \u003cstrong\u003ecapacité à faire face aux défis\u003c\/strong\u003e de la vie. Lorsque ces piliers s'effritent, tout semble plus difficile : se lever le matin, travailler efficacement, ou simplement profiter de vos proches.\u003c\/p\u003e\n\u003cp\u003eHeureusement, des \u003cstrong\u003e\u003ca title=\"complément alimentaire bien-être\" href=\"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires-bien-etre\"\u003ecompléments alimentaires bien-être\u003c\/a\u003e\u003c\/strong\u003e existent pour vous aider à retrouver cet élan perdu. En alliant des \u003cstrong\u003eactifs naturels adaptés\u003c\/strong\u003e (magnésium, vitamines B, acérola, ashwagandha…) à des \u003cstrong\u003egestes simples\u003c\/strong\u003e du quotidien, il est possible de revitaliser votre corps et de booster votre esprit.\u003c\/p\u003e\n\u003cp\u003eNous allons explorer les causes fréquentes de la baisse de vitalité et vous guider dans le choix des \u003cstrong\u003emeilleurs compléments alimentaires pour l'énergie\u003c\/strong\u003e et un regain de tonus durable.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eFoire aux questions sur les compléments alimentaires pour l'énergie\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuel est le meilleur complément alimentaire pour l'énergie ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLe meilleur complément dépend de la cause de votre fatigue. Si vous souffrez de stress chronique, l'\u003cstrong\u003eashwagandha\u003c\/strong\u003e sera particulièrement efficace. Pour une carence en minéraux, le \u003cstrong\u003emagnésium bisglycinate\u003c\/strong\u003e est recommandé. En cas de fatigue générale, une cure de \u003cstrong\u003evitamines B\u003c\/strong\u003e associée à de la \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e (acérola) offre d'excellents résultats. L'idéal est d'identifier d'abord la cause de votre baisse d'énergie avant de choisir votre complément.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuel complément en cas de fatigue ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eEn cas de fatigue, plusieurs compléments peuvent vous aider selon votre situation :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eMagnésium bisglycinate\u003c\/strong\u003e : Favorise la détente musculaire et nerveuse, réduit la fatigue chronique.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eVitamines B\u003c\/strong\u003e : Essentielles pour la production d'énergie cellulaire.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eSpiruline\u003c\/strong\u003e : Source naturelle de fer et de protéines, idéale en cas de fatigue physique.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eGinseng\u003c\/strong\u003e : Tonifie l'organisme et combat la fatigue passagère.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels sont les meilleurs boosters naturels d'énergie ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes plantes adaptogènes sont particulièrement intéressantes pour booster l'énergie naturellement :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eGinseng\u003c\/strong\u003e : Augmente l'énergie physique et mentale rapidement.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eAshwagandha\u003c\/strong\u003e : Réduit le stress et améliore la résistance à la fatigue sur le long terme.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eRhodiola\u003c\/strong\u003e : Améliore l'endurance et la concentration.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eCordyceps\u003c\/strong\u003e : Soutient la performance et la récupération après l'effort.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eGuarana\u003c\/strong\u003e : Apporte un boost d'énergie immédiat grâce à sa caféine naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle vitamine est la plus efficace pour redonner de l'énergie ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLa \u003cstrong\u003evitamine C\u003c\/strong\u003e et les \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e sont les plus efficaces pour redonner de l'énergie. La vitamine C, notamment sous forme d'acérola bio, combat la fatigue physique et renforce l'immunité. Les vitamines B (B1, B6, B12) sont indispensables pour transformer les aliments en énergie utilisable par vos cellules. L'association des deux offre une synergie optimale pour retrouver votre vitalité.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eEst-ce que l'acérola est bon pour la santé ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, l'acérola est excellent pour la santé ! Cette petite cerise originaire d'Amazonie contient \u003cstrong\u003e20 à 30 fois plus de vitamine C que l'orange\u003c\/strong\u003e, ce qui en fait une source naturelle exceptionnelle. Ses bienfaits sont nombreux :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eBoost immunitaire\u003c\/strong\u003e : Renforce vos défenses naturelles.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eAnti-fatigue\u003c\/strong\u003e : Réduit la fatigue physique et mentale.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eAntioxydant puissant\u003c\/strong\u003e : Protège vos cellules du stress oxydatif.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eMeilleure absorption du fer\u003c\/strong\u003e : Idéal en cas de carence.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eL'acérola bio est disponible en poudre pure ou en comprimés à croquer. Découvrez notre \u003ca title=\"Acérola 1000 Bio\" href=\"https:\/\/www.naturellement-bio.com\/products\/acerola-1000-bio-60-comprimes-superdiet\"\u003eAcérola 1000 Bio\u003c\/a\u003e pour une cure revitalisante.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle est la différence entre magnésium bisglycinate et magnésium marin ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eCes deux formes de magnésium sont de qualité, mais présentent des différences importantes :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eMagnésium bisglycinate\u003c\/strong\u003e : Excellente biodisponibilité, très bien toléré par l'estomac, idéal pour une cure longue durée. Particulièrement recommandé pour le stress et les troubles du sommeil.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eMagnésium marin\u003c\/strong\u003e : Extrait de l'eau de mer, naturel et riche en oligo-éléments. Effet plus rapide, parfait pour une fatigue passagère ou en format ampoules.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eNos \u003ca title=\"Ampoules magnésium marin AlgoSource\" href=\"https:\/\/www.naturellement-bio.com\/products\/algosource-magnesium-articulations-ampoules\"\u003eampoules de magnésium marin AlgoSource\u003c\/a\u003e offrent une absorption rapide pour un effet immédiat.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCombien de temps faut-il prendre des compléments alimentaires pour retrouver de l'énergie ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLa durée varie selon le type de complément et votre situation :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eVitamines et minéraux\u003c\/strong\u003e : Effets perceptibles en quelques jours à 2 semaines. Cure recommandée de 1 à 3 mois.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003ePlantes adaptogènes\u003c\/strong\u003e : 2 à 3 semaines pour un effet optimal. Cure de 2 à 3 mois conseillée.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eSuper-aliments (spiruline, acérola)\u003c\/strong\u003e : Action progressive, cure de 1 à 3 mois pour des résultats durables.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003ePour une efficacité maximale, privilégiez la régularité plutôt que l'intensité. Une cure bien suivie apporte des résultats plus durables.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi manque-t-on d'énergie ? Les causes fréquentes de la fatigue\u003c\/h2\u003e\n\u003cp\u003ePerdre son énergie, se sentir constamment fatigué ou manquer de motivation peut avoir de nombreuses origines. Avant de chercher le meilleur complément pour retrouver de l'énergie, il est essentiel de comprendre ce qui cause cette baisse de vitalité. Voici les raisons les plus fréquentes :\u003c\/p\u003e\n\u003ch3\u003eLe stress chronique et son impact sur l'énergie\u003c\/h3\u003e\n\u003cp\u003eLe stress, les longues journées de travail et le manque de sommeil sont des coupables bien connus. Mais ce qui aggrave la situation, c'est que ces facteurs tendent à s'accumuler : une mauvaise nuit amplifie votre stress, qui lui-même perturbe votre sommeil. C'est un \u003cstrong\u003ecercle vicieux\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLes symptômes :\u003c\/strong\u003e Épuisement dès le réveil, difficultés à se concentrer, irritabilité accrue.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePourquoi ça vous arrive ?\u003c\/strong\u003e Car votre corps est en \"mode survie\", et vos glandes surrénales produisent trop de cortisol (l'hormone du stress), ce qui épuise vos réserves énergétiques petit à petit.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePrenons un exemple concret :\u003c\/strong\u003e Sophie, une jeune maman, dort peu à cause de ses obligations familiales. Elle ressent une fatigue constante et remarque qu'elle est souvent irritable. En identifiant le stress et en adaptant sa routine avec des plantes adaptogènes, elle a pu briser ce cycle. Si vous êtes dans une situation similaire, \u003ca title=\"complément alimentaire stress\" href=\"https:\/\/www.naturellement-bio.com\/collections\/anti-stress-anxiete\"\u003enotre gamme de compléments anti-stress\u003c\/a\u003e pourrait vous aider. Jetez-y un oeil ;). \u003c\/p\u003e\n\u003ch3\u003eLes carences nutritionnelles : votre réservoir à sec\u003c\/h3\u003e\n\u003cp\u003eUne alimentation déséquilibrée, pauvre en micronutriments, ne fournit pas à votre corps le carburant dont il a besoin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLes carences les plus fréquentes sont :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMagnésium :\u003c\/strong\u003e Essentiel pour calmer le système nerveux et éviter les crampes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamines B :\u003c\/strong\u003e Indispensables pour convertir les aliments en énergie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C :\u003c\/strong\u003e Renforce votre système immunitaire et combat la fatigue physique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePourquoi c'est problématique ?\u003c\/strong\u003e Lorsque ces éléments manquent, votre organisme fonctionne au ralenti, et vos cellules peinent à produire de l'énergie. De plus, une mauvaise digestion réduit l'absorption des nutriments essentiels. Si c'est votre cas, consultez \u003ca title=\"complément alimentaire digestion\" href=\"https:\/\/www.naturellement-bio.com\/collections\/digestion-et-transit\"\u003enotre gamme de compléments pour la digestion et le transit\u003c\/a\u003e pour optimiser votre assimilation.\u003c\/p\u003e\n\u003ch3\u003eLe manque de sommeil réparateur\u003c\/h3\u003e\n\u003cp\u003eUn sommeil de mauvaise qualité empêche votre corps de se régénérer. Même si vous dormez 8 heures, un sommeil fragmenté ou peu profond ne permet pas une récupération optimale.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLes conséquences :\u003c\/strong\u003e Fatigue dès le réveil, baisse de concentration, envies de sucre pour compenser le manque d'énergie.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e Couchez-vous à heures fixes et évitez les écrans une heure avant le coucher. Si besoin, un \u003ca title=\"complément alimentaire sommeil\" href=\"https:\/\/www.naturellement-bio.com\/collections\/sommeil\"\u003ecomplément alimentaire pour le sommeil\u003c\/a\u003e peut vous aider à retrouver des nuits réparatrices.\u003c\/p\u003e\n\u003ch3\u003eLe système immunitaire affaibli\u003c\/h3\u003e\n\u003cp\u003eUn système immunitaire affaibli consomme une part importante de votre énergie pour combattre des infections ou des déséquilibres internes. C'est pourquoi vous pouvez ressentir une grande sensation de fatigue après un rhume, une récupération plus lente, voire des courbatures fréquentes.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa solution ?\u003c\/strong\u003e Intégrez des compléments riches en antioxydants, comme la spiruline ou la gelée royale, pour renforcer vos défenses tout en soutenant votre vitalité.\u003c\/p\u003e\n\u003ch3\u003eLe mode de vie sédentaire\u003c\/h3\u003e\n\u003cp\u003eParadoxalement, ne pas bouger suffisamment fatigue davantage. La sédentarité ralentit votre métabolisme et diminue la production des hormones du bien-être, comme les endorphines.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e Commencez doucement, avec 15 minutes de marche par jour, pour briser ce cycle et retrouver de l'énergie.\u003c\/p\u003e\n\u003cp\u003ePour y voir plus clair, voici un petit tableau récap des causes les plus fréquentes de la fatigue, leurs symptômes, et les meilleures solutions naturelles pour y remédier :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 20px 0;\n    font-size: 16px;\n    text-align: left;\n  }\n  th, td {\n    border: 1px solid #ddd;\n    padding: 12px;\n  }\n  th {\n    background-color: #f4f4f4;\n    font-weight: bold;\n  }\n  tr:nth-child(even) {\n    background-color: #f9f9f9;\n  }\n  tr:hover {\n    background-color: #f1f1f1;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv style=\"overflow: auto;\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCause\u003c\/th\u003e\n\u003cth\u003eSymptômes\u003c\/th\u003e\n\u003cth\u003eSolution naturelle\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eStress chronique\u003c\/td\u003e\n\u003ctd\u003eÉpuisement au réveil, difficulté de concentration, irritabilité\u003c\/td\u003e\n\u003ctd\u003eAdopter une routine de sommeil régulière, compléter avec du magnésium et de l'ashwagandha\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCarences nutritionnelles\u003c\/td\u003e\n\u003ctd\u003eFatigue physique, crampes musculaires, baisse d'énergie\u003c\/td\u003e\n\u003ctd\u003eApporter du magnésium bisglycinate, vitamines B et acérola\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSystème immunitaire affaibli\u003c\/td\u003e\n\u003ctd\u003eFatigue après un rhume, courbatures fréquentes, récupération lente\u003c\/td\u003e\n\u003ctd\u003eRenforcer avec de la spiruline, de la gelée royale et de la vitamine C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eManque de sommeil\u003c\/td\u003e\n\u003ctd\u003eFatigue persistante, baisse de motivation, envies de sucre\u003c\/td\u003e\n\u003ctd\u003eAméliorer l'hygiène de sommeil, opter pour des plantes relaxantes (mélisse, passiflore)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMode de vie sédentaire\u003c\/td\u003e\n\u003ctd\u003eFatigue constante, perte de tonus, manque de motivation\u003c\/td\u003e\n\u003ctd\u003eIntroduire une activité physique douce comme 15 minutes de marche quotidienne\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 7 meilleurs actifs naturels pour retrouver votre vitalité\u003c\/h2\u003e\n\u003cp\u003eLa nature regorge de trésors pour revitaliser votre corps et renforcer votre énergie. Voici les principaux actifs naturels, leurs bienfaits spécifiques, et comment les intégrer dans votre routine pour retrouver votre tonus.\u003c\/p\u003e\n\u003ch3\u003eLe magnésium bisglycinate : un minéral essentiel pour l'énergie\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRôle :\u003c\/strong\u003e Le magnésium favorise la production d'énergie et calme votre système nerveux. Une carence peut provoquer fatigue et irritabilité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuelle forme choisir ?\u003c\/strong\u003e Privilégiez le \u003cstrong\u003emagnésium bisglycinate\u003c\/strong\u003e, bien absorbé et doux pour l'estomac, ou le magnésium marin pour un effet plus rapide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMise en garde :\u003c\/strong\u003e Évitez les formes comme l'oxyde de magnésium, moins bien assimilées.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e Associez-le à de la vitamine B6 pour renforcer ses bienfaits. Les \u003ca title=\"Ampoules magnésium marin AlgoSource\" href=\"https:\/\/www.naturellement-bio.com\/products\/algosource-magnesium-articulations-ampoules\"\u003eampoules de magnésium marin AlgoSource\u003c\/a\u003e, par exemple, offrent une absorption rapide pour un effet immédiat.\u003c\/p\u003e\n\u003ch3\u003eLes vitamines du groupe B : des catalyseurs d'énergie\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRôle :\u003c\/strong\u003e Elles sont essentielles pour transformer les aliments en énergie et soutenir les fonctions cérébrales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePourquoi en manquer ?\u003c\/strong\u003e Stress prolongé ou alimentation pauvre en nutriments.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMise en garde :\u003c\/strong\u003e Un excès de vitamine B6 peut provoquer des engourdissements. Respectez les dosages recommandés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUn \u003cstrong\u003ecomplexe de vitamines B\u003c\/strong\u003e offre une action synergique, particulièrement efficace en cas de fatigue mentale.\u003c\/p\u003e\n\u003ch3\u003eLa vitamine C : l'acérola comme source naturelle\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRôle :\u003c\/strong\u003e Antioxydant puissant, la vitamine C réduit la fatigue et stimule le système immunitaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuelle forme choisir ?\u003c\/strong\u003e L'\u003cstrong\u003eacérola bio\u003c\/strong\u003e est idéale : elle contient 20 à 30 fois plus de vitamine C que l'orange, avec une excellente biodisponibilité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMise en garde :\u003c\/strong\u003e En excès, la vitamine C peut provoquer des troubles digestifs. Évitez de dépasser 1000 mg par prise.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eNous vous recommandons de consommer la vitamine C le matin pour bénéficier de son effet stimulant. L'\u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/acerola-bio-60-gelules-graine-sauvage\" title=\"Acérola Bio - 60 gélules - Graine Sauvage\"\u003eacérola bio en gélules de Graine Sauvage\u003c\/a\u003e\u003ca title=\"Acérola 1000 Bio\" href=\"https:\/\/www.naturellement-bio.com\/products\/acerola-1000-bio-60-comprimes-superdiet\"\u003e\u003c\/a\u003e apporte 1200 mg de vitamine C naturelle par dose.\u003c\/p\u003e\n\u003ch3\u003eLes plantes adaptogènes : l'ashwagandha pour le tonus\u003c\/h3\u003e\n\u003cp\u003eUtilisées depuis des milliers d'années en médecine traditionnelle, les plantes adaptogènes aident votre corps à gérer le stress et à maintenir son équilibre énergétique.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAshwagandha :\u003c\/strong\u003e Plante majeure de l'Ayurveda, elle réduit le stress, améliore la qualité du sommeil et renforce la résistance à la fatigue. À éviter en cas de troubles thyroïdiens sans avis médical.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRhodiola :\u003c\/strong\u003e Améliore l'endurance mentale et physique. À prendre le matin car elle peut perturber le sommeil.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinseng :\u003c\/strong\u003e Excellent booster d'énergie naturelle. À éviter en cas d'hypertension.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eL'\u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/ashwagandha-revitalisante-anti-stress-ayur-vana-120-gelules\" target=\"_blank\" title=\"Ashwagandha Bio 120 gélules - Revitalisante \u0026amp; Anti-stress - Ayur-Vana\" rel=\"noopener\"\u003eashwagandha bio en gélules d'Ayurvana\u003c\/a\u003e est titré en withanolides pour une efficacité optimale. Vous pouvez combiner les plantes selon vos besoins : rhodiola le matin pour l'énergie, ashwagandha le soir pour un effet apaisant.\u003c\/p\u003e\n\u003ch3\u003eLes super-aliments : spiruline et açaï\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa spiruline :\u003c\/strong\u003e Riche en protéines, fer et antioxydants. Elle soutient l'immunité et l'endurance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eL'açaï :\u003c\/strong\u003e Baie amazonienne aux propriétés antioxydantes exceptionnelles, idéale pour lutter contre la fatigue oxydative.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe cordyceps :\u003c\/strong\u003e Champignon adaptogène qui booste la vitalité et l'endurance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eIntégrez la spiruline dans un smoothie ou optez pour des ampoules concentrées pour un effet immédiat.\u003c\/p\u003e\n\u003ch3\u003eLes acides aminés pour la récupération\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRôle :\u003c\/strong\u003e Les acides aminés sont les briques de construction de vos muscles et participent à la production d'énergie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLesquels privilégier ?\u003c\/strong\u003e La tyrosine pour l'énergie mentale, la glutamine pour la récupération.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLe coenzyme Q10 pour l'énergie cellulaire\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRôle :\u003c\/strong\u003e Le CoQ10 est essentiel à la production d'énergie au niveau cellulaire. Sa production diminue avec l'âge.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePour qui ?\u003c\/strong\u003e Particulièrement recommandé après 40 ans ou en cas de fatigue chronique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUn peu perdu ? C'est normal, pas de panique ! Pour vous aider à y voir plus clair, voici un petit graphique qui récapitule ces actifs naturels et leurs bienfaits :\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infographie-actifs-naturels-vitalite-energie-effets.jpg?v=1737718222\" alt=\"Infographie des actifs Naturels pour Vitalité et Énergie et leurs effets\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment choisir le bon complément alimentaire pour l'énergie ?\u003c\/h2\u003e\n\u003cp\u003eFace à la multitude de compléments disponibles, voici 4 critères essentiels pour faire le bon choix :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdentifiez la cause de votre fatigue :\u003c\/strong\u003e Stress ? Carence ? Manque de sommeil ? Le bon complément dépend de votre situation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVérifiez la composition :\u003c\/strong\u003e Privilégiez les formules avec des dosages efficaces et des formes bien assimilées (bisglycinate pour le magnésium, acérola pour la vitamine C).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChoisissez le bio quand c'est possible :\u003c\/strong\u003e Les compléments bio garantissent l'absence de pesticides et une meilleure qualité des actifs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdaptez la forme à votre quotidien :\u003c\/strong\u003e Gélules pour la praticité, ampoules pour un effet rapide, poudre pour les smoothies.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eConseils pratiques pour maintenir votre vitalité au quotidien\u003c\/h2\u003e\n\u003cp\u003eLes compléments alimentaires sont un excellent soutien, mais leur efficacité est \u003cstrong\u003edécuplée lorsqu'ils sont associés à des gestes simples\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003ch3\u003eMisez sur une alimentation énergétique\u003c\/h3\u003e\n\u003cp\u003eVotre corps fonctionne comme une machine : il a besoin du bon carburant pour performer. \u003cstrong\u003eFavorisez les protéines\u003c\/strong\u003e (poissons gras, œufs, légumineuses), les aliments riches en vitamines et minéraux (agrumes, amandes, légumes verts), et les super-aliments (spiruline, graines de chia).\u003c\/p\u003e\n\u003cp\u003eEn revanche, \u003cstrong\u003elimitez les sucres rapides\u003c\/strong\u003e (pâtisseries, sodas) qui provoquent des pics d'énergie suivis de coups de fatigue.\u003c\/p\u003e\n\u003ch3\u003eHydratez-vous tout au long de la journée\u003c\/h3\u003e\n\u003cp\u003eLa fatigue est souvent liée à une déshydratation légère mais chronique. Buvez 1,5 à 2 litres d'eau par jour, et plus si vous êtes actif(ve).\u003c\/p\u003e\n\u003ch3\u003eBougez régulièrement pour activer votre énergie\u003c\/h3\u003e\n\u003cp\u003eL'activité physique stimule la circulation sanguine, oxygène les cellules et libère des endorphines. Pas besoin de courir un marathon : une marche rapide de 20 minutes par jour suffit !\u003c\/p\u003e\n\u003ch3\u003eDormez mieux pour régénérer votre corps\u003c\/h3\u003e\n\u003cp\u003eUn sommeil de qualité est le pilier d'une vitalité durable. Optimisez votre environnement : chambre sombre et silencieuse, pas d'écrans une heure avant le coucher.\u003c\/p\u003e\n\u003ch3\u003eGérez votre stress pour préserver votre énergie\u003c\/h3\u003e\n\u003cp\u003eLe stress est le plus grand voleur d'énergie. Essayez la cohérence cardiaque (inspiration 5 secondes, expiration 5 secondes) pendant 5 minutes par jour, ou la méditation pour calmer votre esprit.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePour aller plus loin...\u003c\/h2\u003e\n\u003cp\u003eSelon votre besoin spécifique, ne vous limitez pas à compléments pour l'énergie.  Explorez aussi nos autres collections dédiées à des besoins plus spécifiques ! Si vous souffrez de fatigue chronique ou de nervosité, \u003ca title=\"complément alimentaire fatigue\" href=\"https:\/\/www.naturellement-bio.com\/collections\/fatigue\"\u003enotre gamme de compléments pour la fatigue et la nervosité\u003c\/a\u003e propose des solutions adaptées. Pour un sommeil réparateur, découvrez nos \u003ca title=\"complément alimentaire sommeil\" href=\"https:\/\/www.naturellement-bio.com\/collections\/sommeil\"\u003ecompléments pour le sommeil\u003c\/a\u003e. Et si le stress impacte votre vitalité, nos \u003ca title=\"complément alimentaire anti-stress\" href=\"https:\/\/www.naturellement-bio.com\/collections\/anti-stress-anxiete\"\u003ecompléments anti-stress\u003c\/a\u003e vous aideront à retrouver votre sérénité.\u003c\/p\u003e\n\u003cp\u003eVous l'avez compris, la fatigue et le manque de tonus ne sont pas des fatalités. Ce sont des signaux de votre corps, qui vous invite à prendre soin de vous. Grâce à des compléments alimentaires adaptés, associés à des gestes simples et naturels, il est tout à fait possible de retrouver une énergie durable et un bien-être global.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePrêt(e) à franchir le pas vers plus d'énergie et de vitalité ?\u003c\/strong\u003e Explorez notre sélection de compléments alimentaires naturels pour trouver ce qui convient le mieux à votre quotidien ;). Et comme toujours, si vous avez besoin d'aide pour choisir, nous sommes là (mail, chat et téléphone, 5 jours sur 7). \u003c\/p\u003e\n\u003c\/div\u003e","products":[{"product_id":"hypertonic-buvable-30-ampoules-de-10-ml-quinton","title":"Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton\nPalette détectée:\n  - Primaire: #1e3a5f (bleu marine profond du packaging)\n  - Secondaire: #4a90c2 (bleu océan clair des motifs)\n  - Accent: #c9a227 (doré des ampoules)\n  - Light: #e8f4fc (bleu très clair pour backgrounds)\nAmbiance: Marine\/océanique, scientifique, premium, naturel, confiance médicale\nPréfixe CSS: qh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Qu'est-ce que le Quinton Hypertonic ?\"\n  2. \"Les bienfaits de l'eau de mer Quinton Hypertonic\"\n  3. \"Quelle différence entre Quinton isotonique et hypertonique ?\"\n  4. \"Composition détaillée\"\n  5. \"Comment prendre le Quinton Hypertonic ?\"\n  6. \"Un procédé de fabrication rigoureux\"\n  7. \"Pour qui est recommandé le Quinton Hypertonic ?\"\n  8. \"Précautions d'emploi\"\n  9. \"Pourquoi choisir le Quinton Hypertonic ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"qh-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"qh-hero\"\u003e\n    \u003cdiv class=\"qh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qh-hero-content\"\u003e\n      \u003cdiv class=\"qh-badges-top\"\u003e\n        \u003cspan class=\"qh-badge\"\u003e🌊 78 minéraux marins\u003c\/span\u003e\n        \u003cspan class=\"qh-badge\"\u003e💎 100 % eau de mer pure\u003c\/span\u003e\n        \u003cspan class=\"qh-badge\"\u003e🔬 Depuis 1897\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qh-hero-title\"\u003eQuinton Hypertonic\u003c\/span\u003e\n      \u003cp class=\"qh-subtitle\"\u003e30 ampoules buvables de 10 ml\u003c\/p\u003e\n      \u003cp class=\"qh-description\"\u003eUn concentré de vie marine pour revitaliser votre organisme et combler vos besoins en minéraux. Plus d'un siècle d'expertise au service de votre vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-intro-card\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eQuinton Hypertonic\u003c\/strong\u003e est une \u003cstrong\u003eeau de mer hypertonique\u003c\/strong\u003e buvable, prélevée au large des côtes dans des zones marines exceptionnellement riches en phytoplancton. Contrairement à l'eau de mer classique, cette solution conserve l'intégralité de ses \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e grâce à un procédé de microfiltration à froid qui préserve toutes ses propriétés naturelles.\u003c\/p\u003e\n      \u003cp\u003eCe complément s'inscrit dans la lignée des travaux du biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, qui a démontré dès le début du XXe siècle la remarquable similitude entre l'eau de mer et notre milieu intérieur. La formule hypertonique présente une concentration en minéraux supérieure à celle du plasma sanguin, ce qui en fait un allié de choix pour les personnes ayant des besoins accrus en reminéralisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'eau de mer Quinton Hypertonic\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eL'eau de mer de Quinton en version hypertonique offre une synergie unique de minéraux biodisponibles :\u003c\/p\u003e\n    \u003cdiv class=\"qh-grid\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e💧 Reminéralisation profonde\u003c\/h3\u003e\n        \u003cp\u003eApport concentré en magnésium, calcium, potassium, zinc et plus de 70 autres éléments traces\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n        \u003cp\u003eIdéal en période de fatigue, de stress ou de convalescence pour retrouver votre énergie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n        \u003cp\u003eAide à compenser les pertes minérales après un effort physique intense\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir un pH corporel optimal pour un fonctionnement harmonieux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔋 Stimulation naturelle\u003c\/h3\u003e\n        \u003cp\u003eEffet tonifiant grâce à sa concentration hypertonique supérieure au plasma sanguin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eSans additif, sans conservateur, sans gluten — l'eau de mer est le seul ingrédient\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eQuelle différence entre Quinton isotonique et hypertonique ?\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eCette question revient souvent, et elle mérite une réponse claire :\u003c\/p\u003e\n    \u003cdiv class=\"qh-comparison\"\u003e\n      \u003cdiv class=\"qh-comparison-card qh-isotonic\"\u003e\n        \u003cdiv class=\"qh-comparison-header\"\u003e\n          \u003cspan class=\"qh-comparison-icon\"\u003e🌊\u003c\/span\u003e\n          \u003ch3\u003eQuinton Isotonique\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003eEau de mer \u003cstrong\u003ediluée\u003c\/strong\u003e avec de l'eau de source\u003c\/li\u003e\n          \u003cli\u003eConcentration similaire à notre milieu intérieur\u003c\/li\u003e\n          \u003cli\u003eConvient aux \u003cstrong\u003ecures douces\u003c\/strong\u003e\n\u003c\/li\u003e\n          \u003cli\u003eIdéal pour l'hydratation cellulaire\u003c\/li\u003e\n          \u003cli\u003eRecommandé aux personnes sensibles\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"qh-comparison-tag\"\u003eCure de fond\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-comparison-card qh-hypertonic\"\u003e\n        \u003cdiv class=\"qh-comparison-header\"\u003e\n          \u003cspan class=\"qh-comparison-icon\"\u003e⚡\u003c\/span\u003e\n          \u003ch3\u003eQuinton Hypertonic\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003eEau de mer \u003cstrong\u003epure, non diluée\u003c\/strong\u003e\n\u003c\/li\u003e\n          \u003cli\u003eConcentration en minéraux plus élevée\u003c\/li\u003e\n          \u003cli\u003eEffet \u003cstrong\u003edynamisant\u003c\/strong\u003e rapide\u003c\/li\u003e\n          \u003cli\u003eIdéal en période de fatigue marquée\u003c\/li\u003e\n          \u003cli\u003eRecommandé pour les sportifs\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"qh-comparison-tag qh-tag-highlight\"\u003eCoup de boost\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-tip\"\u003e\n      \u003cspan class=\"qh-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous hésitez entre les deux, l'Hypertonic sera votre allié pour un \u003cstrong\u003ecoup de boost rapide\u003c\/strong\u003e, tandis que l'Isotonique s'intégrera mieux dans une cure de fond sur plusieurs semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"qh-composition\"\u003e\n      \u003cdiv class=\"qh-composition-main\"\u003e\n        \u003cdiv class=\"qh-composition-badge\"\u003e100 %\u003c\/div\u003e\n        \u003cdiv class=\"qh-composition-text\"\u003e\n          \u003ch3\u003eEau de mer naturelle hypertonique\u003c\/h3\u003e\n          \u003cp\u003e10 ml par ampoule — ingrédient unique, pureté absolue\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-minerals-grid\"\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~110 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eMagnésium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~40 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eCalcium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~38 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003ePotassium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e+70\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eOligo-éléments\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003eà l'état de traces\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"qh-composition-note\"\u003eSoufre, silicium, zinc, iode, sélénium et plus de 70 autres éléments présents naturellement. \u003cstrong\u003eSans additif, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eComment prendre le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-timeline\"\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003ePosologie conseillée\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 ampoules par jour, de préférence le matin à jeun pour une absorption optimale. Cure de 15 à 30 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eOuvrir l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule en verre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption sublinguale (recommandée)\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu directement sous la langue pour une absorption sublinguale — c'est la méthode la plus efficace.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eAlternative\u003c\/h3\u003e\n          \u003cp\u003eVous pouvez également diluer l'ampoule dans un demi-verre d'eau si le goût salé vous incommode.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-tip\"\u003e\n      \u003cspan class=\"qh-tip-icon\"\u003e🏃\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce sportifs :\u003c\/strong\u003e Prenez une ampoule 30 minutes avant l'effort et une autre après pour optimiser la récupération.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eUn procédé de fabrication rigoureux\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eLa qualité de l'eau de mer Quinton repose sur un protocole de fabrication unique :\u003c\/p\u003e\n    \u003cdiv class=\"qh-grid\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌊 Prélèvement sélectif\u003c\/h3\u003e\n        \u003cp\u003eL'eau est captée à plus de 30 mètres de profondeur, dans des zones océaniques préservées riches en vortex planctoniques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n        \u003cp\u003eCe procédé breveté préserve l'intégralité des minéraux et oligo-éléments sans altération thermique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔬 Contrôles qualité stricts\u003c\/h3\u003e\n        \u003cp\u003eAnalyses bactériologiques et physico-chimiques à chaque lot pour garantir la sécurité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication en Espagne\u003c\/h3\u003e\n        \u003cp\u003eDans les Laboratoires Quinton, certifiés selon les normes pharmaceutiques les plus exigeantes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-highlight-box\"\u003e\n      \u003cp\u003eCe savoir-faire garantit une \u003cstrong\u003ebiodisponibilité exceptionnelle\u003c\/strong\u003e : votre organisme assimile les minéraux marins bien plus facilement que les compléments de synthèse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003ePour qui est recommandé le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-grid-compact\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n        \u003cp\u003eEn période de surmenage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération et performances\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏥 Convalescents\u003c\/h3\u003e\n        \u003cp\u003eAprès maladie ou intervention\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🍽️ Adultes carencés\u003c\/h3\u003e\n        \u003cp\u003eAlimentation déséquilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eBesoins en magnésium accrus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes et adolescents\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"qh-accordion\"\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux personnes suivant un régime sans sel strict ou souffrant d'hypertension non contrôlée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce complément alimentaire ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qh-disclaimer\"\u003eEn cas de doute sur votre état de santé, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 9 --\u003e\n  \u003csection class=\"qh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-grid-compact\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌊 78 minéraux\u003c\/h3\u003e\n        \u003cp\u003eNaturellement assimilables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n        \u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e📜 Depuis 1897\u003c\/h3\u003e\n        \u003cp\u003ePlus d'un siècle d'expertise\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eAmpoules faciles à emporter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n        \u003cp\u003eDu prélèvement à l'ampoule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🇪🇸 Made in Spain\u003c\/h3\u003e\n        \u003cp\u003eNormes pharmaceutiques\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre corps ce dont il a besoin avec l'\u003cstrong\u003eHypertonic Buvable Quinton\u003c\/strong\u003e : une reminéralisation profonde puisée directement à la source de la vie marine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qh-cream: #f8fbfd;\n  --qh-white: #ffffff;\n  --qh-primary: #1e3a5f;\n  --qh-primary-dark: #0f2540;\n  --qh-primary-light: #e8f4fc;\n  --qh-secondary: #4a90c2;\n  --qh-accent: #c9a227;\n  --qh-text: #1a1a1a;\n  --qh-text-light: #5a6a7a;\n  --qh-border: #d4e5f2;\n  --qh-shadow: 0 4px 24px rgba(30,58,95,.08);\n  --qh-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n  --qh-radius: 20px;\n  --qh-radius-sm: 12px;\n}\n\n.qh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qh-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-secondary) 50%, #2d5a87 100%);\n  border-radius: var(--qh-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qh-shadow-lg);\n}\n\n.qh-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C20 15 10 15 5 30c5 15 15 15 25 25 10-10 20-10 25-25-5-15-15-15-25-25z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.qh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qh-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.qh-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qh-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.qh-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qh-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.qh-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qh-primary), var(--qh-secondary));\n  border-radius: 2px;\n}\n\n.qh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qh-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.qh-intro-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qh-shadow);\n  border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-intro-card p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--qh-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.qh-intro-card p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID === *\/\n.qh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.qh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qh-grid-compact .qh-card {\n  padding: 1rem;\n}\n\n.qh-grid-compact .qh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qh-grid-compact .qh-card p {\n  font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.qh-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qh-shadow-lg);\n  border-color: var(--qh-secondary);\n}\n\n.qh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.qh-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.qh-comparison-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: 1.5rem;\n  box-shadow: var(--qh-shadow);\n  position: relative;\n  overflow: hidden;\n}\n\n.qh-comparison-card.qh-hypertonic {\n  border: 2px solid var(--qh-accent);\n}\n\n.qh-comparison-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: 1rem;\n}\n\n.qh-comparison-icon {\n  font-size: 28px;\n}\n\n.qh-comparison-header h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0;\n}\n\n.qh-comparison-card ul {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.qh-comparison-card li {\n  font-size: 14px;\n  color: var(--qh-text);\n  padding: .5rem 0;\n  border-bottom: 1px solid var(--qh-border);\n  line-height: 1.5;\n}\n\n.qh-comparison-card li:last-child {\n  border-bottom: none;\n}\n\n.qh-comparison-tag {\n  display: inline-block;\n  padding: 6px 14px;\n  background: var(--qh-primary-light);\n  color: var(--qh-primary);\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n.qh-comparison-tag.qh-tag-highlight {\n  background: linear-gradient(135deg, var(--qh-accent), #d4b02e);\n  color: white;\n}\n\n\/* === COMPOSITION === *\/\n.qh-composition {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qh-shadow);\n}\n\n.qh-composition-main {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  padding-bottom: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-bottom: 2px solid var(--qh-border);\n}\n\n.qh-composition-badge {\n  flex-shrink: 0;\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, var(--qh-secondary), var(--qh-primary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.qh-composition-text h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qh-composition-text p {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  margin: 0;\n}\n\n.qh-minerals-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.qh-mineral {\n  text-align: center;\n  padding: 1rem .5rem;\n  background: var(--qh-primary-light);\n  border-radius: var(--qh-radius-sm);\n}\n\n.qh-mineral-value {\n  display: block;\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--qh-primary);\n  margin-bottom: .25rem;\n}\n\n.qh-mineral-name {\n  display: block;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  margin-bottom: .15rem;\n}\n\n.qh-mineral-unit {\n  display: block;\n  font-size: 11px;\n  color: var(--qh-text-light);\n}\n\n.qh-composition-note {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  text-align: center;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.qh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qh-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--qh-primary), var(--qh-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(30,58,95,.2);\n}\n\n.qh-timeline-content {\n  flex: 1;\n  background: var(--qh-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--qh-radius-sm);\n  box-shadow: var(--qh-shadow);\n}\n\n.qh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.qh-timeline-content p {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.qh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n  border-radius: var(--qh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qh-tip p {\n  font-size: 14px;\n  color: var(--qh-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qh-highlight-box {\n  background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n  border-radius: var(--qh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  text-align: center;\n  border: 2px solid var(--qh-secondary);\n}\n\n.qh-highlight-box p {\n  font-size: 15px;\n  color: var(--qh-primary-dark);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDION === *\/\n.qh-accordion {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  box-shadow: var(--qh-shadow);\n  overflow: hidden;\n}\n\n.qh-accordion-item {\n  border-bottom: 1px solid var(--qh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qh-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qh-accordion-header:hover {\n  background: var(--qh-primary-light);\n}\n\n.qh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qh-secondary);\n  transition: transform .2s ease;\n}\n\n.qh-accordion-item[open] .qh-accordion-header::after {\n  content: '−';\n}\n\n.qh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.qh-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.qh-cta-box {\n  background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-primary-dark) 100%);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  margin-top: 1.5rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.qh-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.qh-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qh-disclaimer {\n  font-size: 12px;\n  color: var(--qh-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .qh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .qh-card {\n    padding: 1.125rem;\n  }\n  \n  .qh-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .qh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qh-radius-sm);\n  }\n  \n  .qh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .qh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .qh-grid-compact {\n    gap: .625rem;\n  }\n  \n  .qh-grid-compact .qh-card {\n    padding: .75rem;\n  }\n  \n  .qh-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .qh-timeline-content {\n    padding: 1rem 1.125rem;\n  }\n  \n  .qh-timeline-content h3 {\n    font-size: 15px;\n  }\n  \n  .qh-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .qh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .qh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .qh-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .qh-minerals-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .75rem;\n  }\n  \n  .qh-mineral {\n    padding: .75rem .5rem;\n  }\n  \n  .qh-mineral-value {\n    font-size: 18px;\n  }\n  \n  .qh-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .qh-composition-badge {\n    width: 60px;\n    height: 60px;\n    font-size: 18px;\n  }\n  \n  .qh-intro-card {\n    padding: 1.25rem;\n  }\n  \n  .qh-tip {\n    padding: 1rem 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qh-card {\n    animation: qhFadeInUp .5s ease backwards;\n  }\n  .qh-card:nth-child(1) { animation-delay: .05s; }\n  .qh-card:nth-child(2) { animation-delay: .1s; }\n  .qh-card:nth-child(3) { animation-delay: .15s; }\n  .qh-card:nth-child(4) { animation-delay: .2s; }\n  .qh-card:nth-child(5) { animation-delay: .25s; }\n  .qh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qhFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .qh-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680082589,"sku":"QU0035","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quinton-hypertonic--min.jpg?v=1736517630"},{"product_id":"isotonic-buvable-30-ampoules-de-10-ml-quinton","title":"Isotonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003cdiv class=\"qi-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qi-hero\"\u003e\n\u003cdiv class=\"qi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qi-hero-content\"\u003e\n\u003cdiv class=\"qi-badges-top\"\u003e\n\u003cspan class=\"qi-badge\"\u003e🌊 78 minéraux \u0026amp; oligo-éléments\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e💧 30 ampoules de 10 ml\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e🧪 100% eau de mer naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qi-hero-title\"\u003eIsotonic Buvable - Quinton\u003c\/span\u003e\n\u003cp class=\"qi-subtitle\"\u003eL'eau de mer isotonique au service de votre vitalité cellulaire\u003c\/p\u003e\n\u003cp class=\"qi-description\"\u003eDepuis plus d'un siècle, le protocole Quinton puise dans les profondeurs océaniques une eau marine d'exception, naturellement riche en minéraux biodisponibles, pour recharger chaque cellule de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eQuinton Isotonic : l'eau de mer isotonique en ampoules buvables\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eL'\u003cstrong\u003eeau de Quinton isotonique\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire. Issue des profondeurs océaniques, cette \u003cstrong\u003eeau de mer isotonique\u003c\/strong\u003e reproduit fidèlement la composition minérale de notre plasma sanguin.\u003c\/p\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🧬 Plasma marin\u003c\/h3\u003e\n\u003cp\u003eComposition identique à notre milieu intérieur pour une assimilation immédiate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e💎 30 ampoules\u003c\/h3\u003e\n\u003cp\u003eCure complète de 10 ml par ampoule, soit 300 ml d'eau de mer pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Recharge minérale\u003c\/h3\u003e\n\u003cp\u003e78 minéraux et oligo-éléments essentiels pour votre organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans conservateur, sans additif, sans traitement chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'eau de Quinton isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-testimonial\"\u003e\n\u003cp class=\"qi-testimonial-text\"\u003eVotre corps a besoin de plus de \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e pour fonctionner de manière optimale. Or, l'alimentation moderne ne couvre pas toujours ces besoins. C'est là qu'intervient ce \u003cstrong\u003ecomplément alimentaire minéraux\u003c\/strong\u003e d'exception : l'eau de mer prélevée par Quinton contient naturellement du magnésium, du calcium, du potassium, du zinc, du sélénium et bien d'autres éléments, dans des proportions parfaitement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux \u003cstrong\u003ecompléments alimentaires vitamines et minéraux\u003c\/strong\u003e synthétiques, la solution Quinton Isotonic propose des nutriments sous leur forme naturelle, directement assimilables par vos cellules. C'est ce qui en fait l'un des \u003cstrong\u003emeilleurs compléments multivitamines et minéraux\u003c\/strong\u003e d'origine marine disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eComposition de chaque ampoule\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003ePrélevée en profondeur dans des zones marines protégées, riche en \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e : sodium, magnésium, calcium, potassium, zinc, manganèse, sélénium…\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eUtilisée pour la dilution isotonique, afin d'obtenir une concentration identique à celle de notre milieu intérieur (\u003cstrong\u003e9 g\/L de sels minéraux\u003c\/strong\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans conservateur, sans additif, sans traitement chimique.\u003c\/strong\u003e Le procédé exclusif de microfiltration à froid préserve l'intégralité des propriétés de l'eau marine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eBienfaits de l'eau de Quinton isotonique\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'eau de mer isotonique\u003c\/strong\u003e sont reconnus depuis plus d'un siècle, grâce aux travaux du biologiste René Quinton. Voici ce que cette cure peut vous apporter :\u003c\/p\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🫧 Hydratation cellulaire profonde\u003c\/h3\u003e\n\u003cp\u003eSa concentration isotonique permet une absorption immédiate par les cellules, sans effort pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n\u003cp\u003eL'apport en minéraux contribue à réduire la fatigue et à maintenir un bon équilibre électrolytique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n\u003cp\u003eAide à rétablir le pH naturel du corps, souvent perturbé par le stress ou une alimentation déséquilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏃 Récupération et bien-être\u003c\/h3\u003e\n\u003cp\u003eParticulièrement appréciée des sportifs, des personnes fatiguées ou en période de convalescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qi-timeline\"\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eOuvrez l'ampoule\u003c\/h3\u003e\n\u003cp\u003eCassez les deux extrémités de l'ampoule avec précaution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eConsommez directement\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu directement dans la bouche ou dans un petit verre d'eau, puis consommez sans attendre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eRespectez le dosage\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 ampoules par jour\u003c\/strong\u003e, de préférence à jeun ou 15 minutes avant un repas pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-grid-compact qi-dosage-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🔥 Cure d'attaque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 ampoules\/jour\u003c\/strong\u003e pendant 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌱 Entretien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 ampoules\/jour\u003c\/strong\u003e, à renouveler aux changements de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePour qui est faite cette eau isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e😴 Adultes fatigués\u003c\/h3\u003e\n\u003cp\u003eRechargez votre capital minéral naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eOptimisez votre récupération musculaire et électrolytique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🩺 Convalescents\u003c\/h3\u003e\n\u003cp\u003eSoutenez votre organisme après une période d'affaiblissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e✨ Prévention\u003c\/h3\u003e\n\u003cp\u003eMaintenez un équilibre minéral optimal au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eCe complément convient également aux \u003cstrong\u003eenfants\u003c\/strong\u003e, sur avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"qi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"qi-accordion\"\u003e\n\u003cdetails class=\"qi-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de régime pauvre en sodium ou de traitement médical en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qi-accordion-item\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez les ampoules à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"qi-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --qi-cream: #F4F9FB;\n  --qi-white: #ffffff;\n  --qi-primary: #4AABCF;\n  --qi-primary-dark: #1B7A9E;\n  --qi-primary-light: #E8F4F9;\n  --qi-secondary: #1B7A9E;\n  --qi-accent: #89D4E8;\n  --qi-text: #1a1a1a;\n  --qi-text-light: #5a6a72;\n  --qi-border: #d8e8ef;\n  --qi-shadow: 0 4px 24px rgba(27, 122, 158, .08);\n  --qi-shadow-lg: 0 12px 48px rgba(27, 122, 158, .15);\n  --qi-radius: 20px;\n  --qi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qi-premium *, .qi-premium *::before, .qi-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qi-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1B7A9E 0%, #4AABCF 45%, #89D4E8 100%);\n  border-radius: var(--qi-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qi-shadow-lg);\n}\n\n.qi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.qi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.qi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.qi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.qi-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.qi-description {\n  color: rgba(255,255,255,.82);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qi-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.qi-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qi-primary), var(--qi-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qi-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qi-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.qi-section-intro strong {\n  color: var(--qi-text);\n}\n\n\/* === CARDS === *\/\n.qi-card {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qi-shadow-lg);\n  border-color: var(--qi-primary);\n}\n\n.qi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qi-card p strong {\n  color: var(--qi-text);\n}\n\n\/* === CARD COMPOSITION === *\/\n.qi-card-composition {\n  text-align: left;\n}\n\n.qi-card-composition h3 {\n  text-align: center;\n  margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.qi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qi-grid-compact .qi-card {\n  padding: 1rem;\n}\n\n.qi-grid-compact .qi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qi-grid-compact .qi-card p {\n  font-size: 12px;\n}\n\n.qi-dosage-grid {\n  margin-top: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.qi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qi-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qi-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qi-primary), var(--qi-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(74, 171, 207, .3);\n}\n\n.qi-timeline-content {\n  flex: 1;\n  background: var(--qi-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qi-radius-sm);\n  box-shadow: var(--qi-shadow);\n}\n\n.qi-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qi-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qi-timeline-content p {\n  font-size: 14px;\n  color: var(--qi-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.qi-timeline-content p strong {\n  color: var(--qi-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.qi-testimonial {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qi-shadow);\n  border-left: 4px solid var(--qi-primary);\n  margin-bottom: 1rem;\n}\n\n.qi-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qi-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.qi-testimonial-text strong {\n  color: var(--qi-primary-dark);\n  font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.qi-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qi-primary-light);\n  border-radius: var(--qi-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qi-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qi-tip p {\n  font-size: 14px;\n  color: var(--qi-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qi-tip p strong {\n  color: var(--qi-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.qi-accordion {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  box-shadow: var(--qi-shadow);\n  overflow: hidden;\n}\n\n.qi-accordion-item {\n  border-bottom: 1px solid var(--qi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qi-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qi-accordion-header:hover {\n  background: var(--qi-primary-light);\n}\n\n.qi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qi-primary);\n  transition: transform .2s ease;\n}\n\n.qi-accordion-item[open] .qi-accordion-header::after {\n  content: '−';\n}\n\n.qi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qi-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qi-disclaimer {\n  font-size: 12px;\n  color: var(--qi-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .qi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qi-card {\n    padding: 1.125rem;\n  }\n\n  .qi-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qi-radius-sm);\n  }\n\n  .qi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qi-grid-compact {\n    gap: .625rem;\n  }\n\n  .qi-grid-compact .qi-card {\n    padding: .75rem;\n  }\n\n  .qi-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qi-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qi-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qi-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .qi-testimonial {\n    padding: 1.25rem;\n  }\n\n  .qi-testimonial-text {\n    font-size: 14px;\n  }\n\n  .qi-tip {\n    padding: .875rem 1rem;\n  }\n\n  .qi-tip-icon {\n    font-size: 20px;\n  }\n\n  .qi-tip p {\n    font-size: 13px;\n  }\n\n  .qi-card-composition {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qi-card {\n    animation: qiFadeInUp .5s ease backwards;\n  }\n  .qi-card:nth-child(1) { animation-delay: .05s; }\n  .qi-card:nth-child(2) { animation-delay: .1s; }\n  .qi-card:nth-child(3) { animation-delay: .15s; }\n  .qi-card:nth-child(4) { animation-delay: .2s; }\n  .qi-card:nth-child(5) { animation-delay: .25s; }\n  .qi-card:nth-child(6) { animation-delay: .3s; }\n\n  .qi-timeline-item {\n    animation: qiFadeInUp .5s ease backwards;\n  }\n  .qi-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .qi-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .qi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes qiFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .qi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680705181,"sku":"QU0030","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/isotonic-buvable-30-ampoules-de-10-ml-quinton-lifestyle.webp?v=1770973943"},{"product_id":"ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superdiet","title":"Ginseng, Gelée Royale \u0026 Acérola Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"sgr-premium\"\u003e\n  \u003cdiv class=\"sgr-hero\"\u003e\n    \u003cdiv class=\"sgr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sgr-hero-content\"\u003e\n      \u003cdiv class=\"sgr-badges-top\"\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e⚡ Booster d'énergie\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sgr-hero-title\"\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio\u003c\/span\u003e\n      \u003cp class=\"sgr-subtitle\"\u003eLe trio vitalité par excellence — Superdiet\u003c\/p\u003e\n      \u003cp class=\"sgr-description\"\u003e20 ampoules concentrées pour soutenir votre tonus, votre énergie et vos défenses naturelles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio Superdiet : le trio vitalité par excellence\u003c\/h2\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eVous traversez une période de fatigue passagère, un changement de saison ou un rythme de vie soutenu ? Les \u003cstrong\u003eampoules Ginseng, Gelée Royale \u0026amp; Acérola Bio de Superdiet\u003c\/strong\u003e ont été pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eCette formule concentrée réunit trois ingrédients naturels emblématiques, reconnus depuis des générations pour soutenir l'énergie et la vitalité. Certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e et fabriquée en France, cette cure d'exception s'inscrit comme une référence parmi les \u003cstrong\u003eampoules de gelée royale, ginseng et acérola\u003c\/strong\u003e disponibles sur le marché.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette synergie ginseng, gelée royale et acérola ?\u003c\/h2\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eLe secret de l'efficacité de ce complément alimentaire réside dans sa \u003cstrong\u003esynergie végétale et apicole\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour ses qualités spécifiques :\u003c\/p\u003e\n    \u003cdiv class=\"sgr-grid\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌱 Ginseng Panax CA Meyer (6 ans d'âge)\u003c\/h3\u003e\n        \u003cp\u003ePlante adaptogène emblématique d'Asie, réputée pour contribuer au tonus et à l'énergie, tant physique que mentale. Sa maturité de 6 ans garantit une concentration optimale en principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n        \u003cp\u003eNourriture exclusive de la reine des abeilles, elle est riche en nutriments précieux et appréciée pour accompagner les organismes mis à l'épreuve.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍒 Acérola Bio\u003c\/h3\u003e\n        \u003cp\u003ePetite baie originaire d'Amérique du Sud, source naturelle de vitamine C qui contribue à réduire la fatigue et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eComposition détaillée par ampoule de 15 ml\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-grid\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌱 Ginseng Panax CA Meyer\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e530 mg\u003c\/strong\u003e — 6 ans d'âge, titré à \u003cstrong\u003e20 mg de ginsénosides\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par ampoule, sélectionnée auprès de ruches qualitatives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍒 Extrait sec d'Acérola Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e265 mg\u003c\/strong\u003e (Malpighia punicifolia), équivalent à 2,9 g de baies fraîches, soit \u003cstrong\u003e12 mg de vitamine C\u003c\/strong\u003e (15 % des VNR).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e💧 Base naturelle\u003c\/h3\u003e\n        \u003cp\u003eEau purifiée et jus concentré de poire* pour une texture douce et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sgr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eLes atouts de la formule Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-grid-compact\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique (FR-BIO-10)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌳 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003ePréserve la richesse des actifs naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e✨ Ouverture facile\u003c\/h3\u003e\n        \u003cp\u003eAmpoules pratiques à emporter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e📅 Cure 20 jours\u003c\/h3\u003e\n        \u003cp\u003e1 ampoule par jour, format optimal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eComment prendre les ampoules Ginseng Gelée Royale Acérola ?\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-timeline\"\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eAvant emploi, secouez doucement pour bien homogénéiser la préparation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable jusqu'à 3 mois maximum, idéalement aux changements de saison ou lors de périodes intenses (examens, travail soutenu, récupération sportive).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sgr-tip\"\u003e\n      \u003cspan class=\"sgr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour profiter pleinement des bienfaits du ginseng, privilégiez la prise du matin afin de soutenir votre énergie sur toute la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-accordion\"\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé en cas de traitement antidiabétique ou d'hypertension. En cas de maladie cardiovasculaire ou de diabète, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sgr-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUne origine rigoureusement sélectionnée\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-cta-box\"\u003e\n      \u003cp\u003eSuperdiet privilégie la qualité à chaque étape. Le \u003cstrong\u003eginseng\u003c\/strong\u003e provient de cultures biologiques coréennes réputées, la \u003cstrong\u003egelée royale\u003c\/strong\u003e est issue de ruches sélectionnées, et l'\u003cstrong\u003eacérola\u003c\/strong\u003e est récolté au Brésil. Une traçabilité exemplaire pour un produit naturel, respectueux de l'environnement et de votre organisme. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sgr-cream: #fdf6ec;\n  --sgr-white: #ffffff;\n  --sgr-primary: #d92e2e;\n  --sgr-primary-dark: #a51c1c;\n  --sgr-primary-light: #fde4e4;\n  --sgr-secondary: #f5b800;\n  --sgr-accent: #2e8b3d;\n  --sgr-text: #1a1a1a;\n  --sgr-text-light: #5a5a5a;\n  --sgr-border: #ecdfd0;\n  --sgr-shadow: 0 4px 24px rgba(165,28,28,.08);\n  --sgr-shadow-lg: 0 12px 48px rgba(165,28,28,.18);\n  --sgr-radius: 20px;\n  --sgr-radius-sm: 12px;\n}\n\n.sgr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sgr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sgr-text);\n}\n\n.sgr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d92e2e 0%, #e85a3a 50%, #f5b800 100%);\n  border-radius: var(--sgr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .3;\n}\n\n.sgr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sgr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.sgr-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.sgr-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  margin: 0 auto;\n  max-width: 600px;\n  line-height: 1.6;\n  opacity: .95;\n}\n\n.sgr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sgr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sgr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sgr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sgr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sgr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sgr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.sgr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sgr-primary), var(--sgr-secondary));\n  border-radius: 2px;\n}\n\n.sgr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sgr-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.sgr-section-intro strong {\n  color: var(--sgr-text);\n}\n\n.sgr-card {\n  background: var(--sgr-white);\n  border-radius: var(--sgr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sgr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sgr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sgr-shadow-lg);\n  border-color: var(--sgr-primary);\n}\n\n.sgr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sgr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sgr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sgr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sgr-card p strong {\n  color: var(--sgr-primary-dark);\n}\n\n.sgr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sgr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.sgr-grid-compact .sgr-card {\n  padding: 1rem;\n}\n\n.sgr-grid-compact .sgr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sgr-grid-compact .sgr-card p {\n  font-size: 12px;\n}\n\n.sgr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sgr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sgr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sgr-primary), var(--sgr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(217,46,46,.3);\n}\n\n.sgr-timeline-content {\n  flex: 1;\n  background: var(--sgr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sgr-radius-sm);\n  box-shadow: var(--sgr-shadow);\n}\n\n.sgr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sgr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sgr-timeline-content p {\n  font-size: 14px;\n  color: var(--sgr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sgr-accordion {\n  background: var(--sgr-white);\n  border-radius: var(--sgr-radius);\n  box-shadow: var(--sgr-shadow);\n  overflow: hidden;\n}\n\n.sgr-accordion-item {\n  border-bottom: 1px solid var(--sgr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sgr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sgr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sgr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n}\n\n.sgr-accordion-header:hover {\n  background: var(--sgr-primary-light);\n}\n\n.sgr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sgr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sgr-primary);\n  transition: transform .2s ease;\n}\n\n.sgr-accordion-item[open] .sgr-accordion-header::after {\n  content: '−';\n}\n\n.sgr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sgr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sgr-accordion-content p {\n  margin: 0;\n}\n\n.sgr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sgr-primary-light);\n  border-radius: var(--sgr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--sgr-secondary);\n}\n\n.sgr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sgr-tip p {\n  font-size: 14px;\n  color: var(--sgr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sgr-cta-box {\n  background: linear-gradient(135deg, var(--sgr-primary) 0%, var(--sgr-primary-dark) 100%);\n  border-radius: var(--sgr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.sgr-cta-box p strong {\n  font-weight: 800;\n  color: var(--sgr-secondary);\n}\n\n.sgr-disclaimer {\n  font-size: 12px;\n  color: var(--sgr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .sgr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .sgr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .sgr-grid-compact .sgr-card {\n    padding: .75rem;\n  }\n  .sgr-card {\n    padding: 1.125rem;\n  }\n  .sgr-section {\n    margin-bottom: 1.75rem;\n  }\n  .sgr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sgr-radius-sm);\n  }\n  .sgr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .sgr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .sgr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .sgr-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .sgr-timeline-content h3 {\n    font-size: 14px;\n  }\n  .sgr-timeline-content p {\n    font-size: 13px;\n  }\n  .sgr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .sgr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .sgr-card {\n    animation: sgrFadeInUp .5s ease backwards;\n  }\n  .sgr-card:nth-child(1) { animation-delay: .05s; }\n  .sgr-card:nth-child(2) { animation-delay: .1s; }\n  .sgr-card:nth-child(3) { animation-delay: .15s; }\n  .sgr-card:nth-child(4) { animation-delay: .2s; }\n  .sgr-card:nth-child(5) { animation-delay: .25s; }\n  .sgr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754695581853,"sku":"NBAISUP0004","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-benefits.webp?v=1776429478"},{"product_id":"acerola-500-bio-24-comprimes-a-croquer-superdiet","title":"Acérola 500 Bio - 24 Comprimés à Croquer - Superdiet","description":"\u003cdiv class=\"acb-premium\"\u003e\n  \u003cdiv class=\"acb-hero\"\u003e\n    \u003cdiv class=\"acb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"acb-hero-content\"\u003e\n      \u003cdiv class=\"acb-badges-top\"\u003e\n        \u003cspan class=\"acb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"acb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"acb-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"acb-badge\"\u003e💊 24 comprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"acb-hero-title\"\u003eAcérola 500 Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"acb-subtitle\"\u003eVitamine C 100 % naturelle • Réduction de la fatigue\u003c\/p\u003e\n      \u003cp class=\"acb-description\"\u003eLa puissance de la cerise des Barbades concentrée dans un comprimé à croquer au goût fruité. Un coup de boost naturel pour affronter vos journées avec énergie, dès 6 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"acb-section\"\u003e\n    \u003ch2\u003eL'acérola, la petite cerise aux grands pouvoirs\u003c\/h2\u003e\n    \u003cp class=\"acb-section-intro\"\u003eOriginaire d'Amérique du Sud, l'\u003cstrong\u003eacérola\u003c\/strong\u003e (Malpighia punicifolia), aussi appelée \u003cstrong\u003ecerise des Barbades\u003c\/strong\u003e, est l'un des fruits les plus riches en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e au monde.\u003c\/p\u003e\n    \u003cdiv class=\"acb-highlight-box\"\u003e\n      \u003cdiv class=\"acb-highlight-number\"\u003e30×\u003c\/div\u003e\n      \u003cdiv class=\"acb-highlight-text\"\u003e\n        \u003cstrong\u003eplus de vitamine C que l'orange\u003c\/strong\u003e\n        \u003cp\u003eC'est précisément pourquoi l'association vitamine C et acérola est plébiscitée par celles et ceux qui recherchent une alternative naturelle à la vitamine C synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"acb-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'acérola 500 Bio\u003c\/h2\u003e\n    \u003cp class=\"acb-section-intro\"\u003eGrâce à sa vitamine C 100 % d'origine naturelle, l'Acérola 500 Bio Superdiet vous apporte plusieurs bénéfices validés scientifiquement.\u003c\/p\u003e\n    \u003cdiv class=\"acb-grid\"\u003e\n      \u003cdiv class=\"acb-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eAgit sur la fatigue passagère et physique pour retrouver énergie et vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eContribue au fonctionnement normal du système immunitaire, idéal aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-card\"\u003e\n        \u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la formation normale du collagène pour la peau, les vaisseaux sanguins et les cartilages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-card\"\u003e\n        \u003ch3\u003e🌟 Antioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eProtège les cellules contre le stress oxydatif grâce à sa richesse en vitamine C naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-card\"\u003e\n        \u003ch3\u003e🩸 Absorption du fer\u003c\/h3\u003e\n        \u003cp\u003eAméliore l'assimilation du fer d'origine végétale, un atout clé pour les régimes végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-card\"\u003e\n        \u003ch3\u003e🎯 Vitalité ciblée\u003c\/h3\u003e\n        \u003cp\u003eParfait en période d'examens, pour les sportifs ou lors d'un besoin ponctuel de tonus.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"acb-section\"\u003e\n    \u003ch2\u003eComposition : 100 % naturelle et bio\u003c\/h2\u003e\n    \u003cp class=\"acb-section-intro\"\u003eChaque comprimé de 850 mg est formulé avec des ingrédients soigneusement sélectionnés, sans colorants, sans conservateurs et sans vitamine C de synthèse.\u003c\/p\u003e\n    \u003cdiv class=\"acb-compo\"\u003e\n      \u003cdiv class=\"acb-compo-main\"\u003e\n        \u003cdiv class=\"acb-compo-dose\"\u003e500 mg\u003c\/div\u003e\n        \u003cdiv class=\"acb-compo-name\"\u003eExtrait concentré d'acérola\u003c\/div\u003e\n        \u003cdiv class=\"acb-compo-detail\"\u003eMalpighia punicifolia titré à 17 % de vitamine C\u003cbr\u003e\u003cstrong\u003e→ 85 mg de vitamine C (106 % des VNR*)\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-grid-compact\"\u003e\n        \u003cdiv class=\"acb-card\"\u003e\n          \u003ch3\u003e🍒 Poudre d'acérola Bio\u003c\/h3\u003e\n          \u003cp\u003ePour un apport complet en vitamine C naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"acb-card\"\u003e\n          \u003ch3\u003e🌾 Sucre de canne Bio\u003c\/h3\u003e\n          \u003cp\u003ePour un goût fruité agréable au palais.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"acb-card\"\u003e\n          \u003ch3\u003e🍊 Arômes naturels\u003c\/h3\u003e\n          \u003cp\u003eOrange et framboise pour un goût délicieux.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"acb-card\"\u003e\n          \u003ch3\u003e🌱 Agents d'enrobage\u003c\/h3\u003e\n          \u003cp\u003eGomme d'acacia et carbonate de magnésium.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"acb-disclaimer\"\u003e*Valeurs Nutritionnelles de Référence. Convient aux vegans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"acb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"acb-timeline\"\u003e\n      \u003cdiv class=\"acb-timeline-item\"\u003e\n        \u003cdiv class=\"acb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"acb-timeline-content\"\u003e\n          \u003ch3\u003eCroquez 1 comprimé par jour\u003c\/h3\u003e\n          \u003cp\u003eUn seul comprimé suffit pour bénéficier de tous les bienfaits de l'acérola bio.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-timeline-item\"\u003e\n        \u003cdiv class=\"acb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"acb-timeline-content\"\u003e\n          \u003ch3\u003eDe préférence le matin\u003c\/h3\u003e\n          \u003cp\u003eAu petit-déjeuner pour profiter de son effet tonifiant dès le réveil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"acb-timeline-item\"\u003e\n        \u003cdiv class=\"acb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"acb-timeline-content\"\u003e\n          \u003ch3\u003eCure de 24 jours\u003c\/h3\u003e\n          \u003cp\u003eLa boîte de 24 comprimés correspond à une cure complète, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"acb-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"acb-accordion-item\"\u003e\n        \u003csummary class=\"acb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants. Ce complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et 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    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"acb-section\"\u003e\n    \u003ch2\u003eVos interrogations sur la vitamine C acérola\u003c\/h2\u003e\n    \u003cdiv class=\"acb-accordion\"\u003e\n      \u003cdetails class=\"acb-accordion-item\"\u003e\n        \u003csummary class=\"acb-accordion-header\"\u003e🤔 Acérola 500 ou vitamine C 1000 : que choisir ?\u003c\/summary\u003e\n        \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'Acérola 500 offre un dosage équilibré parfaitement assimilable au quotidien. Les formules \u003cstrong\u003eacérola 1000 vitamine C\u003c\/strong\u003e sont plutôt réservées à des cures intensives ponctuelles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"acb-accordion-item\"\u003e\n        \u003csummary class=\"acb-accordion-header\"\u003e💡 Quels sont les effets secondaires de l'acérola ?\u003c\/summary\u003e\n        \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux doses recommandées, l'\u003cstrong\u003eacérola vitamine C bio\u003c\/strong\u003e est très bien toléré. Un apport excessif en vitamine C peut toutefois provoquer des troubles digestifs passagers.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"acb-accordion-item\"\u003e\n        \u003csummary class=\"acb-accordion-header\"\u003e⭐ Avis sur l'acérola vitamine C\u003c\/summary\u003e\n        \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes utilisateurs apprécient particulièrement le \u003cstrong\u003egoût fruité naturel\u003c\/strong\u003e du comprimé à croquer et l'\u003cstrong\u003eeffet vitalité ressenti dès les premiers jours\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"acb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUne fabrication française et engagée\u003c\/h2\u003e\n    \u003cdiv class=\"acb-cta-box\"\u003e\n      \u003cp\u003ePionnier de la phytothérapie depuis \u003cstrong\u003e1961\u003c\/strong\u003e, Superdiet élabore ses compléments alimentaires en France, en respectant des procédés qui préservent les actifs naturels. L'acérola est cultivée dans le respect du cahier des charges de l'\u003cstrong\u003eAgriculture Biologique (AB)\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --acb-cream: #fdf8f0;\n  --acb-white: #ffffff;\n  --acb-primary: #c8102e;\n  --acb-primary-dark: #8b0a1f;\n  --acb-primary-light: #fce8ec;\n  --acb-secondary: #f4a948;\n  --acb-accent: #7cb342;\n  --acb-text: #1a1a1a;\n  --acb-text-light: #5a5a5a;\n  --acb-border: #e8dfd0;\n  --acb-shadow: 0 4px 24px rgba(139,10,31,.08);\n  --acb-shadow-lg: 0 12px 48px rgba(139,10,31,.15);\n  --acb-radius: 20px;\n  --acb-radius-sm: 12px;\n}\n\n.acb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--acb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--acb-text);\n  line-height: 1.6;\n}\n\n.acb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c8102e 0%, #e8422f 50%, #f4a948 100%);\n  border-radius: var(--acb-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(--acb-shadow-lg);\n}\n\n.acb-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(255,255,255,.2) 0%, transparent 40%);\n  opacity: .4;\n}\n\n.acb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.acb-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.acb-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.acb-description {\n  color: white;\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto;\n  opacity: .92;\n  line-height: 1.7;\n}\n\n.acb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.acb-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(--acb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.acb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.acb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--acb-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.acb-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(--acb-primary), var(--acb-secondary));\n  border-radius: 2px;\n}\n\n.acb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--acb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.acb-card {\n  background: var(--acb-white);\n  border-radius: var(--acb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--acb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.acb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--acb-shadow-lg);\n  border-color: var(--acb-primary);\n}\n\n.acb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--acb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.acb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--acb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.acb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.acb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-top: 1.25rem;\n}\n\n.acb-grid-compact .acb-card {\n  padding: 1rem;\n}\n\n.acb-grid-compact .acb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.acb-grid-compact .acb-card p {\n  font-size: 12px;\n}\n\n.acb-highlight-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: var(--acb-white);\n  border-radius: var(--acb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--acb-shadow);\n  border-left: 6px solid var(--acb-primary);\n}\n\n.acb-highlight-number {\n  font-size: clamp(48px, 10vw, 80px);\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--acb-primary), var(--acb-secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  line-height: 1;\n  flex-shrink: 0;\n  letter-spacing: -.04em;\n}\n\n.acb-highlight-text {\n  flex: 1;\n}\n\n.acb-highlight-text strong {\n  display: block;\n  font-size: clamp(16px, 2.5vw, 20px);\n  color: var(--acb-primary-dark);\n  margin-bottom: .5rem;\n  font-weight: 800;\n}\n\n.acb-highlight-text p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--acb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.acb-compo {\n  background: var(--acb-white);\n  border-radius: var(--acb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--acb-shadow);\n}\n\n.acb-compo-main {\n  text-align: center;\n  padding: 1.5rem;\n  background: linear-gradient(135deg, var(--acb-primary-light), #fff5e6);\n  border-radius: var(--acb-radius-sm);\n  margin-bottom: 1.25rem;\n  border: 2px dashed var(--acb-primary);\n}\n\n.acb-compo-dose {\n  font-size: clamp(36px, 7vw, 52px);\n  font-weight: 900;\n  color: var(--acb-primary);\n  line-height: 1;\n  letter-spacing: -.03em;\n}\n\n.acb-compo-name {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--acb-primary-dark);\n  margin: .5rem 0;\n}\n\n.acb-compo-detail {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--acb-text-light);\n  line-height: 1.6;\n}\n\n.acb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.acb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.acb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--acb-primary), var(--acb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200,16,46,.25);\n}\n\n.acb-timeline-content {\n  flex: 1;\n  background: var(--acb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--acb-radius-sm);\n  box-shadow: var(--acb-shadow);\n}\n\n.acb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--acb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.acb-timeline-content p {\n  font-size: 14px;\n  color: var(--acb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.acb-accordion {\n  background: var(--acb-white);\n  border-radius: var(--acb-radius);\n  box-shadow: var(--acb-shadow);\n  overflow: hidden;\n}\n\n.acb-accordion-item {\n  border-bottom: 1px solid var(--acb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.acb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.acb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--acb-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.acb-accordion-header:hover {\n  background: var(--acb-primary-light);\n}\n\n.acb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.acb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--acb-primary);\n  transition: transform .2s ease;\n}\n\n.acb-accordion-item[open] .acb-accordion-header::after {\n  content: '−';\n}\n\n.acb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--acb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.acb-accordion-content p {\n  margin: 0;\n}\n\n.acb-cta-box {\n  background: linear-gradient(135deg, var(--acb-primary) 0%, var(--acb-primary-dark) 100%);\n  border-radius: var(--acb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--acb-shadow-lg);\n}\n\n.acb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.acb-disclaimer {\n  font-size: 12px;\n  color: var(--acb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .acb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .acb-card {\n    padding: 1.125rem;\n  }\n  .acb-section {\n    margin-bottom: 1.75rem;\n  }\n  .acb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--acb-radius-sm);\n  }\n  .acb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .acb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .acb-grid-compact {\n    gap: .625rem;\n  }\n  .acb-grid-compact .acb-card {\n    padding: .75rem;\n  }\n  .acb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .acb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .acb-timeline-content h3 {\n    font-size: 14px;\n  }\n  .acb-timeline-content p {\n    font-size: 13px;\n  }\n  .acb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .acb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .acb-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: .5rem;\n    padding: 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .acb-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .acb-card:nth-child(1) { animation-delay: .05s; }\n  .acb-card:nth-child(2) { animation-delay: .1s; }\n  .acb-card:nth-child(3) { animation-delay: .15s; }\n  .acb-card:nth-child(4) { animation-delay: .2s; }\n  .acb-card:nth-child(5) { animation-delay: .25s; }\n  .acb-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  .acb-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":45754706690205,"sku":"NBAISUP0002","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-500-bio-24-comprimes-a-croquer-superdiet-packshothd.webp?v=1776437357"},{"product_id":"vigne-rouge-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Vigne Rouge Bio - Coffret 20 Ampoules de 15ml - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vigne Rouge Bio - Superdiet\nPalette détectée:\n  - Primaire: #D91E3C (rouge vigne intense du logo et de l'ampoule)\n  - Secondaire: #7CB342 (vert bio\/nature des feuilles)\n  - Accent: #C62828 (rouge automnal des feuilles de vigne)\n  - Neutre: #FFF8F0 (crème chaleureux)\nAmbiance: Bio\/Naturel\/Santé - packaging avec feuilles vertes tropicales, feuilles de vigne rouge automnales, ambiance wellness naturelle, certifications bio (AB), fabrication française. Univers chaleureux et rassurant axé sur la nature et la phytothérapie.\nPréfixe CSS: vr\n--\u003e\n\n\u003cdiv class=\"vr-premium\"\u003e\n  \u003cdiv class=\"vr-hero\"\u003e\n    \u003cdiv class=\"vr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vr-hero-content\"\u003e\n      \u003cdiv class=\"vr-badges-top\"\u003e\n        \u003cspan class=\"vr-badge\"\u003e🌿 100% Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"vr-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"vr-badge\"\u003e🍃 Sans additifs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vr-hero-title\"\u003eVigne Rouge Bio\u003c\/span\u003e\n      \u003cp class=\"vr-subtitle\"\u003eVotre allié naturel pour une circulation légère\u003c\/p\u003e\n      \u003cp class=\"vr-description\"\u003e20 ampoules concentrées en extraits purs de Vigne Rouge, la plante traditionnellement reconnue pour soutenir la circulation veineuse et apaiser les jambes lourdes. Une formule 100% naturelle, sans alcool ni conservateurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir notre Vigne Rouge Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"vr-grid\"\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🦵\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eCirculation optimale\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eAide à maintenir une bonne circulation dans les jambes et renforce naturellement les parois veineuses pour un confort quotidien retrouvé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e💚\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eJambes légères\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eDiminue efficacement la sensation de jambes lourdes, engourdies et fatiguées, particulièrement en fin de journée ou lors des fortes chaleurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003ePureté garantie\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eExtraits végétaux obtenus sans solvant chimique, préservant l'intégrité des actifs naturels. Formule clean sans conservateurs ni colorants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🍇\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eDosage concentré\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003e375 mg d'extrait pur de Vigne Rouge par ampoule, une concentration élevée pour une efficacité maximale dès la première cure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🌾\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eAgriculture bio\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003ePlants cultivés sans produits chimiques de synthèse, dans le respect du cycle naturel et des certifications biologiques strictes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-card\"\u003e\n        \u003cdiv class=\"vr-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch3 class=\"vr-card-title\"\u003eMade in France\u003c\/h3\u003e\n        \u003cp class=\"vr-card-text\"\u003eFabriqué en France avec des exigences qualité rigoureuses, traçabilité totale et savoir-faire reconnu en phytothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e🔬 Composition ultra-pure\u003c\/h2\u003e\n    \u003cdiv class=\"vr-composition-box\"\u003e\n      \u003cdiv class=\"vr-composition-grid\"\u003e\n        \u003cdiv class=\"vr-ingredient-card\"\u003e\n          \u003cdiv class=\"vr-ingredient-icon\"\u003e🍇\u003c\/div\u003e\n          \u003cdiv class=\"vr-ingredient-content\"\u003e\n            \u003ch3 class=\"vr-ingredient-name\"\u003eVigne Rouge Bio\u003c\/h3\u003e\n            \u003cp class=\"vr-ingredient-latin\"\u003eVitis vinifera\u003c\/p\u003e\n            \u003cdiv class=\"vr-ingredient-dosage\"\u003e\n              \u003cspan class=\"vr-dosage-number\"\u003e375 mg\u003c\/span\u003e\n              \u003cspan class=\"vr-dosage-unit\"\u003epar ampoule\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cp class=\"vr-ingredient-desc\"\u003eExtrait fluide concentré, obtenu par extraction douce sans solvant chimique pour préserver tous les actifs naturels de la plante.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-purity-badges\"\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans alcool\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans conservateur\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans colorant\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-purity-item\"\u003e\n          \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"vr-purity-text\"\u003eSans additif synthétique\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi simplifié\u003c\/h2\u003e\n    \u003cdiv class=\"vr-usage-timeline\"\u003e\n      \u003cdiv class=\"vr-step\"\u003e\n        \u003cdiv class=\"vr-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"vr-step-content\"\u003e\n          \u003ch3 class=\"vr-step-title\"\u003eUne ampoule par jour\u003c\/h3\u003e\n          \u003cp class=\"vr-step-text\"\u003ePrendre \u003cstrong\u003e1 ampoule de 15 ml\u003c\/strong\u003e chaque matin, de préférence à jeun pour une absorption optimale des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-step\"\u003e\n        \u003cdiv class=\"vr-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"vr-step-content\"\u003e\n          \u003ch3 class=\"vr-step-title\"\u003eDiluer dans un demi-verre d'eau\u003c\/h3\u003e\n          \u003cp class=\"vr-step-text\"\u003eL'ampoule est prête à l'emploi : cassez les extrémités, versez dans un demi-verre d'eau (environ 100 ml) et mélangez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-step\"\u003e\n        \u003cdiv class=\"vr-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"vr-step-content\"\u003e\n          \u003ch3 class=\"vr-step-title\"\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp class=\"vr-step-text\"\u003eProgramme complet avec ce coffret. Renouvelez idéalement aux \u003cstrong\u003echangements de saison\u003c\/strong\u003e (printemps et automne).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e⏱️ Résultats attendus\u003c\/h2\u003e\n    \u003cdiv class=\"vr-results-grid\"\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eDès les premiers jours\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eSensation de légèreté progressive dans les jambes, amélioration du confort en fin de journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eAprès 10-15 jours\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eDiminution notable des sensations de jambes lourdes et engourdies, meilleure circulation veineuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eAprès 20 jours\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eBénéfices optimaux : jambes légères, parois veineuses renforcées, confort durable même en période chaude.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-result-card\"\u003e\n        \u003cdiv class=\"vr-result-timeline\"\u003eSur le long terme\u003c\/div\u003e\n        \u003cp class=\"vr-result-text\"\u003eAvec des cures régulières (2 fois par an), maintien d'une bonne santé veineuse et prévention des inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"vr-grid\"\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e👩‍💼\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eActivité prolongée debout\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eCommerçants, infirmières, coiffeurs, enseignants... toute personne restant debout de longues heures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🪑\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003ePosition assise prolongée\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eEmployés de bureau, chauffeurs, voyageurs fréquents qui sollicitent peu leur circulation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🌡️\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eSensibilité à la chaleur\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003ePersonnes dont les jambes gonflent et deviennent lourdes lors des périodes chaudes ou en été.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🧬\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eTerrain familial\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003ePersonnes ayant des antécédents familiaux de troubles circulatoires et souhaitant prévenir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🤰\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eChangements hormonaux\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eFemmes enceintes (sur avis médical) ou en période de ménopause connaissant des variations circulatoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-profile-card\"\u003e\n        \u003cdiv class=\"vr-profile-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3 class=\"vr-profile-title\"\u003eAdeptes du naturel\u003c\/h3\u003e\n        \u003cp class=\"vr-profile-text\"\u003eToute personne recherchant une solution 100% bio et naturelle pour prendre soin de sa circulation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vr-warning-box\"\u003e\n      \u003cdiv class=\"vr-warning-grid\"\u003e\n        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e⚕️\u003c\/span\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e📏\u003c\/span\u003e\n          \u003cp\u003eRespecter la dose journalière recommandée (1 ampoule par jour). Ne pas dépasser sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e👶\u003c\/span\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vr-warning-item\"\u003e\n          \u003cspan class=\"vr-warning-icon\"\u003e🌡️\u003c\/span\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"vr-grid\"\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eContenance\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003e20 ampoules × 15 ml\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eSoit 300 ml au total\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e📅\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eDurée d'utilisation\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003e20 jours\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eProgramme complet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eCertification\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003eAB Agriculture Biologique\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eLabel Eurofeuille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eOrigine\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003eFabriqué en France\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eMarque Superdiet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eExtraction\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003eSans solvant chimique\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eProcess naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vr-info-card\"\u003e\n        \u003cdiv class=\"vr-info-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3 class=\"vr-info-title\"\u003eComposition\u003c\/h3\u003e\n        \u003cp class=\"vr-info-value\"\u003e100% plantes\u003c\/p\u003e\n        \u003cp class=\"vr-info-detail\"\u003eAucun additif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vr-cta-box\"\u003e\n      \u003cdiv class=\"vr-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"vr-cta-content\"\u003e\n        \u003cp class=\"vr-cta-title\"\u003e🌿 Retrouvez la légèreté dans vos jambes naturellement\u003c\/p\u003e\n        \u003cp\u003eAvec notre Vigne Rouge Bio, offrez-vous une cure complète de 20 jours pour soutenir votre circulation et dire adieu aux jambes lourdes. Une formule 100% naturelle, certifiée bio et fabriquée en France, sans aucun compromis sur la qualité. Parce que votre bien-être mérite ce qu'il y a de plus pur dans la nature.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --vr-cream: #FFF8F0;\n  --vr-white: #ffffff;\n  --vr-primary: #D91E3C;\n  --vr-primary-dark: #B01830;\n  --vr-primary-light: #FFE8EC;\n  --vr-secondary: #7CB342;\n  --vr-accent: #C62828;\n  --vr-text: #1a1a1a;\n  --vr-text-light: #5a5a5a;\n  --vr-border: #e0e0e0;\n  --vr-shadow: 0 4px 24px rgba(217, 30, 60, .08);\n  --vr-shadow-lg: 0 12px 48px rgba(217, 30, 60, .15);\n  --vr-radius: 20px;\n  --vr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--vr-text);\n}\n\n\/* === HERO === *\/\n.vr-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-secondary) 100%);\n  border-radius: var(--vr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%),\n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.vr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 2rem;\n}\n\n.vr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.vr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vr-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -.01em;\n}\n\n.vr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.vr-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vr-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vr-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.vr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vr-primary), var(--vr-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.vr-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vr-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-primary);\n}\n\n.vr-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-card-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-card-text {\n  font-size: 15px;\n  color: var(--vr-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.vr-composition-box {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-composition-grid {\n  display: grid;\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.vr-ingredient-card {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  padding: 1.5rem;\n  background: linear-gradient(135deg, var(--vr-primary-light) 0%, rgba(124, 179, 66, .1) 100%);\n  border-radius: var(--vr-radius-sm);\n  border: 2px solid var(--vr-border);\n}\n\n.vr-ingredient-icon {\n  font-size: 56px;\n  flex-shrink: 0;\n  filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .2));\n}\n\n.vr-ingredient-content {\n  flex: 1;\n}\n\n.vr-ingredient-name {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.25rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-ingredient-latin {\n  font-size: 14px;\n  font-style: italic;\n  color: var(--vr-text-light);\n  margin: 0 0 1rem 0;\n}\n\n.vr-ingredient-dosage {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 1rem;\n}\n\n.vr-dosage-number {\n  font-size: clamp(28px, 4vw, 36px);\n  font-weight: 900;\n  color: var(--vr-primary);\n  letter-spacing: -.03em;\n}\n\n.vr-dosage-unit {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--vr-text-light);\n}\n\n.vr-ingredient-desc {\n  font-size: 15px;\n  color: var(--vr-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.vr-purity-badges {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.vr-purity-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--vr-primary-light);\n  border-radius: var(--vr-radius-sm);\n}\n\n.vr-purity-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  background: var(--vr-primary);\n  color: white;\n  border-radius: 50%;\n  font-weight: 900;\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.vr-purity-text {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--vr-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.vr-usage-timeline {\n  display: grid;\n  gap: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.vr-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n}\n\n.vr-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, var(--vr-primary), var(--vr-accent));\n  color: white;\n  border-radius: 50%;\n  font-size: 24px;\n  font-weight: 900;\n  flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(217, 30, 60, .3);\n}\n\n.vr-step-content {\n  flex: 1;\n  background: var(--vr-white);\n  padding: 1.5rem;\n  border-radius: var(--vr-radius-sm);\n  box-shadow: var(--vr-shadow);\n}\n\n.vr-step-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-step-text {\n  font-size: 15px;\n  color: var(--vr-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.vr-step-text strong {\n  color: var(--vr-primary);\n  font-weight: 700;\n}\n\n\/* === RÉSULTATS === *\/\n.vr-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.vr-result-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vr-result-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-secondary);\n}\n\n.vr-result-timeline {\n  display: inline-block;\n  padding: 8px 16px;\n  background: linear-gradient(135deg, var(--vr-primary), var(--vr-secondary));\n  color: white;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-bottom: 1rem;\n  letter-spacing: -.01em;\n}\n\n.vr-result-text {\n  font-size: 15px;\n  color: var(--vr-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.vr-profile-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vr-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-primary);\n}\n\n.vr-profile-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-profile-title {\n  font-size: clamp(17px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-profile-text {\n  font-size: 14px;\n  color: var(--vr-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.vr-warning-box {\n  background: linear-gradient(135deg, #FFF3CD 0%, #FFE8B3 100%);\n  border-radius: var(--vr-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 3px solid #FFD700;\n  box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-warning-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.vr-warning-item {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.vr-warning-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.vr-warning-item p {\n  font-size: 14px;\n  color: #856404;\n  line-height: 1.6;\n  margin: 0;\n  font-weight: 600;\n}\n\n\/* === INFO CARDS === *\/\n.vr-info-card {\n  background: var(--vr-white);\n  border-radius: var(--vr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vr-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vr-info-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vr-shadow-lg);\n  border-color: var(--vr-secondary);\n}\n\n.vr-info-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(124, 179, 66, .2));\n}\n\n.vr-info-title {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--vr-primary-dark);\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.01em;\n}\n\n.vr-info-value {\n  font-size: clamp(18px, 2.5vw, 24px);\n  font-weight: 900;\n  color: var(--vr-primary);\n  margin: 0 0 0.25rem 0;\n  letter-spacing: -.02em;\n}\n\n.vr-info-detail {\n  font-size: 13px;\n  color: var(--vr-text-light);\n  margin: 0;\n  font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.vr-cta-box {\n  background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-primary-dark) 100%);\n  border-radius: var(--vr-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 30% 40%, rgba(255,255,255,.3) 0%, transparent 50%),\n    radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vr-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.vr-cta-title {\n  color: white;\n  font-size: clamp(22px, 4vw, 32px);\n  font-weight: 900;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -.03em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vr-cta-box p:not(.vr-cta-title) {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.8;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .vr-grid,\n  .vr-results-grid,\n  .vr-warning-grid,\n  .vr-purity-badges {\n    grid-template-columns: 1fr;\n  }\n\n  .vr-ingredient-card {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vr-ingredient-dosage {\n    justify-content: center;\n  }\n\n  .vr-step {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vr-step-number {\n    margin: 0 auto;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vr-card,\n  .vr-result-card,\n  .vr-profile-card,\n  .vr-info-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .vr-card:nth-child(1),\n  .vr-result-card:nth-child(1),\n  .vr-profile-card:nth-child(1),\n  .vr-info-card:nth-child(1) { animation-delay: .1s; }\n  \n  .vr-card:nth-child(2),\n  .vr-result-card:nth-child(2),\n  .vr-profile-card:nth-child(2),\n  .vr-info-card:nth-child(2) { animation-delay: .2s; }\n  \n  .vr-card:nth-child(3),\n  .vr-result-card:nth-child(3),\n  .vr-profile-card:nth-child(3),\n  .vr-info-card:nth-child(3) { animation-delay: .3s; }\n  \n  .vr-card:nth-child(4),\n  .vr-result-card:nth-child(4),\n  .vr-profile-card:nth-child(4),\n  .vr-info-card:nth-child(4) { animation-delay: .4s; }\n  \n  .vr-card:nth-child(5),\n  .vr-profile-card:nth-child(5),\n  .vr-info-card:nth-child(5) { animation-delay: .5s; }\n  \n  .vr-card:nth-child(6),\n  .vr-profile-card:nth-child(6),\n  .vr-info-card:nth-child(6) { animation-delay: .6s; }\n\n  .vr-step {\n    animation: fadeInLeft .6s ease backwards;\n  }\n\n  .vr-step:nth-child(1) { animation-delay: .1s; }\n  .vr-step:nth-child(2) { animation-delay: .2s; }\n  .vr-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .vr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .vr-premium {\n    --vr-shadow: 0 0 0 2px currentColor;\n    --vr-shadow-lg: 0 0 0 3px currentColor;\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .vr-premium {\n    background: white;\n  }\n  \n  .vr-card,\n  .vr-result-card,\n  .vr-profile-card,\n  .vr-info-card {\n    box-shadow: none;\n    border: 1px solid #ddd;\n    page-break-inside: avoid;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754710818973,"sku":"NBAISUP0019","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vigne_rouge_ampoules_superdiet_3_11zon.jpg?v=1758789718"},{"product_id":"plasma-marin-hypertonique-20-ampoules-de-15-ml-superdiet","title":"Plasma Marin Hypertonique 20 Ampoules de 10 ml - Oligocéan","description":"\u003cdiv class=\"pmh-premium\"\u003e\n  \u003cdiv class=\"pmh-hero\"\u003e\n    \u003cdiv class=\"pmh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pmh-hero-content\"\u003e\n      \u003cdiv class=\"pmh-badges-top\"\u003e\n        \u003cspan class=\"pmh-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"pmh-badge\"\u003e🌊 Eau de mer pure\u003c\/span\u003e\n        \u003cspan class=\"pmh-badge\"\u003e💎 78 minéraux\u003c\/span\u003e\n        \u003cspan class=\"pmh-badge\"\u003e🧪 Principes Quinton\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pmh-hero-title\"\u003ePlasma Marin Hypertonique Oligocéan\u003c\/span\u003e\n      \u003cp class=\"pmh-subtitle\"\u003e20 ampoules de 10 ml • Puisé au large de Pen Lan (Bretagne)\u003c\/p\u003e\n      \u003cp class=\"pmh-description\"\u003eLa force revitalisante de l'océan en ampoules : un concentré naturel d'électrolytes et d'oligo-éléments pour retrouver tonus, vitalité et équilibre intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pmh-section\"\u003e\n    \u003ch2\u003ePlasma Marin Hypertonique Oligocéan : la force revitalisante de l'océan en ampoules\u003c\/h2\u003e\n    \u003cp class=\"pmh-section-intro\"\u003eIssu des travaux pionniers du physiologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, le \u003cstrong\u003ePlasma Marin Hypertonique Oligocéan\u003c\/strong\u003e est une eau de mer pure, puisée au large de la presqu'île de Pen Lan en Bretagne.\u003c\/p\u003e\n    \u003cp class=\"pmh-section-intro\"\u003eCe concentré naturel d'électrolytes et d'oligo-éléments vous offre une reminéralisation complète, idéale pour retrouver tonus, vitalité et équilibre intérieur. Chaque ampoule de 10 ml renferme la richesse minérale de l'océan, dans sa forme la plus brute et la plus bio-disponible.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmh-section\"\u003e\n    \u003ch2\u003eLes bienfaits du plasma marin hypertonique\u003c\/h2\u003e\n    \u003cp class=\"pmh-section-intro\"\u003eLe plasma marin hypertonique se distingue par sa concentration naturelle en sels minéraux, proche de \u003cstrong\u003etrois fois celle du plasma sanguin\u003c\/strong\u003e. Un allié précieux dans de nombreuses situations.\u003c\/p\u003e\n    \u003cdiv class=\"pmh-grid\"\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e⚡ Coups de fatigue\u003c\/h3\u003e\n        \u003cp\u003eIdéal contre l'asthénie passagère, les baisses de tonus et les besoins de vitalité quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🏃 Activité physique\u003c\/h3\u003e\n        \u003cp\u003eSoutien en cas d'effort intense et aide à la récupération sportive grâce aux électrolytes naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e💧 Besoins accrus\u003c\/h3\u003e\n        \u003cp\u003eParfait lors de fortes chaleurs, de transpiration importante ou de périodes de stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🌱 Convalescence\u003c\/h3\u003e\n        \u003cp\u003eAccompagne l'organisme lors des changements de saison ou des périodes de récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre minéral\u003c\/h3\u003e\n        \u003cp\u003eParticipe au bon équilibre hydro-électrolytique grâce à ses 78 minéraux et oligo-éléments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🥗 Complément alimentaire\u003c\/h3\u003e\n        \u003cp\u003eComplète utilement une alimentation parfois pauvre en micronutriments essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmh-section\"\u003e\n    \u003ch2\u003ePlasma marin hypertonique ou isotonique : quelle différence ?\u003c\/h2\u003e\n    \u003cp class=\"pmh-section-intro\"\u003eUne question revient souvent : faut-il choisir la version hypertonique ou isotonique ? Voici les clés pour bien choisir.\u003c\/p\u003e\n    \u003cdiv class=\"pmh-grid-compact\"\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e💧 Isotonique\u003c\/h3\u003e\n        \u003cp\u003eDiluée pour correspondre à la concentration du plasma sanguin. Douce et adaptée aux enfants ou aux personnes sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🌊 Hypertonique\u003c\/h3\u003e\n        \u003cp\u003eNon diluée, plus concentrée en minéraux. Pour les adultes en recherche d'un effet tonifiant et reminéralisant marqué, le matin à jeun.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmh-section\"\u003e\n    \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"pmh-section-intro\"\u003ePour profiter pleinement des bienfaits du plasma marin hypertonique Quinton.\u003c\/p\u003e\n    \u003cdiv class=\"pmh-timeline\"\u003e\n      \u003cdiv class=\"pmh-timeline-item\"\u003e\n        \u003cdiv class=\"pmh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pmh-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 ampoules par jour, de préférence le matin à jeun ou avant les repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-timeline-item\"\u003e\n        \u003cdiv class=\"pmh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pmh-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eEffectuez une cure de 6 à 20 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-timeline-item\"\u003e\n        \u003cdiv class=\"pmh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pmh-timeline-content\"\u003e\n          \u003ch3\u003eMode de consommation\u003c\/h3\u003e\n          \u003cp\u003eÀ boire pur, ou dilué dans un verre d'eau de source selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-timeline-item\"\u003e\n        \u003cdiv class=\"pmh-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pmh-timeline-content\"\u003e\n          \u003ch3\u003eOuverture de l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eBrisez l'ampoule aux deux extrémités et consommez immédiatement après ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pmh-tip\"\u003e\n      \u003cspan class=\"pmh-tip-icon\"\u003e⚠️\u003c\/span\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 ni à un mode de vie sain. Demandez conseil à votre médecin en cas de régime sans sel, d'hypertension ou de grossesse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmh-section\"\u003e\n    \u003ch2\u003eComposition : 100 % eau de mer pure\u003c\/h2\u003e\n    \u003cp class=\"pmh-section-intro\"\u003eChaque ampoule de 10 ml contient exclusivement de l'\u003cstrong\u003eeau de mer naturelle hypertonique\u003c\/strong\u003e, microfiltrée à froid, sans ajout ni conservateur.\u003c\/p\u003e\n    \u003cdiv class=\"pmh-grid-compact\"\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🧂 Sel minéral total\u003c\/h3\u003e\n        \u003cp\u003eEnviron 0,3 g par ampoule. Pour 3 ampoules (30 ml) : environ 0,9 g.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e💎 Minéraux majeurs\u003c\/h3\u003e\n        \u003cp\u003eSodium, magnésium, calcium et potassium en proportions naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n        \u003cp\u003eZinc, manganèse, cuivre, fer et sélénium parmi les 78 éléments présents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n        \u003cp\u003eProcédé qui préserve l'intégrité des minéraux sans ajout ni conservateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmh-section\"\u003e\n    \u003ch2\u003eUne origine bretonne d'exception\u003c\/h2\u003e\n    \u003cp class=\"pmh-section-intro\"\u003eL'\u003cstrong\u003eOligocéan Plasma Marin Hypertonique\u003c\/strong\u003e est puisé au large de Pen Lan, dans une zone marine préservée reconnue pour la pureté de ses eaux.\u003c\/p\u003e\n    \u003cdiv class=\"pmh-grid\"\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🌊 Pen Lan, Bretagne\u003c\/h3\u003e\n        \u003cp\u003eUne zone marine préservée, reconnue pour la pureté et la richesse minérale de ses eaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n        \u003cp\u003eUn procédé doux qui conserve l'intégrité des minéraux et des oligo-éléments naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🧪 Ampoules en verre\u003c\/h3\u003e\n        \u003cp\u003eConditionnement premium gage de qualité, de traçabilité et de préservation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmh-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eDans le respect des principes originels de René Quinton et du savoir-faire hexagonal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eAvis et retours d'expérience\u003c\/h2\u003e\n    \u003cdiv class=\"pmh-testimonial\"\u003e\n      \u003cp class=\"pmh-testimonial-text\"\u003e\"Les avis sur le plasma marin hypertonique soulignent souvent un regain d'énergie dès les premiers jours de cure, une meilleure récupération et un effet coup de fouet appréciable.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pmh-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"pmh-accordion-item\"\u003e\n        \u003csummary class=\"pmh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez les ampoules à température ambiante, à l'abri de la lumière et de la chaleur. Tenez-les hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pmh-accordion-item\"\u003e\n        \u003csummary class=\"pmh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé en cas de régime sans sel ou d'hypertension sans avis médical. Demandez conseil à votre médecin en cas de grossesse ou d'allaitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pmh-accordion-item\"\u003e\n        \u003csummary class=\"pmh-accordion-header\"\u003e📅 Durée d'une cure\u003c\/summary\u003e\n        \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n          \u003cp\u003eUne cure classique dure de 6 à 20 jours, à raison de 1 à 3 ampoules par jour. Renouvelable selon vos besoins, notamment lors des changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pmh-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🌊 Reconnectez-vous à la force minérale de l'océan et retrouvez votre énergie naturelle avec le Plasma Marin Hypertonique Oligocéan.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pmh-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pmh-cream: #f4f8fb;\n  --pmh-white: #ffffff;\n  --pmh-primary: #1e4d8b;\n  --pmh-primary-dark: #0f2d5c;\n  --pmh-primary-light: #e3edf7;\n  --pmh-secondary: #2d8bc9;\n  --pmh-accent: #e63946;\n  --pmh-text: #1a1a1a;\n  --pmh-text-light: #5a6b7d;\n  --pmh-border: #d8e2ec;\n  --pmh-shadow: 0 4px 24px rgba(15,45,92,.08);\n  --pmh-shadow-lg: 0 12px 48px rgba(15,45,92,.18);\n  --pmh-radius: 20px;\n  --pmh-radius-sm: 12px;\n}\n\n.pmh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pmh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pmh-text);\n  line-height: 1.6;\n}\n\n.pmh-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0f2d5c 0%, #1e4d8b 50%, #2d8bc9 100%);\n  border-radius: var(--pmh-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(--pmh-shadow-lg);\n}\n\n.pmh-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(255,255,255,.2) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.pmh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pmh-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.pmh-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.pmh-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.pmh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pmh-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(--pmh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pmh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pmh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pmh-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.pmh-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(--pmh-primary), var(--pmh-secondary));\n  border-radius: 2px;\n}\n\n.pmh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pmh-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 750px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.pmh-section-intro strong {\n  color: var(--pmh-primary-dark);\n}\n\n.pmh-card {\n  background: var(--pmh-white);\n  border-radius: var(--pmh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pmh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pmh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pmh-shadow-lg);\n  border-color: var(--pmh-primary);\n}\n\n.pmh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pmh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pmh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pmh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pmh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pmh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pmh-grid-compact .pmh-card {\n  padding: 1rem;\n}\n\n.pmh-grid-compact .pmh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pmh-grid-compact .pmh-card p {\n  font-size: 12px;\n}\n\n.pmh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.pmh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pmh-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pmh-primary), var(--pmh-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(30,77,139,.3);\n}\n\n.pmh-timeline-content {\n  flex: 1;\n  background: var(--pmh-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pmh-radius-sm);\n  box-shadow: var(--pmh-shadow);\n}\n\n.pmh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pmh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pmh-timeline-content p {\n  font-size: 14px;\n  color: var(--pmh-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pmh-testimonial {\n  background: var(--pmh-white);\n  border-radius: var(--pmh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pmh-shadow);\n  border-left: 4px solid var(--pmh-primary);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.pmh-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pmh-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.pmh-accordion {\n  background: var(--pmh-white);\n  border-radius: var(--pmh-radius);\n  box-shadow: var(--pmh-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pmh-accordion-item {\n  border-bottom: 1px solid var(--pmh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pmh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pmh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pmh-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.pmh-accordion-header:hover {\n  background: var(--pmh-primary-light);\n}\n\n.pmh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pmh-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--pmh-primary);\n  transition: transform .2s ease;\n}\n\n.pmh-accordion-item[open] .pmh-accordion-header::after {\n  content: '−';\n}\n\n.pmh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pmh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.pmh-accordion-content p {\n  margin: 0;\n}\n\n.pmh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pmh-primary-light);\n  border-radius: var(--pmh-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n  border-left: 3px solid var(--pmh-accent);\n}\n\n.pmh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pmh-tip p {\n  font-size: 14px;\n  color: var(--pmh-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pmh-cta-box {\n  background: linear-gradient(135deg, var(--pmh-primary) 0%, var(--pmh-primary-dark) 100%);\n  border-radius: var(--pmh-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--pmh-shadow-lg);\n}\n\n.pmh-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.pmh-disclaimer {\n  font-size: 12px;\n  color: var(--pmh-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .pmh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pmh-card {\n    padding: 1.125rem;\n  }\n  .pmh-section {\n    margin-bottom: 1.75rem;\n  }\n  .pmh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pmh-radius-sm);\n  }\n  .pmh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pmh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .pmh-grid-compact {\n    gap: .625rem;\n  }\n  .pmh-grid-compact .pmh-card {\n    padding: .75rem;\n  }\n  .pmh-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .pmh-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .pmh-timeline-content h3 {\n    font-size: 14px;\n  }\n  .pmh-timeline-content p {\n    font-size: 13px;\n  }\n  .pmh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .pmh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .pmh-testimonial {\n    padding: 1.25rem;\n  }\n  .pmh-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pmh-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pmh-card:nth-child(1) { animation-delay: .05s; }\n  .pmh-card:nth-child(2) { animation-delay: .1s; }\n  .pmh-card:nth-child(3) { animation-delay: .15s; }\n  .pmh-card:nth-child(4) { animation-delay: .2s; }\n  .pmh-card:nth-child(5) { animation-delay: .25s; }\n  .pmh-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  .pmh-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":45754715046045,"sku":"NBAISUP0041","price":23.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/plasma-marin-hypertonique-20-ampoules-de-10-ml-oligocean-packshothd.webp?v=1776408669"},{"product_id":"acerola-1000-bio-60-comprimes-superdiet","title":"Acérola 1000 Bio - 60 Comprimés - Superdiet","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 100 % vitamine C naturelle\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e📦 Maxi format 60 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola 1000 Bio\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003e60 comprimés de vitamine c naturelle à croquer\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLa puissance de l'acérola bio concentrée dans un comprimé fruité : 170 mg de vitamine C naturelle pure pour réduire la fatigue et booster vos défenses, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eAcérola 1000 Bio Superdiet : votre vitamine C naturelle au quotidien\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVous cherchez un moyen simple et efficace de faire le plein de \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e ? L'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e de Superdiet est un complément alimentaire biologique à croquer, formulé à partir d'acérola, cette petite baie rouge originaire d'Amérique latine, réputée pour être l'un des fruits les plus riches en vitamine C au monde.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003ePetite cerise des Antilles, l'une des sources les plus concentrées en vitamine C au monde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💊 1 comprimé\/jour\u003c\/h3\u003e\n\u003cp\u003eFormat pratique à croquer, au bon goût fruité, pour une prise simple et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📅 60 jours de cure\u003c\/h3\u003e\n\u003cp\u003eMaxi format pensé pour vous accompagner pendant deux mois complets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eSans colorants ni conservateurs artificiels, issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir la vitamine C d'acérola bio ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eContrairement à la vitamine C de synthèse, la \u003cstrong\u003evitamine C acérola bio\u003c\/strong\u003e est naturellement présente dans le fruit et s'accompagne de cofacteurs végétaux qui favorisent son assimilation par l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 30x plus de vitamine C qu'une orange\u003c\/h3\u003e\n\u003cp\u003eL'acérola, aussi surnommé « cerise des Antilles », concentre une quantité exceptionnelle de vitamine C, incomparable face aux agrumes classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧬 Cofacteurs végétaux naturels\u003c\/h3\u003e\n\u003cp\u003eLes bioflavonoïdes et micronutriments naturellement présents dans le fruit favorisent une absorption optimale par votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✅ 100 % naturelle et certifiée bio\u003c\/h3\u003e\n\u003cp\u003eEn optant pour l'\u003cstrong\u003eAcérola 1000 vitamine C\u003c\/strong\u003e, vous profitez d'une source pure, sans additifs artificiels, sans colorants ni conservateurs de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'Acérola 1000 Bio\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e😴 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue à diminuer la fatigue passagère, notamment lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Soutien du système immunitaire\u003c\/h3\u003e\n\u003cp\u003eElle participe au fonctionnement normal de vos défenses naturelles tout au long de l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🔬 Protection contre le stress oxydatif\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C est un antioxydant puissant qui aide à protéger vos cellules contre les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n\u003cp\u003eElle contribue à un métabolisme énergétique normal pour aborder chaque journée avec entrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🫐 Bon goût fruité\u003c\/h3\u003e\n\u003cp\u003eLe comprimé à croquer offre une saveur agréable de fruits rouges, ce qui rend la prise quotidienne réellement plaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eChaque comprimé de l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e est soigneusement formulé avec des ingrédients d'origine biologique.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🍒 Extrait d'acérola bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMalpighia glabra\u003c\/em\u003e titré en vitamine C — \u003cstrong\u003e1000 mg d'acérola\u003c\/strong\u003e par comprimé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌾 Sucre de canne bio\u003c\/h3\u003e\n\u003cp\u003eExcipient naturel issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Maltodextrine bio\u003c\/h3\u003e\n\u003cp\u003eAgent de charge d'origine végétale certifié bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚪ Carbonate de magnésium\u003c\/h3\u003e\n\u003cp\u003eAnti-agglomérant naturel pour une texture de comprimé optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍃 Arôme naturel\u003c\/h3\u003e\n\u003cp\u003ePour un goût fruité agréable sans arôme artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e📊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eApport par comprimé :\u003c\/strong\u003e 170 mg de vitamine C naturelle pure, soit \u003cstrong\u003e212 % des valeurs nutritionnelles de référence\u003c\/strong\u003e. Produit certifié bio, fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCroquez ou laissez fondre\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 comprimé par jour\u003c\/strong\u003e, de préférence le matin, pour bien démarrer votre journée avec un boost de vitamine C naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCure de 60 jours\u003c\/h3\u003e\n\u003cp\u003eIdéale aux intersaisons (automne, printemps) ou dès que vous ressentez un coup de fatigue. Peut être renouvelée plusieurs fois dans l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eConservation et précautions\u003c\/h3\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Ne pas dépasser la dose journalière recommandée. Convient aux adultes et aux enfants de plus de 12 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eOrigine et engagement qualité Superdiet\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eL'acérola provient de plantations biologiques certifiées au Brésil, où les conditions climatiques permettent une concentration optimale en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes fruits sont récoltés à pleine maturité, puis transformés et conditionnés en France, dans le respect des normes de qualité les plus strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable, culture sans OGM ni pesticides, respect de la biodiversité. Superdiet s'engage pour une démarche durable à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Faites le plein de vitalité avec l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e — 170 mg de vitamine C naturelle par comprimé, 60 jours de cure, fabriqué en France et certifié bio !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\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, demandez conseil à votre médecin ou pharmacien avant de commencer une cure de vitamine C naturelle en comprimés.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ac-cream: #fef9f5;\n  --ac-white: #ffffff;\n  --ac-primary: #d4232a;\n  --ac-primary-dark: #a51b20;\n  --ac-primary-light: #fdeaea;\n  --ac-secondary: #5ba33a;\n  --ac-accent: #f7c948;\n  --ac-text: #1a1a1a;\n  --ac-text-light: #5a5a5a;\n  --ac-border: #e8e0da;\n  --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ac-radius: 20px;\n  --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ac-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ac-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 40%, #7b1518 100%);\n  border-radius: var(--ac-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(247,201,72,.1) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(91,163,58,.06) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ac-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ac-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n  color: rgba(255,255,255,.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.ac-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ac-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ac-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ac-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ac-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ac-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ac-shadow-lg);\n  border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ac-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ac-card-highlight {\n  border-color: var(--ac-primary);\n  background: var(--ac-primary-light);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ac-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n  padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ac-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ac-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ac-timeline-content {\n  flex: 1;\n  background: var(--ac-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ac-radius-sm);\n  box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n  font-size: 14px;\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ac-primary-light);\n  border-radius: var(--ac-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ac-tip p {\n  font-size: 14px;\n  color: var(--ac-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ac-shadow);\n  border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ac-cta-box 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.ac-disclaimer {\n  font-size: 12px;\n  color: var(--ac-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ac-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ac-card {\n    padding: 1.125rem;\n  }\n\n  .ac-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ac-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ac-radius-sm);\n  }\n\n  .ac-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ac-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ac-grid-compact {\n    gap: .625rem;\n  }\n\n  .ac-grid-compact .ac-card {\n    padding: .75rem;\n  }\n\n  .ac-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ac-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ac-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ac-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ac-tip {\n    padding: .875rem 1rem;\n  }\n\n  .ac-tip-icon {\n    font-size: 20px;\n  }\n\n  .ac-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ac-card {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-card:nth-child(1) { animation-delay: .05s; }\n  .ac-card:nth-child(2) { animation-delay: .1s; }\n  .ac-card:nth-child(3) { animation-delay: .15s; }\n  .ac-card:nth-child(4) { animation-delay: .2s; }\n  .ac-card:nth-child(5) { animation-delay: .25s; }\n  .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ac-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754718879901,"sku":"NBAISUP0001","price":23.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola_bio_superdiet_11zon.webp?v=1758533930"},{"product_id":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --gly-cream: #f5f6fa;\n  --gly-white: #ffffff;\n  --gly-primary: #1a3a6e;\n  --gly-primary-dark: #0e2550;\n  --gly-primary-light: #e8edf6;\n  --gly-secondary: #c8102e;\n  --gly-accent: #3b7dd8;\n  --gly-text: #1a1a1a;\n  --gly-text-light: #5a5a5a;\n  --gly-border: #e0e0e0;\n  --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gly-radius: 20px;\n  --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gly-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n  border-radius: var(--gly-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gly-shadow-lg);\n}\n\n.gly-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(200,16,46,.12) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gly-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.gly-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.gly-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gly-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gly-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gly-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gly-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.gly-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gly-primary), var(--gly-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gly-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gly-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gly-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gly-shadow-lg);\n  border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gly-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n  padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gly-shadow);\n  border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n  background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 22px;\n  box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n  font-size: clamp(17px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gly-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gly-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n  flex: 1;\n  background: var(--gly-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gly-radius-sm);\n  box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n  font-size: 14px;\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gly-shadow);\n  border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gly-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gly-primary-light);\n  border-radius: var(--gly-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gly-tip p {\n  font-size: 14px;\n  color: var(--gly-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  box-shadow: var(--gly-shadow);\n  overflow: hidden;\n}\n\n.gly-accordion-item {\n  border-bottom: 1px solid var(--gly-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gly-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gly-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gly-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gly-accordion-header:hover {\n  background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gly-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gly-primary);\n  transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n  content: '−';\n}\n\n.gly-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gly-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gly-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n  background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gly-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(200,16,46,.15) 0%, transparent 50%),\n              radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n  font-size: 12px;\n  color: var(--gly-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gly-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gly-card {\n    padding: 1.125rem;\n  }\n\n  .gly-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gly-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gly-radius-sm);\n  }\n\n  .gly-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gly-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gly-grid-compact {\n    gap: .625rem;\n  }\n\n  .gly-grid-compact .gly-card {\n    padding: .75rem;\n  }\n\n  \/* Composition highlight mobile *\/\n  .gly-composition-highlight {\n    flex-direction: column;\n    text-align: center;\n    padding: 1.25rem;\n  }\n\n  .gly-composition-badge {\n    width: 64px;\n    height: 64px;\n    font-size: 18px;\n  }\n\n  \/* Timeline mobile *\/\n  .gly-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gly-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gly-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gly-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .gly-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gly-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .gly-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gly-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gly-card {\n    animation: glyFadeInUp .5s ease backwards;\n  }\n  .gly-card:nth-child(1) { animation-delay: .05s; }\n  .gly-card:nth-child(2) { animation-delay: .1s; }\n  .gly-card:nth-child(3) { animation-delay: .15s; }\n  .gly-card:nth-child(4) { animation-delay: .2s; }\n  .gly-card:nth-child(5) { animation-delay: .25s; }\n  .gly-card:nth-child(6) { animation-delay: .3s; }\n\n  .gly-timeline-item {\n    animation: glyFadeInUp .5s ease backwards;\n  }\n  .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .gly-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-vitalosmose-lifestyle.webp?v=1770887240"},{"product_id":"algue-ascophyllum-nodosum-150-mg-bio-60-comprimes-vitalosmose","title":"Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés - Vitalosmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés\nPalette détectée:\n  - Primaire: #8B4513 (marron\/brun du texte packaging)\n  - Secondaire: #1E88A8 (bleu océan du fond)\n  - Accent: #C41E3A (rouge du texte \"Contribue à\" et logo Qualidiet)\n  - Background: #2A8B9C (turquoise océanique)\nAmbiance: Marine\/océanique, naturel\/bio, santé\/bien-être, algues et mer\nPréfixe CSS: asc\n--\u003e\n\n\u003cdiv class=\"asc-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"asc-hero\"\u003e\n    \u003cdiv class=\"asc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"asc-hero-content\"\u003e\n      \u003cdiv class=\"asc-badges-top\"\u003e\n        \u003cspan class=\"asc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"asc-badge\"\u003e🌊 Algue de l'Atlantique Nord\u003c\/span\u003e\n        \u003cspan class=\"asc-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"asc-hero-title\"\u003eAscophyllum Nodosum Bio\u003c\/span\u003e\n      \u003cp class=\"asc-subtitle\"\u003eVotre source naturelle d'iode pour la thyroïde\u003c\/p\u003e\n      \u003cp class=\"asc-description\"\u003eRécoltée dans les eaux froides et pures de l'Atlantique Nord, cette algue brune concentre une richesse exceptionnelle en iode et oligo-éléments essentiels à votre organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e🎯 Les bienfaits de l'iode naturel\u003c\/h2\u003e\n    \u003cdiv class=\"asc-grid\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🦋 Fonction thyroïdienne normale\u003c\/h3\u003e\n        \u003cp\u003eL'iode est indispensable à la production des hormones T3 et T4, régulatrices de votre métabolisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n        \u003cp\u003eContribue à un métabolisme énergétique équilibré pour vous aider à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eSoutient les fonctions cognitives normales pour une clarté mentale optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e✨ Santé de la peau\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien d'une peau normale grâce à son rôle dans le métabolisme cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eIode hautement biodisponible accompagné de cofacteurs naturels pour une assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🔬 Hormones thyroïdiennes\u003c\/h3\u003e\n        \u003cp\u003eContribue à la production normale des hormones thyroïdiennes essentielles à l'équilibre de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e🧪 Composition par comprimé\u003c\/h2\u003e\n    \u003cdiv class=\"asc-composition-box\"\u003e\n      \u003cdiv class=\"asc-ingredient-main\"\u003e\n        \u003cspan class=\"asc-ingredient-name\"\u003eAscophyllum Nodosum biologique\u003c\/span\u003e\n        \u003cspan class=\"asc-ingredient-dose\"\u003e505 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"asc-ingredient-desc\"\u003ePoudre d'algue entière issue de l'Atlantique Nord\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"asc-grid-compact\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌊 Iode naturel\u003c\/h3\u003e\n        \u003cp\u003eHautement biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antioxydantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🧬 Alginates\u003c\/h3\u003e\n        \u003cp\u003eBénéfiques pour la digestion\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n        \u003cp\u003eFer, magnésium, zinc, sélénium\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"asc-grid\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant soutenir naturellement leur fonction thyroïdienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n        \u003cp\u003eIdéal si vous consommez peu ou pas de produits de la mer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌱 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n        \u003cp\u003eAlternative naturelle parfaitement adaptée aux régimes végétaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003ePour ceux ressentant une fatigue liée à un métabolisme ralenti.\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=\"asc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"asc-steps\"\u003e\n      \u003cdiv class=\"asc-step\"\u003e\n        \u003cdiv class=\"asc-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"asc-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés par jour\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-step\"\u003e\n        \u003cdiv class=\"asc-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"asc-step-content\"\u003e\n          \u003ch3\u003eAvec de l'eau\u003c\/h3\u003e\n          \u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-step\"\u003e\n        \u003cdiv class=\"asc-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"asc-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003eau moment d'un repas\u003c\/strong\u003e pour une meilleure assimilation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"asc-tip-box\"\u003e\n      \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Un flacon représente 1 à 2 mois de cure. Nous recommandons des cures de 2 à 3 mois, suivies d'une pause d'un mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e✅ Qualité et traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"asc-grid-compact\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100% végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eFormule pure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e♻️ Récolte durable\u003c\/h3\u003e\n        \u003cp\u003eRespect des écosystèmes\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=\"asc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"asc-accordion\"\u003e\n      \u003cdetails class=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e🏭 Fabrication et origine\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003eL'Ascophyllum Nodosum utilisé provient de zones de récolte préservées de l'Atlantique Nord, loin de toute source de pollution industrielle. Le séchage à basse température préserve tous les nutriments. Aucun solvant chimique n'est utilisé et des contrôles qualité sont effectués à chaque étape de la production.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante (inférieure à 25°C). Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003eConsultez votre médecin si vous souffrez de troubles thyroïdiens (hypothyroïdie, hyperthyroïdie, nodules). Si vous prenez un traitement thyroïdien (comme le Levothyrox), demandez l'avis de votre médecin avant toute supplémentation. Déconseillé aux femmes enceintes ou allaitantes sans avis 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=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eQuelle est la différence entre Ascophyllum et kelp ?\u003c\/strong\u003e\u003cbr\u003e\n          Le terme « kelp » désigne plusieurs espèces d'algues brunes riches en iode. L'Ascophyllum Nodosum se distingue par sa croissance lente qui lui permet de concentrer davantage de nutriments. C'est l'une des sources d'iode naturel les plus qualitatives.\u003c\/p\u003e\n          \u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eCombien de temps dure une cure ?\u003c\/strong\u003e\u003cbr\u003e\n          Une cure classique dure entre 2 et 3 mois. Pour un soutien thyroïdien régulier, vous pouvez alterner des périodes de cure et des pauses d'un mois.\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=\"asc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"asc-cta-box\"\u003e\n      \u003cp\u003e🌊 Offrez à votre thyroïde le meilleur de la nature avec l'Ascophyllum Nodosum Bio – une source d'iode pure, naturelle et hautement assimilable directement issue des océans.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"asc-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --asc-cream: #f5f9fa;\n  --asc-white: #ffffff;\n  --asc-primary: #1E88A8;\n  --asc-primary-dark: #156378;\n  --asc-primary-light: #e8f4f7;\n  --asc-secondary: #8B5A2B;\n  --asc-accent: #C41E3A;\n  --asc-text: #1a1a1a;\n  --asc-text-light: #5a5a5a;\n  --asc-border: #d8e8ec;\n  --asc-shadow: 0 4px 24px rgba(30, 136, 168, .08);\n  --asc-shadow-lg: 0 12px 48px rgba(30, 136, 168, .15);\n  --asc-radius: 20px;\n  --asc-radius-sm: 12px;\n}\n\n.asc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--asc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.asc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #156378 0%, #1E88A8 40%, #2A9BB5 70%, #3AAFCA 100%);\n  border-radius: var(--asc-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(--asc-shadow-lg);\n}\n\n.asc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.asc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.asc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.asc-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(--asc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.asc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.asc-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.asc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.asc-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.asc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--asc-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.asc-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(--asc-primary), var(--asc-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.asc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.asc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.asc-card {\n  background: var(--asc-white);\n  border-radius: var(--asc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--asc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.asc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--asc-shadow-lg);\n  border-color: var(--asc-primary);\n}\n\n.asc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--asc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.asc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--asc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.asc-grid-compact .asc-card {\n  padding: 1rem;\n}\n\n.asc-grid-compact .asc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.asc-grid-compact .asc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.asc-composition-box {\n  background: linear-gradient(135deg, var(--asc-primary-light) 0%, var(--asc-white) 100%);\n  border-radius: var(--asc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--asc-primary);\n  text-align: center;\n}\n\n.asc-ingredient-main {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: baseline;\n  gap: .75rem;\n  margin-bottom: .5rem;\n}\n\n.asc-ingredient-name {\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 800;\n  color: var(--asc-primary-dark);\n}\n\n.asc-ingredient-dose {\n  font-size: clamp(24px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--asc-accent);\n}\n\n.asc-ingredient-desc {\n  font-size: 14px;\n  color: var(--asc-text-light);\n  margin: 0;\n}\n\n\/* === STEPS === *\/\n.asc-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.asc-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--asc-white);\n  border-radius: var(--asc-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--asc-shadow);\n}\n\n.asc-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--asc-primary), var(--asc-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n.asc-step-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--asc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.asc-step-content p {\n  font-size: 14px;\n  color: var(--asc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.asc-tip-box {\n  background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n  border-radius: var(--asc-radius-sm);\n  padding: 1.25rem;\n  border-left: 4px solid var(--asc-secondary);\n}\n\n.asc-tip-box p {\n  font-size: 14px;\n  color: var(--asc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.asc-accordion {\n  background: var(--asc-white);\n  border-radius: var(--asc-radius);\n  box-shadow: var(--asc-shadow);\n  overflow: hidden;\n}\n\n.asc-accordion-item {\n  border-bottom: 1px solid var(--asc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.asc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.asc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--asc-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.asc-accordion-header:hover {\n  background: var(--asc-primary-light);\n}\n\n.asc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.asc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--asc-primary);\n  transition: transform .2s ease;\n}\n\n.asc-accordion-item[open] .asc-accordion-header::after {\n  content: '−';\n}\n\n.asc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--asc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.asc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.asc-cta-box {\n  background: linear-gradient(135deg, var(--asc-primary) 0%, var(--asc-primary-dark) 100%);\n  border-radius: var(--asc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.asc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.asc-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.asc-disclaimer {\n  text-align: center;\n  font-size: 12px;\n  color: var(--asc-text-light);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .asc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .asc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .asc-grid-compact .asc-card {\n    padding: .75rem;\n  }\n  \n  .asc-card {\n    padding: 1.125rem;\n  }\n  \n  .asc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .asc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--asc-radius-sm);\n  }\n  \n  .asc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .asc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .asc-step {\n    padding: 1rem;\n  }\n  \n  .asc-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .asc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .asc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .asc-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .asc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .asc-card:nth-child(1) { animation-delay: .05s; }\n  .asc-card:nth-child(2) { animation-delay: .1s; }\n  .asc-card:nth-child(3) { animation-delay: .15s; }\n  .asc-card:nth-child(4) { animation-delay: .2s; }\n  .asc-card:nth-child(5) { animation-delay: .25s; }\n  .asc-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  .asc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754725105821,"sku":"REF155","price":11.18,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ascophyllum-nodosum-vital-osmose-505-mg.jpg?v=1772440080"},{"product_id":"lecithine-dorigine-marine-90-gelules-qualidiet","title":"Lécithine d'Origine Marine - 90 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lécithine d'Origine Marine - 90 Gélules\nPalette détectée:\n  - Primaire: #1e5a8a (bleu marine profond du texte principal)\n  - Secondaire: #4a9cc7 (bleu clair des vagues\/eau)\n  - Accent: #c41e3a (rouge du logo Qualidiet)\nAmbiance: Marine, fraîcheur océanique, santé naturelle, produit pharmaceutique\/bien-être avec une touche aquatique et apaisante\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n  \n  \u003cdiv class=\"lm-hero\"\u003e\n    \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lm-hero-content\"\u003e\n      \u003cdiv class=\"lm-badges-top\"\u003e\n        \u003cspan class=\"lm-badge\"\u003e🐟 Origine marine\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e🧠 Santé cognitive\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lm-hero-title\"\u003eLécithine d'origine marine\u003c\/span\u003e\n      \u003cp class=\"lm-subtitle\"\u003e17% de phospholipides marins hautement concentrés\u003c\/p\u003e\n      \u003cp class=\"lm-description\"\u003eRedécouvrez le pouvoir naturel de la lécithine marine pour soutenir votre circulation cérébrale et renforcer votre santé cognitive au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🌊 Bienfaits de la lécithine marine\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eSoutient efficacement les capacités cognitives et la mémoire grâce aux phospholipides essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir l'équilibre des lipides dans le sang pour une meilleure santé du cœur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n        \u003cp\u003eFavorise une circulation optimale du sang, notamment au niveau cérébral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e⚡ Acides gras essentiels\u003c\/h3\u003e\n        \u003cp\u003eApport en Omega-3 et acides gras indispensables au bon fonctionnement de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🐠 Phospholipides marins\u003c\/h3\u003e\n        \u003cp\u003eIssus de poissons sauvages, hautement concentrés à \u003cstrong\u003e17%\u003c\/strong\u003e pour une efficacité maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Omega-3\u003c\/h3\u003e\n        \u003cp\u003eAcides gras essentiels reconnus pour leurs bienfaits sur le cerveau et le système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe 100% d'origine végétale pour une meilleure tolérance digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lm-usage-box\"\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003edurant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n          \u003cp\u003eFlacon de 90 gélules = \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid-compact\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eConcentration et mémoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n        \u003cp\u003ePerformance cognitive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintien des fonctions cérébrales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération et vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"lm-accordion\"\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🌍 Origine et fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eLes phospholipides de poissons proviennent de zones de pêche certifiées en gestion durable, reflétant notre engagement pour la préservation de l'environnement marin. Chaque étape de fabrication suit strictement les normes européennes, assurant un produit final pur, efficace et sécurisé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation diversifiée et équilibrée et à un mode de vie sain. Veuillez consulter un professionnel de santé avant utilisation, en cas de grossesse, allaitement ou prise de médication.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lm-cta-box\"\u003e\n      \u003cp\u003e🌊 Offrez à votre cerveau le meilleur de l'océan avec la lécithine marine hautement concentrée en phospholipides !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lm-cream: #f5f9fc;\n  --lm-white: #ffffff;\n  --lm-primary: #1e5a8a;\n  --lm-primary-dark: #0d3a5c;\n  --lm-primary-light: #e8f4fc;\n  --lm-secondary: #4a9cc7;\n  --lm-accent: #c41e3a;\n  --lm-text: #1a1a1a;\n  --lm-text-light: #5a6a7a;\n  --lm-border: #d8e8f0;\n  --lm-shadow: 0 4px 24px rgba(30,90,138,.08);\n  --lm-shadow-lg: 0 12px 48px rgba(30,90,138,.15);\n  --lm-radius: 20px;\n  --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0d3a5c 0%, #1e5a8a 40%, #4a9cc7 100%);\n  border-radius: var(--lm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M0 45 Q15 35 30 45 T60 45' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .08;\n}\n\n.lm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .625rem;\n  margin-bottom: 1.5rem;\n}\n\n.lm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lm-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.lm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.lm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lm-primary), var(--lm-secondary));\n  border-radius: 2px;\n}\n\n.lm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lm-card {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lm-shadow-lg);\n  border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lm-card-highlight {\n  background: linear-gradient(145deg, var(--lm-white) 0%, var(--lm-primary-light) 100%);\n  border: 2px solid var(--lm-border);\n}\n\n.lm-grid-compact .lm-card {\n  padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n  font-size: 12px;\n}\n\n.lm-usage-box {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lm-shadow);\n}\n\n.lm-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--lm-border);\n}\n\n.lm-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.lm-usage-step:first-child {\n  padding-top: 0;\n}\n\n.lm-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-secondary) 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lm-step-content h4 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--lm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lm-step-content p {\n  font-size: 14px;\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lm-accordion {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  box-shadow: var(--lm-shadow);\n  overflow: hidden;\n}\n\n.lm-accordion-item {\n  border-bottom: 1px solid var(--lm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lm-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lm-accordion-header:hover {\n  background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lm-primary);\n  transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n  content: '−';\n}\n\n.lm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.lm-accordion-content p {\n  margin: 0;\n}\n\n.lm-cta-box {\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .1;\n}\n\n.lm-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .lm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lm-card {\n    padding: 1.125rem;\n  }\n  \n  .lm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .lm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lm-radius-sm);\n  }\n  \n  .lm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .lm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .lm-grid-compact {\n    gap: .625rem;\n  }\n  \n  .lm-grid-compact .lm-card {\n    padding: .75rem;\n  }\n  \n  .lm-badges-top {\n    gap: .5rem;\n  }\n  \n  .lm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .lm-usage-box {\n    padding: 1rem;\n  }\n  \n  .lm-usage-step {\n    gap: .75rem;\n    padding: .75rem 0;\n  }\n  \n  .lm-step-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .lm-step-content h4 {\n    font-size: 14px;\n  }\n  \n  .lm-step-content p {\n    font-size: 13px;\n  }\n  \n  .lm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .lm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lm-card:nth-child(1) { animation-delay: .05s; }\n  .lm-card:nth-child(2) { animation-delay: .1s; }\n  .lm-card:nth-child(3) { animation-delay: .15s; }\n  .lm-card:nth-child(4) { animation-delay: .2s; }\n  .lm-card:nth-child(5) { animation-delay: .25s; }\n  .lm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754729332893,"sku":"VO4535","price":16.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lecithine-dorigine-marine-90-gelules-vitalosmose-packshothd.webp?v=1774289804"},{"product_id":"vitamine-c-liposomale-525-mg-60-gelules-qualidiet","title":"Vitamine C Liposomale 525 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"vc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vc-hero\"\u003e\n\u003cdiv class=\"vc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vc-hero-content\"\u003e\n\u003cdiv class=\"vc-badges-top\"\u003e\n\u003cspan class=\"vc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vc-hero-title\"\u003eVitamine C Liposomale 525 mg\u003c\/span\u003e\n\u003cp class=\"vc-subtitle\"\u003eQualidiet - 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vc-description\"\u003eUne absorption jusqu'à 10× supérieure grâce à l'encapsulation liposomale. Directement au cœur de vos cellules, là où la vitamine C agit vraiment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eVitamine C Liposomale 525 mg – Une absorption supérieure pour votre vitalité\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eVous cherchez une \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e réellement efficace, bien tolérée et fabriquée en France ?\u003c\/p\u003e\n\u003cdiv class=\"vc-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eVitamine C Liposomale 525 mg de Qualidiet\u003c\/strong\u003e vous offre une formule pensée pour maximiser l'assimilation de la vitamine C par votre organisme. Grâce à la technologie liposomale, chaque gélule délivre ses actifs \u003cstrong\u003edirectement au cœur de vos cellules\u003c\/strong\u003e, là où ils sont vraiment utiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003ePourquoi choisir une vitamine C sous forme liposomale ?\u003c\/h2\u003e\n\u003cdiv class=\"vc-comparison\"\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-bad\"\u003e\n\u003ch3\u003e❌ Vitamine C classique\u003c\/h3\u003e\n\u003cp\u003eSous forme d'acide ascorbique, elle est souvent \u003cstrong\u003emal absorbée\u003c\/strong\u003e par l'intestin. Une grande partie est éliminée avant même d'avoir agi. Troubles gastriques fréquents chez les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-good\"\u003e\n\u003ch3\u003e✅ Vitamine C liposomale\u003c\/h3\u003e\n\u003cp\u003eEncapsulée dans des \u003cstrong\u003eliposomes\u003c\/strong\u003e (sphères lipidiques), elle est protégée tout au long du transit digestif. Résultat : une \u003cstrong\u003ebiodisponibilité nettement supérieure\u003c\/strong\u003e et une excellente tolérance intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eC'est cette différence qui explique les nombreux \u003cstrong\u003eavis positifs sur la vitamine C liposomale\u003c\/strong\u003e : moins de troubles gastriques, plus d'effets ressentis, une diffusion progressive dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette vitamine C liposomale\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eEn intégrant ce complément à votre routine quotidienne, vous soutenez activement votre organisme sur plusieurs fronts :\u003c\/p\u003e\n\u003cdiv class=\"vc-grid\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, particulièrement en période hivernale ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n\u003cp\u003eElle participe à un métabolisme énergétique normal et aide à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e physique comme nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant, elle contribue à protéger vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour la peau, les os, les cartilages et les gencives. Un allié beauté et santé structurelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eComposition détaillée – par gélule de 525 mg\u003c\/h2\u003e\n\u003cdiv class=\"vc-grid-compact\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e d'acide ascorbique par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de phospholipides formant les liposomes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC, convient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant artificiel, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003eContient du soja.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"vc-timeline\"\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure intensive (1000 mg)\u003c\/h3\u003e\n\u003cp\u003ePour un apport proche de \u003cstrong\u003e1000 mg de vitamine C liposomale\u003c\/strong\u003e, deux gélules quotidiennes suffisent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n\u003cp\u003eUne seule gélule par jour convient parfaitement pour maintenir un bon niveau de vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e vous accompagne pendant \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eEffets secondaires et précautions\u003c\/h2\u003e\n\u003cdiv class=\"vc-accordion\"\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e🩺 Effets secondaires\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eeffets secondaires de la vitamine C liposomale\u003c\/strong\u003e sont rares grâce à l'encapsulation liposomale qui épargne le système digestif. Toutefois, un dosage excessif peut entraîner de légers inconforts intestinaux. Respectez la posologie recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est réservé à l'adulte. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vc-section\"\u003e\n\u003ch2\u003eFabrication française – Qualité Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"vc-testimonial\"\u003e\n\u003cp class=\"vc-testimonial-text\"\u003eFormulée et fabriquée en France par \u003cstrong\u003eQualidiet\u003c\/strong\u003e, cette vitamine C liposomale en gélules bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Les matières premières sont soigneusement sélectionnées pour vous garantir un complément alimentaire fiable, efficace et traçable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue vous recherchiez une \u003cstrong\u003evitamine C liposomale en parapharmacie\u003c\/strong\u003e ou en boutique spécialisée, ce format en gélules offre un avantage pratique par rapport à la \u003cstrong\u003evitamine C liposomale liquide\u003c\/strong\u003e : pas de goût, un dosage précis et une conservation simplifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à votre corps une vitamine C qui arrive vraiment à destination.\u003cbr\u003e60 gélules liposomales — 500 mg par gélule — Fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Contient du soja.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --vc-cream: #faf7f4;\n  --vc-white: #ffffff;\n  --vc-primary: #E85B20;\n  --vc-primary-dark: #B8420F;\n  --vc-primary-light: #FFF3EC;\n  --vc-secondary: #5B3A8C;\n  --vc-accent: #D94520;\n  --vc-text: #1a1a1a;\n  --vc-text-light: #5a5a5a;\n  --vc-border: #e8e0d8;\n  --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --vc-radius: 20px;\n  --vc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-premium *, .vc-premium *::before, .vc-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.vc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E85B20 0%, #D94520 40%, #5B3A8C 100%);\n  border-radius: var(--vc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.vc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.vc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.vc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.vc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.vc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.vc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vc-primary), var(--vc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vc-highlight-box {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vc-shadow);\n  border-left: 4px solid var(--vc-primary);\n}\n\n.vc-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === COMPARISON CARDS === *\/\n.vc-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.vc-compare-card {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  transition: all .3s ease;\n}\n\n.vc-compare-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-compare-bad {\n  border-top: 4px solid #dc3545;\n}\n\n.vc-compare-good {\n  border-top: 4px solid #28a745;\n}\n\n.vc-compare-card h3 {\n  font-size: clamp(16px, 2.5vw, 19px);\n  font-weight: 800;\n  margin: 0 0 .75rem 0;\n  line-height: 1.3;\n}\n\n.vc-compare-bad h3 {\n  color: #dc3545;\n}\n\n.vc-compare-good h3 {\n  color: #28a745;\n}\n\n.vc-compare-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.vc-card {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vc-shadow-lg);\n  border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vc-grid-compact .vc-card {\n  padding: 1rem;\n}\n\n.vc-grid-compact .vc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.vc-grid-compact .vc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.vc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.vc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--vc-primary), var(--vc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.vc-timeline-content {\n  flex: 1;\n  background: var(--vc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--vc-radius-sm);\n  box-shadow: var(--vc-shadow);\n}\n\n.vc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--vc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vc-timeline-content p {\n  font-size: 14px;\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vc-testimonial {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vc-shadow);\n  border-left: 4px solid var(--vc-secondary);\n}\n\n.vc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vc-accordion {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  box-shadow: var(--vc-shadow);\n  overflow: hidden;\n}\n\n.vc-accordion-item {\n  border-bottom: 1px solid var(--vc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.vc-accordion-header:hover {\n  background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vc-primary);\n  transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n  content: '−';\n}\n\n.vc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.vc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--vc-primary-light);\n  border-radius: var(--vc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.vc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.vc-tip p {\n  font-size: 14px;\n  color: var(--vc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vc-cta-box {\n  background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 50%, var(--vc-secondary) 100%);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.vc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vc-disclaimer {\n  font-size: 12px;\n  color: var(--vc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .vc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .vc-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .vc-card {\n    padding: 1.125rem;\n  }\n\n  .vc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .vc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vc-radius-sm);\n  }\n\n  .vc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .vc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .vc-grid-compact {\n    gap: .625rem;\n  }\n\n  .vc-grid-compact .vc-card {\n    padding: .75rem;\n  }\n\n  .vc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .vc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .vc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .vc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .vc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .vc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .vc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .vc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .vc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .vc-highlight-box p {\n    font-size: 14px;\n  }\n\n  .vc-compare-card {\n    padding: 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vc-card,\n  .vc-compare-card {\n    animation: vcFadeInUp .5s ease backwards;\n  }\n  .vc-card:nth-child(1),\n  .vc-compare-card:nth-child(1) { animation-delay: .05s; }\n  .vc-card:nth-child(2),\n  .vc-compare-card:nth-child(2) { animation-delay: .1s; }\n  .vc-card:nth-child(3) { animation-delay: .15s; }\n  .vc-card:nth-child(4) { animation-delay: .2s; }\n  .vc-card:nth-child(5) { animation-delay: .25s; }\n  .vc-card:nth-child(6) { animation-delay: .3s; }\n\n  .vc-timeline-item {\n    animation: vcFadeInUp .5s ease backwards;\n  }\n  .vc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .vc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .vc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes vcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .vc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754730709149,"sku":"VO4850","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-525-mg-60-gelules-vitalosmose-lifestyle.webp?v=1770883998"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"qc-hero\"\u003e\n    \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qc-hero-content\"\u003e\n      \u003cdiv class=\"qc-badges-top\"\u003e\n        \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n      \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n      \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n    \u003cdiv class=\"qc-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n        \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n        \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid-compact\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n        \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"qc-timeline\"\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-accordion\"\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n        \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n        \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-cta-box\"\u003e\n      \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qc-cream: #f4f5f8;\n  --qc-white: #ffffff;\n  --qc-primary: #1e3a6e;\n  --qc-primary-dark: #122550;\n  --qc-primary-light: #e8edf5;\n  --qc-secondary: #4a6fa5;\n  --qc-accent: #8ba3cc;\n  --qc-text: #1a1a1a;\n  --qc-text-light: #5a5a5a;\n  --qc-border: #dde2ea;\n  --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n  --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n  --qc-radius: 20px;\n  --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n  border-radius: var(--qc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.qc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.qc-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.qc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.qc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qc-primary), var(--qc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qc-shadow-lg);\n  border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.qc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n  padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qc-primary), var(--qc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.qc-timeline-content {\n  flex: 1;\n  background: var(--qc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qc-radius-sm);\n  box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n  font-size: 14px;\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  box-shadow: var(--qc-shadow);\n  overflow: hidden;\n}\n\n.qc-accordion-item {\n  border-bottom: 1px solid var(--qc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qc-accordion-header:hover {\n  background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qc-primary);\n  transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n  content: '−';\n}\n\n.qc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qc-primary-light);\n  border-radius: var(--qc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qc-tip p {\n  font-size: 14px;\n  color: var(--qc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n  background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.qc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qc-disclaimer {\n  font-size: 12px;\n  color: var(--qc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .qc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qc-card {\n    padding: 1.125rem;\n  }\n\n  .qc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qc-radius-sm);\n  }\n\n  .qc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qc-grid-compact {\n    gap: .625rem;\n  }\n\n  .qc-grid-compact .qc-card {\n    padding: .75rem;\n  }\n\n  .qc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .qc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .qc-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qc-card {\n    animation: qcFadeInUp .5s ease backwards;\n  }\n  .qc-card:nth-child(1) { animation-delay: .05s; }\n  .qc-card:nth-child(2) { animation-delay: .1s; }\n  .qc-card:nth-child(3) { animation-delay: .15s; }\n  .qc-card:nth-child(4) { animation-delay: .2s; }\n  .qc-card:nth-child(5) { animation-delay: .25s; }\n  .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .qc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754731102365,"sku":"VO4616","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd_a56ab40a-84e3-480b-ad0b-e2f9a250241c.webp?v=1775222391"},{"product_id":"bisglycinate-de-magnesium-vit-b6-90-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamine B6 - 90 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mg-hero\"\u003e\n    \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mg-hero-content\"\u003e\n      \u003cdiv class=\"mg-badges-top\"\u003e\n        \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e⚡ Haute absorption\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌿 Sans gluten · Sans lactose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n      \u003cp class=\"mg-subtitle\"\u003eMagnésium chélaté hautement assimilable — 90 gélules\u003c\/p\u003e\n      \u003cp class=\"mg-description\"\u003eLa synergie optimale pour réduire la fatigue, apaiser le stress et soutenir vos muscles au quotidien, sans inconfort digestif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la synergie haute absorption\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, irritabilité ou sommeil perturbé ? Votre corps vous envoie peut-être un signal clair : \u003cstrong\u003eun manque de magnésium\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid-compact\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧬 Forme chélatée\u003c\/h3\u003e\n        \u003cp\u003eBisglycinate de magnésium lié à deux molécules de glycine pour une biodisponibilité supérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🛡️ Tolérance digestive\u003c\/h3\u003e\n        \u003cp\u003eFini les inconforts gastriques souvent associés aux compléments de magnésium classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔬 Vitamine B6 intégrée\u003c\/h3\u003e\n        \u003cp\u003eLa pyridoxine améliore l'absorption cellulaire du magnésium et la synthèse de neurotransmetteurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France selon des standards de qualité rigoureux. Convient aux végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le magnésium bisglycinate plutôt qu'une autre forme ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-comparison\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔗 Absorption optimale\u003c\/h3\u003e\n        \u003cp\u003eLe bisglycinate de magnésium est lié à deux molécules de \u003cstrong\u003eglycine\u003c\/strong\u003e, un acide aminé qui facilite son passage à travers la barrière intestinale. Votre organisme absorbe une plus grande quantité de magnésium, sans provoquer de gêne digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e⚡ Le rôle clé de la vitamine B6\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 (pyridoxine hydrochloride) agit comme un véritable facilitateur : elle \u003cstrong\u003eaméliore l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de sérotonine et de GABA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏆 Duo complémentaire\u003c\/h3\u003e\n        \u003cp\u003eL'association \u003cstrong\u003emagnésium et vitamine B6\u003c\/strong\u003e forme un duo particulièrement efficace, bien supérieur à une supplémentation en magnésium seul (oxyde ou citrate).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium intervient dans plus de \u003cstrong\u003e300 réactions enzymatiques\u003c\/strong\u003e liées à la production d'énergie. Retrouvez votre vitalité dès les premières semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧘 Équilibre nerveux et gestion du stress\u003c\/h3\u003e\n        \u003cp\u003eLa combinaison vitamine B6 et magnésium soutient le système nerveux et aide à \u003cstrong\u003eapaiser les tensions\u003c\/strong\u003e accumulées au fil de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n        \u003cp\u003eIdéal après une journée intense ou une séance de sport, le magnésium contribue au \u003cstrong\u003erelâchement musculaire\u003c\/strong\u003e et réduit les crampes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌙 Soutien de l'humeur et du sommeil\u003c\/h3\u003e\n        \u003cp\u003eEn favorisant la synthèse de sérotonine, cette formule vous aide à retrouver un \u003cstrong\u003eétat d'esprit apaisé\u003c\/strong\u003e, notamment le soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, un atout essentiel à tout âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComposition pour 3 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"mg-composition-box\"\u003e\n      \u003cdiv class=\"mg-grid-compact\"\u003e\n        \u003cdiv class=\"mg-card\"\u003e\n          \u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n          \u003cp\u003eMagnésium chélaté hautement assimilable — forme premium pour une absorption maximale.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-card\"\u003e\n          \u003ch3\u003e🟡 Vitamine B6\u003c\/h3\u003e\n          \u003cp\u003ePyridoxine hydrochloride — facilite l'absorption cellulaire du magnésium.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-tip\"\u003e\n        \u003cspan class=\"mg-tip-icon\"\u003e📋\u003c\/span\u003e\n        \u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose\u003c\/strong\u003e, convient aux végétariens. Gélules de 550 mg — flacon de 90 gélules (cure de 30 jours). Poids net : 58 g. Fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"mg-timeline\"\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas pour une assimilation optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eAstuce détente du soir\u003c\/h3\u003e\n          \u003cp\u003eSi vous ressentez des tensions nerveuses en fin de journée, privilégiez la prise le soir au dîner : le bisglycinate de magnésium favorise la détente et prépare votre organisme au repos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, renouvelable selon vos besoins. Vous pouvez fractionner la prise (1 gélule à chaque repas) pour un apport régulier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eSujettes au stress chronique, à l'irritabilité ou à la nervosité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😴 Fatigués et insomniaques\u003c\/h3\u003e\n        \u003cp\u003eFatigue persistante, troubles du sommeil ou difficultés à récupérer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eCrampes musculaires, récupération difficile après l'effort, besoin accru en magnésium.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e📚 Étudiants en période d'examens\u003c\/h3\u003e\n        \u003cp\u003eConcentration, mémoire et gestion de la pression intellectuelle intensive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mg-cta-box\"\u003e\n      \u003cp\u003e✨ Offrez à votre corps le magnésium qu'il mérite — haute absorption, zéro inconfort digestif, résultats concrets dès les premières semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mg-disclaimer\"\u003e⚠️ Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mg-cream: #f4f6fb;\n  --mg-white: #ffffff;\n  --mg-primary: #1a4f9c;\n  --mg-primary-dark: #0d2f66;\n  --mg-primary-light: #e8eff9;\n  --mg-secondary: #2b7de9;\n  --mg-accent: #c9a226;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a6270;\n  --mg-border: #dde3ed;\n  --mg-shadow: 0 4px 24px rgba(13, 47, 102, .07);\n  --mg-shadow-lg: 0 12px 48px rgba(13, 47, 102, .13);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(201,162,38,.1) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.mg-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .01em;\n}\n\n.mg-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.mg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mg-primary), var(--mg-accent));\n  border-radius: 2px;\n}\n\n.mg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n  padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.mg-timeline-content {\n  flex: 1;\n  background: var(--mg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mg-radius-sm);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mg-tip p {\n  font-size: 14px;\n  color: var(--mg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.mg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n  font-size: 12px;\n  color: var(--mg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mg-card {\n    padding: 1.125rem;\n  }\n\n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n\n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mg-grid-compact {\n    gap: .625rem;\n  }\n\n  .mg-grid-compact .mg-card {\n    padding: .75rem;\n  }\n\n  .mg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mg-tip {\n    padding: .875rem 1rem;\n  }\n\n  .mg-tip-icon {\n    font-size: 20px;\n  }\n\n  .mg-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506749661561,"sku":"VO4601","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamine-b6-90-gelules-vitalosmose-packshothd.webp?v=1774698776"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --mg-cream: #f4f6fb;\n  --mg-white: #ffffff;\n  --mg-primary: #1a3a7a;\n  --mg-primary-dark: #0e2554;\n  --mg-primary-light: #e8edf7;\n  --mg-secondary: #3b7dd8;\n  --mg-accent: #5a9cf5;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a5a5a;\n  --mg-border: #dde3ee;\n  --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n  --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .15);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(90,156,245,.12) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.mg-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.12);\n}\n\n.mg-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(13px, 2.2vw, 16px);\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.mg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.mg-section-intro strong {\n  color: var(--mg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n  padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.mg-timeline-content {\n  flex: 1;\n  background: var(--mg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mg-radius-sm);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mg-timeline-content p strong {\n  color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mg-tip p {\n  font-size: 14px;\n  color: var(--mg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mg-tip p strong {\n  color: var(--mg-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  box-shadow: var(--mg-shadow);\n  overflow: hidden;\n}\n\n.mg-accordion-item {\n  border-bottom: 1px solid var(--mg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mg-accordion-header:hover {\n  background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mg-primary);\n  transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n  content: '−';\n}\n\n.mg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mg-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n  font-size: 12px;\n  color: var(--mg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mg-card {\n    padding: 1.125rem;\n  }\n\n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n\n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mg-grid-compact {\n    gap: .625rem;\n  }\n\n  .mg-grid-compact .mg-card {\n    padding: .75rem;\n  }\n\n  .mg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mg-badges-top {\n    gap: 6px;\n  }\n\n  .mg-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":25.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-vitalosmo-packshothd.webp?v=1773492134"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n  - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n  - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n  - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n  \n  \u003cdiv class=\"hrc-hero\"\u003e\n    \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hrc-hero-content\"\u003e\n      \u003cdiv class=\"hrc-badges-top\"\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n      \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n      \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n        \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n      \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n          \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n          \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n          \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n          \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n          \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n          \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-composition-box\"\u003e\n      \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n      \u003cdiv class=\"hrc-composition-grid\"\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-steps\"\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eAdministration\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hrc-tip\"\u003e\n      \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium  ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n        \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid-compact\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n        \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n        \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-accordion\"\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"hrc-cta-box\"\u003e\n      \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hrc-cream: #f8f9fa;\n  --hrc-white: #ffffff;\n  --hrc-primary: #1E5AAF;\n  --hrc-primary-dark: #14407a;\n  --hrc-primary-light: #e8f0fa;\n  --hrc-secondary: #4A9B4A;\n  --hrc-secondary-light: #e8f5e8;\n  --hrc-accent: #C8352D;\n  --hrc-text: #1a1a1a;\n  --hrc-text-light: #5a5a5a;\n  --hrc-border: #e0e0e0;\n  --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n  --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n  --hrc-radius: 20px;\n  --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hrc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n  border-radius: var(--hrc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.hrc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hrc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hrc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.hrc-description strong {\n  color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hrc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.hrc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--hrc-primary), var(--hrc-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hrc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hrc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hrc-shadow-lg);\n  border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hrc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hrc-card-benefit {\n  text-align: left;\n}\n\n.hrc-card-benefit ul {\n  margin: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.hrc-card-benefit li {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text-light);\n  padding: .35rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.hrc-card-benefit li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--hrc-secondary);\n  font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n  padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hrc-shadow);\n  border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hrc-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n  color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  overflow: hidden;\n  box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n  color: white;\n  padding: 1rem 1.5rem;\n  font-weight: 700;\n  font-size: clamp(14px, 2.5vw, 16px);\n  text-align: center;\n}\n\n.hrc-composition-grid {\n  padding: 1rem;\n}\n\n.hrc-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1rem;\n  border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-composition-sub {\n  background: var(--hrc-primary-light);\n  margin: 0 -1rem;\n  padding-left: 2rem;\n}\n\n.hrc-composition-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: 1.5rem;\n  box-shadow: var(--hrc-shadow);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.hrc-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.hrc-step-content h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n  font-size: 14px;\n  color: var(--hrc-text-light);\n  margin: 0;\n}\n\n.hrc-tip {\n  background: var(--hrc-secondary-light);\n  border-radius: var(--hrc-radius-sm);\n  padding: 1rem 1.25rem;\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text);\n  border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  box-shadow: var(--hrc-shadow);\n  overflow: hidden;\n}\n\n.hrc-accordion-item {\n  border-bottom: 1px solid var(--hrc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hrc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.hrc-accordion-header:hover {\n  background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hrc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hrc-primary);\n  transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n  content: '−';\n}\n\n.hrc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hrc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n  font-size: 13px;\n  color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hrc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.hrc-cta-box strong {\n  color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .hrc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .hrc-card {\n    padding: 1.125rem;\n  }\n  \n  .hrc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .hrc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hrc-radius-sm);\n  }\n  \n  .hrc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .hrc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .hrc-badges-top {\n    gap: 8px;\n  }\n  \n  .hrc-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .hrc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .hrc-grid-compact .hrc-card {\n    padding: .75rem;\n  }\n  \n  .hrc-steps {\n    grid-template-columns: 1fr 1fr;\n    gap: .75rem;\n  }\n  \n  .hrc-step {\n    padding: 1rem;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: .5rem;\n  }\n  \n  .hrc-step-number {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    font-size: 16px;\n  }\n  \n  .hrc-info-box {\n    padding: 1.25rem;\n  }\n  \n  .hrc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .hrc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .hrc-composition-item {\n    padding: .75rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n  \n  .hrc-composition-sub {\n    padding-left: 1.5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hrc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hrc-card:nth-child(1) { animation-delay: .05s; }\n  .hrc-card:nth-child(2) { animation-delay: .1s; }\n  .hrc-card:nth-child(3) { animation-delay: .15s; }\n  .hrc-card:nth-child(4) { animation-delay: .2s; }\n  .hrc-card:nth-child(5) { animation-delay: .25s; }\n  .hrc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hrc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-vitalosmose-ingredients.jpg?v=1768225119"},{"product_id":"vidanga-extrait-5-de-tanins-60-gelules-vegetales-ayurvana","title":"Vidanga Extrait 5% de Tanins - 60 Gélules végétales - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vidanga Extrait - Complément Ayurvédique\nPalette détectée:\n  - Primaire: #C4D947 (vert chartreuse vif du packaging - fraîcheur et vitalité)\n  - Secondaire: #8B9F2E (vert olive foncé - ancrage naturel)\n  - Accent: #E8B05C (ocre doré des motifs paisley - chaleur ayurvédique)\nAmbiance: Ayurvéda authentique, tradition indienne, naturel et végétal, wellness holistique\nPréfixe CSS: vdg\n--\u003e\n\n\u003cdiv class=\"vdg-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"vdg-hero\"\u003e\n    \u003cdiv class=\"vdg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vdg-hero-content\"\u003e\n      \u003cdiv class=\"vdg-badges-top\"\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🌿 Ayurvéda traditionnel\u003c\/span\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🌱 100% végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vdg-hero-title\"\u003eVidanga extrait\u003c\/span\u003e\n      \u003cp class=\"vdg-subtitle\"\u003eEmbelia ribes • 5% de tanins\u003c\/p\u003e\n      \u003cp class=\"vdg-description\"\u003ePlante purifiante majeure de l'Ayurvéda, la Vidanga est utilisée depuis des millénaires pour soutenir les défenses naturelles et purifier l'organisme en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🌿 Les bienfaits de la Vidanga\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSoutient activement le système immunitaire et renforce les défenses de l'organisme face aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e✨ Action purifiante\u003c\/h3\u003e\n        \u003cp\u003ePropriétés détoxifiantes reconnues en Ayurvéda pour purifier le système digestif et éliminer les toxines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e📜 Sagesse ancestrale\u003c\/h3\u003e\n        \u003cp\u003ePlante vénérée depuis des siècles dans la médecine traditionnelle indienne pour ses vertus exceptionnelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🔬 Extrait titré\u003c\/h3\u003e\n        \u003cp\u003eStandardisé à 5% de tanins pour garantir une concentration optimale en principes actifs à chaque prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules d'origine végétale convenant parfaitement aux régimes végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre global\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir l'harmonie de l'organisme selon les principes holistiques de l'Ayurvéda.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🌰 Composition par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-composition-box\"\u003e\n      \u003cdiv class=\"vdg-ingredient-main\"\u003e\n        \u003cdiv class=\"vdg-ingredient-header\"\u003e\n          \u003cspan class=\"vdg-ingredient-icon\"\u003e🌰\u003c\/span\u003e\n          \u003cdiv class=\"vdg-ingredient-info\"\u003e\n            \u003ch3\u003eEmbelia ribes (Vidanga)\u003c\/h3\u003e\n            \u003cspan class=\"vdg-ingredient-type\"\u003eExtrait de fruit\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"vdg-ingredient-dose\"\u003e250 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdg-ingredient-detail\"\u003e\n          \u003cspan class=\"vdg-titration\"\u003eStandardisé à 5% de tanins\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-ingredient-secondary\"\u003e\n        \u003cspan\u003e💊\u003c\/span\u003e\n        \u003cspan\u003eGélule végétale HPMC\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-usage-box\"\u003e\n      \u003cdiv class=\"vdg-usage-main\"\u003e\n        \u003cspan class=\"vdg-usage-dose\"\u003e1 à 2\u003c\/span\u003e\n        \u003cspan class=\"vdg-usage-unit\"\u003egélules par jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-usage-details\"\u003e\n        \u003cdiv class=\"vdg-usage-item\"\u003e\n          \u003cspan\u003e⏰\u003c\/span\u003e\n          \u003cspan\u003eAvant les repas\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdg-usage-item\"\u003e\n          \u003cspan\u003e💧\u003c\/span\u003e\n          \u003cspan\u003eAvec un grand verre d'eau\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e💪 Immunité fragilisée\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant renforcer leurs défenses naturelles, notamment aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e✨ Recherche de détox\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour purifier l'organisme et éliminer les toxines accumulées dans le système digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🧘 Adeptes de l'Ayurvéda\u003c\/h3\u003e\n        \u003cp\u003eParfait pour ceux qui privilégient une approche naturelle et holistique de leur bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid-compact\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n        \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 mois de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🌍 Origine plante\u003c\/h3\u003e\n        \u003cp\u003eInde\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFrance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-accordion\"\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit sec et frais, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants. Consulter un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eAyurVana - Laboratoire français spécialisé dans les compléments alimentaires ayurvédiques de haute qualité, formulés selon les principes de la médecine traditionnelle indienne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"vdg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vdg-cta-box\"\u003e\n      \u003cp\u003e🌿 Découvrez la puissance purifiante de la \u003cstrong\u003eVidanga\u003c\/strong\u003e, trésor de l'Ayurvéda millénaire, pour soutenir vos défenses naturelles et retrouver un organisme purifié.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vdg-cream: #fdfbf7;\n  --vdg-white: #ffffff;\n  --vdg-primary: #C4D947;\n  --vdg-primary-dark: #8B9F2E;\n  --vdg-primary-light: #f0f5d8;\n  --vdg-secondary: #E8B05C;\n  --vdg-accent: #A67B5B;\n  --vdg-text: #1a1a1a;\n  --vdg-text-light: #5a5a5a;\n  --vdg-border: #e0e0e0;\n  --vdg-shadow: 0 4px 24px rgba(139,159,46,.08);\n  --vdg-shadow-lg: 0 12px 48px rgba(139,159,46,.15);\n  --vdg-radius: 20px;\n  --vdg-radius-sm: 12px;\n}\n\n.vdg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vdg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vdg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C4D947 0%, #a8c03a 50%, #8B9F2E 100%);\n  border-radius: var(--vdg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--vdg-shadow-lg);\n}\n\n.vdg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-4 8-12 12-20 10 2 8 10 14 20 14s18-6 20-14c-8 2-16-2-20-10z' fill='%23fff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.vdg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vdg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.vdg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vdg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vdg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vdg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vdg-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n}\n\n.vdg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.vdg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vdg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vdg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.vdg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vdg-primary), var(--vdg-secondary));\n  border-radius: 2px;\n}\n\n.vdg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vdg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vdg-card {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vdg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vdg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vdg-shadow-lg);\n  border-color: var(--vdg-primary);\n}\n\n.vdg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vdg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vdg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vdg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Composition *\/\n.vdg-composition-box {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  overflow: hidden;\n}\n\n.vdg-ingredient-main {\n  background: linear-gradient(135deg, var(--vdg-primary-light) 0%, #fdfde8 100%);\n  padding: clamp(1.5rem, 4vw, 2rem);\n  border-bottom: 2px solid var(--vdg-primary);\n}\n\n.vdg-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.vdg-ingredient-icon {\n  font-size: 40px;\n}\n\n.vdg-ingredient-info {\n  flex: 1;\n  min-width: 150px;\n}\n\n.vdg-ingredient-info h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--vdg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vdg-ingredient-type {\n  font-size: 13px;\n  color: var(--vdg-text-light);\n}\n\n.vdg-ingredient-dose {\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--vdg-primary-dark);\n}\n\n.vdg-ingredient-detail {\n  margin-top: 1rem;\n}\n\n.vdg-titration {\n  display: inline-block;\n  background: var(--vdg-primary);\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n}\n\n.vdg-ingredient-secondary {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  padding: 1rem clamp(1.5rem, 4vw, 2rem);\n  font-size: 14px;\n  color: var(--vdg-text-light);\n}\n\n\/* Usage *\/\n.vdg-usage-box {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n}\n\n.vdg-usage-main {\n  margin-bottom: 1.5rem;\n}\n\n.vdg-usage-dose {\n  display: block;\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  color: var(--vdg-primary);\n  line-height: 1;\n}\n\n.vdg-usage-unit {\n  font-size: clamp(16px, 3vw, 20px);\n  color: var(--vdg-text);\n  font-weight: 600;\n}\n\n.vdg-usage-details {\n  display: flex;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.vdg-usage-item {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  font-size: 14px;\n  color: var(--vdg-text-light);\n}\n\n\/* Accordéon *\/\n.vdg-accordion {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  overflow: hidden;\n}\n\n.vdg-accordion-item {\n  border-bottom: 1px solid var(--vdg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vdg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vdg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vdg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.vdg-accordion-header:hover {\n  background: var(--vdg-primary-light);\n}\n\n.vdg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vdg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vdg-primary);\n  transition: transform .2s ease;\n}\n\n.vdg-accordion-item[open] .vdg-accordion-header::after {\n  content: '−';\n}\n\n.vdg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vdg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.vdg-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA *\/\n.vdg-cta-box {\n  background: linear-gradient(135deg, var(--vdg-primary) 0%, var(--vdg-primary-dark) 100%);\n  border-radius: var(--vdg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vdg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.vdg-cta-box strong {\n  font-weight: 800;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n  .vdg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vdg-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vdg-grid-compact .vdg-card {\n    padding: .75rem;\n  }\n  \n  .vdg-grid-compact .vdg-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .vdg-grid-compact .vdg-card p {\n    font-size: 12px;\n  }\n  \n  .vdg-card {\n    padding: 1.125rem;\n  }\n  \n  .vdg-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vdg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vdg-radius-sm);\n  }\n  \n  .vdg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vdg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vdg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vdg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .vdg-ingredient-header {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .vdg-usage-details {\n    gap: 1rem;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vdg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vdg-card:nth-child(1) { animation-delay: .05s; }\n  .vdg-card:nth-child(2) { animation-delay: .1s; }\n  .vdg-card:nth-child(3) { animation-delay: .15s; }\n  .vdg-card:nth-child(4) { animation-delay: .2s; }\n  .vdg-card:nth-child(5) { animation-delay: .25s; }\n  .vdg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vdg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111080093,"sku":"AY9924","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vidanga-extrait_60-gelules_ayurvana_11zon.jpg?v=1767975517"},{"product_id":"tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Tulsi (basilic Sacré) Bio - Poudre 150 grammes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi (Basilic Sacré) Bio - Poudre 150g AyurVana\nPalette détectée:\n  - Primaire: #E87B2A (orange vif du bandeau et accents)\n  - Secondaire: #4A7C59 (vert naturel\/feuilles de tulsi)\n  - Accent: #D4A574 (beige kraft du sachet)\n  - Tertiaire: #1E6B8A (bleu turquoise des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"tulsi-hero\"\u003e\n    \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tulsi-hero-content\"\u003e\n      \u003cdiv class=\"tulsi-badges-top\"\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e✨ Adaptogène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré de l'Ayurveda\u003c\/p\u003e\n      \u003cp class=\"tulsi-description\"\u003ePlante vénérée depuis des millénaires en Inde, le Tulsi (Ocimum sanctum) est votre allié naturel pour une respiration apaisée, un système immunitaire renforcé et une gestion optimale du stress.\u003c\/p\u003e\n      \u003cdiv class=\"tulsi-hero-specs\"\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e150g\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eFeuilles de Tulsi\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003eBio\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eCertifié AB\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES SANTÉ --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌺 Les bienfaits ancestraux du tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eLe Tulsi renforce naturellement les défenses de l'organisme et soutient le système immunitaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eAdaptogène puissant\u003c\/h3\u003e\n        \u003cp\u003eAide à mieux gérer le stress et favorise l'équilibre mental et physique grâce à ses propriétés adaptogènes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e💨\u003c\/div\u003e\n        \u003ch3\u003eRespiration apaisée\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour apaiser les voies respiratoires et favoriser un confort respiratoire optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eContribue à la protection des cellules contre les dommages oxydatifs grâce à sa richesse en antioxydants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003eDigestion harmonieuse\u003c\/h3\u003e\n        \u003cp\u003eSoutient une digestion saine et aide à maintenir le confort digestif au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003ch3\u003eAnti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003ePropriétés anti-inflammatoires traditionnellement reconnues pour le bien-être général de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌱 Une composition pure et simple\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-composition-box\"\u003e\n      \u003cdiv class=\"tulsi-composition-main\"\u003e\n        \u003cdiv class=\"tulsi-composition-content\"\u003e\n          \u003ch3\u003eFeuilles de Tulsi (Ocimum sanctum)\u003c\/h3\u003e\n          \u003cp\u003e100% poudre de feuilles de basilic sacré issues de l'agriculture biologique\u003c\/p\u003e\n          \u003cdiv class=\"tulsi-composition-tags\"\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans additifs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans conservateurs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans OGM\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans pesticides\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📖 Comment utiliser votre tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-usage-grid\"\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 cuillères à café de poudre par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn boisson\u003c\/h3\u003e\n          \u003cp\u003eAjoutez à vos infusions, smoothies ou jus chauds ou froids\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n          \u003cp\u003eIncorporez dans vos soupes, plats mijotés et préparations culinaires\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eBien mélanger\u003c\/h3\u003e\n          \u003cp\u003eAssurez une bonne répartition de la poudre dans votre préparation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ORIGINE --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🇮🇳 Origine et savoir-faire\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-origin-box\"\u003e\n      \u003cdiv class=\"tulsi-origin-content\"\u003e\n        \u003cdiv class=\"tulsi-origin-icon\"\u003e🏔️\u003c\/div\u003e\n        \u003ch3\u003eCultivé avec soin en Inde\u003c\/h3\u003e\n        \u003cp\u003eNotre Tulsi bio provient de fermes biologiques soigneusement sélectionnées en Inde, berceau de l'Ayurveda où le basilic sacré est vénéré et utilisé depuis des millénaires.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-origin-steps\"\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e🌱\u003c\/span\u003e\n            \u003cspan\u003eCulture biologique\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✋\u003c\/span\u003e\n            \u003cspan\u003eRécolte à la main\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e☀️\u003c\/span\u003e\n            \u003cspan\u003eSéchage naturel\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e⚙️\u003c\/span\u003e\n            \u003cspan\u003eBroyage fin\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✅\u003c\/span\u003e\n            \u003cspan\u003eContrôle qualité\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid tulsi-grid-3\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e😰\u003c\/div\u003e\n        \u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n        \u003cp\u003eCherchant un soutien naturel pour mieux gérer le stress quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🤧\u003c\/div\u003e\n        \u003ch3\u003eVoies respiratoires sensibles\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant apaiser et soutenir leur confort respiratoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘‍♀️\u003c\/div\u003e\n        \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n        \u003cp\u003eIntégrant les plantes sacrées indiennes dans leur routine bien-être\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité fragile\u003c\/h3\u003e\n        \u003cp\u003eDésireux de renforcer naturellement leurs défenses immunitaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍵\u003c\/div\u003e\n        \u003ch3\u003eAmateurs de thés \u0026amp; infusions\u003c\/h3\u003e\n        \u003cp\u003eÀ la recherche de nouvelles saveurs aux vertus bienfaisantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🥗\u003c\/div\u003e\n        \u003ch3\u003eCuisiniers créatifs\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant enrichir leurs plats d'une touche ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🏆 Certifications et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-certif-grid\"\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eAgriculture Biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003e100% Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans pesticides\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-info-grid\"\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eContenance\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003e150 grammes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📍\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eOrigine\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eInde\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📋\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eForme\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eConservation\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eAu sec, à l'abri de la lumière\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tulsi-cta-box\"\u003e\n      \u003cdiv class=\"tulsi-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"tulsi-cta-content\"\u003e\n        \u003cp\u003eOffrez à votre corps et à votre esprit les bienfaits millénaires du basilic sacré. Avec le Tulsi Bio AyurVana, adoptez un remède ancestral, naturellement efficace, pour votre bien-être quotidien.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-cta-tagline\"\u003eLa sagesse de l'Ayurveda à votre portée\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --tulsi-cream: #FDF8F3;\n  --tulsi-white: #ffffff;\n  --tulsi-primary: #E87B2A;\n  --tulsi-primary-dark: #C45D10;\n  --tulsi-primary-light: #FFF4EC;\n  --tulsi-secondary: #4A7C59;\n  --tulsi-secondary-light: #E8F5E9;\n  --tulsi-accent: #1E6B8A;\n  --tulsi-kraft: #D4A574;\n\n  \/* Textes *\/\n  --tulsi-text: #2C2C2C;\n  --tulsi-text-light: #5D5D5D;\n\n  \/* Effets *\/\n  --tulsi-border: #E8E0D8;\n  --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --tulsi-radius: 20px;\n  --tulsi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tulsi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tulsi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--tulsi-text);\n  line-height: 1.6;\n}\n\n.tulsi-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tulsi-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tulsi-primary) 0%, var(--tulsi-primary-dark) 50%, #A84D08 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 8-15 12-15 20s10 15 15 20c5-5 15-12 15-20S35 13 30 5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  background-size: 80px 80px;\n  opacity: 0.6;\n}\n\n.tulsi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tulsi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.tulsi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tulsi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tulsi-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  font-style: italic;\n}\n\n.tulsi-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-hero-specs {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.tulsi-spec {\n  text-align: center;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  padding: 1rem 1.5rem;\n  border-radius: var(--tulsi-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.tulsi-spec-value {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.tulsi-spec-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255,255,255,.85);\n  font-weight: 500;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tulsi-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tulsi-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--tulsi-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.tulsi-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--tulsi-primary), var(--tulsi-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tulsi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.tulsi-card {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.tulsi-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tulsi-shadow-lg);\n  border-color: var(--tulsi-primary);\n}\n\n.tulsi-card-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tulsi-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.tulsi-card p {\n  font-size: 15px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tulsi-card-benefit {\n  text-align: center;\n}\n\n.tulsi-card-benefit:hover .tulsi-card-icon {\n  animation: bounce .5s ease;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tulsi-composition-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-secondary);\n  box-shadow: var(--tulsi-shadow);\n}\n\n.tulsi-composition-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.tulsi-composition-icon {\n  font-size: 60px;\n  flex-shrink: 0;\n}\n\n.tulsi-composition-content {\n  flex: 1;\n  min-width: 250px;\n}\n\n.tulsi-composition-content h3 {\n  font-size: clamp(20px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--tulsi-secondary);\n  margin: 0 0 0.5rem 0;\n}\n\n.tulsi-composition-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  margin: 0 0 1.5rem 0;\n}\n\n.tulsi-composition-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.tulsi-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--tulsi-white);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--tulsi-secondary);\n  border: 1px solid var(--tulsi-secondary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tulsi-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-usage-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-usage-number {\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.tulsi-usage-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  margin: 0 0 0.25rem 0;\n}\n\n.tulsi-usage-content p {\n  font-size: 14px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.tulsi-origin-box {\n  background: linear-gradient(135deg, var(--tulsi-primary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-kraft);\n  box-shadow: var(--tulsi-shadow);\n  text-align: center;\n}\n\n.tulsi-origin-icon {\n  font-size: 50px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-origin-content h3 {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--tulsi-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.tulsi-origin-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-origin-steps {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.tulsi-origin-step {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--tulsi-white);\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tulsi-text);\n  box-shadow: 0 2px 8px rgba(0,0,0,.06);\n}\n\n.tulsi-step-icon {\n  font-size: 18px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.tulsi-certif-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-certif-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid var(--tulsi-border);\n  transition: all .3s ease;\n}\n\n.tulsi-certif-card:hover {\n  border-color: var(--tulsi-secondary);\n  transform: translateY(-4px);\n}\n\n.tulsi-certif-icon {\n  font-size: 36px;\n}\n\n.tulsi-certif-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tulsi-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-info-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--tulsi-shadow);\n  border-left: 4px solid var(--tulsi-primary);\n}\n\n.tulsi-info-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.tulsi-info-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.tulsi-info-label {\n  font-size: 12px;\n  color: var(--tulsi-text-light);\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  font-weight: 600;\n}\n\n.tulsi-info-value {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n}\n\n\/* === CTA FINAL === *\/\n.tulsi-cta-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #3A6249 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 2c-4 6-12 10-12 16s8 12 12 16c4-4 12-10 12-16S24 8 20 2z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  background-size: 60px 60px;\n}\n\n.tulsi-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tulsi-cta-icon {\n  font-size: 50px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.tulsi-cta-box p {\n  color: white;\n  font-size: clamp(16px, 2.5vw, 20px);\n  line-height: 1.7;\n  font-weight: 500;\n  max-width: 700px;\n  margin: 0 auto 1.5rem;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tulsi-cta-tagline {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  padding: 12px 28px;\n  border-radius: 999px;\n  color: white;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: .5px;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes bounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    animation: fadeInUp .6s ease backwards;\n  }\n  .tulsi-card:nth-child(1), .tulsi-usage-card:nth-child(1) { animation-delay: .1s; }\n  .tulsi-card:nth-child(2), .tulsi-usage-card:nth-child(2) { animation-delay: .2s; }\n  .tulsi-card:nth-child(3), .tulsi-usage-card:nth-child(3) { animation-delay: .3s; }\n  .tulsi-card:nth-child(4), .tulsi-usage-card:nth-child(4) { animation-delay: .4s; }\n  .tulsi-card:nth-child(5) { animation-delay: .5s; }\n  .tulsi-card:nth-child(6) { animation-delay: .6s; }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .tulsi-grid,\n  .tulsi-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .tulsi-hero-specs {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .tulsi-spec {\n    width: 100%;\n    max-width: 200px;\n  }\n  \n  .tulsi-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .tulsi-composition-tags {\n    justify-content: center;\n  }\n  \n  .tulsi-origin-steps {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .tulsi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    border: 2px solid var(--tulsi-text);\n  }\n  \n  .tulsi-badge {\n    border: 2px solid var(--tulsi-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111506077,"sku":"AY9933","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana-827581.jpg?v=1732722036"},{"product_id":"shatavari-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Shatavari Bio en poudre - 150g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shatavari Bio en poudre - 150g - Ayur-Vana\nPalette détectée:\n  - Primaire: #E91E8C (rose fuchsia\/magenta du bandeau et accents)\n  - Secondaire: #8B6914 (brun kraft du packaging)\n  - Accent: #4A9B4E (vert nature\/bio des motifs)\n  - Tertiaire: #5E4B8B (violet\/bleu des motifs paisley)\nAmbiance: Ayurvédique, féminin, naturel\/bio, tradition indienne, douceur, bien-être holistique\nPréfixe CSS: shata\n--\u003e\n\n\u003cdiv class=\"shata-premium\"\u003e\n  \n  \u003cdiv class=\"shata-hero\"\u003e\n    \u003cdiv class=\"shata-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"shata-hero-content\"\u003e\n      \u003cdiv class=\"shata-badges-top\"\u003e\n        \u003cspan class=\"shata-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"shata-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"shata-badge\"\u003e🌸 Équilibre féminin\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"shata-hero-title\"\u003eShatavari Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"shata-subtitle\"\u003eLa plante ayurvédique au service de votre féminité\u003c\/p\u003e\n      \u003cp class=\"shata-description\"\u003eStimulant féminin naturel • Désir et santé • 150g de racine pure\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e✨ Ce que le shatavari peut faire pour vous\u003c\/h2\u003e\n    \u003cdiv class=\"shata-intro-box\"\u003e\n      \u003cp\u003eÀ certaines périodes de votre vie, votre corps réclame un coup de pouce plus doux, plus à l'écoute. C'est là que le \u003cstrong\u003eShatavari Bio Ayur-Vana\u003c\/strong\u003e entre en scène. Recommandé depuis des siècles dans la tradition ayurvédique, il est particulièrement apprécié pour soutenir l'équilibre hormonal, adoucir les moments sensibles, et nourrir en profondeur votre énergie vitale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e💜 Les bienfaits que vous allez adorer\u003c\/h2\u003e\n    \u003cdiv class=\"shata-grid\"\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e🌙\u003c\/div\u003e\n        \u003ch3\u003eUn allié pour vos hormones\u003c\/h3\u003e\n        \u003cp\u003eSi vos cycles sont irréguliers ou que la ménopause chamboule tout, le shatavari peut vous aider à retrouver un peu de sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e🌺\u003c\/div\u003e\n        \u003ch3\u003eFertilité et vitalité féminine\u003c\/h3\u003e\n        \u003cp\u003eIl est souvent utilisé en soutien naturel lorsqu'un bébé se fait attendre… ou simplement pour renforcer votre énergie cyclique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e💪\u003c\/div\u003e\n        \u003ch3\u003eUn petit plus pour les hommes aussi\u003c\/h3\u003e\n        \u003cp\u003eMême s'il est plus connu pour ses effets chez la femme, le shatavari soutient aussi la vitalité masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e☕\u003c\/div\u003e\n        \u003ch3\u003eFacile à intégrer\u003c\/h3\u003e\n        \u003cp\u003eUn smoothie le matin, une tisane le soir… Pas besoin de changer toutes vos habitudes pour en profiter.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e📝 Comment l'utiliser au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"shata-usage-box\"\u003e\n      \u003cdiv class=\"shata-usage-steps\"\u003e\n        \u003cdiv class=\"shata-step\"\u003e\n          \u003cdiv class=\"shata-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"shata-step-content\"\u003e\n            \u003ch4\u003eDosez\u003c\/h4\u003e\n            \u003cp\u003ePrenez \u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e de poudre (environ 3g)\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-step\"\u003e\n          \u003cdiv class=\"shata-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"shata-step-content\"\u003e\n            \u003ch4\u003eMélangez\u003c\/h4\u003e\n            \u003cp\u003eDans un jus, une boisson végétale ou une infusion\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-step\"\u003e\n          \u003cdiv class=\"shata-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"shata-step-content\"\u003e\n            \u003ch4\u003eRépétez\u003c\/h4\u003e\n            \u003cp\u003e\u003cstrong\u003e1 à 2 fois par jour\u003c\/strong\u003e selon votre ressenti\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-tip\"\u003e\n        \u003cspan class=\"shata-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003eCertaines préfèrent en cure d'un mois, d'autres sur le long terme — écoutez votre corps, c'est lui le meilleur guide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e🌱 Une composition ultra simple\u003c\/h2\u003e\n    \u003cdiv class=\"shata-compo-card\"\u003e\n      \u003cdiv class=\"shata-compo-visual\"\u003e\n        \u003cdiv class=\"shata-plant-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cspan class=\"shata-compo-title\"\u003eRacine de shatavari\u003c\/span\u003e\n        \u003cspan class=\"shata-compo-badge\"\u003e100% Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-compo-text\"\u003e\n        \u003cp\u003ePas de liste d'ingrédients à rallonge ici. Juste \u003cstrong\u003ede la racine de shatavari pure, 100% bio\u003c\/strong\u003e, rien d'autre.\u003c\/p\u003e\n        \u003cdiv class=\"shata-compo-checks\"\u003e\n          \u003cspan\u003e✓ Pas d'additifs\u003c\/span\u003e\n          \u003cspan\u003e✓ Pas de conservateurs\u003c\/span\u003e\n          \u003cspan\u003e✓ Transparence totale\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e🏔️ D'où vient cette poudre ?\u003c\/h2\u003e\n    \u003cdiv class=\"shata-origin-grid\"\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e🌾\u003c\/span\u003e\n        \u003ch4\u003eCulture biologique\u003c\/h4\u003e\n        \u003cp\u003eCultivée en respectant les règles strictes de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e☀️\u003c\/span\u003e\n        \u003ch4\u003eSéchage doux\u003c\/h4\u003e\n        \u003cp\u003eSéchée doucement pour garder intacts ses précieux actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e🕉️\u003c\/span\u003e\n        \u003ch4\u003eTradition ayurvédique\u003c\/h4\u003e\n        \u003cp\u003eSelon la méthode traditionnelle, comme depuis des générations\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003ch4\u003eSavoir-faire Ayur-Vana\u003c\/h4\u003e\n        \u003cp\u003eConditionné en France avec le plus grand soin\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e👩 Pourquoi tant de femmes l'adoptent\u003c\/h2\u003e\n    \u003cdiv class=\"shata-why-box\"\u003e\n      \u003cp\u003eParce qu'il fait du bien. Sans vous bousculer. Le shatavari est une plante douce, qui agit en profondeur sur le long terme. Il ne fait pas de promesses miracles, mais offre un \u003cstrong\u003esoutien réel et naturel\u003c\/strong\u003e pour celles qui veulent traverser les étapes de leur vie féminine avec plus de confort et de stabilité.\u003c\/p\u003e\n      \u003cdiv class=\"shata-profiles\"\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e🌸\u003c\/span\u003e\n          \u003cspan\u003eCycles irréguliers\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e🦋\u003c\/span\u003e\n          \u003cspan\u003eMénopause\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e👶\u003c\/span\u003e\n          \u003cspan\u003eProjet bébé\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e💫\u003c\/span\u003e\n          \u003cspan\u003eMieux-être général\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e❓ Vos questions, nos réponses honnêtes\u003c\/h2\u003e\n    \u003cdiv class=\"shata-faq\"\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003eEst-ce que c'est un produit « miracle » ?\u003c\/summary\u003e\n        \u003cp\u003eNon, et c'est tant mieux. Il s'agit d'un soutien naturel, doux mais profond. Les résultats sont progressifs et souvent liés à une utilisation régulière.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003eComment savoir si le shatavari est fait pour moi ?\u003c\/summary\u003e\n        \u003cp\u003eVous ressentez des déséquilibres hormonaux, vous êtes en période de transition (périménopause, post-partum…), ou simplement à la recherche d'un mieux-être ? Cela peut valoir le coup d'essayer.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003eY a-t-il des contre-indications ?\u003c\/summary\u003e\n        \u003cp\u003eOui, comme tout complément. Mieux vaut éviter si vous êtes enceinte (sauf avis médical), en cours de traitement hormonal, ou allergique à l'asperge. Un petit tour chez votre médecin, au moindre doute.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003ePuis-je faire une cure longue durée ?\u003c\/summary\u003e\n        \u003cp\u003eAbsolument, sur 1 à 3 mois en général. Mais toujours avec écoute de soi. Faites des pauses, observez les effets… votre corps saura vous parler.\u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"shata-info-grid\"\u003e\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003e150g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003ePoudre pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003eAgriculture Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eDurée cure\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003e~50 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"shata-cta-box\"\u003e\n      \u003cdiv class=\"shata-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"shata-cta-content\"\u003e\n        \u003cspan class=\"shata-cta-emoji\"\u003e🌸\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le soutien doux et naturel qu'il mérite.\u003cbr\u003e\u003cstrong\u003e150g de pureté ayurvédique\u003c\/strong\u003e pour accompagner votre féminité 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  --shata-cream: #FDF8F3;\n  --shata-white: #ffffff;\n  --shata-primary: #E91E8C;\n  --shata-primary-dark: #C4177A;\n  --shata-primary-light: #FCE4F0;\n  --shata-secondary: #8B6914;\n  --shata-accent: #4A9B4E;\n  --shata-violet: #7B5EA7;\n  --shata-text: #2D2A32;\n  --shata-text-light: #6B6574;\n  --shata-border: #E8DFD5;\n  --shata-shadow: 0 4px 24px rgba(233,30,140,.08);\n  --shata-shadow-lg: 0 12px 48px rgba(233,30,140,.15);\n  --shata-radius: 20px;\n  --shata-radius-sm: 12px;\n}\n\n.shata-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--shata-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--shata-text);\n  line-height: 1.6;\n}\n\n.shata-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.shata-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--shata-primary) 0%, var(--shata-violet) 50%, var(--shata-primary-dark) 100%);\n  border-radius: var(--shata-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(--shata-shadow-lg);\n}\n\n.shata-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 14 8 0 14 6 16 14 2-8 8-14 16-14-8 0-14-6-16-14z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .6;\n}\n\n.shata-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.shata-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.shata-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(--shata-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.shata-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.shata-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.shata-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.shata-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2vw, 16px);\n  margin: 0;\n  font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.shata-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.shata-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--shata-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.shata-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(--shata-primary), var(--shata-violet));\n  border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.shata-intro-box {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--shata-shadow);\n  border-left: 4px solid var(--shata-primary);\n}\n\n.shata-intro-box p {\n  font-size: clamp(16px, 2.5vw, 18px);\n  line-height: 1.8;\n  color: var(--shata-text);\n  margin: 0;\n}\n\n.shata-intro-box strong {\n  color: var(--shata-primary-dark);\n}\n\n\/* === CARDS GRID === *\/\n.shata-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.shata-card {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--shata-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.shata-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--shata-shadow-lg);\n  border-color: var(--shata-primary);\n}\n\n.shata-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.shata-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--shata-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.shata-card p {\n  font-size: 15px;\n  color: var(--shata-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === USAGE BOX === *\/\n.shata-usage-box {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--shata-shadow);\n}\n\n.shata-usage-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.shata-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n}\n\n.shata-step-number {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  background: linear-gradient(135deg, var(--shata-primary), var(--shata-violet));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(233,30,140,.3);\n}\n\n.shata-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shata-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.shata-step-content p {\n  font-size: 14px;\n  color: var(--shata-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.shata-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--shata-primary-light);\n  border-radius: var(--shata-radius-sm);\n  padding: 1rem 1.25rem;\n}\n\n.shata-tip-icon {\n  font-size: 24px;\n}\n\n.shata-tip p {\n  font-size: 14px;\n  color: var(--shata-primary-dark);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.shata-compo-card {\n  background: linear-gradient(135deg, var(--shata-accent) 0%, #3D8240 100%);\n  border-radius: var(--shata-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 2rem;\n  align-items: center;\n  color: white;\n  box-shadow: 0 8px 32px rgba(74,155,78,.3);\n}\n\n.shata-compo-visual {\n  text-align: center;\n}\n\n.shata-plant-icon {\n  font-size: 64px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.shata-compo-title {\n  display: block;\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: .5rem;\n}\n\n.shata-compo-badge {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.shata-compo-text p {\n  font-size: 16px;\n  line-height: 1.7;\n  margin: 0 0 1rem 0;\n}\n\n.shata-compo-checks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n}\n\n.shata-compo-checks span {\n  background: rgba(255,255,255,.2);\n  padding: 6px 12px;\n  border-radius: var(--shata-radius-sm);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n\/* === ORIGIN === *\/\n.shata-origin-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.shata-origin-item {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--shata-shadow);\n  transition: all .3s ease;\n}\n\n.shata-origin-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shata-shadow-lg);\n}\n\n.shata-origin-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: .75rem;\n}\n\n.shata-origin-item h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shata-secondary);\n  margin: 0 0 .5rem 0;\n}\n\n.shata-origin-item p {\n  font-size: 14px;\n  color: var(--shata-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === WHY BOX === *\/\n.shata-why-box {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--shata-shadow);\n  text-align: center;\n}\n\n.shata-why-box \u003e p {\n  font-size: clamp(16px, 2.5vw, 18px);\n  line-height: 1.8;\n  color: var(--shata-text);\n  margin: 0 0 2rem 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.shata-why-box strong {\n  color: var(--shata-primary-dark);\n}\n\n.shata-profiles {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.shata-profile {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  background: var(--shata-primary-light);\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--shata-primary-dark);\n  transition: all .3s ease;\n}\n\n.shata-profile:hover {\n  transform: scale(1.05);\n  background: var(--shata-primary);\n  color: white;\n}\n\n.shata-profile-icon {\n  font-size: 18px;\n}\n\n\/* === FAQ === *\/\n.shata-faq {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.shata-faq-item {\n  background: var(--shata-white);\n  border: 2px solid var(--shata-border);\n  border-radius: var(--shata-radius-sm);\n  margin-bottom: 12px;\n  overflow: hidden;\n  transition: all .3s ease;\n}\n\n.shata-faq-item[open] {\n  border-color: var(--shata-primary);\n  box-shadow: var(--shata-shadow);\n}\n\n.shata-faq-item summary {\n  padding: 1.25rem 3rem 1.25rem 1.5rem;\n  font-weight: 700;\n  font-size: 16px;\n  color: var(--shata-text);\n  cursor: pointer;\n  position: relative;\n  list-style: none;\n  transition: all .3s ease;\n}\n\n.shata-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.shata-faq-item summary::after {\n  content: '+';\n  position: absolute;\n  right: 1.25rem;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 24px;\n  font-weight: 300;\n  color: var(--shata-primary);\n  transition: transform .3s ease;\n}\n\n.shata-faq-item[open] summary::after {\n  transform: translateY(-50%) rotate(45deg);\n}\n\n.shata-faq-item summary:hover {\n  color: var(--shata-primary-dark);\n}\n\n.shata-faq-item p {\n  padding: 0 1.5rem 1.25rem 1.5rem;\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--shata-text-light);\n}\n\n\/* === INFO GRID === *\/\n.shata-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.shata-info-item {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--shata-shadow);\n  border-top: 3px solid var(--shata-primary);\n}\n\n.shata-info-label {\n  display: block;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  color: var(--shata-text-light);\n  margin-bottom: .5rem;\n  font-weight: 600;\n}\n\n.shata-info-value {\n  display: block;\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--shata-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.shata-cta-box {\n  background: linear-gradient(135deg, var(--shata-primary) 0%, var(--shata-violet) 100%);\n  border-radius: var(--shata-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.shata-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='3' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.shata-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.shata-cta-emoji {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.shata-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.shata-cta-box strong {\n  color: rgba(255,255,255,1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .shata-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .shata-compo-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  \n  .shata-usage-steps {\n    grid-template-columns: 1fr;\n  }\n  \n  .shata-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .shata-card,\n  .shata-origin-item,\n  .shata-info-item {\n    animation: shataFadeInUp .6s ease backwards;\n  }\n  \n  .shata-card:nth-child(1),\n  .shata-origin-item:nth-child(1),\n  .shata-info-item:nth-child(1) { animation-delay: .1s; }\n  .shata-card:nth-child(2),\n  .shata-origin-item:nth-child(2),\n  .shata-info-item:nth-child(2) { animation-delay: .2s; }\n  .shata-card:nth-child(3),\n  .shata-origin-item:nth-child(3),\n  .shata-info-item:nth-child(3) { animation-delay: .3s; }\n  .shata-card:nth-child(4),\n  .shata-origin-item:nth-child(4),\n  .shata-info-item:nth-child(4) { animation-delay: .4s; }\n  .shata-info-item:nth-child(5) { animation-delay: .5s; }\n  .shata-info-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes shataFadeInUp {\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  .shata-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .shata-card,\n  .shata-faq-item {\n    border: 2px solid var(--shata-text);\n  }\n  \n  .shata-hero-title,\n  .shata-subtitle {\n    text-shadow: none;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755112358045,"sku":"AY9928","price":21.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ayur-vana_shatavari_poudre_150g.webp?v=1749648643"},{"product_id":"programme-poids-ideal-avec-layurveda-6-triphala-bio-60-gelules-1-trikatu-3-trimada-et-3-guggul-ayurvana","title":"Programme Ayurvédique Poids Idéal : Triphala Bio, Trikatu, Trimada et Guggul | AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Programme Ayurvédique Poids Idéal (4 produits AyurVana)\nPalette détectée:\n  - Primaire: #6B9B7B (vert sauge naturel du Triphala, dominante)\n  - Secondaire: #4A8B8F (vert-turquoise du Guggul)\n  - Accent: #C85757 (rouge terracotta du Trimada)\n  - Support: #6FA8C4 (bleu ciel du Trikatu)\n  - Base: #F5F3EE (beige clair naturel\/bio)\nAmbiance: Naturelle, bio, ayurvédique, holistique, authentique\nStyle: Santé naturelle, wellness premium, médecine douce\nType: Programme de compléments alimentaires ayurvédiques\nPréfixe CSS: ayur\n--\u003e\n\u003cdiv class=\"ayur-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ayur-hero\"\u003e\n\u003cdiv class=\"ayur-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ayur-hero-content\"\u003e\n\u003cdiv class=\"ayur-badges-top\"\u003e\n\u003cspan class=\"ayur-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e⏱️ Programme 90 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ayur-hero-title\"\u003eProgramme ayurvédique poids idéal\u003c\/span\u003e\n\u003cp class=\"ayur-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa solution holistique pour retrouver votre équilibre naturel\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ayur-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn protocole complet de 4 formules synergiques qui accompagnent les 3 phases clés du métabolisme : digestion, régulation et élimination. Une approche millénaire pour des résultats durables.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COMPOSITION DU PROGRAMME --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e🎯 Votre programme complet en 4 formules\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-4\"\u003e\n\u003cdiv class=\"ayur-card ayur-card-triphala\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex6\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🌿\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTriphala Bio\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eDigestion \u0026amp; élimination\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003e3 fruits ayurvédiques sacrés\u003c\/li\u003e\n\u003cli\u003eÉlimination douce et efficace\u003c\/li\u003e\n\u003cli\u003eCertifié bio\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e2 gélules\/jour pendant 90 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-guggul\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex3\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e💚\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGuggul\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eRégulation lipidique\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003eMaintient les taux de lipides sains\u003c\/li\u003e\n\u003cli\u003eFavorise le bon cholestérol\u003c\/li\u003e\n\u003cli\u003eRésine précieuse purifiée\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e1 gélule\/jour pendant 60 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-trikatu\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex1\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🔥\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTrikatu\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eDigestion optimale\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003e3 épices chauffantes\u003c\/li\u003e\n\u003cli\u003eStimule le feu digestif\u003c\/li\u003e\n\u003cli\u003eActive le métabolisme\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e2 gélules\/jour pendant 15 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-trimada\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex3\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🍃\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTrimada\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eÉlimination des lipides\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003eRégule le métabolisme lipidique\u003c\/li\u003e\n\u003cli\u003eCible les zones de stockage\u003c\/li\u003e\n\u003cli\u003eAction ciblée\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e1 gélule\/jour pendant 60 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LES 3 PHASES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e⚡ Les 3 phases du métabolisme optimisé\u003c\/h2\u003e\n\u003cdiv class=\"ayur-phases\"\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-1\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e🔥 Phase 1 : digestion stimulée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Trikatu\u003c\/strong\u003e – Ce complexe de trois épices chauffantes réveille votre feu digestif (Agni en sanskrit). Une mauvaise digestion se manifeste par une langue chargée, un manque d'énergie après les repas, voire un assoupissement. Le Trikatu transforme cette torpeur en énergie.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 15 : phase d'activation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-2\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e⚖️ Phase 2 : métabolisme régulé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Trimada\u003c\/strong\u003e – Cette formule intervient sur le métabolisme des lipides. Les graisses non métabolisées ont tendance à s'accumuler sur les fesses et les cuisses chez les femmes, et sur le ventre chez les hommes. Le Trimada empêche ces dépôts de s'installer durablement.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 60 : régulation active\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-3\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e🌊 Phase 3 : élimination harmonieuse\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Triphala Bio\u003c\/strong\u003e – Composé de trois fruits ayurvédiques (Amalaki, Bibhitaki, Haritaki), il assure une élimination douce, régulière et efficace. Contrairement aux laxatifs agressifs, le Triphala respecte votre organisme tout en nettoyant en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 90 : élimination continue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-box\"\u003e\n\u003cstrong\u003e💚 Le Guggul\u003c\/strong\u003e : formule complémentaire qui maintient des niveaux sains de lipides sanguins et favorise le bon cholestérol tout au long du programme.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de ce programme holistique\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eApproche globale\u003c\/h3\u003e\n\u003cp\u003eNe se contente pas de masquer les symptômes : agit sur les trois phases du métabolisme pour des résultats durables et harmonieux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormules issues de la pharmacopée ayurvédique millénaire, sans additifs chimiques, certifiées bio et fabriquées en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eÉquilibre restauré\u003c\/h3\u003e\n\u003cp\u003eRetrouvez légèreté et vitalité en régulant naturellement votre poids sans frustration ni effet yo-yo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eÉnergie retrouvée\u003c\/h3\u003e\n\u003cp\u003eFini la lourdeur après les repas : une digestion optimale libère votre énergie pour vos activités quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eBien-être global\u003c\/h3\u003e\n\u003cp\u003eAu-delà du poids, c'est tout votre système digestif et métabolique qui retrouve son équilibre naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e📅\u003c\/div\u003e\n\u003ch3\u003eProgramme structuré\u003c\/h3\u003e\n\u003cp\u003eUn protocole clair de 90 jours avec un dosage précis pour chaque formule, pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e📋 Comment suivre votre programme\u003c\/h2\u003e\n\u003cdiv class=\"ayur-timeline\"\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJours\u003cbr\u003e1-15\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e🔥 Phase d'activation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrikatu\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrimada\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eGuggul\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJour\u003cbr\u003e16-60\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Phase de régulation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrimada\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eGuggul\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJour\u003cbr\u003e61-90\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e🌊 Phase de stabilisation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ayur-note\"\u003e💡 Continuez le Triphala seul pour maintenir une élimination douce et régulière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEILS --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e💡 Conseils pour optimiser vos résultats\u003c\/h2\u003e\n\u003cdiv class=\"ayur-tips-grid\"\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eAlimentation consciente\u003c\/h3\u003e\n\u003cp\u003eMangez en pleine conscience, sans masquer un mal-être. L'important n'est pas seulement ce que vous mangez, mais pourquoi et comment vous le mangez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydratation optimale\u003c\/h3\u003e\n\u003cp\u003eBuvez 1,5 à 2 litres d'eau par jour, de préférence chaude ou tiède, pour faciliter l'élimination et soutenir votre métabolisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🚶\u003c\/div\u003e\n\u003ch3\u003eActivité régulière\u003c\/h3\u003e\n\u003cp\u003eUne marche quotidienne de 30 minutes active la digestion et le métabolisme. Pas besoin de sport intense, la régularité prime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e😴\u003c\/div\u003e\n\u003ch3\u003eSommeil réparateur\u003c\/h3\u003e\n\u003cp\u003eUn sommeil de qualité est essentiel à la régulation métabolique. Couchez-vous avant 23h pour respecter votre rythme circadien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eGestion du stress\u003c\/h3\u003e\n\u003cp\u003eLe stress favorise le stockage des graisses. Pratiquez la respiration profonde, la méditation ou le yoga pour apaiser votre mental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eRégularité des prises\u003c\/h3\u003e\n\u003cp\u003ePrenez vos gélules aux mêmes heures chaque jour pour créer une routine et maximiser l'efficacité du programme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e👤 Ce programme est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003cp\u003eVous souhaitez retrouver votre poids de forme de manière naturelle et durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e😓\u003c\/div\u003e\n\u003cp\u003eVous vous sentez lourd après les repas avec une digestion laborieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e📊\u003c\/div\u003e\n\u003cp\u003eVos analyses montrent des taux de lipides ou de cholestérol à surveiller\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🔄\u003c\/div\u003e\n\u003cp\u003eVous avez essayé des régimes yo-yo sans succès durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003cp\u003eVous recherchez une approche holistique respectueuse de votre corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e💪\u003c\/div\u003e\n\u003cp\u003eVous voulez retrouver légèreté, énergie et vitalité au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-warning-box\"\u003e\n\u003cdiv class=\"ayur-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCe programme ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical\u003c\/li\u003e\n\u003cli\u003eEn cas de traitement médical, consultez votre médecin avant de commencer\u003c\/li\u003e\n\u003cli\u003eRespectez les dosages recommandés pour une utilisation optimale\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eCe produit n'est pas un médicament mais un complément alimentaire\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=\"ayur-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e📏\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e13 boîtes au total :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e6x Triphala Bio (60 gél.)\u003c\/li\u003e\n\u003cli\u003e3x Guggul (60 gél.)\u003c\/li\u003e\n\u003cli\u003e3x Trimada (60 gél.)\u003c\/li\u003e\n\u003cli\u003e1x Trikatu (60 gél.)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eDurée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProgramme complet de 90 jours\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e3 mois pour restaurer l'équilibre métabolique en profondeur et obtenir des résultats durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabrication\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eProduits AyurVana, certification bio, gélules 100% végétales, contrôles qualité rigoureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% végétal\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePlantes ayurvédiques authentiques, sans OGM, sans gluten, gélules végétales (pullulane)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e📦\u003c\/div\u003e\n\u003ch3\u003eConservation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eÀ l'abri de la lumière\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConservez dans un endroit sec et frais, à l'abri de la lumière directe et de l'humidité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eCertifications\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabel Bio officiel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eLe Triphala est certifié Agriculture Biologique par Ecocert selon le référentiel européen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LA PHILOSOPHIE AYURVÉDIQUE --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-philosophy-box\"\u003e\n\u003ch2\u003e🕉️ La sagesse ayurvédique au service de votre équilibre\u003c\/h2\u003e\n\u003cdiv class=\"ayur-philosophy-content\"\u003e\n\u003cp\u003eL'Ayurvéda, médecine traditionnelle indienne vieille de plus de 5000 ans, considère que le poids idéal n'est pas une question de calories, mais d'\u003cstrong\u003eéquilibre énergétique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eSelon cette science millénaire, la prise de poids résulte d'un déséquilibre entre les trois doshas (Vata, Pitta, Kapha) et d'un affaiblissement du feu digestif (Agni). Lorsque Agni est faible, les aliments ne sont pas correctement métabolisés et créent de l'Ama (toxines), qui s'accumulent dans les tissus.\u003c\/p\u003e\n\u003cp\u003eCe programme ne propose \u003cstrong\u003epas de solution miracle\u003c\/strong\u003e, mais une approche respectueuse de votre physiologie. Il accompagne les trois grandes phases du métabolisme selon l'Ayurvéda :\u003c\/p\u003e\n\u003cdiv class=\"ayur-philosophy-steps\"\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e1. Réveiller le feu digestif\u003c\/strong\u003e (avec le Trikatu) pour transformer efficacement les aliments en énergie\u003c\/div\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e2. Réguler le métabolisme\u003c\/strong\u003e (avec le Trimada et le Guggul) pour empêcher l'accumulation de graisses\u003c\/div\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e3. Éliminer les toxines\u003c\/strong\u003e (avec le Triphala) pour purifier l'organisme en douceur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ayur-philosophy-quote\"\u003e💫 \u003cem\u003e\"Lorsque la digestion est pure, le corps est pur. Lorsque le corps est pur, l'esprit est clair.\"\u003c\/em\u003e – Sagesse ayurvédique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-cta-box\"\u003e\n\u003cdiv class=\"ayur-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ayur-cta-content\"\u003e\n\u003ch2\u003e🌟 Retrouvez votre équilibre naturel\u003c\/h2\u003e\n\u003cp\u003eCe programme ayurvédique complet de 90 jours vous accompagne vers votre poids idéal de manière holistique et durable. Plus qu'une simple cure minceur, c'est un véritable rééquilibrage métabolique qui vous redonne légèreté, vitalité et bien-être.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e\u003cstrong\u003eUn investissement dans votre santé pour des résultats qui durent.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"ayur-cta-features\"\u003e\n\u003cspan\u003e✓ Programme complet 90 jours\u003c\/span\u003e \u003cspan\u003e✓ 4 formules synergiques\u003c\/span\u003e \u003cspan\u003e✓ 100% naturel \u0026amp; bio\u003c\/span\u003e \u003cspan\u003e✓ Made in France\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  \/* Couleurs principales *\/\n  --ayur-cream: #FDF8F1;\n  --ayur-white: #ffffff;\n  --ayur-primary: #6B9B7B;\n  --ayur-primary-dark: #4A6B5A;\n  --ayur-primary-light: #E8F0EB;\n  --ayur-secondary: #4A8B8F;\n  --ayur-accent: #C85757;\n  --ayur-blue: #6FA8C4;\n  \n  \/* Couleurs spécifiques produits *\/\n  --ayur-triphala: #7FAF6E;\n  --ayur-guggul: #4A8B8F;\n  --ayur-trikatu: #6FA8C4;\n  --ayur-trimada: #C85757;\n\n  \/* Textes *\/\n  --ayur-text: #1a1a1a;\n  --ayur-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --ayur-border: #e0e0e0;\n  --ayur-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ayur-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ayur-radius: 20px;\n  --ayur-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ayur-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ayur-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--ayur-text);\n  line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.ayur-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6B9B7B 0%, #4A8B8F 50%, #5A7B8F 100%);\n  border-radius: var(--ayur-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(--ayur-shadow-lg);\n}\n\n.ayur-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .07;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n    repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\n}\n\n.ayur-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ayur-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  justify-content: center;\n  margin-bottom: 2rem;\n}\n\n.ayur-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(--ayur-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ayur-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.ayur-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.ayur-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.ayur-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.ayur-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ayur-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ayur-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.ayur-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(--ayur-primary), var(--ayur-secondary));\n  border-radius: 2px;\n}\n\n.ayur-premium h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--ayur-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.ayur-premium p {\n  margin-bottom: 1rem;\n  color: var(--ayur-text);\n}\n\n.ayur-premium strong {\n  color: var(--ayur-primary-dark);\n  font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.ayur-grid {\n  display: grid;\n  gap: 1.5rem;\n}\n\n.ayur-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.ayur-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS PRODUITS === *\/\n.ayur-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  border: 3px solid transparent;\n  transition: all .3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.ayur-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 6px;\n  opacity: 0;\n  transition: opacity .3s ease;\n}\n\n.ayur-card-triphala::before {\n  background: linear-gradient(90deg, var(--ayur-triphala), #8BC978);\n}\n\n.ayur-card-guggul::before {\n  background: linear-gradient(90deg, var(--ayur-guggul), #5AA5AA);\n}\n\n.ayur-card-trikatu::before {\n  background: linear-gradient(90deg, var(--ayur-trikatu), #85BCDB);\n}\n\n.ayur-card-trimada::before {\n  background: linear-gradient(90deg, var(--ayur-trimada), #DD6B6B);\n}\n\n.ayur-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-card:hover::before {\n  opacity: 1;\n}\n\n.ayur-card-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 1.5rem;\n}\n\n.ayur-quantity {\n  background: var(--ayur-primary-light);\n  color: var(--ayur-primary-dark);\n  font-weight: 900;\n  font-size: 20px;\n  padding: 8px 16px;\n  border-radius: 999px;\n}\n\n.ayur-icon {\n  font-size: 32px;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-card-subtitle {\n  color: var(--ayur-secondary);\n  font-weight: 700;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 1rem;\n}\n\n.ayur-list {\n  list-style: none;\n  padding: 0;\n  margin: 1.5rem 0;\n}\n\n.ayur-list li {\n  position: relative;\n  padding-left: 28px;\n  margin-bottom: .75rem;\n  color: var(--ayur-text);\n  font-size: 15px;\n}\n\n.ayur-list li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--ayur-primary);\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.ayur-dosage {\n  background: var(--ayur-primary-light);\n  color: var(--ayur-primary-dark);\n  padding: 12px 16px;\n  border-radius: var(--ayur-radius-sm);\n  font-weight: 700;\n  font-size: 14px;\n  text-align: center;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--ayur-primary);\n}\n\n\/* === PHASES === *\/\n.ayur-phases {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.ayur-phase {\n  display: flex;\n  gap: 2rem;\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  border-left: 6px solid var(--ayur-primary);\n  transition: all .3s ease;\n}\n\n.ayur-phase:hover {\n  transform: translateX(8px);\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-phase-1 {\n  border-left-color: var(--ayur-trimada);\n}\n\n.ayur-phase-2 {\n  border-left-color: var(--ayur-guggul);\n}\n\n.ayur-phase-3 {\n  border-left-color: var(--ayur-triphala);\n}\n\n.ayur-phase-number {\n  flex-shrink: 0;\n  width: 60px;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 32px;\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--ayur-primary), var(--ayur-secondary));\n  color: white;\n  border-radius: 50%;\n  box-shadow: 0 4px 16px rgba(107, 155, 123, .3);\n}\n\n.ayur-phase-content {\n  flex: 1;\n}\n\n.ayur-highlight {\n  display: inline-block;\n  background: var(--ayur-primary-light);\n  color: var(--ayur-primary-dark);\n  padding: 8px 16px;\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 13px;\n  margin-top: 1rem;\n}\n\n\/* === INFO BOX === *\/\n.ayur-info-box {\n  background: linear-gradient(135deg, var(--ayur-primary-light) 0%, rgba(74, 139, 143, .1) 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  margin-top: 2rem;\n  border-left: 4px solid var(--ayur-secondary);\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ayur-benefit-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  text-align: center;\n  transition: all .3s ease;\n  border-top: 4px solid transparent;\n}\n\n.ayur-benefit-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ayur-shadow-lg);\n  border-top-color: var(--ayur-primary);\n}\n\n.ayur-benefit-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-benefit-card h3 {\n  margin-bottom: 1rem;\n}\n\n.ayur-benefit-card p {\n  font-size: 15px;\n  color: var(--ayur-text-light);\n  margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.ayur-timeline {\n  position: relative;\n  padding-left: 2rem;\n}\n\n.ayur-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(--ayur-primary) 0%, var(--ayur-secondary) 100%);\n  border-radius: 2px;\n}\n\n.ayur-timeline-item {\n  position: relative;\n  margin-bottom: 2.5rem;\n}\n\n.ayur-timeline-item:last-child {\n  margin-bottom: 0;\n}\n\n.ayur-timeline-marker {\n  position: absolute;\n  left: -2rem;\n  top: 0;\n  transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--ayur-primary), var(--ayur-secondary));\n  color: white;\n  padding: 6px 12px;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 12px;\n  white-space: nowrap;\n  box-shadow: 0 2px 12px rgba(107, 155, 123, .3);\n}\n\n.ayur-timeline-content {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  margin-left: 1rem;\n}\n\n.ayur-posology {\n  display: grid;\n  gap: .75rem;\n  margin-top: 1.5rem;\n}\n\n.ayur-posology-item {\n  background: var(--ayur-primary-light);\n  padding: 12px 16px;\n  border-radius: var(--ayur-radius-sm);\n  font-size: 14px;\n  border-left: 3px solid var(--ayur-primary);\n}\n\n.ayur-note {\n  background: rgba(74, 139, 143, .1);\n  padding: 12px 16px;\n  border-radius: var(--ayur-radius-sm);\n  font-size: 14px;\n  margin-top: 1rem;\n  border-left: 3px solid var(--ayur-secondary);\n}\n\n\/* === TIPS GRID === *\/\n.ayur-tips-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.ayur-tip-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  transition: all .3s ease;\n  border-left: 4px solid var(--ayur-primary);\n}\n\n.ayur-tip-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ayur-shadow-lg);\n  border-left-width: 6px;\n}\n\n.ayur-tip-icon {\n  font-size: 36px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n\/* === PROFILE CARDS === *\/\n.ayur-profile-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  text-align: center;\n  transition: all .3s ease;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n}\n\n.ayur-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ayur-shadow-lg);\n  background: var(--ayur-primary-light);\n}\n\n.ayur-profile-icon {\n  font-size: 40px;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-profile-card p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.ayur-warning-box {\n  background: linear-gradient(135deg, #FFF8F0 0%, #FFF3E6 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: flex;\n  gap: 2rem;\n  border: 2px solid #FFE0B2;\n  box-shadow: var(--ayur-shadow);\n}\n\n.ayur-warning-icon {\n  flex-shrink: 0;\n  font-size: 48px;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-warning-content h3 {\n  color: #E65100;\n  margin-bottom: 1rem;\n}\n\n.ayur-warning-content ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.ayur-warning-content li {\n  position: relative;\n  padding-left: 28px;\n  margin-bottom: .75rem;\n  color: var(--ayur-text);\n}\n\n.ayur-warning-content li::before {\n  content: '▸';\n  position: absolute;\n  left: 0;\n  color: #FF9800;\n  font-weight: 900;\n}\n\n\/* === INFO CARDS === *\/\n.ayur-info-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ayur-info-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-info-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-info-card h3 {\n  margin-bottom: 1rem;\n}\n\n.ayur-info-card ul {\n  text-align: left;\n  list-style: none;\n  padding: 0;\n  margin: 1rem 0 0 0;\n}\n\n.ayur-info-card li {\n  position: relative;\n  padding-left: 24px;\n  margin-bottom: .5rem;\n  font-size: 14px;\n}\n\n.ayur-info-card li::before {\n  content: '•';\n  position: absolute;\n  left: 8px;\n  color: var(--ayur-primary);\n  font-weight: 900;\n}\n\n\/* === PHILOSOPHY BOX === *\/\n.ayur-philosophy-box {\n  background: linear-gradient(135deg, var(--ayur-primary-light) 0%, rgba(74, 139, 143, .15) 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  box-shadow: var(--ayur-shadow);\n  border: 3px solid var(--ayur-primary);\n}\n\n.ayur-philosophy-box h2 {\n  text-align: left;\n  padding-bottom: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.ayur-philosophy-box h2::after {\n  left: 0;\n  transform: none;\n}\n\n.ayur-philosophy-content p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.8;\n  margin-bottom: 1.5rem;\n}\n\n.ayur-philosophy-steps {\n  display: grid;\n  gap: 1rem;\n  margin: 2rem 0;\n}\n\n.ayur-philosophy-step {\n  background: var(--ayur-white);\n  padding: 1.5rem;\n  border-radius: var(--ayur-radius-sm);\n  border-left: 4px solid var(--ayur-primary);\n  box-shadow: 0 2px 12px rgba(0,0,0,.05);\n}\n\n.ayur-philosophy-quote {\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-style: italic;\n  color: var(--ayur-primary-dark);\n  text-align: center;\n  padding: 2rem;\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius-sm);\n  margin-top: 2rem;\n  box-shadow: 0 4px 20px rgba(0,0,0,.08);\n}\n\n\/* === CTA FINAL === *\/\n.ayur-cta-box {\n  background: linear-gradient(135deg, var(--ayur-primary) 0%, var(--ayur-secondary) 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.15) 30px, rgba(255,255,255,.15) 60px);\n}\n\n.ayur-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.ayur-cta-box h2 {\n  color: white;\n  text-shadow: 0 2px 16px rgba(0,0,0,.2);\n  margin-bottom: 1.5rem;\n}\n\n.ayur-cta-box h2::after {\n  background: white;\n}\n\n.ayur-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin-bottom: 1.5rem;\n}\n\n.ayur-cta-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  justify-content: center;\n  margin-top: 2rem;\n}\n\n.ayur-cta-features span {\n  background: rgba(255,255,255,.95);\n  color: var(--ayur-primary-dark);\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 14px;\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.ayur-cta-features span:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .ayur-grid,\n  .ayur-grid-3,\n  .ayur-grid-4,\n  .ayur-tips-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .ayur-phase {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .ayur-timeline {\n    padding-left: 1.5rem;\n  }\n  \n  .ayur-timeline-marker {\n    left: -1.5rem;\n    font-size: 11px;\n    padding: 4px 8px;\n  }\n  \n  .ayur-warning-box {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .ayur-cta-features {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .ayur-cta-features span {\n    text-align: center;\n  }\n}\n\n@media (max-width: 480px) {\n  .ayur-badges-top {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .ayur-badge {\n    justify-content: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ayur-card,\n  .ayur-benefit-card,\n  .ayur-profile-card,\n  .ayur-info-card,\n  .ayur-tip-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  \n  .ayur-card:nth-child(1),\n  .ayur-benefit-card:nth-child(1),\n  .ayur-profile-card:nth-child(1),\n  .ayur-info-card:nth-child(1),\n  .ayur-tip-card:nth-child(1) { animation-delay: .1s; }\n  \n  .ayur-card:nth-child(2),\n  .ayur-benefit-card:nth-child(2),\n  .ayur-profile-card:nth-child(2),\n  .ayur-info-card:nth-child(2),\n  .ayur-tip-card:nth-child(2) { animation-delay: .2s; }\n  \n  .ayur-card:nth-child(3),\n  .ayur-benefit-card:nth-child(3),\n  .ayur-profile-card:nth-child(3),\n  .ayur-info-card:nth-child(3),\n  .ayur-tip-card:nth-child(3) { animation-delay: .3s; }\n  \n  .ayur-card:nth-child(4),\n  .ayur-benefit-card:nth-child(4),\n  .ayur-profile-card:nth-child(4),\n  .ayur-info-card:nth-child(4),\n  .ayur-tip-card:nth-child(4) { animation-delay: .4s; }\n  \n  .ayur-card:nth-child(5),\n  .ayur-benefit-card:nth-child(5),\n  .ayur-profile-card:nth-child(5),\n  .ayur-info-card:nth-child(5),\n  .ayur-tip-card:nth-child(5) { animation-delay: .5s; }\n  \n  .ayur-card:nth-child(6),\n  .ayur-benefit-card:nth-child(6),\n  .ayur-profile-card:nth-child(6),\n  .ayur-info-card:nth-child(6),\n  .ayur-tip-card:nth-child(6) { animation-delay: .6s; }\n  \n  .ayur-phase {\n    animation: slideInLeft .6s ease backwards;\n  }\n  \n  .ayur-phase:nth-child(1) { animation-delay: .1s; }\n  .ayur-phase:nth-child(2) { animation-delay: .2s; }\n  .ayur-phase:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ayur-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .ayur-premium {\n    --ayur-shadow: 0 4px 24px rgba(0,0,0,.2);\n    --ayur-shadow-lg: 0 12px 48px rgba(0,0,0,.3);\n  }\n  \n  .ayur-card,\n  .ayur-benefit-card,\n  .ayur-info-card,\n  .ayur-profile-card,\n  .ayur-tip-card {\n    border: 2px solid var(--ayur-border);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .ayur-premium {\n    background: white;\n    padding: 0;\n  }\n  \n  .ayur-hero,\n  .ayur-cta-box {\n    background: white;\n    color: black;\n    border: 2px solid black;\n  }\n  \n  .ayur-hero-title,\n  .ayur-subtitle,\n  .ayur-description,\n  .ayur-cta-box p {\n    color: black;\n    text-shadow: none;\n  }\n  \n  .ayur-card,\n  .ayur-benefit-card,\n  .ayur-info-card {\n    box-shadow: none;\n    border: 1px solid #ccc;\n    page-break-inside: avoid;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755112947869,"sku":"AY1010.1","price":223.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Programme-poids-ideal-avec-l-Ayurveda-6-Triphala-Bio-60-658509.jpg?v=1732721517"},{"product_id":"ashwagandha-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana\nPalette détectée:\n  - Primaire: #4BA3C3 (bleu azur\/turquoise du bandeau)\n  - Secondaire: #D4A574 (kraft\/beige naturel du sachet)\n  - Accent: #7CB342 (vert feuillage de la plante)\n  - Neutre: #F5F0E8 (crème naturel)\nAmbiance: Naturel\/Ayurvédique, Bio, Authentique, Bien-être, Tradition indienne\nPréfixe CSS: ash\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"L'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\"\n  2. \"Qu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\"\n  3. \"Les bienfaits de la poudre d'Ashwagandha Bio\"\n  4. \"Composition de l'Ashwagandha Bio Ayur-Vana\"\n  5. \"Comment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\"\n  6. \"Origine et engagements qualité Ayur-Vana\"\n  7. \"Pour qui est destinée l'Ashwagandha Bio en poudre ?\"\n  8. \"Précautions d'emploi et contre-indications\"\n  9. \"Conservation\"\n  10. \"Questions fréquentes sur l'Ashwagandha en poudre\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"ash-hero\"\u003e\n    \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ash-hero-content\"\u003e\n      \u003cdiv class=\"ash-badges-top\"\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e⏱️ 50 jours d'utilisation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en Poudre\u003c\/span\u003e\n      \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien pour retrouver sérénité et vitalité\u003c\/p\u003e\n      \u003cp class=\"ash-description\"\u003e150 g de poudre pure • Tradition ayurvédique millénaire • Adaptogène naturel\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eL'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eVous cherchez une solution naturelle pour mieux gérer le stress et retrouver votre vitalité ? L'Ashwagandha Bio en poudre d'Ayur-Vana est exactement ce qu'il vous faut.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧘 Adaptogène millénaire\u003c\/h3\u003e\n        \u003cp\u003eUtilisée depuis plus de 3000 ans dans la tradition ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003eAide l'organisme à gérer le stress au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre énergie et votre endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💤 Sommeil de qualité\u003c\/h3\u003e\n        \u003cp\u003eFavorise un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\u003c\/h2\u003e\n    \u003cdiv class=\"ash-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eashwagandha\u003c\/strong\u003e (\u003cem\u003eWithania somnifera\u003c\/em\u003e) fait partie des plantes adaptogènes les plus étudiées au monde. Son nom sanskrit signifie littéralement « odeur du cheval », en référence à la force et à la vitalité qu'elle confère traditionnellement.\u003c\/p\u003e\n      \u003cp\u003eContrairement aux stimulants classiques qui épuisent l'organisme sur le long terme, cette racine précieuse aide votre corps à \u003cstrong\u003es'adapter naturellement aux différentes formes de stress\u003c\/strong\u003e : physique, émotionnel ou environnemental.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est cette capacité unique d'adaptation qui fait de l'ashwagandha bio un complément si apprécié des personnes actives, stressées ou simplement soucieuses de leur bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la poudre d'Ashwagandha Bio\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eLa consommation régulière d'ashwagandha en poudre offre de nombreux bienfaits reconnus par la tradition ayurvédique et confirmés par des études scientifiques modernes.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧠 Gestion du stress et de l'anxiété\u003c\/h3\u003e\n        \u003cp\u003eAide à réguler le cortisol, l'hormone du stress, favorisant un état d'esprit plus serein tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n        \u003cp\u003ePrise le soir, l'ashwagandha favorise l'endormissement et un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💪 Soutien de la vitalité physique\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir votre énergie et votre endurance, particulièrement appréciée des sportifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🎯 Équilibre mental et cognitif\u003c\/h3\u003e\n        \u003cp\u003eAide à maintenir la concentration, la mémoire et la clarté d'esprit au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🛡️ Renforcement des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés antioxydantes participent au bon fonctionnement du système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComposition de l'Ashwagandha Bio Ayur-Vana\u003c\/h2\u003e\n    \u003cdiv class=\"ash-composition-box\"\u003e\n      \u003cdiv class=\"ash-composition-highlight\"\u003e\n        \u003cdiv class=\"ash-composition-text\"\u003e\n          \u003cstrong\u003e🌱 Ingrédient unique\u003c\/strong\u003e\n          \u003cp\u003e100% poudre de racine d'Ashwagandha* (\u003cem\u003eWithania somnifera\u003c\/em\u003e)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"ash-bio-mention\"\u003e*Ingrédient issu de l'agriculture biologique certifiée\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-purity-badges\"\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun additif\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun excipient\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun conservateur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette formule minimaliste est un véritable gage de qualité : vous bénéficiez uniquement de la pureté de la plante, dans le respect de la tradition ayurvédique authentique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ash-dosage-box\"\u003e\n      \u003cdiv class=\"ash-dosage-text\"\u003e\n        \u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e\n        \u003cp\u003e1 cuillère à café rase (environ 3 g) par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3 class=\"ash-subsection-title\"\u003eModes de consommation\u003c\/h3\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💧 Dans l'eau\u003c\/h3\u003e\n        \u003cp\u003eDiluée dans un grand verre d'eau tiède ou froide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥛 Moon milk\u003c\/h3\u003e\n        \u003cp\u003eMélangée à un lait végétal pour un moment relaxant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥤 Smoothies\u003c\/h3\u003e\n        \u003cp\u003eIncorporée dans vos smoothies, jus ou yaourts\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🍲 Cuisine\u003c\/h3\u003e\n        \u003cp\u003eAjoutée à vos soupes, porridges ou energy balls\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"ash-subsection-title\"\u003eMoment idéal de prise\u003c\/h3\u003e\n    \u003cdiv class=\"ash-timeline\"\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e☀️\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003ePour soutenir votre énergie et votre concentration tout au long de la journée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e🌙\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe soir\u003c\/h3\u003e\n          \u003cp\u003e30 minutes avant le coucher pour favoriser un sommeil paisible\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût de l'ashwagandha est terreux et légèrement amer. Si vous le trouvez trop prononcé, associez-la à une cuillère de miel ou à une boisson cacaotée pour l'adoucir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eOrigine et engagements qualité Ayur-Vana\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eAyur-Vana sélectionne ses racines d'ashwagandha auprès de producteurs indiens engagés dans l'agriculture biologique. Les plantes sont cultivées dans leur terroir d'origine, où le climat et les sols leur permettent de développer toute leur richesse en principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌿 Certification Agriculture Biologique\u003c\/h3\u003e\n        \u003cp\u003eCulture sans pesticides ni engrais chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eConditionnement et contrôles qualité réalisés sur le territoire français\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir pureté et conformité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📦 Sachet refermable\u003c\/h3\u003e\n        \u003cp\u003eConservation optimale de la fraîcheur et des propriétés de la poudre\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePour qui est destinée l'Ashwagandha Bio en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eCette poudre d'ashwagandha bio conviendra particulièrement si vous :\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😰 Périodes de stress intense\u003c\/h3\u003e\n        \u003cp\u003eStress professionnel, personnel, examens ou surcharge mentale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n        \u003cp\u003eDifficultés d'endormissement ou sommeil non réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eÉpuisement malgré un repos suffisant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimisation de la récupération et de l'endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📚 Besoin de concentration\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel des capacités cognitives et de mémorisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e👨‍🍳 Amateurs de cuisine\u003c\/h3\u003e\n        \u003cp\u003ePour une utilisation culinaire créative et personnalisée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 \u0026 9 : ACCORDÉON --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n            \u003cli\u003eNe pas utiliser en cas d'hyperthyroïdie ou de troubles thyroïdiens sans avis médical\u003c\/li\u003e\n            \u003cli\u003eDéconseillé aux personnes sous traitement immunosuppresseur ou sédatif\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eRespecter la dose journalière recommandée\u003c\/li\u003e\n            \u003cli\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical. En cas de doute ou de traitement en cours, consultez votre médecin ou votre pharmacien avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eConservation\u003c\/h2\u003e\n    \u003cdiv class=\"ash-conservation-box\"\u003e\n      \u003cp\u003eConservez votre sachet d'ashwagandha poudre bio dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière\u003c\/strong\u003e. Refermez soigneusement le sachet après chaque utilisation pour préserver toutes les qualités de la poudre. À consommer de préférence avant la date indiquée sur l'emballage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ash-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le soutien naturel qu'il mérite avec l'Ashwagandha Bio Ayur-Vana : \u003cstrong\u003e150 g de pureté ayurvédique\u003c\/strong\u003e pour retrouver sérénité, vitalité et un sommeil réparateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ash-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  \/* Couleurs principales *\/\n  --ash-cream: #F5F0E8;\n  --ash-white: #ffffff;\n  --ash-primary: #4BA3C3;\n  --ash-primary-dark: #2E7D99;\n  --ash-primary-light: #E8F4F8;\n  --ash-secondary: #D4A574;\n  --ash-accent: #7CB342;\n\n  \/* Textes *\/\n  --ash-text: #1a1a1a;\n  --ash-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --ash-border: #e0e0e0;\n  --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ash-radius: 20px;\n  --ash-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ash-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ash-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4BA3C3 0%, #2E7D99 50%, #7CB342 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ash-shadow-lg);\n}\n\n.ash-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-4 8-12 15-20 15 8 0 16 7 20 15 4-8 12-15 20-15-8 0-16-7-20-15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.ash-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ash-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ash-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.ash-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n}\n\n\/* === BADGES === *\/\n.ash-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ash-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ash-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ash-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ash-primary), var(--ash-accent));\n  border-radius: 2px;\n}\n\n.ash-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ash-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ash-subsection-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 1.5rem 0 1rem 0;\n  text-align: center;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ash-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ash-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ash-shadow-lg);\n  border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ash-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ash-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ash-grid-compact .ash-card {\n  padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.ash-info-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.ash-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.ash-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  text-align: center;\n  margin-bottom: 1.25rem;\n}\n\n.ash-composition-highlight {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .75rem;\n}\n\n.ash-composition-icon {\n  font-size: 48px;\n}\n\n.ash-composition-text strong {\n  display: block;\n  font-size: clamp(16px, 3vw, 20px);\n  color: var(--ash-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.ash-composition-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text-light);\n  margin: 0;\n}\n\n.ash-bio-mention {\n  font-size: 13px;\n  color: var(--ash-accent);\n  font-style: italic;\n  margin-top: 1rem;\n}\n\n.ash-purity-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-bottom: 1.25rem;\n}\n\n.ash-purity-badge {\n  background: var(--ash-primary-light);\n  color: var(--ash-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n\/* === DOSAGE BOX === *\/\n.ash-dosage-box {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.ash-dosage-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.ash-dosage-text strong {\n  display: block;\n  color: white;\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin-bottom: .25rem;\n}\n\n.ash-dosage-text p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.ash-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ash-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ash-timeline-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--ash-primary), var(--ash-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n}\n\n.ash-timeline-content {\n  flex: 1;\n  background: var(--ash-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ash-radius-sm);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ash-timeline-content p {\n  font-size: 14px;\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ash-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-primary-light);\n  border-radius: var(--ash-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ash-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ash-tip p {\n  font-size: 14px;\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CONSERVATION BOX === *\/\n.ash-conservation-box {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--ash-shadow);\n  border-left: 4px solid var(--ash-accent);\n}\n\n.ash-conservation-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.ash-conservation-box p {\n  font-size: clamp(14px, 2.5vw, 15px);\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  box-shadow: var(--ash-shadow);\n  overflow: hidden;\n}\n\n.ash-accordion-item {\n  border-bottom: 1px solid var(--ash-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ash-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ash-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ash-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ash-accordion-header:hover {\n  background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ash-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ash-primary);\n  transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n  content: '−';\n}\n\n.ash-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ash-accordion-content p {\n  margin: 0;\n}\n\n.ash-accordion-content ul {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n\n.ash-accordion-content li {\n  margin-bottom: .5rem;\n}\n\n.ash-accordion-content li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ash-cta-box {\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ash-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ash-disclaimer {\n  font-size: 12px;\n  color: var(--ash-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ash-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ash-card {\n    padding: 1.125rem;\n  }\n  \n  .ash-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ash-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ash-radius-sm);\n  }\n  \n  .ash-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ash-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ash-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ash-grid-compact .ash-card {\n    padding: .75rem;\n  }\n  \n  .ash-timeline-number {\n    width: 40px;\n    height: 40px;\n    font-size: 20px;\n  }\n  \n  .ash-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .ash-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .ash-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .ash-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ash-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ash-dosage-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1rem;\n  }\n  \n  .ash-conservation-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ash-info-box {\n    padding: 1.25rem;\n  }\n  \n  .ash-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ash-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ash-card:nth-child(1) { animation-delay: .05s; }\n  .ash-card:nth-child(2) { animation-delay: .1s; }\n  .ash-card:nth-child(3) { animation-delay: .15s; }\n  .ash-card:nth-child(4) { animation-delay: .2s; }\n  .ash-card:nth-child(5) { animation-delay: .25s; }\n  .ash-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ash-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755114324125,"sku":"AY9931","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Ashwagandha-Bio-150-grammes-de-poudre-en-sachet-694903.jpg?v=1732719467"},{"product_id":"boisson-instantanee-bleu-comme-toi-bio-50-g-sol-semilla","title":"Bleu Comme Toi (Sérénité \u0026 Immunité) : Boisson Instantanée Bio 50 g - Sol Semilla","description":"\u003cdiv class=\"bm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-content\"\u003e\n\u003cdiv class=\"bm-badges-top\"\u003e\n\u003cspan class=\"bm-badge\"\u003e🧠 Mental \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🛡️ Immunité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e⚡ Vitalité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bm-hero-title\"\u003eBlue Mind - Super boisson bio à la Klamath\u003c\/span\u003e\n\u003cp class=\"bm-subtitle\"\u003eKlamath · Menthe · Cardamone\u003c\/p\u003e\n\u003cp class=\"bm-description\"\u003eL'algue des esprits clairs dans une boisson instantanée à la couleur bleue envoûtante. 50 g · 17 portions · Par Sol Semilla, depuis 1992.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003cp class=\"bm-section-intro\"\u003eEnvie d'une boisson qui fait du bien à votre esprit autant qu'à votre corps ?\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003eKlamath\u003c\/strong\u003e, surnommée l'algue des esprits clairs, soutient activement votre clarté mentale et votre focus au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, oligoéléments et phycocyanine, cette super boisson renforce vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003eUn concentré de nutriments essentiels pour retrouver \u003cstrong\u003eénergie\u003c\/strong\u003e et dynamisme dès la première gorgée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.25rem; font-size: clamp(14px,2.2vw,16px); color: var(--bm-text-light); line-height: 1.7;\"\u003eLa \u003cstrong\u003esuper boisson Blue Mind Bio de Sol Semilla\u003c\/strong\u003e associe l'extraordinaire algue Klamath, la fraîcheur de la menthe et les notes chaleureuses de la cardamone dans une poudre instantanée à la couleur bleue envoûtante. En quelques secondes, vous obtenez une boisson riche en nutriments, pensée pour soutenir votre concentration, votre immunité et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Klamath, l'algue des esprits clairs ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa Klamath (Aphanizomenon flos-aquae) est une micro-algue bleu-vert récoltée à l'état sauvage dans le lac Klamath, en Oregon (USA). Elle est considérée comme l'un des superaliments les plus complets au monde.\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003eUn pigment bleu aux puissantes propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e, qui donne à cette boisson sa teinte unique et fascinante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🔬 Vitamines du groupe B\u003c\/h3\u003e\n\u003cp\u003eDont la précieuse \u003cstrong\u003eB12\u003c\/strong\u003e, essentielle pour le système nerveux et l'énergie mentale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧬 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003eUn \u003cstrong\u003eprofil protéique complet\u003c\/strong\u003e, fait rare dans le monde végétal, pour nourrir vos cellules en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚙️ Minéraux \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eFer, magnésium, zinc… Des cofacteurs indispensables au bon \u003cstrong\u003efonctionnement immunitaire\u003c\/strong\u003e et métabolique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eSouvent surnommée « l'algue des esprits clairs », la Klamath est traditionnellement appréciée pour favoriser la \u003cstrong\u003econcentration\u003c\/strong\u003e et la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e. Associée à la menthe rafraîchissante et à la cardamone digestive, elle compose ici une recette à la fois savoureuse et fonctionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComposition de Blue Mind Bio\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eChaque sachet de \u003cstrong\u003e50 g\u003c\/strong\u003e contient environ \u003cstrong\u003e17 portions\u003c\/strong\u003e. Ingrédients issus de l'agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card bm-card-highlight\"\u003e\n\u003ch3\u003e🔵 Algue Klamath en poudre\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e - Origine : lac Klamath, USA. L'ingrédient star, source de phycocyanine et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌱 Menthe\u003c\/h3\u003e\n\u003cp\u003ePour une note vivifiante et rafraîchissante. Contribue à une haleine fraîche et une sensation de bien-être immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Cardamone\u003c\/h3\u003e\n\u003cp\u003eÉpice réchauffante qui facilite la digestion et apporte une touche aromatique subtile et enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs, ni arômes artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e📦 17 portions\u003c\/h3\u003e\n\u003cp\u003eSachet de 50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComment préparer votre boisson Blue Mind ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa préparation est simple et rapide :\u003c\/p\u003e\n\u003cdiv class=\"bm-timeline\"\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre Blue Mind dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 à 250 ml d'eau\u003c\/strong\u003e froide, tiède ou chaude selon votre préférence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eRemuez vigoureusement à la cuillère ou au fouet jusqu'à \u003cstrong\u003edissolution complète\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003eDégustez immédiatement pour profiter de tous les bienfaits de la Klamath.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez également l'intégrer dans un \u003cstrong\u003esmoothie\u003c\/strong\u003e, un lait végétal ou un jus de fruits pour varier les plaisirs. Consommez une à deux portions par jour, de préférence le matin ou en début d'après-midi pour accompagner vos moments de concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eSol Semilla : le pouvoir des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"bm-testimonial\"\u003e\n\u003cp class=\"bm-testimonial-text\"\u003e\u003cstrong\u003eSol Semilla\u003c\/strong\u003e est une marque française pionnière dans l'univers des superaliments biologiques. Depuis plus de 30 ans, elle sélectionne les meilleurs ingrédients à travers le monde, en privilégiant des filières responsables et une traçabilité rigoureuse. Chaque produit est conçu pour vous apporter le meilleur de la nature, sans compromis sur la qualité ni sur le goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bm-accordion\"\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de grossesse, d'allaitement ou de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"bm-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --bm-cream: #f7f4ef;\n  --bm-white: #ffffff;\n  --bm-primary: #3bb8c3;\n  --bm-primary-dark: #1a7a84;\n  --bm-primary-light: #e6f6f8;\n  --bm-secondary: #d4572a;\n  --bm-accent: #f0b428;\n  --bm-kraft: #c6a96c;\n  --bm-text: #1a1a1a;\n  --bm-text-light: #5a5a5a;\n  --bm-border: #e0ddd7;\n  --bm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bm-radius: 20px;\n  --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a7a84 0%, #3bb8c3 40%, #2a9aa5 70%, #d4572a 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(240,180,40,.12) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.bm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.bm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  margin: 0 0 1rem 0;\n}\n\n.bm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.bm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bm-shadow-lg);\n  border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bm-card-highlight {\n  border-color: var(--bm-primary);\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bm-grid-compact .bm-card {\n  padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bm-primary), var(--bm-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(59,184,195,.3);\n}\n\n.bm-timeline-content {\n  flex: 1;\n  background: var(--bm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bm-radius-sm);\n  box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n  font-size: 14px;\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bm-testimonial {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bm-shadow);\n  border-left: 4px solid var(--bm-secondary);\n}\n\n.bm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.bm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bm-primary-light);\n  border-radius: var(--bm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bm-tip p {\n  font-size: 14px;\n  color: var(--bm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  box-shadow: var(--bm-shadow);\n  overflow: hidden;\n}\n\n.bm-accordion-item {\n  border-bottom: 1px solid var(--bm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bm-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.bm-accordion-header:hover {\n  background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bm-primary);\n  transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n  content: '−';\n}\n\n.bm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bm-disclaimer {\n  font-size: 12px;\n  color: var(--bm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .bm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bm-card {\n    padding: 1.125rem;\n  }\n\n  .bm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bm-radius-sm);\n  }\n\n  .bm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bm-grid-compact {\n    gap: .625rem;\n  }\n\n  .bm-grid-compact .bm-card {\n    padding: .75rem;\n  }\n\n  .bm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .bm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .bm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .bm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .bm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .bm-badges-top {\n    gap: 6px;\n  }\n\n  .bm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bm-card {\n    animation: bmFadeInUp .5s ease backwards;\n  }\n  .bm-card:nth-child(1) { animation-delay: .05s; }\n  .bm-card:nth-child(2) { animation-delay: .1s; }\n  .bm-card:nth-child(3) { animation-delay: .15s; }\n  .bm-card:nth-child(4) { animation-delay: .2s; }\n  .bm-card:nth-child(5) { animation-delay: .25s; }\n  .bm-card:nth-child(6) { animation-delay: .3s; }\n\n  .bm-timeline-item {\n    animation: bmFadeInUp .5s ease backwards;\n  }\n  .bm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .bm-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .bm-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .bm-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .bm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115307165,"sku":"REF1347","price":7.44,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bleu-comme-toi-serenite-immunite-boisson-instantanee-bio-50--lifestyle.webp?v=1772788252"},{"product_id":"boisson-instantanee-green-boost-bio-80-g-sol-semilla","title":"Boisson Green Boost Bio 50g - Spiruline, Acérola \u0026 Gingembre - Sol Semilla","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e⚡ 10 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eBoisson Green Boost Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eSpiruline, Acérola \u0026amp; Gingembre - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003eTrois superaliments bio d'exception réunis dans une poudre instantanée pour booster votre vitalité, renforcer votre immunité et accompagner vos performances sportives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003cp class=\"gb-section-intro\"\u003eVous cherchez un coup de fouet naturel pour démarrer la journée ou préparer une séance de sport ?\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌱 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en fer, protéines végétales et phycocyanine antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eNote épicée et réchauffante pour un effet tonifiant au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🥤 Instantanée\u003c\/h3\u003e\n\u003cp\u003e50 g de poudre, 10 portions, à mélanger avec du jus de pomme ou votre boisson préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePourquoi associer spiruline et acérola ? Les bienfaits de cette synergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-synergy-box\"\u003e\n\u003cp\u003eL'association \u003cstrong\u003espiruline acérola\u003c\/strong\u003e est l'une des plus étudiées en nutrition naturelle, et pour cause. La spiruline est une micro-algue exceptionnellement riche en \u003cstrong\u003efer, protéines végétales et phycocyanine\u003c\/strong\u003e, un pigment aux propriétés antioxydantes remarquables. L'acérola, petit fruit d'Amazonie, est quant à lui l'une des sources naturelles les plus concentrées en \u003cstrong\u003evitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa vitamine C de l'acérola \u003cstrong\u003efavorise l'absorption du fer\u003c\/strong\u003e contenu dans la spiruline. Vous profitez ainsi pleinement des bienfaits de chaque ingrédient — une synergie que les simples comprimés ne peuvent égaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eC'est exactement ce qui distingue cette formule des simples comprimés de \u003cstrong\u003espiruline et acérola\u003c\/strong\u003e disponibles sur le marché : ici, le gingembre vient compléter le trio pour un résultat encore plus complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eLe gingembre : un troisième allié pour votre énergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-testimonial\"\u003e\n\u003cp class=\"gb-testimonial-text\"\u003eReconnu depuis des siècles en médecine traditionnelle, le gingembre apporte une \u003cstrong\u003enote épicée et réchauffante\u003c\/strong\u003e à la boisson. L'association \u003cstrong\u003espiruline et gingembre\u003c\/strong\u003e crée un mélange tonifiant et savoureux, idéal pour soutenir votre vitalité au quotidien, que vous soyez sportif ou simplement en quête d'un regain d'énergie naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eFormulée à partir d'ingrédients 100 % biologiques, soigneusement sourcés entre l'Amazonie et le Maroc.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🌊 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eSource de fer, protéines et phycocyanine. Micro-algue aux propriétés nutritionnelles exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel de vitamine C et antioxydants. Petit fruit puissant d'Amazonie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eTonifiant et réchauffant. Épice millénaire reconnue pour ses vertus énergisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans gluten. Convient à une alimentation \u003cstrong\u003evégane\u003c\/strong\u003e et crue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComment préparer votre Green Boost ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune dose de 5 g\u003c\/strong\u003e (environ une cuillère à café bombée) dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eAjoutez votre boisson\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml de jus de pomme\u003c\/strong\u003e (recommandé par Sol Semilla) ou d'eau fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eMélangez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRemuez à la cuillère ou au shaker jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDégustez immédiatement\u003c\/h3\u003e\n\u003cp\u003eConsommez sans attendre pour profiter de \u003cstrong\u003etous les nutriments\u003c\/strong\u003e à leur maximum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, consommez votre boisson \u003cstrong\u003ele matin à jeun ou 30 minutes avant l'effort\u003c\/strong\u003e. Vous pouvez également l'ajouter à un smoothie ou un bol de fruits pour varier les plaisirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette boisson ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn boost naturel avant l'effort pour des performances au top\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de changement de saison ou de baisse d'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🛡️ Immunité fragilisée\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses naturelles grâce à la vitamine C et aux antioxydants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative bio aux comprimés classiques de spiruline et acérola\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gb-section\"\u003e\n\u003ch2\u003eQualité et engagements Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003eDepuis 1992, Sol Semilla sélectionne les \u003cstrong\u003emeilleurs superaliments biologiques\u003c\/strong\u003e avec une exigence rare. Certifié \u003cstrong\u003eAB (Agriculture Biologique)\u003c\/strong\u003e et conditionné en France, chaque sachet de 50 g offre \u003cstrong\u003e10 portions\u003c\/strong\u003e d'un rituel bien-être quotidien accessible et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire. Il ne remplace ni un régime alimentaire varié et équilibré, ni un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gb-cream: #faf6f0;\n  --gb-white: #ffffff;\n  --gb-primary: #d4441c;\n  --gb-primary-dark: #a8330f;\n  --gb-primary-light: #fef0ec;\n  --gb-secondary: #2d8c4e;\n  --gb-secondary-light: #e8f5ee;\n  --gb-accent: #5b9bd5;\n  --gb-kraft: #c8a96e;\n  --gb-text: #1a1a1a;\n  --gb-text-light: #5a5a5a;\n  --gb-border: #e0d8ce;\n  --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gb-radius: 20px;\n  --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gb-primary) 0%, #e06530 40%, var(--gb-secondary) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(from 0deg at 50% 0%, transparent 0deg, rgba(255,255,255,.06) 15deg, transparent 30deg);\n  opacity: 1;\n}\n\n.gb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.gb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.gb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gb-primary), var(--gb-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gb-card {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gb-shadow-lg);\n  border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante verte) === *\/\n.gb-card-ingredient {\n  border-top: 4px solid var(--gb-secondary);\n}\n\n.gb-card-ingredient:hover {\n  border-color: var(--gb-secondary);\n}\n\n.gb-card-ingredient h3 {\n  color: #1e6b3a;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n  padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n  font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.gb-synergy-box {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-synergy-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gb-primary), var(--gb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.gb-timeline-content {\n  flex: 1;\n  background: var(--gb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gb-radius-sm);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n  font-size: 14px;\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n  border-left: 4px solid var(--gb-secondary);\n}\n\n.gb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  box-shadow: var(--gb-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.gb-accordion-item {\n  border-bottom: 1px solid var(--gb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gb-accordion-header:hover {\n  background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gb-primary);\n  transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n  content: '−';\n}\n\n.gb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gb-secondary-light);\n  border-radius: var(--gb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gb-tip p {\n  font-size: 14px;\n  color: var(--gb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CTA BOX === *\/\n.gb-cta-box {\n  background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gb-card {\n    padding: 1.125rem;\n  }\n\n  .gb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gb-radius-sm);\n  }\n\n  .gb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gb-grid-compact {\n    gap: .625rem;\n  }\n\n  .gb-grid-compact .gb-card {\n    padding: .75rem;\n  }\n\n  .gb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gb-synergy-box {\n    padding: 1.25rem;\n  }\n\n  .gb-synergy-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gb-card {\n    animation: gbFadeInUp .5s ease backwards;\n  }\n  .gb-card:nth-child(1) { animation-delay: .05s; }\n  .gb-card:nth-child(2) { animation-delay: .1s; }\n  .gb-card:nth-child(3) { animation-delay: .15s; }\n  .gb-card:nth-child(4) { animation-delay: .2s; }\n  .gb-card:nth-child(5) { animation-delay: .25s; }\n  .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115995293,"sku":"REF1349","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boisson-green-boost-bio-50g-spiruline-acerola-gingembre-sol--lifestyle.webp?v=1772788773"},{"product_id":"klamath-crue-poudre-bio-50-g-sol-semilla","title":"Klamath Crue Poudre Bio - 50 G - Sol Semilla","description":"\u003cdiv class=\"kl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"kl-hero\"\u003e\n\u003cdiv class=\"kl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kl-hero-content\"\u003e\n\u003cdiv class=\"kl-badges-top\"\u003e\n\u003cspan class=\"kl-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🇺🇸 Origine Oregon\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🧬 115 nutriments\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🌱 Vegan \u0026amp; RAW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kl-hero-title\"\u003eKlamath Crue Poudre Bio\u003c\/span\u003e\n\u003cp class=\"kl-subtitle\"\u003eSol Semilla · 50 g · ~83 portions\u003c\/p\u003e\n\u003cp class=\"kl-description\"\u003eLa microalgue sauvage la plus complète au monde, récoltée dans les eaux pures du lac Klamath supérieur. Plus de 60 % de protéines, phycocyanine, vitamine B12 et oméga-3 dans un seul superaliment cru.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003cp class=\"kl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre vitalité au quotidien ? La \u003cstrong\u003eKlamath crue bio en poudre de Sol Semilla\u003c\/strong\u003e est l'une des sources naturelles les plus concentrées en nutriments que la nature puisse offrir.\u003c\/p\u003e\n\u003cp class=\"kl-section-intro\"\u003eIssue de la microalgue sauvage \u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e, récoltée dans les eaux préservées du lac Klamath supérieur en Oregon, cette poudre crue renferme plus de \u003cstrong\u003e115 nutriments biodisponibles\u003c\/strong\u003e dans un seul aliment.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'algue Klamath : pourquoi tant d'engouement ?\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eL'\u003cstrong\u003ealgue de Klamath\u003c\/strong\u003e fascine les nutritionnistes et les amateurs de superaliments depuis des décennies. Peu d'aliments naturels réunissent autant de richesses dans une si petite quantité.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e💪 +60 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eContient les 20 acides aminés dont les 8 essentiels pour une assimilation optimale par l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12 naturelle\u003c\/h3\u003e\n\u003cp\u003eUne source précieuse de B12 biodisponible, particulièrement recherchée dans les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 \u0026amp; iode\u003c\/h3\u003e\n\u003cp\u003eContribuent à un métabolisme énergétique normal et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eUn apport en fer naturel idéal pour réduire la fatigue et soutenir les fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔵 Phycocyanine antioxydante\u003c\/h3\u003e\n\u003cp\u003eCe pigment bleu unique offre des propriétés antioxydantes remarquables pour protéger vos cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eDes acides gras essentiels et des minéraux pour un bien-être physique et mental au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eDe nombreux utilisateurs partagent leur \u003cstrong\u003etémoignage sur l'algue Klamath\u003c\/strong\u003e, évoquant un regain d'énergie, une meilleure concentration et un soutien global de leur immunité. La densité nutritionnelle exceptionnelle de cette algue explique l'enthousiasme qu'elle suscite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eUn seul ingrédient, rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌿 100 % Klamath bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e en poudre crue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun excipient ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e❄️ Qualité RAW\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCertifiée bio par Ecocert et OTCO (Oregon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de 50 g offre environ \u003cstrong\u003e83 portions\u003c\/strong\u003e, ce qui en fait un investissement durable pour votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComment prendre la Klamath en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"kl-timeline\"\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e0,5 à 2 grammes par jour\u003c\/strong\u003e (soit ¼ à 1 cuillère à café) dans la boisson de votre choix : eau, jus de fruits, smoothie ou lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par une petite dose la première semaine pour laisser votre organisme s'habituer, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003ePrivilégiez le matin\u003c\/h3\u003e\n\u003cp\u003ePrenez-la de préférence le matin pour profiter de son effet revitalisant tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e🥗\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi la saupoudrer sur une salade ou un bol de céréales pour varier les plaisirs !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eOrigine et qualité Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"kl-testimonial\"\u003e\n\u003cp class=\"kl-testimonial-text\"\u003e\"La Klamath bio Sol Semilla provient exclusivement du lac Klamath supérieur, un écosystème volcanique unique situé à 1 400 mètres d'altitude. L'algue y pousse de façon sauvage, nourrie par des sédiments minéraux d'une richesse exceptionnelle. Après récolte, elle est séchée délicatement pour conserver toutes ses propriétés nutritives à l'état brut.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🏔️ Lac volcanique\u003c\/h3\u003e\n\u003cp\u003e1 400 m d'altitude en Oregon, écosystème préservé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌾 Récolte sauvage\u003c\/h3\u003e\n\u003cp\u003eAlgue non cultivée, nourrie par les sédiments naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôle en France\u003c\/h3\u003e\n\u003cp\u003eChaque lot élaboré et contrôlé par l'équipe Sol Semilla\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité rigoureux, transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kl-accordion\"\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez un professionnel de santé avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"kl-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --kl-cream: #f5f0ea;\n  --kl-white: #ffffff;\n  --kl-primary: #2ea8a0;\n  --kl-primary-dark: #1a6e68;\n  --kl-primary-light: #e8f5f3;\n  --kl-secondary: #c44b3f;\n  --kl-accent: #d4854a;\n  --kl-text: #1a1a1a;\n  --kl-text-light: #5a5a5a;\n  --kl-border: #e0dcd6;\n  --kl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kl-radius: 20px;\n  --kl-radius-sm: 12px;\n}\n\n.kl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6e68 0%, #2ea8a0 45%, #3dbfb5 100%);\n  border-radius: var(--kl-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--kl-shadow-lg);\n}\n\n.kl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(196,75,63,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.kl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kl-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kl-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .03em;\n  text-transform: uppercase;\n}\n\n.kl-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kl-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--kl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kl-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.kl-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--kl-primary), var(--kl-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kl-card {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kl-shadow-lg);\n  border-color: var(--kl-primary);\n}\n\n.kl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kl-grid-compact .kl-card {\n  padding: 1rem;\n}\n\n.kl-grid-compact .kl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kl-grid-compact .kl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kl-primary), var(--kl-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.kl-timeline-content {\n  flex: 1;\n  background: var(--kl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kl-radius-sm);\n  box-shadow: var(--kl-shadow);\n}\n\n.kl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kl-timeline-content p {\n  font-size: 14px;\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kl-testimonial {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kl-shadow);\n  border-left: 4px solid var(--kl-primary);\n}\n\n.kl-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kl-accordion {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  box-shadow: var(--kl-shadow);\n  overflow: hidden;\n}\n\n.kl-accordion-item {\n  border-bottom: 1px solid var(--kl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kl-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.kl-accordion-header:hover {\n  background: var(--kl-primary-light);\n}\n\n.kl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kl-primary);\n  transition: transform .2s ease;\n}\n\n.kl-accordion-item[open] .kl-accordion-header::after {\n  content: '−';\n}\n\n.kl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kl-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kl-primary-light);\n  border-radius: var(--kl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kl-tip p {\n  font-size: 14px;\n  color: var(--kl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kl-disclaimer {\n  font-size: 12px;\n  color: var(--kl-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .kl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kl-card {\n    padding: 1.125rem;\n  }\n\n  .kl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kl-radius-sm);\n  }\n\n  .kl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kl-grid-compact {\n    gap: .625rem;\n  }\n\n  .kl-grid-compact .kl-card {\n    padding: .75rem;\n  }\n\n  .kl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kl-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kl-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kl-card {\n    animation: klFadeInUp .5s ease backwards;\n  }\n  .kl-card:nth-child(1) { animation-delay: .05s; }\n  .kl-card:nth-child(2) { animation-delay: .1s; }\n  .kl-card:nth-child(3) { animation-delay: .15s; }\n  .kl-card:nth-child(4) { animation-delay: .2s; }\n  .kl-card:nth-child(5) { animation-delay: .25s; }\n  .kl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .kl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755117404317,"sku":"R031","price":19.52,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772708190"},{"product_id":"guarana-blanc-poudre-bio-50-g-sol-semilla","title":"Guarana Bio en Poudre - 50 g - Sol Semilla","description":"\u003cdiv class=\"gua-premium\"\u003e\n\u003cdiv class=\"gua-hero\"\u003e\n\u003cdiv class=\"gua-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gua-hero-content\"\u003e\n\u003cdiv class=\"gua-badges-top\"\u003e\n\u003cspan class=\"gua-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🇧🇷 Amazonie brésilienne\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gua-hero-title\"\u003eGuarana Bio en Poudre\u003c\/span\u003e\n\u003cp class=\"gua-subtitle\"\u003eSol Semilla - Superaliments · 50 g\u003c\/p\u003e\n\u003cp class=\"gua-description\"\u003eUn concentré d'énergie amazonienne, cru et biologique, pour booster vos capacités physiques et mentales sans les pics du café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003cp class=\"gua-section-intro\"\u003eVous cherchez une alternative naturelle au café pour soutenir votre énergie et votre concentration ?\u003c\/p\u003e\n\u003cdiv class=\"gua-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003epoudre de guarana bio Sol Semilla\u003c\/strong\u003e est faite pour vous. Issue de graines de \u003cstrong\u003eguarana blanc\u003c\/strong\u003e (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) récoltées à la main en Amazonie brésilienne, cette poudre crue et certifiée biologique vous offre un coup de boost progressif, sans les pics ni les chutes brutales associés au café classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003ePourquoi choisir le guarana en poudre plutôt que le café ?\u003c\/h2\u003e\n\u003cdiv class=\"gua-grid\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e⏳ Caféine à libération lente\u003c\/h3\u003e\n\u003cp\u003eContrairement au café, la caféine du guarana est liée à des tanins. Votre organisme l'assimile progressivement pour une \u003cstrong\u003eénergie stable et durable\u003c\/strong\u003e sur plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🧠 Concentration prolongée\u003c\/h3\u003e\n\u003cp\u003eIdéal lors d'une journée chargée, d'une session de travail intense ou avant une activité sportive. Pas de pic brutal, pas de crash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌿 Richesse naturelle\u003c\/h3\u003e\n\u003cp\u003eAu-delà de la caféine, le guarana bio apporte naturellement de la \u003cstrong\u003ethéobromine\u003c\/strong\u003e, des \u003cstrong\u003etanins\u003c\/strong\u003e et des \u003cstrong\u003eoligo-éléments\u003c\/strong\u003e pour améliorer les capacités physiques et mentales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComment utiliser cette poudre de guarana bio ?\u003c\/h2\u003e\n\u003cp class=\"gua-section-intro\"\u003eCe sachet de 50 g offre environ \u003cstrong\u003e16 portions\u003c\/strong\u003e. Voici nos recommandations pour en profiter pleinement :\u003c\/p\u003e\n\u003cdiv class=\"gua-timeline\"\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eTestez votre tolérance\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003eune demi-cuillère à café\u003c\/strong\u003e (environ 2 g) pour évaluer votre sensibilité à la caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003eMontez jusqu'à \u003cstrong\u003eune cuillère à café rase\u003c\/strong\u003e (3 g) par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eMélangez à vos recettes\u003c\/h3\u003e\n\u003cp\u003eIntégrez la poudre dans un \u003cstrong\u003esmoothie, un jus de fruits, une compote ou un yaourt végétal\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une prise le \u003cstrong\u003ematin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût légèrement amer du guarana se marie très bien avec la banane, le cacao cru ou le lait d'amande. N'hésitez pas à l'intégrer dans vos recettes de boissons énergisantes maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"gua-ingredient-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % graines de guarana blanc* (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) réduites en poudre fine.\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-grid-compact\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eContrôlé par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eSans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eAdapté à tous les régimes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eAmazonie - la graine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eUn produit éthique signé Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gua-testimonial\"\u003e\n\u003cp class=\"gua-testimonial-text\"\u003eLa marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses superaliments directement auprès de communautés locales amazoniennes. Les graines de guarana sont récoltées manuellement dans le respect des traditions ancestrales et de la biodiversité. En choisissant cette \u003cstrong\u003epoudre de guarana bio\u003c\/strong\u003e, vous soutenez une filière équitable et des pratiques agricoles durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003eChaque lot est \u003cstrong\u003econtrôlé et élaboré par l'équipe Sol Semilla\u003c\/strong\u003e en France, garantissant une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gua-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gua-accordion\"\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"gua-disclaimer\"\u003eComplément alimentaire - Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gua-cream: #faf6f0;\n  --gua-white: #ffffff;\n  --gua-primary: #c0442a;\n  --gua-primary-dark: #8b2e1a;\n  --gua-primary-light: #fbeee9;\n  --gua-secondary: #d4973b;\n  --gua-accent: #4a7c3f;\n  --gua-text: #1a1a1a;\n  --gua-text-light: #5a5a5a;\n  --gua-border: #e8ddd2;\n  --gua-shadow: 0 4px 24px rgba(139,46,26,.08);\n  --gua-shadow-lg: 0 12px 48px rgba(139,46,26,.15);\n  --gua-radius: 20px;\n  --gua-radius-sm: 12px;\n}\n\n.gua-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gua-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gua-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gua-primary-dark) 0%, var(--gua-primary) 45%, var(--gua-secondary) 100%);\n  border-radius: var(--gua-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gua-shadow-lg);\n}\n\n.gua-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(212,151,59,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gua-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gua-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gua-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gua-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gua-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gua-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gua-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.gua-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.gua-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gua-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gua-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.gua-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gua-primary), var(--gua-secondary));\n  border-radius: 2px;\n}\n\n.gua-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gua-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.gua-section-intro strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-highlight-box {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gua-shadow);\n  border-left: 4px solid var(--gua-secondary);\n}\n\n.gua-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--gua-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.gua-highlight-box strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-card {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gua-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gua-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gua-shadow-lg);\n  border-color: var(--gua-primary);\n}\n\n.gua-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gua-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gua-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gua-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gua-card p strong {\n  color: var(--gua-text);\n}\n\n.gua-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gua-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gua-grid-compact .gua-card {\n  padding: 1rem;\n}\n\n.gua-grid-compact .gua-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gua-grid-compact .gua-card p {\n  font-size: 12px;\n}\n\n.gua-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gua-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gua-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gua-primary), var(--gua-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.gua-timeline-content {\n  flex: 1;\n  background: var(--gua-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gua-radius-sm);\n  box-shadow: var(--gua-shadow);\n}\n\n.gua-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gua-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gua-timeline-content p {\n  font-size: 14px;\n  color: var(--gua-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.gua-timeline-content p strong {\n  color: var(--gua-text);\n}\n\n.gua-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gua-primary-light);\n  border-radius: var(--gua-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gua-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gua-tip p {\n  font-size: 14px;\n  color: var(--gua-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gua-tip p strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-ingredient-box {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--gua-shadow);\n  text-align: center;\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--gua-border);\n}\n\n.gua-ingredient-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--gua-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.gua-ingredient-box strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-testimonial {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gua-shadow);\n  border-left: 4px solid var(--gua-accent);\n}\n\n.gua-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gua-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.gua-testimonial-text strong {\n  color: var(--gua-primary-dark);\n  font-style: normal;\n}\n\n.gua-accordion {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  box-shadow: var(--gua-shadow);\n  overflow: hidden;\n}\n\n.gua-accordion-item {\n  border-bottom: 1px solid var(--gua-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gua-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gua-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gua-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gua-accordion-header:hover {\n  background: var(--gua-primary-light);\n}\n\n.gua-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gua-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gua-primary);\n  transition: transform .2s ease;\n}\n\n.gua-accordion-item[open] .gua-accordion-header::after {\n  content: '−';\n}\n\n.gua-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gua-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gua-accordion-content p {\n  margin: 0;\n}\n\n.gua-accordion-content p strong {\n  color: var(--gua-text);\n}\n\n.gua-disclaimer {\n  font-size: 12px;\n  color: var(--gua-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .gua-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gua-card {\n    padding: 1.125rem;\n  }\n\n  .gua-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gua-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gua-radius-sm);\n  }\n\n  .gua-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gua-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gua-grid-compact {\n    gap: .625rem;\n  }\n\n  .gua-grid-compact .gua-card {\n    padding: .75rem;\n  }\n\n  .gua-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gua-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gua-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gua-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gua-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gua-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gua-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gua-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gua-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gua-ingredient-box {\n    padding: 1rem 1.125rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .gua-card {\n    animation: guaFadeInUp .5s ease backwards;\n  }\n  .gua-card:nth-child(1) { animation-delay: .05s; }\n  .gua-card:nth-child(2) { animation-delay: .1s; }\n  .gua-card:nth-child(3) { animation-delay: .15s; }\n  .gua-card:nth-child(4) { animation-delay: .2s; }\n  .gua-card:nth-child(5) { animation-delay: .25s; }\n  .gua-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gua-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755127169181,"sku":"REF1356","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guarana-bio-en-poudre-50-g-sol-semilla-lifestyle.webp?v=1772725070"},{"product_id":"maca-poudre-bio-75-g-sol-semilla","title":"Maca Poudre Bio - 75 g - Sol Semilla","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mc-hero\"\u003e\n    \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mc-hero-content\"\u003e\n      \u003cdiv class=\"mc-badges-top\"\u003e\n        \u003cspan class=\"mc-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n        \u003cspan class=\"mc-badge\"\u003e🇵🇪 Origine Pérou – Andes\u003c\/span\u003e\n        \u003cspan class=\"mc-badge\"\u003e🥬 Vegan \u0026amp; RAW\u003c\/span\u003e\n        \u003cspan class=\"mc-badge\"\u003e🏔️ +4 000 m d'altitude\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mc-hero-title\"\u003eMaca poudre bio\u003c\/span\u003e\n      \u003cp class=\"mc-subtitle\"\u003eSol Semilla · Superaliments · 75 g\u003c\/p\u003e\n      \u003cp class=\"mc-description\"\u003eLe superaliment ancestral des Andes pour réveiller votre énergie, soutenir votre vitalité et accompagner votre équilibre hormonal au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eMaca en poudre bio Sol Semilla : le superaliment des Andes pour votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"mc-section-intro\"\u003eOriginaire des hauts plateaux péruviens, la \u003cstrong\u003emaca bio\u003c\/strong\u003e est l'un des superaliments les plus prisés au monde. Avec cette \u003cstrong\u003epoudre de maca\u003c\/strong\u003e signée Sol Semilla, vous profitez d'un produit \u003cstrong\u003ecru, vegan et certifié biologique\u003c\/strong\u003e, issu de racines cultivées à plus de 4 000 mètres d'altitude dans les Andes. Un concentré de nature, pur et sans aucun additif.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eBienfaits de la poudre de maca bio\u003c\/h2\u003e\n    \u003cp class=\"mc-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de maca\u003c\/strong\u003e sont documentés depuis des siècles par les populations andines. Considérée comme une \u003cstrong\u003eplante adaptogène\u003c\/strong\u003e, elle aide votre organisme à mieux faire face aux sollicitations du quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"mc-grid\"\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n        \u003cp\u003eLa maca en poudre est réputée pour son effet tonifiant naturel, idéal en cas de fatigue passagère ou de baisse de régime.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e❤️ Sexualité et fertilité\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour soutenir la libido et l'équilibre reproductif, tant chez l'homme que chez la femme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🌙 Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eElle accompagne les femmes durant les périodes de fluctuations hormonales comme la ménopause ou les cycles irréguliers.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🧘 Résistance au stress\u003c\/h3\u003e\n        \u003cp\u003eEn tant qu'adaptogène, la maca favorise une meilleure gestion du stress et soutient la clarté mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🥗 Richesse nutritionnelle\u003c\/h3\u003e\n        \u003cp\u003eNaturellement pourvue en protéines, fibres, vitamines (C, B6) et minéraux (fer, calcium, potassium).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"mc-composition-box\"\u003e\n      \u003cdiv class=\"mc-composition-highlight\"\u003e\n        \u003cspan class=\"mc-composition-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"mc-composition-value\"\u003e100 % poudre de racine de maca biologique\u003c\/span\u003e\n        \u003cspan class=\"mc-composition-latin\"\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e · Origine Pérou – Andes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-grid-compact\"\u003e\n        \u003cdiv class=\"mc-card\"\u003e\n          \u003ch3\u003e🌱 Partie utilisée\u003c\/h3\u003e\n          \u003cp\u003eRacine séchée naturellement puis réduite en poudre fine à basse température (qualité crue – RAW)\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mc-card\"\u003e\n          \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n          \u003cp\u003eAucun conservateur, aucun excipient, aucun arôme ajouté. Vegan et sans gluten.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eComment utiliser la maca poudre bio ?\u003c\/h2\u003e\n    \u003cp class=\"mc-section-intro\"\u003eLa \u003cstrong\u003epoudre maca bio\u003c\/strong\u003e de Sol Semilla se distingue par sa saveur douce, légèrement caramélisée, avec des notes de noisette. Elle s'intègre très facilement à votre alimentation :\u003c\/p\u003e\n    \u003cdiv class=\"mc-timeline\"\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🥤 Smoothie ou jus de fruits\u003c\/h3\u003e\n          \u003cp\u003eAjoutez une cuillère dans votre smoothie pour un petit-déjeuner revitalisant et gourmand.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🥣 Porridge et yaourt\u003c\/h3\u003e\n          \u003cp\u003eSaupoudrez sur un porridge, un yaourt ou un bol de céréales pour un boost nutritionnel discret.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🥛 Lait végétal\u003c\/h3\u003e\n          \u003cp\u003eMélangez dans un lait végétal chaud ou froid pour une boisson tonique réconfortante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🧁 Pâtisseries maison\u003c\/h3\u003e\n          \u003cp\u003eIncorporez dans vos energy balls, pancakes ou gâteaux pour un supplément d'énergie naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mc-tip\"\u003e\n      \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eDosage conseillé :\u003c\/strong\u003e commencez par ½ cuillère à café par jour, puis augmentez progressivement jusqu'à 1 à 2 cuillères à café selon votre ressenti. Consommez de préférence le matin ou en début d'après-midi pour profiter pleinement de son effet stimulant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la maca Sol Semilla ?\u003c\/h2\u003e\n    \u003cdiv class=\"mc-grid\"\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e✅ Certifiée AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique européenne : cultivée sans pesticides ni engrais chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n        \u003cp\u003eSéchage à basse température préservant l'intégralité des nutriments et enzymes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité irréprochable\u003c\/h3\u003e\n        \u003cp\u003eContrôlée et élaborée par l'équipe Sol Semilla, spécialiste français des superaliments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n        \u003cp\u003eFilière équitable soutenant les producteurs andins dans le respect de leur savoir-faire ancestral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eSachet refermable de 75 g, idéal pour découvrir la maca ou l'emporter partout avec vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mc-accordion\"\u003e\n      \u003cdetails class=\"mc-accordion-item\"\u003e\n        \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"mc-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. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement hormonal ou de pathologie particulière, consultez votre professionnel de santé avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mc-accordion-item\"\u003e\n        \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mc-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mc-cream: #faf6f0;\n  --mc-white: #ffffff;\n  --mc-primary: #c0623a;\n  --mc-primary-dark: #8b3a1f;\n  --mc-primary-light: #f5ebe3;\n  --mc-secondary: #d4944a;\n  --mc-accent: #5a8a3c;\n  --mc-text: #1a1a1a;\n  --mc-text-light: #5a5a5a;\n  --mc-border: #e6ddd3;\n  --mc-shadow: 0 4px 24px rgba(139, 58, 31, .08);\n  --mc-shadow-lg: 0 12px 48px rgba(139, 58, 31, .15);\n  --mc-radius: 20px;\n  --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b3a1f 0%, #c0623a 45%, #d4944a 100%);\n  border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mc-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.mc-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: .03em;\n  text-transform: uppercase;\n}\n\n.mc-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 620px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n  border-radius: 2px;\n}\n\n.mc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mc-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.mc-card {\n  background: var(--mc-white);\n  border-radius: var(--mc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mc-shadow-lg);\n  border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n  padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mc-composition-box {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.mc-composition-highlight {\n  background: linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-white) 100%);\n  border-radius: var(--mc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  border: 2px solid var(--mc-primary);\n  box-shadow: var(--mc-shadow);\n}\n\n.mc-composition-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  color: var(--mc-primary);\n  margin-bottom: .5rem;\n}\n\n.mc-composition-value {\n  display: block;\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 900;\n  color: var(--mc-primary-dark);\n  margin-bottom: .5rem;\n  line-height: 1.3;\n}\n\n.mc-composition-latin {\n  display: block;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mc-text-light);\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n  flex: 1;\n  background: var(--mc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mc-radius-sm);\n  box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n  font-size: 14px;\n  color: var(--mc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mc-primary-light);\n  border-radius: var(--mc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mc-tip p {\n  font-size: 14px;\n  color: var(--mc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n  background: var(--mc-white);\n  border-radius: var(--mc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mc-shadow);\n  border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n  background: var(--mc-white);\n  border-radius: var(--mc-radius);\n  box-shadow: var(--mc-shadow);\n  overflow: hidden;\n}\n\n.mc-accordion-item {\n  border-bottom: 1px solid var(--mc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mc-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.mc-accordion-header:hover {\n  background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mc-primary);\n  transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n  content: '−';\n}\n\n.mc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mc-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n  font-size: 12px;\n  color: var(--mc-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  .mc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mc-card {\n    padding: 1.125rem;\n  }\n\n  .mc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mc-radius-sm);\n  }\n\n  .mc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mc-grid-compact {\n    gap: .625rem;\n  }\n\n  .mc-grid-compact .mc-card {\n    padding: .75rem;\n  }\n\n  .mc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .mc-composition-highlight {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mc-card {\n    animation: mcFadeInUp .5s ease backwards;\n  }\n  .mc-card:nth-child(1) { animation-delay: .05s; }\n  .mc-card:nth-child(2) { animation-delay: .1s; }\n  .mc-card:nth-child(3) { animation-delay: .15s; }\n  .mc-card:nth-child(4) { animation-delay: .2s; }\n  .mc-card:nth-child(5) { animation-delay: .25s; }\n  .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755130970269,"sku":"REF1365","price":6.65,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maca-poudre-bio-75-g-sol-semilla-lifestyle_b7ac1786-f639-441c-9d0f-cd369534bae8.webp?v=1772724476"},{"product_id":"acerola-poudre-pure-a-100-vit-c-17-bio-50-g-sol-semilla","title":"Acérola Bio - Poudre Pure à 100% - 50 G - Sol Semilla","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 17% vitamine C naturelle\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 100% bio \u0026amp; pure\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🇧🇷 Amazonie, Brésil\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e📦 17 portions \/ sachet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola Bio - Poudre Pure à 100%\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eSol Semilla · Le pouvoir des superaliments depuis 1992\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLe superfruit amazonien le plus concentré en vitamine C, lyophilisé à basse température pour une assimilation optimale. 50 g de pureté absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003cp class=\"ac-section-intro\"\u003eAvec sa teneur exceptionnelle de \u003cstrong\u003e17% en vitamine C naturelle\u003c\/strong\u003e, cette poudre d'acérola bio Sol Semilla figure parmi les sources les plus concentrées disponibles sur le marché.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 17% de vitamine C\u003c\/h3\u003e\n\u003cp\u003eConcentration naturelle exceptionnelle, bien au-dessus de la moyenne du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌡️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver l'intégralité des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur ni sucre ajouté - un seul ingrédient\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📏 17 portions\u003c\/h3\u003e\n\u003cp\u003eUn sachet de 50 g pour plusieurs semaines de cure naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi l'acérola est-elle si précieuse ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) est un petit fruit tropical reconnu pour être \u003cstrong\u003e30 à 40 fois plus riche en vitamine C que l'orange\u003c\/strong\u003e. Mais ses bienfaits ne s'arrêtent pas là.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 Vitamines A \u0026amp; groupe B\u003c\/h3\u003e\n\u003cp\u003eEssentielles au métabolisme énergétique, elles complètent parfaitement l'action de la vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Flavonoïdes \u0026amp; polyphénols\u003c\/h3\u003e\n\u003cp\u003eDe puissants antioxydants qui protègent vos cellules contre le stress oxydatif au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Minéraux essentiels\u003c\/h3\u003e\n\u003cp\u003eFer, calcium, phosphore, potassium et magnésium pour un soutien minéral complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à la vitamine C présente dans les comprimés classiques, la forme en poudre lyophilisée préserve la \u003cstrong\u003esynergie naturelle entre nutriments\u003c\/strong\u003e. Votre organisme les assimile ainsi bien plus facilement qu'une vitamine C de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eBienfaits au quotidien : immunité, vitalité et beauté\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eIntégrer l'acérola en poudre à votre routine, c'est offrir à votre corps un soutien concret sur plusieurs plans.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire, particulièrement utile lors des changements de saison ou en période de stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eVous traversez une phase de surmenage ou de manque d'entrain ? L'acérola aide à retrouver tonus et énergie durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe à la formation normale de collagène, un allié précieux pour une peau lumineuse et des tissus en bonne santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eElle protège vos cellules contre le stress oxydatif lié à la pollution, au sport intensif ou au vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003ePrenez \u003cstrong\u003e1 à 3 g de poudre d'acérola par jour\u003c\/strong\u003e (environ ½ à 1 cuillère à café).\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n\u003cp\u003e½ à 1 cuillère à café (1 à 3 g) selon vos besoins quotidiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eMélangez dans votre boisson ou recette\u003c\/h3\u003e\n\u003cp\u003eUn verre d'eau, un jus fraîchement préparé, un smoothie aux fruits rouges, une compote, un yaourt, un bol de muesli ou une boisson végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDégustez et profitez\u003c\/h3\u003e\n\u003cp\u003eSa saveur acidulée et fruitée s'intègre naturellement à vos recettes du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉvitez de chauffer au-delà de \u003cstrong\u003e40 °C\u003c\/strong\u003e pour préserver toute la richesse en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ac-composition-box\"\u003e\n\u003cdiv class=\"ac-composition-main\"\u003e\n\u003ch3\u003e🍒 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003ePoudre d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) lyophilisée, issue de l'agriculture biologique. \u003cstrong\u003e100% pure, sans additifs, sans conservateurs, sans sucres ajoutés.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-composition-nutrition\"\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e510 mg\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003ede vitamine C pour 3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e638%\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003edes apports journaliers recommandés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-certif-row\"\u003e\n\u003cspan class=\"ac-badge-certif\"\u003e🌱 Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e✅ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇪🇺 Label Bio UE\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇧🇷 Origine : Amazonie, Brésil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eCe qui distingue cette acérola bio Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eUn seul ingrédient, aucun excipient ni maltodextrine souvent présents chez d'autres marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📊 Concentration élevée\u003c\/h3\u003e\n\u003cp\u003e17% de vitamine C, bien au-dessus de nombreuses acérola bio en poudre du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eProcédé à froid qui préserve enzymes, vitamines et antioxydants dans leur intégralité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSol Semilla, pionnier des superaliments depuis 1992, travaille avec des producteurs brésiliens dans le respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ac-section\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Offrez à votre corps le meilleur de la nature amazonienne : une poudre d'acérola bio d'exception, pure et hautement concentrée en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical. Consultez votre professionnel de santé en cas de doute. Conservez au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ac-cream: #faf6f0;\n  --ac-white: #ffffff;\n  --ac-primary: #d63a2a;\n  --ac-primary-dark: #9c1e14;\n  --ac-primary-light: #fef0ee;\n  --ac-secondary: #e8853a;\n  --ac-accent: #c8a96e;\n  --ac-kraft: #d4b896;\n  --ac-text: #1a1a1a;\n  --ac-text-light: #5a5a5a;\n  --ac-border: #e8ddd0;\n  --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ac-radius: 20px;\n  --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ac-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-secondary) 50%, var(--ac-accent) 100%);\n  border-radius: var(--ac-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(\n    from 0deg at 50% 110%,\n    rgba(255,255,255,.08) 0deg 15deg,\n    transparent 15deg 30deg\n  );\n  opacity: .6;\n}\n\n.ac-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ac-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.ac-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ac-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ac-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n  border-radius: 2px;\n}\n\n.ac-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ac-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ac-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ac-shadow-lg);\n  border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ac-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ac-card-highlight {\n  border-left: 4px solid var(--ac-secondary);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ac-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n  padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ac-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ac-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ac-timeline-content {\n  flex: 1;\n  background: var(--ac-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ac-radius-sm);\n  box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n  font-size: 14px;\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ac-primary-light);\n  border-radius: var(--ac-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ac-tip p {\n  font-size: 14px;\n  color: var(--ac-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ac-composition-box {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  box-shadow: var(--ac-shadow);\n  overflow: hidden;\n}\n\n.ac-composition-main {\n  padding: clamp(1.25rem, 3vw, 2rem);\n  border-bottom: 1px solid var(--ac-border);\n}\n\n.ac-composition-main h3 {\n  font-size: clamp(16px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.ac-composition-main p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.ac-composition-nutrition {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 0;\n}\n\n.ac-nutrition-highlight {\n  padding: clamp(1rem, 3vw, 1.5rem);\n  text-align: center;\n  border-right: 1px solid var(--ac-border);\n}\n\n.ac-nutrition-highlight:last-child {\n  border-right: none;\n}\n\n.ac-nutrition-value {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: var(--ac-primary);\n  letter-spacing: -.03em;\n  line-height: 1.1;\n}\n\n.ac-nutrition-label {\n  display: block;\n  font-size: clamp(11px, 1.8vw, 13px);\n  color: var(--ac-text-light);\n  margin-top: .35rem;\n  font-weight: 600;\n}\n\n\/* === CERTIFICATIONS === *\/\n.ac-certif-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.ac-badge-certif {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 8px 14px;\n  background: var(--ac-white);\n  border: 2px solid var(--ac-border);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  transition: all .3s ease;\n}\n\n.ac-badge-certif:hover {\n  border-color: var(--ac-primary);\n  background: var(--ac-primary-light);\n}\n\n\/* === CTA === *\/\n.ac-cta-box {\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ac-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(\n    from 0deg at 50% 110%,\n    rgba(255,255,255,.05) 0deg 15deg,\n    transparent 15deg 30deg\n  );\n}\n\n.ac-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n  font-size: 12px;\n  color: var(--ac-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ac-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ac-card {\n    padding: 1.125rem;\n  }\n\n  .ac-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ac-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ac-radius-sm);\n  }\n\n  .ac-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ac-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ac-grid-compact {\n    gap: .625rem;\n  }\n\n  .ac-grid-compact .ac-card {\n    padding: .75rem;\n  }\n\n  .ac-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ac-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ac-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ac-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ac-composition-nutrition {\n    grid-template-columns: 1fr;\n  }\n\n  .ac-nutrition-highlight {\n    border-right: none;\n    border-bottom: 1px solid var(--ac-border);\n    padding: 1rem;\n  }\n\n  .ac-nutrition-highlight:last-child {\n    border-bottom: none;\n  }\n\n  .ac-certif-row {\n    gap: 6px;\n  }\n\n  .ac-badge-certif {\n    font-size: 11px;\n    padding: 6px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ac-card {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-card:nth-child(1) { animation-delay: .05s; }\n  .ac-card:nth-child(2) { animation-delay: .1s; }\n  .ac-card:nth-child(3) { animation-delay: .15s; }\n  .ac-card:nth-child(4) { animation-delay: .2s; }\n  .ac-card:nth-child(5) { animation-delay: .25s; }\n  .ac-card:nth-child(6) { animation-delay: .3s; }\n\n  .ac-timeline-item {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .ac-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .ac-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ac-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755131920541,"sku":"R027","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-bio-poudre-pure-a-100-50-g-sol-semilla-lifestyle.webp?v=1772722710"},{"product_id":"super-topping-vert-origine-spiruline-chanvre-graines-bio-170-g-sol-semilla","title":"Super Topping Vert Origine : Spiruline \u0026 Chanvre - Graines Bio 170 g - Sol Semilla","description":"\u003cdiv class=\"st-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"st-hero\"\u003e\n\u003cdiv class=\"st-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"st-hero-content\"\u003e\n\u003cdiv class=\"st-badges-top\"\u003e\n\u003cspan class=\"st-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🇫🇷 Chanvre français\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e💪 Super-protéiné\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🧃 14 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"st-hero-title\"\u003eSuper Topping Vert Origine Spiruline \u0026amp; Chanvre Bio\u003c\/span\u003e\n\u003cp class=\"st-subtitle\"\u003eLe mix croquant super-protéiné par Sol Semilla\u003c\/p\u003e\n\u003cp class=\"st-description\"\u003eUn mélange bio de brindilles de spiruline, graines de chanvre français et super-graines à saupoudrer sur tous vos plats pour un boost nutritionnel immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003cp class=\"st-section-intro\"\u003eEnvie de rehausser vos repas avec un concentré de nutriments, sans effort ?\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Spiruline premium\u003c\/h3\u003e\n\u003cp\u003eBrindilles séchées à basse température (\u0026lt;50 °C) pour une richesse intacte en nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Chanvre français\u003c\/h3\u003e\n\u003cp\u003eGraines décortiquées cultivées en France, source d'oméga-3 et de protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ Apport protéiné\u003c\/h3\u003e\n\u003cp\u003eUn concentré de protéines complètes, acides gras essentiels, vitamines et minéraux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🥄 Ultra-simple\u003c\/h3\u003e\n\u003cp\u003eSe saupoudre sur tous vos plats : une cuillère suffit pour un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping spiruline et chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eSol Semilla, pionnière des superaliments en France depuis 1992, a formulé cette recette pour répondre à trois objectifs précis :\u003c\/p\u003e\n\u003cdiv class=\"st-grid\"\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🌞 Vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLa spiruline premium conserve toute sa richesse en \u003cstrong\u003efer, phycocyanine et protéines complètes\u003c\/strong\u003e (environ 60 % de protéines). Elle contribue à réduire la fatigue et à soutenir le système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🏃 Nutrition sportive naturelle\u003c\/h3\u003e\n\u003cp\u003eLes graines de chanvre décortiquées offrent un profil idéal en \u003cstrong\u003eoméga-3 et oméga-6\u003c\/strong\u003e, ainsi qu'une teneur élevée en protéines végétales facilement assimilables, précieuses pour la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eL'association spiruline + chanvre + graines sélectionnées fournit un cocktail d'\u003cstrong\u003eantioxydants, de zinc et de vitamines du groupe B\u003c\/strong\u003e pour vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComposition du Super Topping Vert Bio\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eTous les ingrédients sont issus de l'agriculture biologique certifiée (label AB et Eurofeuille). Origine : France et Maroc.\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Brindilles de spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en protéines, fer et antioxydants, séchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌿 Graines de chanvre bio\u003c\/h3\u003e\n\u003cp\u003eDécortiquées, cultivées en France - source d'oméga-3, oméga-6, protéines et fibres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🎃 Graines de courge bio\u003c\/h3\u003e\n\u003cp\u003eApport en zinc, magnésium et fer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌻 Graines de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eRiches en vitamine E et en sélénium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans additifs, sans conservateurs, sans arômes artificiels.\u003c\/strong\u003e Le sachet de 170 g correspond à environ \u003cstrong\u003e14 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Spiruline Chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eLa dose recommandée est de 1 à 2 cuillères à soupe par jour (environ 12 g par portion).\u003c\/p\u003e\n\u003cdiv class=\"st-timeline\"\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥗 Sur vos salades\u003c\/h3\u003e\n\u003cp\u003ePour une texture croquante et un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥣 Dans un smoothie ou un bowl\u003c\/h3\u003e\n\u003cp\u003eMixé ou parsemé, il enrichit votre petit-déjeuner en protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍜 Sur vos soupes et veloutés\u003c\/h3\u003e\n\u003cp\u003eAjouté au dernier moment pour conserver le croquant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥑 Sur tartines d'avocat ou houmous\u003c\/h3\u003e\n\u003cp\u003eUn topping original qui surprendra vos convives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍝 Dans vos pâtes ou risottos\u003c\/h3\u003e\n\u003cp\u003eEn finition, pour une touche de couleur et de saveur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e évitez de le cuire à haute température afin de préserver les bienfaits de la spiruline et les acides gras du chanvre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eSol Semilla : l'exigence des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"st-testimonial\"\u003e\n\u003cp class=\"st-testimonial-text\"\u003eFondée il y a plus de trente ans, Sol Semilla sélectionne ses producteurs avec rigueur, en privilégiant les filières courtes et les pratiques agricoles durables. Chaque lot est contrôlé pour garantir pureté, traçabilité et respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"st-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce topping bio ?\u003c\/h2\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eProtéines végétales et oméga pour la récupération musculaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ En quête de vitalité\u003c\/h3\u003e\n\u003cp\u003eFer, vitamines B et antioxydants pour réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n\u003cp\u003eUn complément nutritionnel 100 % végétal et naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🔍 Curieux des superaliments\u003c\/h3\u003e\n\u003cp\u003eUne façon simple de découvrir spiruline et chanvre au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eNaturellement \u003cstrong\u003esans gluten\u003c\/strong\u003e et sans lactose. Convient à tous les régimes alimentaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"st-disclaimer\"\u003eCe produit est un aliment et 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é.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --st-cream: #faf6f0;\n  --st-white: #ffffff;\n  --st-primary: #2e7d32;\n  --st-primary-dark: #1b5e20;\n  --st-primary-light: #e8f5e9;\n  --st-secondary: #f9a825;\n  --st-accent: #d84315;\n  --st-text: #1a1a1a;\n  --st-text-light: #5a5a5a;\n  --st-border: #e0e0e0;\n  --st-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --st-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --st-radius: 20px;\n  --st-radius-sm: 12px;\n}\n\n.st-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--st-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.st-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--st-primary-dark) 0%, var(--st-primary) 45%, #4caf50 100%);\n  border-radius: var(--st-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(--st-shadow-lg);\n}\n\n.st-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(249,168,37,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(216,67,21,.1) 0%, transparent 45%);\n  opacity: 1;\n}\n\n.st-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.st-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.st-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.st-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.st-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.st-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(--st-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.st-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.st-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.st-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--st-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.st-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(--st-primary), var(--st-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.st-card {\n  background: var(--st-white);\n  border-radius: var(--st-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--st-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.st-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--st-shadow-lg);\n  border-color: var(--st-primary);\n}\n\n.st-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--st-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.st-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--st-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.st-card-highlight {\n  border-left: 4px solid var(--st-secondary);\n  text-align: left;\n}\n\n.st-card-highlight p strong {\n  color: var(--st-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.st-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.st-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.st-grid-compact .st-card {\n  padding: 1rem;\n}\n\n.st-grid-compact .st-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.st-grid-compact .st-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.st-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.st-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.st-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--st-primary), var(--st-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.st-timeline-content {\n  flex: 1;\n  background: var(--st-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--st-radius-sm);\n  box-shadow: var(--st-shadow);\n}\n\n.st-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--st-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.st-timeline-content p {\n  font-size: 14px;\n  color: var(--st-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.st-testimonial {\n  background: var(--st-white);\n  border-radius: var(--st-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--st-shadow);\n  border-left: 4px solid var(--st-secondary);\n}\n\n.st-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--st-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.st-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--st-primary-light);\n  border-radius: var(--st-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.st-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.st-tip p {\n  font-size: 14px;\n  color: var(--st-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.st-tip p strong {\n  color: var(--st-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.st-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--st-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\/* === DISCLAIMER === *\/\n.st-disclaimer {\n  font-size: 12px;\n  color: var(--st-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  .st-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .st-card {\n    padding: 1.125rem;\n  }\n\n  .st-card-highlight {\n    text-align: left;\n  }\n\n  .st-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .st-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--st-radius-sm);\n  }\n\n  .st-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .st-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .st-grid-compact {\n    gap: .625rem;\n  }\n\n  .st-grid-compact .st-card {\n    padding: .75rem;\n  }\n\n  .st-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .st-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .st-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .st-timeline-content p {\n    font-size: 13px;\n  }\n\n  .st-testimonial {\n    padding: 1.25rem;\n  }\n\n  .st-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .st-card {\n    animation: stFadeInUp .5s ease backwards;\n  }\n  .st-card:nth-child(1) { animation-delay: .05s; }\n  .st-card:nth-child(2) { animation-delay: .1s; }\n  .st-card:nth-child(3) { animation-delay: .15s; }\n  .st-card:nth-child(4) { animation-delay: .2s; }\n  .st-card:nth-child(5) { animation-delay: .25s; }\n  .st-card:nth-child(6) { animation-delay: .3s; }\n\n  .st-timeline-item {\n    animation: stFadeInUp .5s ease backwards;\n  }\n  .st-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .st-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .st-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .st-timeline-item:nth-child(4) { animation-delay: .2s; }\n  .st-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes stFadeInUp {\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  .st-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755132805277,"sku":"REF1368","price":4.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-vert-origine-spiruline-chanvre-graines-bio-170-lifestyle.webp?v=1772786590"},{"product_id":"super-topping-exotique-cacao-cru-aguaymanto-graines-bio-190-g-sol-semilla","title":"Super Topping Exotique 190 g : Cacao \u0026 Aguaymanto - Sol Semilla","description":"\u003cdiv class=\"ste-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ste-hero\"\u003e\n\u003cdiv class=\"ste-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ste-hero-content\"\u003e\n\u003cdiv class=\"ste-badges-top\"\u003e\n\u003cspan class=\"ste-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🍫 Cacao cru\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ste-hero-title\"\u003eSuper Topping Exotique\u003c\/span\u003e\n\u003cp class=\"ste-subtitle\"\u003eCacao cru, aguaymanto \u0026amp; graines de chia - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"ste-description\"\u003eTrois superaliments d'exception réunis dans un mélange prêt à déguster, certifié bio, cru et 100 % végétal. 190 g de pur plaisir nutritif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003cp class=\"ste-section-intro\"\u003eEnvie de transformer votre petit-déjeuner en un moment à la fois gourmand et nutritif ? Le \u003cstrong\u003eSuper Topping Exotique de Sol Semilla\u003c\/strong\u003e associe trois superaliments d'exception — \u003cstrong\u003ecacao cru\u003c\/strong\u003e, \u003cstrong\u003eaguaymanto\u003c\/strong\u003e et \u003cstrong\u003egraines de chia\u003c\/strong\u003e - dans un mélange prêt à déguster, certifié \u003cstrong\u003ebio\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e, \u003cstrong\u003esans gluten\u003c\/strong\u003e et cru (raw). Avec ses 16 portions par sachet de 190 g, il s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping bio ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eCe n'est pas un simple topping décoratif. Chaque ingrédient a été sélectionné pour sa \u003cstrong\u003edensité nutritionnelle\u003c\/strong\u003e et son goût unique :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍫 Cacao cru biologique\u003c\/h3\u003e\n\u003cp\u003eNon torréfié, il conserve l'intégralité de ses antioxydants (flavonoïdes) et de son magnésium. Une saveur chocolatée intense qui contribue à réduire la fatigue et le stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍊 Aguaymanto bio (physalis)\u003c\/h3\u003e\n\u003cp\u003eCe petit fruit péruvien offre une acidité douce et fruitée, particulièrement riche en \u003cstrong\u003evitamine C\u003c\/strong\u003e, en bêta-carotène et en antioxydants naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌱 Graines de chia biologiques\u003c\/h3\u003e\n\u003cp\u003eVéritables concentrés d'\u003cstrong\u003eoméga-3\u003c\/strong\u003e, de fibres et de protéines végétales, elles apportent une texture croquante et un effet rassasiant appréciable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe résultat ? Un mélange aux propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e et \u003cstrong\u003eanti-stress\u003c\/strong\u003e, idéal pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Exotique ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eSaupoudrez simplement \u003cstrong\u003eune à deux cuillères à soupe\u003c\/strong\u003e (environ 12 g) sur vos préparations préférées :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥣 Porridge \u0026amp; granola\u003c\/h3\u003e\n\u003cp\u003eLe topping idéal pour vos matins chauds ou crunchy\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥄 Yaourt \u0026amp; skyr\u003c\/h3\u003e\n\u003cp\u003eFromage blanc, yaourt végétal ou skyr protéiné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🫐 Smoothie \u0026amp; açaï bowls\u003c\/h3\u003e\n\u003cp\u003eUn boost nutritif et visuel pour vos bowls\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍓 Salade de fruits\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez sur vos fruits frais de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥞 Crêpes \u0026amp; pancakes\u003c\/h3\u003e\n\u003cp\u003eTartines, crêpes ou pancakes gourmands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍨 Glaces \u0026amp; desserts\u003c\/h3\u003e\n\u003cp\u003eGlaces et desserts végétaux revisités\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi l'incorporer directement dans vos pâtes à gâteaux, barres énergétiques maison ou energy balls pour un apport nutritionnel supplémentaire. Aucune cuisson nécessaire : le topping est \u003cstrong\u003eprêt à déguster\u003c\/strong\u003e tel quel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003e\u003cstrong\u003eIngrédients (100 % issus de l'agriculture biologique) :\u003c\/strong\u003e éclats de cacao cru*, aguaymanto séché* (physalis), graines de chia*.\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. Certifié FR-BIO-01 — Agriculture UE\/non UE.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🧪 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eCertifié vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌡️ Cru (raw)\u003c\/h3\u003e\n\u003cp\u003eNon transformé à haute température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 190 g - environ 16 portions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eSol Semilla : des superaliments engagés et traçables\u003c\/h2\u003e\n\u003cdiv class=\"ste-testimonial\"\u003e\n\u003cp class=\"ste-testimonial-text\"\u003eDepuis ses débuts, \u003cstrong\u003eSol Semilla\u003c\/strong\u003e s'engage à proposer des superaliments de qualité supérieure, sourcés directement auprès de petits producteurs. Le cacao cru provient d'\u003cstrong\u003eAmérique du Sud\u003c\/strong\u003e, cultivé en agroforesterie. L'aguaymanto, fruit emblématique du Pérou, est récolté à la main dans les Andes. Chaque lot est contrôlé et élaboré par l'équipe Sol Semilla en France, garantissant une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et le respect des qualités nutritionnelles de chaque ingrédient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"ste-accordion\"\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément à une alimentation variée et équilibrée\u003c\/strong\u003e et ne saurait se substituer à un mode de vie sain ni à un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ste-section\"\u003e\n\u003cdiv class=\"ste-cta-box\"\u003e\n\u003cp\u003e🍫 Offrez à vos matins une explosion de saveurs et de nutriments avec le Super Topping Exotique Sol Semilla - bio, cru et prêt à savourer !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ste-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ste-cream: #faf6f1;\n  --ste-white: #ffffff;\n  --ste-primary: #c4622d;\n  --ste-primary-dark: #8b3a14;\n  --ste-primary-light: #fdf0e6;\n  --ste-secondary: #d4913a;\n  --ste-accent: #5a8c32;\n  --ste-text: #1a1a1a;\n  --ste-text-light: #5a5a5a;\n  --ste-border: #e8ddd2;\n  --ste-shadow: 0 4px 24px rgba(139,58,20,.08);\n  --ste-shadow-lg: 0 12px 48px rgba(139,58,20,.15);\n  --ste-radius: 20px;\n  --ste-radius-sm: 12px;\n}\n\n.ste-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ste-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ste-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ste-primary-dark) 0%, var(--ste-primary) 45%, var(--ste-secondary) 100%);\n  border-radius: var(--ste-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ste-shadow-lg);\n}\n\n.ste-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(212,145,58,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ste-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ste-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ste-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.ste-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ste-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ste-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ste-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ste-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ste-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ste-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ste-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ste-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ste-primary), var(--ste-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ste-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ste-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ste-card {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ste-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ste-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ste-shadow-lg);\n  border-color: var(--ste-primary);\n}\n\n.ste-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ste-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ste-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ste-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ste-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ste-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ste-grid-compact .ste-card {\n  padding: 1rem;\n}\n\n.ste-grid-compact .ste-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ste-grid-compact .ste-card p {\n  font-size: 12px;\n}\n\n\/* === TESTIMONIAL === *\/\n.ste-testimonial {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ste-shadow);\n  border-left: 4px solid var(--ste-primary);\n}\n\n.ste-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ste-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ste-accordion {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  box-shadow: var(--ste-shadow);\n  overflow: hidden;\n}\n\n.ste-accordion-item {\n  border-bottom: 1px solid var(--ste-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ste-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ste-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ste-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ste-accordion-header:hover {\n  background: var(--ste-primary-light);\n}\n\n.ste-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ste-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ste-primary);\n  transition: transform .2s ease;\n}\n\n.ste-accordion-item[open] .ste-accordion-header::after {\n  content: '−';\n}\n\n.ste-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ste-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ste-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ste-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ste-primary-light);\n  border-radius: var(--ste-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ste-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ste-tip p {\n  font-size: 14px;\n  color: var(--ste-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ste-cta-box {\n  background: linear-gradient(135deg, var(--ste-primary) 0%, var(--ste-primary-dark) 100%);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ste-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ste-disclaimer {\n  font-size: 12px;\n  color: var(--ste-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ste-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ste-card {\n    padding: 1.125rem;\n  }\n\n  .ste-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ste-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ste-radius-sm);\n  }\n\n  .ste-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ste-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ste-grid-compact {\n    gap: .625rem;\n  }\n\n  .ste-grid-compact .ste-card {\n    padding: .75rem;\n  }\n\n  .ste-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ste-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ste-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ste-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ste-card {\n    animation: steFadeInUp .5s ease backwards;\n  }\n  .ste-card:nth-child(1) { animation-delay: .05s; }\n  .ste-card:nth-child(2) { animation-delay: .1s; }\n  .ste-card:nth-child(3) { animation-delay: .15s; }\n  .ste-card:nth-child(4) { animation-delay: .2s; }\n  .ste-card:nth-child(5) { animation-delay: .25s; }\n  .ste-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes steFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ste-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755133100189,"sku":"REF1369","price":5.51,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-exotique-190-g-cacao-aguaymanto-sol-semilla-lifestyle.webp?v=1772786123"},{"product_id":"stimuline-30-comprimes-vitalite-systeme-immunitaire-lt-labo-lt-labo","title":"Stimuline - Energie et immunité  - 30 Comprimés - LT Labo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Stimuline - Energie et immunité - LT Labo\nPalette détectée:\n  - Primaire: #E67E22 (orange vif du packaging, zone centrale)\n  - Secondaire: #27AE60 (vert bio\/certification AB)\n  - Accent: #3498DB (bleu turquoise du texte \"stimu\")\n  - Neutre: #F8F9FA (blanc cassé du flacon)\nAmbiance: Naturel\/Bio, frais, énergisant, santé naturelle, certifié biologique\nStyle: Clean, épuré, confiance, naturalité avec touche dynamique\nPréfixe CSS: stim\n--\u003e\n\u003cdiv class=\"stim-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"stim-hero\"\u003e\n\u003cdiv class=\"stim-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"stim-hero-content\"\u003e\n\u003cdiv class=\"stim-badges-top\"\u003e\n\u003cspan class=\"stim-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"stim-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e \u003cspan class=\"stim-badge\"\u003e⚡ Énergie \u0026amp; immunité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"stim-hero-title\"\u003eStimuline\u003c\/span\u003e\n\u003cp class=\"stim-subtitle\"\u003ePapaye fermentée \u0026amp; acérola • Vitamine C naturelle\u003c\/p\u003e\n\u003cp class=\"stim-description\"\u003eLa synergie bio qui réveille votre vitalité et renforce vos défenses naturelles au quotidien\u003c\/p\u003e\n\u003cdiv class=\"stim-hero-stats\"\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e+100%\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003edes VNR en vitamine C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e30\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003ecomprimés par flacon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003eactifs synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI CETTE SYNERGIE --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003ePourquoi cette synergie fait toute la différence\u003c\/h2\u003e\n\u003cp class=\"stim-intro\"\u003eCe n'est pas un hasard si LT Labo a choisi d'associer ces deux trésors de la nature. Ensemble, ils forment une combinaison particulièrement puissante pour votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"stim-grid stim-grid-2\"\u003e\n\u003cdiv class=\"stim-card stim-card-featured\"\u003e\n\u003cdiv class=\"stim-card-icon\"\u003e🍈\u003c\/div\u003e\n\u003ch3\u003ePapaye fermentée\u003c\/h3\u003e\n\u003cp class=\"stim-card-highlight\"\u003ePuissant antioxydant japonais\u003c\/p\u003e\n\u003cp\u003eReconnue depuis des décennies au Japon, le processus de fermentation concentre et amplifie les enzymes naturellement présentes. Protection renforcée contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e — ce phénomène qui accélère le vieillissement cellulaire et affaiblit vos défenses.\u003c\/p\u003e\n\u003cdiv class=\"stim-card-tag\"\u003e150 mg \/ 3 comprimés\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-card-featured\"\u003e\n\u003cdiv class=\"stim-card-icon\"\u003e🍒\u003c\/div\u003e\n\u003ch3\u003eAcérola bio\u003c\/h3\u003e\n\u003cp class=\"stim-card-highlight\"\u003eSource n°1 de vitamine C naturelle\u003c\/p\u003e\n\u003cp\u003eL'une des sources les plus riches en vitamine C que l'on connaisse. Contrairement à la vitamine C synthétique, celle issue de l'acérola est accompagnée de \u003cstrong\u003ebioflavonoïdes\u003c\/strong\u003e qui améliorent son absorption. Votre corps en profite pleinement.\u003c\/p\u003e\n\u003cdiv class=\"stim-card-tag\"\u003eTitré à 25% de vitamine C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets sur votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue à un métabolisme énergétique normal. Fini les coups de pompe en milieu de journée ou cette sensation d'épuisement persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eSystème immunitaire renforcé\u003c\/h3\u003e\n\u003cp\u003eIdéal pendant les changements de saison, les périodes hivernales ou simplement pour maintenir vos défenses au top toute l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n\u003cp\u003eVos cellules sont constamment exposées aux radicaux libres. La papaye fermentée et la vitamine C les aident à mieux résister au stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eSoutien du système nerveux\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe au bon fonctionnement psychologique, un atout précieux en période de stress ou de surmenage professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 comprimés\u003c\/h2\u003e\n\u003cdiv class=\"stim-composition-box\"\u003e\n\u003cdiv class=\"stim-composition-grid\"\u003e\n\u003cdiv class=\"stim-ingredient\"\u003e\n\u003cdiv class=\"stim-ingredient-header\"\u003e\n\u003cspan class=\"stim-ingredient-icon\"\u003e🍈\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eExtrait de papaye fermentée concentrée\u003c\/h4\u003e\n\u003cspan class=\"stim-ingredient-latin\"\u003eCarica papaya\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient-dosage\"\u003e\n\u003cspan class=\"stim-dosage-value\"\u003e150 mg\u003c\/span\u003e \u003cspan class=\"stim-dosage-note\"\u003eéquiv. 200 mg plante fraîche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient\"\u003e\n\u003cdiv class=\"stim-ingredient-header\"\u003e\n\u003cspan class=\"stim-ingredient-icon\"\u003e🍒\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eExtrait d'acérola titré à 25%\u003c\/h4\u003e\n\u003cspan class=\"stim-ingredient-latin\"\u003eMalpighia punicifolia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient-dosage\"\u003e\n\u003cspan class=\"stim-dosage-value\"\u003e1050 mg\u003c\/span\u003e \u003cspan class=\"stim-dosage-note\"\u003edont 170 mg vitamine C (212,5 % VNR)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-other-ingredients\"\u003e\n\u003ch4\u003eAutres ingrédients\u003c\/h4\u003e\n\u003cdiv class=\"stim-tags\"\u003e\n\u003cspan class=\"stim-tag\"\u003eSucre de fleur de coco bio\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eMaltodextrine\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eArôme naturel de mangue\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eCarbonate de magnésium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-certifications\"\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003eAgriculture Biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🌱\u003c\/span\u003e \u003cspan\u003eCertifié Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans colorants artificiels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eSans conservateurs de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eComment prendre Stimuline pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"stim-usage-intro\"\u003e\n\u003cp\u003eLa posologie s'adapte à vos besoins et à votre situation personnelle :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-usage-card\"\u003e\n\u003cdiv class=\"stim-usage-level stim-level-1\"\u003eEntretien\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e1 comprimé\/jour\u003c\/div\u003e\n\u003cp\u003eEn cure d'entretien, pour maintenir votre vitalité et vos défenses tout au long de l'année.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure continue possible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-usage-card stim-usage-popular\"\u003e\n\u003cdiv class=\"stim-popular-badge\"\u003eLe plus populaire\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-level stim-level-2\"\u003eBoost saisonnier\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e2 comprimés\/jour\u003c\/div\u003e\n\u003cp\u003eLors des changements de saison ou en cas de fatigue passagère, quand votre organisme a besoin d'un coup de pouce.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure de 1 à 2 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-usage-card\"\u003e\n\u003cdiv class=\"stim-usage-level stim-level-3\"\u003eIntensif\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e3 comprimés\/jour\u003c\/div\u003e\n\u003cp\u003ePendant les périodes exigeantes : hiver rigoureux, stress professionnel, convalescence ou quand vous vous sentez fragilisé.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure de 1 à 3 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-tips-box\"\u003e\n\u003cdiv class=\"stim-tip\"\u003e\n\u003cspan class=\"stim-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAstuce pratique\u003c\/strong\u003e\n\u003cp\u003eRépartissez les prises sur la journée (matin, midi, soir) pour assurer un apport constant en vitamine C et maximiser son assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-tip\"\u003e\n\u003cspan class=\"stim-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePour les enfants à partir de 6 ans\u003c\/strong\u003e\n\u003cp\u003e1 comprimé par jour suffit pour soutenir leur système immunitaire, notamment pendant la période scolaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e😴\u003c\/span\u003e\n\u003cp\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e malgré un sommeil suffisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e💼\u003c\/span\u003e\n\u003cp\u003eVous traversez une période de \u003cstrong\u003estress ou de surcharge\u003c\/strong\u003e professionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003eVous cherchez une \u003cstrong\u003evitamine immunité naturelle\u003c\/strong\u003e pour affronter l'hiver sereinement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eVous souhaitez \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e du vieillissement prématuré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eVous préférez les formules \u003cstrong\u003ebio et vegan\u003c\/strong\u003e, sans compromis sur l'efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e🏃\u003c\/span\u003e\n\u003cp\u003eVous êtes actif et avez besoin d'un \u003cstrong\u003esoutien énergétique\u003c\/strong\u003e quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DIFFÉRENCES --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eCe qui distingue Stimuline des autres\u003c\/h2\u003e\n\u003cdiv class=\"stim-diff-grid\"\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eDouble action ciblée\u003c\/h3\u003e\n\u003cp\u003eLà où beaucoup misent uniquement sur la vitamine C, Stimuline combine l'action antioxydante de la papaye fermentée pour une approche plus complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié AB, ce complément respecte votre corps autant que l'environnement avec des ingrédients rigoureusement sélectionnés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eHaute biodisponibilité\u003c\/h3\u003e\n\u003cp\u003eL'acérola offre une forme naturelle de vitamine C bien mieux assimilée que les vitamines de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🥭\u003c\/div\u003e\n\u003ch3\u003eGoût agréable\u003c\/h3\u003e\n\u003cp\u003eL'arôme naturel de mangue rend la prise quotidienne plaisante, même pour les plus réticents aux comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch3\u003eFormule adaptable\u003c\/h3\u003e\n\u003cp\u003eLa posologie modulable permet de personnaliser votre cure selon vos besoins réels, de 1 à 3 comprimés par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eExpertise LT Labo\u003c\/h3\u003e\n\u003cp\u003eUn laboratoire français reconnu pour son engagement qualité et ses formulations naturelles innovantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"stim-faq\"\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e📅 Peut-on prendre Stimuline toute l'année ?\u003c\/h3\u003e\n\u003cp\u003eOui, à raison d'un comprimé par jour en entretien. Pour les cures intensives (2 à 3 comprimés), privilégiez des périodes de 1 à 3 mois, suivies d'une pause si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e🌱 Stimuline convient-il aux végétariens et végans ?\u003c\/h3\u003e\n\u003cp\u003eAbsolument. La formule est certifiée vegan et ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e☀️ Peut-on associer Stimuline avec de la vitamine D ?\u003c\/h3\u003e\n\u003cp\u003eTout à fait. La vitamine D et l'immunité forment un duo complémentaire, surtout en hiver quand l'exposition au soleil diminue. N'hésitez pas à demander conseil à votre professionnel de santé pour adapter les dosages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e⚠️ Y a-t-il des effets secondaires ?\u003c\/h3\u003e\n\u003cp\u003eAux doses recommandées, Stimuline est généralement très bien toléré. Un léger inconfort digestif peut survenir chez les personnes sensibles en cas de prise à jeun — dans ce cas, prenez vos comprimés pendant les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"stim-warning-box\"\u003e\n\u003cdiv class=\"stim-warning-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur, de la lumière et de l'humidité\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"stim-warning-note\"\u003e\u003cstrong\u003eRappel essentiel :\u003c\/strong\u003e ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre médecin ou pharmacien avant de commencer une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"stim-info-grid\"\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eConditionnement\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eFlacon de 30 comprimés (37 g)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e⏱️\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eDurée de cure\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003e10 à 30 jours selon posologie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e🏭\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eLT Labo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"stim-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"stim-cta-box\"\u003e\n\u003cdiv class=\"stim-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"stim-cta-content\"\u003e\n\u003cspan class=\"stim-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eRéveillez votre vitalité naturellement avec la puissance combinée de la papaye fermentée et de l'acérola bio. Stimuline, votre allié quotidien pour une énergie durable et des défenses renforcées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --stim-cream: #FEFCF8;\n  --stim-white: #ffffff;\n  --stim-primary: #E67E22;\n  --stim-primary-dark: #D35400;\n  --stim-primary-light: #FEF5EC;\n  --stim-secondary: #27AE60;\n  --stim-secondary-light: #E8F8F0;\n  --stim-accent: #3498DB;\n  --stim-accent-light: #EBF5FB;\n\n  \/* Textes *\/\n  --stim-text: #1a1a1a;\n  --stim-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --stim-border: #e8e8e8;\n  --stim-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --stim-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --stim-radius: 20px;\n  --stim-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.stim-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--stim-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--stim-text);\n  line-height: 1.6;\n}\n\n.stim-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.stim-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E67E22 0%, #D35400 40%, #C0392B 100%);\n  border-radius: var(--stim-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 40% 40%, rgba(255,255,255,.05) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.stim-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.stim-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.stim-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--stim-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.stim-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.stim-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.stim-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.stim-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.stim-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.stim-stat {\n  text-align: center;\n}\n\n.stim-stat-number {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.stim-stat-label {\n  display: block;\n  color: rgba(255,255,255,.85);\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.stim-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.stim-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--stim-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.stim-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--stim-primary), var(--stim-secondary));\n  border-radius: 2px;\n}\n\n.stim-intro {\n  text-align: center;\n  font-size: clamp(16px, 2.5vw, 18px);\n  color: var(--stim-text-light);\n  max-width: 700px;\n  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n  line-height: 1.8;\n}\n\n\/* === GRILLES === *\/\n.stim-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.stim-grid-2 {\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n}\n\n\/* === CARDS === *\/\n.stim-card {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--stim-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.stim-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--stim-shadow-lg);\n  border-color: var(--stim-primary);\n}\n\n.stim-card h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-card p {\n  color: var(--stim-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.stim-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.stim-card-featured {\n  border-left: 4px solid var(--stim-primary);\n}\n\n.stim-card-highlight {\n  color: var(--stim-primary) !important;\n  font-weight: 700;\n  font-size: 14px !important;\n  margin-bottom: 1rem !important;\n}\n\n.stim-card-tag {\n  display: inline-block;\n  margin-top: 1rem;\n  padding: 6px 14px;\n  background: var(--stim-primary-light);\n  color: var(--stim-primary-dark);\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n\/* === BENEFITS === *\/\n.stim-benefit {\n  text-align: center;\n}\n\n.stim-benefit-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, var(--stim-primary-light), var(--stim-secondary-light));\n  border-radius: 50%;\n  font-size: 32px;\n  margin-bottom: 1rem;\n}\n\n\/* === COMPOSITION === *\/\n.stim-composition-box {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--stim-shadow);\n}\n\n.stim-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 2rem;\n  margin-bottom: 2rem;\n}\n\n.stim-ingredient {\n  padding: 1.5rem;\n  background: linear-gradient(135deg, var(--stim-primary-light) 0%, var(--stim-cream) 100%);\n  border-radius: var(--stim-radius-sm);\n  border-left: 4px solid var(--stim-primary);\n}\n\n.stim-ingredient-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.stim-ingredient-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.stim-ingredient h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 4px 0;\n}\n\n.stim-ingredient-latin {\n  font-size: 13px;\n  color: var(--stim-text-light);\n  font-style: italic;\n}\n\n.stim-ingredient-dosage {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 8px;\n}\n\n.stim-dosage-value {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--stim-primary-dark);\n}\n\n.stim-dosage-note {\n  font-size: 13px;\n  color: var(--stim-text-light);\n}\n\n.stim-other-ingredients {\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--stim-border);\n  margin-bottom: 1.5rem;\n}\n\n.stim-other-ingredients h4 {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--stim-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin: 0 0 1rem 0;\n}\n\n.stim-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.stim-tag {\n  padding: 6px 12px;\n  background: var(--stim-cream);\n  color: var(--stim-text-light);\n  font-size: 13px;\n  border-radius: 999px;\n  border: 1px solid var(--stim-border);\n}\n\n.stim-certifications {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--stim-border);\n}\n\n.stim-cert {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--stim-secondary);\n}\n\n.stim-cert-icon {\n  font-size: 16px;\n}\n\n\/* === USAGE CARDS === *\/\n.stim-usage-intro {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.stim-usage-intro p {\n  font-size: 17px;\n  color: var(--stim-text-light);\n}\n\n.stim-usage-card {\n  text-align: center;\n  position: relative;\n}\n\n.stim-usage-popular {\n  border: 2px solid var(--stim-primary);\n  transform: scale(1.02);\n}\n\n.stim-popular-badge {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 16px;\n  background: var(--stim-primary);\n  color: white;\n  font-size: 12px;\n  font-weight: 700;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n\n.stim-usage-level {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  margin-bottom: 0.5rem;\n}\n\n.stim-level-1 { color: var(--stim-secondary); }\n.stim-level-2 { color: var(--stim-primary); }\n.stim-level-3 { color: var(--stim-primary-dark); }\n\n.stim-usage-dose {\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--stim-text);\n  margin-bottom: 1rem;\n}\n\n.stim-usage-duration {\n  margin-top: 1rem;\n  font-size: 13px;\n  color: var(--stim-text-light);\n  font-weight: 600;\n}\n\n\/* === TIPS BOX === *\/\n.stim-tips-box {\n  margin-top: 2rem;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.stim-tip {\n  display: flex;\n  gap: 1rem;\n  padding: 1.5rem;\n  background: var(--stim-secondary-light);\n  border-radius: var(--stim-radius-sm);\n  border-left: 4px solid var(--stim-secondary);\n}\n\n.stim-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.stim-tip strong {\n  display: block;\n  color: var(--stim-text);\n  margin-bottom: 4px;\n}\n\n.stim-tip p {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === PROFILES === *\/\n.stim-profile {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  text-align: left;\n}\n\n.stim-profile-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.stim-profile p {\n  margin: 0;\n}\n\n\/* === DIFFERENCES === *\/\n.stim-diff-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.stim-diff-item {\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  box-shadow: var(--stim-shadow);\n  transition: all .3s ease;\n}\n\n.stim-diff-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-diff-icon {\n  font-size: 36px;\n  margin-bottom: 1rem;\n}\n\n.stim-diff-item h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-diff-item p {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === FAQ === *\/\n.stim-faq {\n  display: grid;\n  gap: 1rem;\n}\n\n.stim-faq-item {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--stim-shadow);\n  border-left: 4px solid var(--stim-accent);\n}\n\n.stim-faq-item h3 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-faq-item p {\n  font-size: 15px;\n  color: var(--stim-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.stim-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: linear-gradient(135deg, #FFF5F5 0%, #FEF2F2 100%);\n  border-radius: var(--stim-radius);\n  border: 2px solid #FECACA;\n}\n\n.stim-warning-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.stim-warning-content ul {\n  margin: 0 0 1rem 0;\n  padding-left: 1.5rem;\n}\n\n.stim-warning-content li {\n  font-size: 15px;\n  color: var(--stim-text);\n  margin-bottom: 0.5rem;\n}\n\n.stim-warning-note {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  margin: 0;\n  padding-top: 1rem;\n  border-top: 1px solid #FECACA;\n}\n\n\/* === INFO GRID === *\/\n.stim-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.stim-info-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 1.5rem;\n  background: var(--stim-white);\n  border-radius: var(--stim-radius-sm);\n  box-shadow: var(--stim-shadow);\n}\n\n.stim-info-icon {\n  font-size: 28px;\n  margin-bottom: 0.75rem;\n}\n\n.stim-info-label {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--stim-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.stim-info-value {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--stim-text);\n}\n\n\/* === CTA BOX === *\/\n.stim-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--stim-secondary) 0%, #1E8449 50%, #145A32 100%);\n  border-radius: var(--stim-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 35%);\n}\n\n.stim-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.stim-cta-icon {\n  display: block;\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.stim-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .stim-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .stim-grid-2 {\n    grid-template-columns: 1fr;\n  }\n  \n  .stim-hero-stats {\n    gap: 1.5rem;\n  }\n  \n  .stim-warning-box {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  \n  .stim-usage-popular {\n    transform: none;\n  }\n  \n  .stim-diff-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .stim-card,\n  .stim-diff-item,\n  .stim-faq-item,\n  .stim-info-item {\n    animation: stimFadeInUp .6s ease backwards;\n  }\n  \n  .stim-card:nth-child(1),\n  .stim-diff-item:nth-child(1) { animation-delay: .1s; }\n  .stim-card:nth-child(2),\n  .stim-diff-item:nth-child(2) { animation-delay: .2s; }\n  .stim-card:nth-child(3),\n  .stim-diff-item:nth-child(3) { animation-delay: .3s; }\n  .stim-card:nth-child(4),\n  .stim-diff-item:nth-child(4) { animation-delay: .4s; }\n  .stim-card:nth-child(5),\n  .stim-diff-item:nth-child(5) { animation-delay: .5s; }\n  .stim-card:nth-child(6),\n  .stim-diff-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes stimFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .stim-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .stim-card,\n  .stim-diff-item,\n  .stim-faq-item {\n    border: 2px solid var(--stim-text);\n  }\n  \n  .stim-badge {\n    border: 2px solid var(--stim-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755197784221,"sku":"LT0101","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/stimuline-energie-et-immunite-30-comprimes-lt-labo-373109.jpg?v=1732721780"},{"product_id":"liporyz-lt-labo","title":"Liporyz 270 capsules - Huile de son de riz régulatrice de cholestérol - LT Labo","description":"\u003cdiv class=\"lpr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lpr-hero\"\u003e\n    \u003cdiv class=\"lpr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lpr-hero-content\"\u003e\n      \u003cdiv class=\"lpr-badges-top\"\u003e\n        \u003cspan class=\"lpr-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e❤️ Cholestérol \u0026amp; triglycérides\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e💊 270 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lpr-hero-title\"\u003eLiporyz – Huile de son de riz\u003c\/span\u003e\n      \u003cp class=\"lpr-subtitle\"\u003eComplexe breveté par LT Labo pour la régulation naturelle du cholestérol\u003c\/p\u003e\n      \u003cp class=\"lpr-description\"\u003eFormulé à base de gamma-oryzanol, phytostérols, vitamine E naturelle, chrome et zinc – une approche douce et efficace pour soutenir votre santé cardiovasculaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eLes bienfaits de Liporyz pour le cholestérol et la santé globale\u003c\/h2\u003e\n    \u003cp class=\"lpr-section-intro\"\u003eGrâce à sa richesse en gamma-oryzanol, phytostérols, acides gras essentiels et vitamine E naturelle, Liporyz agit sur plusieurs axes de votre santé.\u003c\/p\u003e\n    \u003cdiv class=\"lpr-grid\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e📉 Réguler le cholestérol LDL\u003c\/h3\u003e\n        \u003cp\u003eAide à réduire le \"mauvais cholestérol\" grâce aux phytostérols qui limitent l'absorption intestinale du cholestérol alimentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e❤️ Soutenir la santé du cœur\u003c\/h3\u003e\n        \u003cp\u003eContribue au bon fonctionnement du cœur et des vaisseaux sanguins grâce à des acides gras essentiels de haute qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🩸 Réduire les triglycérides\u003c\/h3\u003e\n        \u003cp\u003eEn cas d'excès, l'huile de son de riz aide à rééquilibrer le profil lipidique sanguin de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n        \u003cp\u003eAméliore l'élasticité et l'éclat de la peau grâce à la vitamine E naturelle et aux antioxydants puissants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n        \u003cp\u003eApporte des antioxydants d'origine végétale pour un meilleur équilibre lipidique et une protection cellulaire renforcée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les personnes souhaitant prendre soin de leur système cardiovasculaire de manière douce et naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eComposition et origine de l'huile de son de riz Liporyz\u003c\/h2\u003e\n    \u003cp class=\"lpr-section-intro\"\u003eChaque capsule concentre le meilleur de la fine couche externe du grain de riz, une source exceptionnelle en actifs végétaux.\u003c\/p\u003e\n    \u003cdiv class=\"lpr-grid-compact\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n        \u003cp\u003e500 mg par capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003e10 mg par capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eHypromellose d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🔬 Complexe breveté\u003c\/h3\u003e\n        \u003cp\u003ePhytostérols, chrome \u0026amp; zinc\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpr-tip\"\u003e\n      \u003cspan class=\"lpr-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eCette huile est dépourvue d'OGM, de pesticides, de métaux lourds et d'additifs controversés. \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, extraction respectueuse de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eComment prendre Liporyz ? Posologie et durée recommandée\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-timeline\"\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 à 3 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau au moment des repas pour une absorption optimale des nutriments.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour bénéficier pleinement des effets sur le cholestérol, une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e est conseillée. Le format 270 capsules couvre une cure complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003eRenouvellement sans accoutumance\u003c\/h3\u003e\n          \u003cp\u003eLes effets peuvent être prolongés dans le temps sans accoutumance. Vous pouvez renouveler la cure autant que nécessaire en toute sérénité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eLiporyz : effets indésirables, contre-indications et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-accordion\"\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e🟢 Tolérance générale\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eLiporyz est généralement très bien toléré. De légers troubles digestifs (ballonnements, selles molles) peuvent survenir en début de cure, mais disparaissent rapidement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes. Déconseillé aux personnes allergiques au riz ou aux céréales. En cas de traitement hypocholestérolémiant ou anticoagulant, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e📋 Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit ne remplace pas une alimentation équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. À conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eAvis sur Liporyz : ce qu'en pensent les utilisateurs\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-testimonial\"\u003e\n      \u003cp class=\"lpr-testimonial-text\"\u003e\"Les avis sur Liporyz sont globalement très positifs. De nombreux utilisateurs rapportent une baisse mesurable du cholestérol après quelques semaines, une meilleure forme globale et un confort digestif préservé. Ce produit est particulièrement apprécié comme solution naturelle efficace, sans effets secondaires lourds.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpr-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e📉 Cholestérol en baisse\u003c\/h3\u003e\n        \u003cp\u003eRésultats mesurables après quelques semaines de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e💪 Meilleure forme\u003c\/h3\u003e\n        \u003cp\u003eForme globale améliorée et confort digestif préservé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 Naturel et efficace\u003c\/h3\u003e\n        \u003cp\u003eSolution sans effets secondaires lourds\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Qualité \/ prix\u003c\/h3\u003e\n        \u003cp\u003eRapport qualité\/prix apprécié, origine française contrôlée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lpr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Liporyz de LT Labo ?\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-cta-box\"\u003e\n      \u003cp\u003e🏭 \u003cstrong\u003eLT Labo\u003c\/strong\u003e est un laboratoire français réputé pour ses formulations naturelles et innovantes. Liporyz bénéficie de procédés d'extraction respectueux de l'environnement et d'un contrôle qualité rigoureux à chaque étape.\u003cbr\u003e\u003cbr\u003e🌾 En choisissant ce complément, vous optez pour une solution à la fois \u003cstrong\u003enaturelle, sûre et efficace\u003c\/strong\u003e – un complexe breveté de 270 capsules pour une cure complète de 3 mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lpr-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lpr-cream: #F7F5F0;\n  --lpr-white: #ffffff;\n  --lpr-primary: #C8963E;\n  --lpr-primary-dark: #8B6914;\n  --lpr-primary-light: #FBF5E8;\n  --lpr-secondary: #2D5A3D;\n  --lpr-accent: #D4A847;\n  --lpr-text: #1a1a1a;\n  --lpr-text-light: #5a5a5a;\n  --lpr-border: #E8E2D6;\n  --lpr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lpr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lpr-radius: 20px;\n  --lpr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lpr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lpr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lpr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6914 0%, #C8963E 40%, #2D5A3D 100%);\n  border-radius: var(--lpr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lpr-shadow-lg);\n}\n\n.lpr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lpr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.lpr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lpr-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.lpr-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lpr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lpr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lpr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lpr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lpr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lpr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lpr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lpr-primary), var(--lpr-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lpr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.lpr-card {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lpr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lpr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lpr-shadow-lg);\n  border-color: var(--lpr-primary);\n}\n\n.lpr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lpr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lpr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lpr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lpr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lpr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lpr-grid-compact .lpr-card {\n  padding: 1rem;\n}\n\n.lpr-grid-compact .lpr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lpr-grid-compact .lpr-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lpr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lpr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lpr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lpr-primary), var(--lpr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lpr-timeline-content {\n  flex: 1;\n  background: var(--lpr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lpr-radius-sm);\n  box-shadow: var(--lpr-shadow);\n}\n\n.lpr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lpr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lpr-timeline-content p {\n  font-size: 14px;\n  color: var(--lpr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lpr-testimonial {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lpr-shadow);\n  border-left: 4px solid var(--lpr-primary);\n}\n\n.lpr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lpr-accordion {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  box-shadow: var(--lpr-shadow);\n  overflow: hidden;\n}\n\n.lpr-accordion-item {\n  border-bottom: 1px solid var(--lpr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lpr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lpr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lpr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lpr-accordion-header:hover {\n  background: var(--lpr-primary-light);\n}\n\n.lpr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lpr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lpr-primary);\n  transition: transform .2s ease;\n}\n\n.lpr-accordion-item[open] .lpr-accordion-header::after {\n  content: '−';\n}\n\n.lpr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lpr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lpr-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lpr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lpr-primary-light);\n  border-radius: var(--lpr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lpr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lpr-tip p {\n  font-size: 14px;\n  color: var(--lpr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lpr-cta-box {\n  background: linear-gradient(135deg, var(--lpr-primary) 0%, var(--lpr-primary-dark) 100%);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lpr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lpr-disclaimer {\n  font-size: 12px;\n  color: var(--lpr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lpr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lpr-card {\n    padding: 1.125rem;\n  }\n\n  .lpr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lpr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lpr-radius-sm);\n  }\n\n  .lpr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lpr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lpr-grid-compact {\n    gap: .625rem;\n  }\n\n  .lpr-grid-compact .lpr-card {\n    padding: .75rem;\n  }\n\n  .lpr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lpr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lpr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lpr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lpr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lpr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lpr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lpr-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lpr-card {\n    animation: lprFadeInUp .5s ease backwards;\n  }\n  .lpr-card:nth-child(1) { animation-delay: .05s; }\n  .lpr-card:nth-child(2) { animation-delay: .1s; }\n  .lpr-card:nth-child(3) { animation-delay: .15s; }\n  .lpr-card:nth-child(4) { animation-delay: .2s; }\n  .lpr-card:nth-child(5) { animation-delay: .25s; }\n  .lpr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lprFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lpr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45909537882269,"sku":"NBAILTL0007","price":56.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-270-capsules-huile-de-son-de-riz-regulatrice-de-chol-packshothd.webp?v=1772962032"},{"product_id":"oleoceane-omega-3-citron-250-ml-jade-recherche","title":"Oléocéane Oméga 3 Citron - 250 Ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oléocéane Oméga 3 Citron - Jade Recherche\nPalette détectée:\n  - Primaire: #F7D000 (jaune vif du packaging, dominante principale)\n  - Secondaire: #2E8B3D (vert du texte \"Oléocéane Oméga3\")\n  - Accent: #E8A000 (orange\/doré de la goutte d'huile et du bouchon)\n  - Fond foncé: #1A3A5C (bleu marine de l'huile\/bouteille)\nAmbiance: Fraîcheur méditerranéenne, naturel, familial, santé au quotidien\nStyle: Naturel\/frais avec touches ensoleillées, citronné et océanique\nPréfixe CSS: oleo\n--\u003e\n\n\u003cdiv class=\"oleo-premium\"\u003e\n  \n  \u003cdiv class=\"oleo-hero\"\u003e\n    \u003cdiv class=\"oleo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"oleo-hero-content\"\u003e\n      \u003cdiv class=\"oleo-badges-top\"\u003e\n        \u003cspan class=\"oleo-badge\"\u003e🍋 Goût citron agréable\u003c\/span\u003e\n        \u003cspan class=\"oleo-badge\"\u003e🐟 98,5% huile de poisson\u003c\/span\u003e\n        \u003cspan class=\"oleo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"oleo-hero-title\"\u003eOléocéane Oméga 3 Citron\u003c\/span\u003e\n      \u003cp class=\"oleo-subtitle\"\u003eL'huile de poisson que toute la famille va adorer\u003c\/p\u003e\n      \u003cp class=\"oleo-description\"\u003eConcentrée en EPA et DHA, subtilement parfumée au citron pour éliminer tout arrière-goût de poisson. Même les enfants l'apprécient !\u003c\/p\u003e\n      \u003cdiv class=\"oleo-hero-stats\"\u003e\n        \u003cdiv class=\"oleo-stat\"\u003e\n          \u003cspan class=\"oleo-stat-number\"\u003e1380mg\u003c\/span\u003e\n          \u003cspan class=\"oleo-stat-label\"\u003eOméga 3 \/ dose\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-stat\"\u003e\n          \u003cspan class=\"oleo-stat-number\"\u003e850mg\u003c\/span\u003e\n          \u003cspan class=\"oleo-stat-label\"\u003eEPA\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-stat\"\u003e\n          \u003cspan class=\"oleo-stat-number\"\u003e550mg\u003c\/span\u003e\n          \u003cspan class=\"oleo-stat-label\"\u003eDHA\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e🧠 Pourquoi les oméga 3 sont essentiels ?\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-intro-box\"\u003e\n      \u003cp\u003eLes acides gras oméga 3, notamment l'\u003cstrong\u003eEPA\u003c\/strong\u003e et le \u003cstrong\u003eDHA\u003c\/strong\u003e, sont des nutriments que votre corps ne peut pas fabriquer lui-même. Notre alimentation moderne, souvent pauvre en poissons gras, crée des carences fréquentes.\u003c\/p\u003e\n      \u003cp class=\"oleo-highlight\"\u003eLes bienfaits sont reconnus par l'Autorité européenne de sécurité des aliments (EFSA) qui a validé plusieurs allégations santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits validés scientifiquement\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-grid\"\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e🧠\u003c\/div\u003e\n        \u003ch3\u003eFonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eÀ partir de \u003cstrong\u003e250 mg de DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une fonction cérébrale normale.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café suffit\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e👁️\u003c\/div\u003e\n        \u003ch3\u003eVision normale\u003c\/h3\u003e\n        \u003cp\u003eLe DHA contribue au maintien d'une \u003cstrong\u003evision normale\u003c\/strong\u003e. Idéal pour préserver vos yeux au quotidien.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e250 mg DHA\/jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e❤️\u003c\/div\u003e\n        \u003ch3\u003eSanté cardiaque\u003c\/h3\u003e\n        \u003cp\u003eL'association EPA + DHA à partir de 250 mg\/jour contribue à une \u003cstrong\u003efonction cardiaque normale\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e💓\u003c\/div\u003e\n        \u003ch3\u003eTension artérielle\u003c\/h3\u003e\n        \u003cp\u003eÀ partir de \u003cstrong\u003e3 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une pression sanguine normale.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e3 cuillères à café\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e📊\u003c\/div\u003e\n        \u003ch3\u003eTriglycérides\u003c\/h3\u003e\n        \u003cp\u003eÀ partir de \u003cstrong\u003e2 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue à une concentration normale de triglycérides.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003e2 cuillères à café\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-card\"\u003e\n        \u003cdiv class=\"oleo-card-icon\"\u003e🤰\u003c\/div\u003e\n        \u003ch3\u003eGrossesse \u0026amp; allaitement\u003c\/h3\u003e\n        \u003cp\u003eLe DHA maternel contribue au \u003cstrong\u003edéveloppement normal\u003c\/strong\u003e du cerveau et des yeux du bébé.\u003c\/p\u003e\n        \u003cspan class=\"oleo-dose\"\u003eSur avis médical\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e🍋 Ce qui rend Oléocéane unique\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-unique-box\"\u003e\n      \u003cdiv class=\"oleo-unique-content\"\u003e\n        \u003cdiv class=\"oleo-unique-problem\"\u003e\n          \u003cspan class=\"oleo-unique-emoji\"\u003e😖\u003c\/span\u003e\n          \u003ch4\u003eLe problème habituel\u003c\/h4\u003e\n          \u003cp\u003eGoût de poisson prononcé, renvois désagréables, enfants qui refusent...\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-unique-arrow\"\u003e→\u003c\/div\u003e\n        \u003cdiv class=\"oleo-unique-solution\"\u003e\n          \u003cspan class=\"oleo-unique-emoji\"\u003e😋\u003c\/span\u003e\n          \u003ch4\u003eLa solution Oléocéane\u003c\/h4\u003e\n          \u003cp\u003eEssence de citron naturelle qui masque \u003cstrong\u003etotalement\u003c\/strong\u003e le goût de poisson !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"oleo-unique-result\"\u003eRésultat ? Une huile légère et fraîche à ajouter sur vos salades, crudités ou plats froids. \u003cstrong\u003eVos enfants n'y verront que du feu !\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-composition-grid\"\u003e\n      \u003cdiv class=\"oleo-ingredient-card oleo-ingredient-main\"\u003e\n        \u003cdiv class=\"oleo-ingredient-icon\"\u003e🐟\u003c\/div\u003e\n        \u003cdiv class=\"oleo-ingredient-info\"\u003e\n          \u003ch4\u003eHuile de poisson\u003c\/h4\u003e\n          \u003cspan class=\"oleo-ingredient-percent\"\u003e98,5%\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eSource concentrée d'acides gras essentiels EPA et DHA de haute qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-ingredient-card\"\u003e\n        \u003cdiv class=\"oleo-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n        \u003cdiv class=\"oleo-ingredient-info\"\u003e\n          \u003ch4\u003eEssence de citron\u003c\/h4\u003e\n          \u003cspan class=\"oleo-ingredient-percent\"\u003eNaturelle\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp\u003ePour un goût frais et agréable sans arrière-goût de poisson\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"oleo-nutrition-table\"\u003e\n      \u003ch4\u003eValeurs nutritionnelles\u003c\/h4\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-header\"\u003e\n        \u003cspan\u003ePour 1 cuillère à café (5 ml)\u003c\/span\u003e\n        \u003cspan\u003eApports\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row\"\u003e\n        \u003cspan\u003eÉnergie\u003c\/span\u003e\n        \u003cspan\u003e188 kJ \/ 42 Kcal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row\"\u003e\n        \u003cspan\u003eMatières grasses\u003c\/span\u003e\n        \u003cspan\u003e4,6 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n        \u003cspan\u003e↳ Acides gras saturés\u003c\/span\u003e\n        \u003cspan\u003e1,2 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n        \u003cspan\u003e↳ Acides gras mono-insaturés\u003c\/span\u003e\n        \u003cspan\u003e1 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n        \u003cspan\u003e↳ Acides gras polyinsaturés\u003c\/span\u003e\n        \u003cspan\u003e1,8 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-highlight\"\u003e\n        \u003cspan\u003e🔥 Oméga 3 totaux\u003c\/span\u003e\n        \u003cspan\u003e≥ 1380 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n        \u003cspan\u003e↳ EPA\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e850 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n        \u003cspan\u003e↳ DHA\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e550 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e📝 Comment utiliser Oléocéane ?\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-usage-grid\"\u003e\n      \u003cdiv class=\"oleo-usage-card\"\u003e\n        \u003cdiv class=\"oleo-usage-dose\"\u003e\n          \u003cspan class=\"oleo-dose-icon\"\u003e🥄\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-amount\"\u003e½ c. à café\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-ml\"\u003e2,5 ml\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch4\u003eDose d'entretien\u003c\/h4\u003e\n        \u003cp\u003ePour les bienfaits sur la fonction cérébrale, visuelle et cardiaque au quotidien.\u003c\/p\u003e\n        \u003cul class=\"oleo-dose-benefits\"\u003e\n          \u003cli\u003e690 mg d'oméga 3\u003c\/li\u003e\n          \u003cli\u003e425 mg EPA + 275 mg DHA\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-usage-card oleo-usage-optimal\"\u003e\n        \u003cdiv class=\"oleo-usage-dose\"\u003e\n          \u003cspan class=\"oleo-dose-icon\"\u003e🥄🥄\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-amount\"\u003e1 à 2 c. à café\u003c\/span\u003e\n          \u003cspan class=\"oleo-dose-ml\"\u003e5 à 10 ml\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch4\u003eDose optimale\u003c\/h4\u003e\n        \u003cp\u003eSelon vos besoins spécifiques pour un effet renforcé.\u003c\/p\u003e\n        \u003cul class=\"oleo-dose-benefits\"\u003e\n          \u003cli\u003e1380 à 2760 mg d'oméga 3\u003c\/li\u003e\n          \u003cli\u003eSoutien cardiovasculaire intensif\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"oleo-tips\"\u003e\n      \u003ch4\u003e💡 Nos conseils d'utilisation\u003c\/h4\u003e\n      \u003cdiv class=\"oleo-tips-grid\"\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🥗\u003c\/span\u003e\n          \u003cp\u003eVersez directement sur vos \u003cstrong\u003esalades, légumes vapeur tièdes\u003c\/strong\u003e ou tartines\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🥤\u003c\/span\u003e\n          \u003cp\u003eAjoutez dans vos \u003cstrong\u003esmoothies\u003c\/strong\u003e pour un boost nutritionnel\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🚫🔥\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eNe pas chauffer\u003c\/strong\u003e pour préserver la qualité des acides gras\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oleo-tip\"\u003e\n          \u003cspan class=\"oleo-tip-icon\"\u003e🦐\u003c\/span\u003e\n          \u003cp\u003eS'accorde parfaitement avec le \u003cstrong\u003epoisson et les fruits de mer\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est cette huile ?\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-profiles-grid\"\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e👶\u003c\/span\u003e\n        \u003ch4\u003eLes enfants\u003c\/h4\u003e\n        \u003cp\u003eQui refusent de manger du poisson\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e📚\u003c\/span\u003e\n        \u003ch4\u003eLes étudiants\u003c\/h4\u003e\n        \u003cp\u003eEn période d'examens pour soutenir les fonctions cognitives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e💼\u003c\/span\u003e\n        \u003ch4\u003eLes actifs\u003c\/h4\u003e\n        \u003cp\u003eSoucieux de leur santé cardiovasculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e👴\u003c\/span\u003e\n        \u003ch4\u003eLes seniors\u003c\/h4\u003e\n        \u003cp\u003eSouhaitant préserver mémoire et vision\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e🤰\u003c\/span\u003e\n        \u003ch4\u003eFemmes enceintes\u003c\/h4\u003e\n        \u003cp\u003ePour le bon développement de bébé (avis médical)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-profile\"\u003e\n        \u003cspan class=\"oleo-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003ch4\u003eLes sportifs\u003c\/h4\u003e\n        \u003cp\u003ePour favoriser une bonne récupération musculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oleo-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions \u0026amp; conservation\u003c\/h2\u003e\n    \u003cdiv class=\"oleo-precautions\"\u003e\n      \u003cdiv class=\"oleo-precaution-item\"\u003e\n        \u003cspan class=\"oleo-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cp\u003eConserver à l'abri de la lumière, au sec, \u0026lt; 25°C\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-precaution-item\"\u003e\n        \u003cspan class=\"oleo-precaution-icon\"\u003e❄️\u003c\/span\u003e\n        \u003cp\u003eAprès ouverture : réfrigérateur, consommer sous 3 mois\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oleo-precaution-item\"\u003e\n        \u003cspan class=\"oleo-precaution-icon\"\u003e💊\u003c\/span\u003e\n        \u003cp\u003eTraitement anticoagulant ? Consultez votre médecin\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"oleo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"oleo-cta-box\"\u003e\n      \u003cdiv class=\"oleo-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"oleo-cta-content\"\u003e\n        \u003cspan class=\"oleo-cta-emoji\"\u003e🍋🐟\u003c\/span\u003e\n        \u003cp\u003eProfitez enfin des \u003cstrong\u003ebienfaits des oméga 3\u003c\/strong\u003e sans compromis sur le goût. Une solution pratique et savoureuse pour toute la famille, validée par les autorités européennes de santé.\u003c\/p\u003e\n        \u003cdiv class=\"oleo-cta-badge\"\u003e\n          \u003cspan\u003eJade Recherche\u003c\/span\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cspan\u003eQualité française\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --oleo-cream: #FFFDF5;\n  --oleo-white: #ffffff;\n  --oleo-primary: #F7D000;\n  --oleo-primary-dark: #C5A600;\n  --oleo-primary-light: #FFF8D6;\n  --oleo-secondary: #2E8B3D;\n  --oleo-secondary-light: #E8F5EA;\n  --oleo-accent: #E8A000;\n  --oleo-ocean: #1A3A5C;\n  --oleo-ocean-light: #E8F0F8;\n  --oleo-text: #1a1a1a;\n  --oleo-text-light: #5a5a5a;\n  --oleo-border: #e8e4d8;\n  --oleo-shadow: 0 4px 24px rgba(26,58,92,.08);\n  --oleo-shadow-lg: 0 12px 48px rgba(26,58,92,.15);\n  --oleo-radius: 20px;\n  --oleo-radius-sm: 12px;\n}\n\n.oleo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--oleo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--oleo-text);\n  line-height: 1.6;\n}\n\n.oleo-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.oleo-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 40%, var(--oleo-secondary) 100%);\n  border-radius: var(--oleo-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(247,208,0,.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(247,208,0,.1) 0%, transparent 40%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5zm0 40c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5z' fill='%23F7D000' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n  opacity: .8;\n}\n\n.oleo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.oleo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.oleo-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--oleo-ocean);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.oleo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(247,208,0,.3);\n}\n\n.oleo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.oleo-subtitle {\n  color: var(--oleo-primary);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.oleo-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.oleo-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.oleo-stat {\n  text-align: center;\n  background: rgba(255,255,255,.1);\n  backdrop-filter: blur(10px);\n  padding: 1rem 1.5rem;\n  border-radius: var(--oleo-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-stat-number {\n  display: block;\n  color: var(--oleo-primary);\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n}\n\n.oleo-stat-label {\n  display: block;\n  color: rgba(255,255,255,.8);\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.oleo-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.oleo-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--oleo-ocean);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.oleo-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--oleo-primary), var(--oleo-secondary));\n  border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.oleo-intro-box {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--oleo-shadow);\n  border-left: 5px solid var(--oleo-primary);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.oleo-intro-box p {\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--oleo-text);\n  margin: 0 0 1rem 0;\n}\n\n.oleo-intro-box p:last-child {\n  margin-bottom: 0;\n}\n\n.oleo-highlight {\n  background: var(--oleo-primary-light);\n  padding: 1rem 1.5rem;\n  border-radius: var(--oleo-radius-sm);\n  font-weight: 600;\n  color: var(--oleo-ocean) !important;\n}\n\n\/* === GRILLES === *\/\n.oleo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.oleo-card {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--oleo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.oleo-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--oleo-shadow-lg);\n  border-color: var(--oleo-primary);\n}\n\n.oleo-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.oleo-card h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .75rem 0;\n}\n\n.oleo-card p {\n  font-size: 15px;\n  color: var(--oleo-text-light);\n  margin: 0 0 1rem 0;\n  line-height: 1.6;\n}\n\n.oleo-dose {\n  display: inline-block;\n  background: var(--oleo-secondary-light);\n  color: var(--oleo-secondary);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === UNIQUE BOX === *\/\n.oleo-unique-box {\n  background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-primary-light) 100%);\n  border-radius: var(--oleo-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--oleo-shadow);\n}\n\n.oleo-unique-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n  margin-bottom: 1.5rem;\n}\n\n.oleo-unique-problem,\n.oleo-unique-solution {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n  padding: 1.5rem;\n  flex: 1;\n  min-width: 250px;\n  max-width: 350px;\n  text-align: center;\n}\n\n.oleo-unique-problem {\n  border: 2px dashed #e0e0e0;\n}\n\n.oleo-unique-solution {\n  border: 2px solid var(--oleo-secondary);\n  box-shadow: 0 4px 20px rgba(46,139,61,.15);\n}\n\n.oleo-unique-emoji {\n  font-size: 40px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.oleo-unique-box h4 {\n  font-size: 16px;\n  font-weight: 800;\n  margin: 0 0 .5rem 0;\n  color: var(--oleo-ocean);\n}\n\n.oleo-unique-problem p,\n.oleo-unique-solution p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  margin: 0;\n}\n\n.oleo-unique-arrow {\n  font-size: 32px;\n  color: var(--oleo-secondary);\n  font-weight: 900;\n}\n\n.oleo-unique-result {\n  text-align: center;\n  font-size: clamp(16px, 2vw, 18px);\n  color: var(--oleo-ocean);\n  margin: 0;\n  padding: 1.5rem;\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n}\n\n\/* === COMPOSITION === *\/\n.oleo-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.oleo-ingredient-card {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: 1.5rem;\n  box-shadow: var(--oleo-shadow);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.oleo-ingredient-card:hover {\n  border-color: var(--oleo-primary);\n  transform: translateY(-4px);\n}\n\n.oleo-ingredient-main {\n  background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-white) 100%);\n  border-color: var(--oleo-ocean);\n}\n\n.oleo-ingredient-icon {\n  font-size: 48px;\n  margin-bottom: .5rem;\n}\n\n.oleo-ingredient-info {\n  margin-bottom: .75rem;\n}\n\n.oleo-ingredient-info h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0;\n}\n\n.oleo-ingredient-percent {\n  display: inline-block;\n  background: var(--oleo-primary);\n  color: var(--oleo-ocean);\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-top: 6px;\n}\n\n.oleo-ingredient-card p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  margin: 0;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.oleo-nutrition-table {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--oleo-shadow);\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.oleo-nutrition-table h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.oleo-nutrition-row {\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 0;\n  border-bottom: 1px solid var(--oleo-border);\n  font-size: 15px;\n}\n\n.oleo-nutrition-row:last-child {\n  border-bottom: none;\n}\n\n.oleo-nutrition-header {\n  font-weight: 700;\n  color: var(--oleo-ocean);\n  background: var(--oleo-ocean-light);\n  margin: 0 -1.5rem;\n  padding: 12px 1.5rem;\n  border-radius: var(--oleo-radius-sm) var(--oleo-radius-sm) 0 0;\n}\n\n.oleo-nutrition-sub {\n  padding-left: 1rem;\n  font-size: 14px;\n  color: var(--oleo-text-light);\n}\n\n.oleo-nutrition-highlight {\n  background: var(--oleo-primary-light);\n  margin: .5rem -1.5rem;\n  padding: 12px 1.5rem;\n  font-weight: 700;\n  color: var(--oleo-ocean);\n}\n\n.oleo-nutrition-omega {\n  background: var(--oleo-secondary-light);\n  margin: 0 -1.5rem;\n  padding: 10px 1.5rem 10px 2.5rem;\n  color: var(--oleo-secondary);\n}\n\n\/* === USAGE === *\/\n.oleo-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.oleo-usage-card {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--oleo-shadow);\n  border: 2px solid var(--oleo-border);\n  transition: all .3s ease;\n}\n\n.oleo-usage-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-usage-optimal {\n  border-color: var(--oleo-secondary);\n  background: linear-gradient(135deg, var(--oleo-secondary-light) 0%, var(--oleo-white) 100%);\n}\n\n.oleo-usage-dose {\n  text-align: center;\n  margin-bottom: 1rem;\n  padding-bottom: 1rem;\n  border-bottom: 2px dashed var(--oleo-border);\n}\n\n.oleo-dose-icon {\n  font-size: 32px;\n  display: block;\n  margin-bottom: .25rem;\n}\n\n.oleo-dose-amount {\n  display: block;\n  font-size: 22px;\n  font-weight: 900;\n  color: var(--oleo-ocean);\n}\n\n.oleo-dose-ml {\n  display: block;\n  font-size: 14px;\n  color: var(--oleo-text-light);\n}\n\n.oleo-usage-card h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .5rem 0;\n  text-align: center;\n}\n\n.oleo-usage-card \u003e p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  text-align: center;\n  margin: 0 0 1rem 0;\n}\n\n.oleo-dose-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.oleo-dose-benefits li {\n  padding: 6px 0 6px 24px;\n  position: relative;\n  font-size: 14px;\n  color: var(--oleo-text);\n}\n\n.oleo-dose-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--oleo-secondary);\n  font-weight: 700;\n}\n\n\/* === TIPS === *\/\n.oleo-tips {\n  background: var(--oleo-primary-light);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.oleo-tips h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n}\n\n.oleo-tips-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.oleo-tip {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n  padding: 1rem;\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.oleo-tip:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--oleo-shadow);\n}\n\n.oleo-tip-icon {\n  font-size: 32px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.oleo-tip p {\n  font-size: 14px;\n  color: var(--oleo-text);\n  margin: 0;\n}\n\n\/* === PROFILES === *\/\n.oleo-profiles-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.oleo-profile {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: 1.5rem 1rem;\n  text-align: center;\n  box-shadow: var(--oleo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.oleo-profile:hover {\n  border-color: var(--oleo-primary);\n  transform: translateY(-4px);\n}\n\n.oleo-profile-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.oleo-profile h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .25rem 0;\n}\n\n.oleo-profile p {\n  font-size: 13px;\n  color: var(--oleo-text-light);\n  margin: 0;\n  line-height: 1.4;\n}\n\n\/* === FAQ === *\/\n.oleo-faq {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.oleo-faq-item {\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  margin-bottom: 1rem;\n  box-shadow: var(--oleo-shadow);\n  border-left: 4px solid var(--oleo-primary);\n}\n\n.oleo-faq-item:last-child {\n  margin-bottom: 0;\n}\n\n.oleo-faq-item h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--oleo-ocean);\n  margin: 0 0 .75rem 0;\n}\n\n.oleo-faq-item p {\n  font-size: 15px;\n  color: var(--oleo-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.oleo-precautions {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n  background: #FFF8F0;\n  border-radius: var(--oleo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #FFE4CC;\n}\n\n.oleo-precaution-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.oleo-precaution-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.oleo-precaution-item p {\n  font-size: 14px;\n  color: var(--oleo-text);\n  margin: 0;\n}\n\n\/* === PRODUCT INFO === *\/\n.oleo-product-info {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1rem;\n}\n\n.oleo-info-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--oleo-white);\n  border-radius: var(--oleo-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--oleo-shadow);\n}\n\n.oleo-info-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.oleo-info-item strong {\n  display: block;\n  font-size: 14px;\n  color: var(--oleo-ocean);\n  margin-bottom: 2px;\n}\n\n.oleo-info-item p {\n  font-size: 14px;\n  color: var(--oleo-text-light);\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.oleo-cta-box {\n  background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 50%, var(--oleo-secondary) 100%);\n  border-radius: var(--oleo-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.oleo-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(247,208,0,.15) 0%, transparent 50%);\n}\n\n.oleo-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.oleo-cta-emoji {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.oleo-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.oleo-cta-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  padding: 10px 24px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-cta-badge span {\n  color: var(--oleo-primary);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .oleo-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .oleo-hero-stats {\n    gap: 1rem;\n  }\n  \n  .oleo-stat {\n    padding: .75rem 1rem;\n  }\n  \n  .oleo-unique-arrow {\n    transform: rotate(90deg);\n  }\n  \n  .oleo-profiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .oleo-nutrition-header,\n  .oleo-nutrition-highlight,\n  .oleo-nutrition-omega {\n    margin-left: -1rem;\n    margin-right: -1rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  \n  .oleo-nutrition-table {\n    padding: 1rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .oleo-profiles-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .oleo-badges-top {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .oleo-card,\n  .oleo-profile,\n  .oleo-ingredient-card,\n  .oleo-usage-card,\n  .oleo-faq-item,\n  .oleo-info-item {\n    animation: oleoFadeInUp .6s ease backwards;\n  }\n  \n  .oleo-card:nth-child(1), .oleo-profile:nth-child(1) { animation-delay: .1s; }\n  .oleo-card:nth-child(2), .oleo-profile:nth-child(2) { animation-delay: .15s; }\n  .oleo-card:nth-child(3), .oleo-profile:nth-child(3) { animation-delay: .2s; }\n  .oleo-card:nth-child(4), .oleo-profile:nth-child(4) { animation-delay: .25s; }\n  .oleo-card:nth-child(5), .oleo-profile:nth-child(5) { animation-delay: .3s; }\n  .oleo-card:nth-child(6), .oleo-profile:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes oleoFadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .oleo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .oleo-card,\n  .oleo-profile,\n  .oleo-faq-item {\n    border: 2px solid var(--oleo-text);\n  }\n  \n  .oleo-badge {\n    border: 2px solid var(--oleo-ocean);\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755216691357,"sku":"JADEOLEO250","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/oleoceane-omega-3-citron-250-ml-jade-recherche.jpg?v=1767358469"},{"product_id":"myrti-jade-poudre-de-myrtille-concentree-200-g-jade-recherche","title":"Myrti jade - Poudre de Myrtille Concentrée - 200g - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Myrti-jade - Poudre de Myrtille Concentrée\nPalette détectée:\n  - Primaire: #2D5A27 (vert forêt des feuilles de myrtille)\n  - Secondaire: #6B3FA0 (violet\/pourpre de la bande et des baies)\n  - Accent: #1E3A5F (bleu nuit des myrtilles)\nAmbiance: Naturel, végétal, santé\/bien-être, fraîcheur forestière\nPréfixe CSS: mj\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n  \n  \u003cdiv class=\"mj-hero\"\u003e\n    \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mj-hero-content\"\u003e\n      \u003cdiv class=\"mj-badges-top\"\u003e\n        \u003cspan class=\"mj-badge\"\u003e🫐 100% myrtille pure\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e👁️ Santé oculaire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mj-hero-title\"\u003eMyrti-jade\u003c\/span\u003e\n      \u003cp class=\"mj-subtitle\"\u003ePoudre de myrtille concentrée\u003c\/p\u003e\n      \u003cp class=\"mj-description\"\u003eToute la puissance antioxydante de la myrtille sauvage dans une poudre 100% naturelle, sans sucre ajouté ni conservateurs\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e💎 Les bienfaits de la myrtille\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🛡️ Puissant antioxydant\u003c\/h3\u003e\n        \u003cp\u003eSource exceptionnelle d'anthocyanines qui protègent vos cellules contre le stress oxydatif et soutiennent votre santé globale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e👁️ Vision \u0026amp; confort oculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir une bonne vision et réduit la fatigue oculaire, idéal pour les personnes exposées aux écrans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité \u0026amp; immunité\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamines et nutriments essentiels pour renforcer votre système immunitaire et booster votre énergie naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n        \u003cp\u003ePoudre pure sans sucre ajouté, sans arômes artificiels ni conservateurs. Un superaliment dans sa forme la plus authentique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🧪 Ultra-concentré\u003c\/h3\u003e\n        \u003cp\u003eChaque cuillère équivaut à une grande quantité de myrtilles fraîches grâce au procédé de concentration naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🌱 Séchage doux\u003c\/h3\u003e\n        \u003cp\u003eProcédé de fabrication préservant l'intégrité des nutriments, vitamines et antioxydants de la myrtille\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n        \u003cp\u003eSoulagez la fatigue oculaire liée à l'exposition prolongée aux écrans d'ordinateur, tablette ou smartphone\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n        \u003cp\u003eBoostez votre récupération grâce aux antioxydants qui combattent les radicaux libres générés par l'effort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e👴 Seniors soucieux de leur vue\u003c\/h3\u003e\n        \u003cp\u003eMaintenez votre capital visuel et protégez vos yeux naturellement au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🥗 Adeptes du bien-manger\u003c\/h3\u003e\n        \u003cp\u003eEnrichissez facilement votre alimentation d'un superaliment aux multiples vertus santé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mj-usage-box\"\u003e\n      \u003cdiv class=\"mj-usage-grid\"\u003e\n        \u003cdiv class=\"mj-usage-step\"\u003e\n          \u003cdiv class=\"mj-step-number\"\u003e1\u003c\/div\u003e\n          \u003ch4\u003eDosez\u003c\/h4\u003e\n          \u003cp\u003e1 cuillère de poudre Myrti-jade\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-usage-step\"\u003e\n          \u003cdiv class=\"mj-step-number\"\u003e2\u003c\/div\u003e\n          \u003ch4\u003eMélangez\u003c\/h4\u003e\n          \u003cp\u003eDans un smoothie, yaourt, jus ou eau\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-usage-step\"\u003e\n          \u003cdiv class=\"mj-step-number\"\u003e3\u003c\/div\u003e\n          \u003ch4\u003eSavourez\u003c\/h4\u003e\n          \u003cp\u003eProfitez des bienfaits au quotidien\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-ideas\"\u003e\n        \u003cp\u003e\u003cstrong\u003e💡 Idées recettes :\u003c\/strong\u003e smoothie bowl, yaourt grec, porridge, pâtisseries, boisson santé...\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e📦 Informations produit\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid-compact\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n        \u003cp\u003e200 g de poudre concentrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n        \u003cp\u003eMyrtilles sélectionnées avec soin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n        \u003cp\u003eNormes environnementales strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eJade Recherche - France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mj-accordion\"\u003e\n      \u003cdetails class=\"mj-accordion-item\"\u003e\n        \u003csummary class=\"mj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mj-accordion-content\"\u003e\n          \u003cp\u003eConservez Myrti-jade à l'abri de la lumière et de l'humidité, dans un endroit frais et sec. Refermez bien le pot après chaque utilisation pour préserver la qualité de la poudre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mj-accordion-item\"\u003e\n        \u003csummary class=\"mj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mj-accordion-content\"\u003e\n          \u003cp\u003eComplément alimentaire à utiliser dans le cadre d'une alimentation variée et équilibrée. Ne pas dépasser la dose recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mj-accordion-item\"\u003e\n        \u003csummary class=\"mj-accordion-header\"\u003e🔬 Procédé de fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"mj-accordion-content\"\u003e\n          \u003cp\u003eLes myrtilles sont soigneusement sélectionnées puis transformées par un procédé de séchage doux à basse température. Cette méthode préserve l'intégrité des nutriments, des vitamines et des précieux antioxydants contenus dans le fruit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mj-cta-box\"\u003e\n      \u003cp\u003e🫐 Offrez à votre corps toute la puissance antioxydante de la myrtille sauvage. Un geste simple pour votre vision, votre vitalité et votre bien-être au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mj-cream: #f8f9f5;\n  --mj-white: #ffffff;\n  --mj-primary: #2D5A27;\n  --mj-primary-dark: #1e3d1a;\n  --mj-primary-light: #e8f0e6;\n  --mj-secondary: #6B3FA0;\n  --mj-accent: #1E3A5F;\n  --mj-text: #1a1a1a;\n  --mj-text-light: #5a5a5a;\n  --mj-border: #e0e0e0;\n  --mj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mj-radius: 20px;\n  --mj-radius-sm: 12px;\n}\n\n.mj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2D5A27 0%, #1e3d1a 40%, #6B3FA0 100%);\n  border-radius: var(--mj-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(107,63,160,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 40% 40%, rgba(30,58,95,.2) 0%, transparent 30%);\n  opacity: .8;\n}\n\n.mj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.mj-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mj-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mj-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.mj-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.mj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mj-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mj-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mj-primary), var(--mj-secondary));\n  border-radius: 2px;\n}\n\n.mj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mj-card {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mj-shadow-lg);\n  border-color: var(--mj-primary);\n}\n\n.mj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mj-grid-compact .mj-card {\n  padding: 1rem;\n}\n\n.mj-grid-compact .mj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mj-grid-compact .mj-card p {\n  font-size: 12px;\n}\n\n.mj-usage-box {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mj-shadow);\n}\n\n.mj-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.mj-usage-step {\n  text-align: center;\n}\n\n.mj-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--mj-primary), var(--mj-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 800;\n  margin: 0 auto 1rem;\n  box-shadow: 0 4px 16px rgba(45,90,39,.3);\n}\n\n.mj-usage-step h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mj-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.mj-usage-step p {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mj-ideas {\n  background: var(--mj-primary-light);\n  border-radius: var(--mj-radius-sm);\n  padding: 1rem 1.25rem;\n  text-align: center;\n}\n\n.mj-ideas p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-primary-dark);\n  line-height: 1.6;\n}\n\n.mj-accordion {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  box-shadow: var(--mj-shadow);\n  overflow: hidden;\n}\n\n.mj-accordion-item {\n  border-bottom: 1px solid var(--mj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mj-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mj-accordion-header:hover {\n  background: var(--mj-primary-light);\n}\n\n.mj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mj-primary);\n  transition: transform .2s ease;\n}\n\n.mj-accordion-item[open] .mj-accordion-header::after {\n  content: '−';\n}\n\n.mj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.mj-accordion-content p {\n  margin: 0;\n}\n\n.mj-cta-box {\n  background: linear-gradient(135deg, var(--mj-primary) 0%, var(--mj-secondary) 100%);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mj-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.mj-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n  .mj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .mj-grid-compact .mj-card {\n    padding: .75rem;\n  }\n  \n  .mj-card {\n    padding: 1.125rem;\n  }\n  \n  .mj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mj-radius-sm);\n  }\n  \n  .mj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mj-usage-grid {\n    grid-template-columns: 1fr;\n    gap: 1.25rem;\n  }\n  \n  .mj-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n    margin-bottom: .75rem;\n  }\n  \n  .mj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .mj-badges-top {\n    gap: .375rem;\n  }\n  \n  .mj-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mj-card:nth-child(1) { animation-delay: .05s; }\n  .mj-card:nth-child(2) { animation-delay: .1s; }\n  .mj-card:nth-child(3) { animation-delay: .15s; }\n  .mj-card:nth-child(4) { animation-delay: .2s; }\n  .mj-card:nth-child(5) { animation-delay: .25s; }\n  .mj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755225014429,"sku":"JADEMYRTI","price":27.18,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/myrti-jade-poudre-de-myrtille-concentree-200g-jade-recherche-ingredients.webp?v=1773303124"},{"product_id":"somnijoie-sommeil-profond-et-reduction-du-stress-120-gelules-jade-recherche","title":"Somnijoie - Sommeil Profond \u0026 Réduction du Stress - 120 Gélules - Jade Recherche","description":"\u003cdiv class=\"sj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sj-hero\"\u003e\n    \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sj-hero-content\"\u003e\n      \u003cdiv class=\"sj-badges-top\"\u003e\n        \u003cspan class=\"sj-badge\"\u003e🌙 Sommeil profond\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e☀️ Anti-stress jour\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e🌿 7 actifs naturels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sj-hero-title\"\u003eSomniJoie\u003c\/span\u003e\n      \u003cp class=\"sj-subtitle\"\u003eSommeil profond \u0026amp; réduction du stress — 120 gélules\u003c\/p\u003e\n      \u003cp class=\"sj-description\"\u003eLa formule 2-en-1 qui apaise vos nuits et illumine vos journées. 7 actifs naturels pour retrouver un sommeil réparateur et un équilibre émotionnel durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eSomniJoie : le complément alimentaire sommeil et anti-stress 2-en-1\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003eVous dormez mal, vous vous réveillez en pleine nuit, ou le stress vous empêche de trouver le repos ? \u003cstrong\u003eSomniJoie\u003c\/strong\u003e de Jade Recherche est un complément alimentaire pour le sommeil et la gestion du stress qui agit sur les deux fronts.\u003c\/p\u003e\n    \u003cdiv class=\"sj-grid-compact\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e😴 Sommeil profond\u003c\/h3\u003e\n        \u003cp\u003eFavorise un endormissement rapide et des nuits sans interruption\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n        \u003cp\u003eRéduit la tension nerveuse et l'irritabilité au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003e7 actifs d'origine naturelle, sans accoutumance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eMaintient la bonne humeur et la stabilité émotionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir SomniJoie plutôt qu'un simple somnifère naturel ?\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003eLa plupart des gélules sommeil se contentent de favoriser l'endormissement. SomniJoie va plus loin grâce à une \u003cstrong\u003edouble action unique\u003c\/strong\u003e :\u003c\/p\u003e\n    \u003cdiv class=\"sj-dual\"\u003e\n      \u003cdiv class=\"sj-dual-card sj-dual-night\"\u003e\n        \u003cdiv class=\"sj-dual-icon\"\u003e🌙\u003c\/div\u003e\n        \u003ch3\u003eLe soir — Mode Somni\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 gélules 30 min avant le coucher\u003c\/strong\u003e pour un sommeil profond et réparateur, avec moins de réveils nocturnes. La mélatonine, la valériane et la passiflore s'unissent pour vous guider vers un repos complet.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-dual-card sj-dual-day\"\u003e\n        \u003cdiv class=\"sj-dual-icon\"\u003e☀️\u003c\/div\u003e\n        \u003ch3\u003eLe matin — Mode Joie\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 gélules au petit-déjeuner\u003c\/strong\u003e pour agir comme complément anti-stress, réduire l'irritabilité et maintenir la bonne humeur tout au long de la journée. L'ashwagandha et le griffonia soutiennent votre sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-tip\"\u003e\n      \u003cspan class=\"sj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette polyvalence en fait un allié précieux si vous traversez une période de tension nerveuse, de surmenage ou de déprime passagère.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eUne formule complète de 7 actifs naturels\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003eChaque pilulier contient \u003cstrong\u003e120 gélules\u003c\/strong\u003e, soit un mois de cure à raison de 2 gélules par jour. Voici le détail de la composition :\u003c\/p\u003e\n    \u003cdiv class=\"sj-grid\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌱 Ashwagandha\u003c\/h3\u003e\n        \u003cp\u003eDosé à \u003cstrong\u003e5 % de withanolides\u003c\/strong\u003e. Plante adaptogène majeure qui aide le corps à gérer le stress, réduit le cortisol et augmente la durée du sommeil paradoxal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌿 Griffonia (5-HTP)\u003c\/h3\u003e\n        \u003cp\u003ePrécurseur naturel de la \u003cstrong\u003esérotonine\u003c\/strong\u003e, l'hormone du bien-être. Associé à la vitamine B6, il soutient l'humeur et régule les compulsions alimentaires liées au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e💜 Valériane\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003esédatives douces\u003c\/strong\u003e, elle facilite l'endormissement sans somnolence au réveil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌸 Passiflore\u003c\/h3\u003e\n        \u003cp\u003eRéduit l'anxiété et favorise un \u003cstrong\u003esommeil continu\u003c\/strong\u003e, sans interruption.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🤍 Aubépine\u003c\/h3\u003e\n        \u003cp\u003eApaise le système nerveux et \u003cstrong\u003ecalme les palpitations\u003c\/strong\u003e liées au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n        \u003cp\u003eEffet \u003cstrong\u003erelaxant et digestif\u003c\/strong\u003e, idéal si le stress vous noue l'estomac le soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n        \u003cp\u003eL'hormone du sommeil par excellence, qui \u003cstrong\u003eraccourcit le temps d'endormissement\u003c\/strong\u003e de façon naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-clean-badges\"\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans gluten\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans lactose\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans OGM\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans colorants artificiels\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans conservateurs\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eComment prendre SomniJoie ?\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau :\u003c\/p\u003e\n    \u003cdiv class=\"sj-timeline\"\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Pour le sommeil\u003c\/h3\u003e\n          \u003cp\u003e2 gélules le soir, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e. Laissez la formule agir pour un endormissement naturel et un sommeil profond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Pour le stress et l'équilibre émotionnel\u003c\/h3\u003e\n          \u003cp\u003e2 gélules le matin \u003cstrong\u003eau petit-déjeuner\u003c\/strong\u003e. L'ashwagandha et le griffonia soutiennent votre sérénité tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e pour ressentir pleinement les bienfaits. Renouvelez selon vos besoins ou alternez les prises matin\/soir en fonction des périodes.\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=\"sj-section\"\u003e\n    \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n    \u003cdiv class=\"sj-testimonial\"\u003e\n      \u003cp class=\"sj-testimonial-text\"\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e par le laboratoire Jade Recherche, SomniJoie répond aux normes de qualité les plus strictes. Les ingrédients sont sélectionnés pour leur pureté et leur efficacité, et le conditionnement privilégie des emballages respectueux de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e✅ Normes strictes\u003c\/h3\u003e\n        \u003cp\u003ePureté et efficacité garanties\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eEmballages respectueux de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🔬 Ingrédients sélectionnés\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et qualité optimales\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément sommeil ?\u003c\/h2\u003e\n    \u003cdiv class=\"sj-grid\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n        \u003cp\u003eVous mettez plus de 30 minutes à vous endormir ou vous vous réveillez fréquemment la nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🔍 En quête du meilleur complément sommeil\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez une solution naturelle associant détente profonde et sérénité durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🧠 Profils stressés ou surmenés\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période émotionnellement exigeante et avez besoin d'un soutien quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-cta-box\"\u003e\n      \u003cp\u003e🌙 Retrouvez des nuits sereines et des journées lumineuses avec SomniJoie — votre allié sommeil \u0026amp; bien-être 2-en-1 ☀️\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sj-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi professionnel. En cas de doute, consultez votre médecin ou pharmacien avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sj-cream: #f5f2ed;\n  --sj-white: #ffffff;\n  --sj-primary: #2a5daa;\n  --sj-primary-dark: #1a3d6e;\n  --sj-primary-light: #e8f0fa;\n  --sj-secondary: #f5a623;\n  --sj-accent: #ffd366;\n  --sj-night: #1e2d5a;\n  --sj-day: #fff8eb;\n  --sj-text: #1a1a1a;\n  --sj-text-light: #5a5a5a;\n  --sj-border: #e0e0e0;\n  --sj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sj-radius: 20px;\n  --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sj-night) 0%, var(--sj-primary) 50%, var(--sj-secondary) 100%);\n  border-radius: var(--sj-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(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,211,102,.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(245,166,35,.1) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.sj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sj-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sj-subtitle {\n  color: var(--sj-accent);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.sj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sj-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(--sj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sj-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.sj-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(--sj-primary), var(--sj-secondary));\n  border-radius: 2px;\n}\n\n.sj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sj-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.sj-card {\n  background: var(--sj-white);\n  border-radius: var(--sj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sj-shadow-lg);\n  border-color: var(--sj-primary);\n}\n\n.sj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sj-grid-compact .sj-card {\n  padding: 1rem;\n}\n\n.sj-grid-compact .sj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sj-grid-compact .sj-card p {\n  font-size: 12px;\n}\n\n\/* === DUAL CARDS (Jour\/Nuit) === *\/\n.sj-dual {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.sj-dual-card {\n  border-radius: var(--sj-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--sj-shadow);\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sj-dual-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-dual-night {\n  background: linear-gradient(145deg, #1e2d5a 0%, #2a5daa 100%);\n  color: white;\n}\n\n.sj-dual-night h3 {\n  color: var(--sj-accent);\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  margin: .75rem 0 .5rem;\n}\n\n.sj-dual-night p {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sj-dual-day {\n  background: linear-gradient(145deg, #fff8eb 0%, #fff0d0 100%);\n  border: 2px solid var(--sj-secondary);\n}\n\n.sj-dual-day h3 {\n  color: #b37d00;\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  margin: .75rem 0 .5rem;\n}\n\n.sj-dual-day p {\n  color: var(--sj-text-light);\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sj-dual-icon {\n  font-size: 36px;\n}\n\n\/* === TIMELINE === *\/\n.sj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sj-primary), var(--sj-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.sj-timeline-content {\n  flex: 1;\n  background: var(--sj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sj-radius-sm);\n  box-shadow: var(--sj-shadow);\n}\n\n.sj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sj-timeline-content p {\n  font-size: 14px;\n  color: var(--sj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sj-testimonial {\n  background: var(--sj-white);\n  border-radius: var(--sj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sj-shadow);\n  border-left: 4px solid var(--sj-primary);\n}\n\n.sj-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sj-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CLEAN BADGES === *\/\n.sj-clean-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 1.5rem;\n}\n\n.sj-clean-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 18px;\n  background: var(--sj-primary-light);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sj-primary-dark);\n  border: 1px solid rgba(42,93,170,.15);\n}\n\n\/* === TIP === *\/\n.sj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sj-primary-light);\n  border-radius: var(--sj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sj-tip p {\n  font-size: 14px;\n  color: var(--sj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n  background: linear-gradient(135deg, var(--sj-primary) 0%, var(--sj-night) 60%, var(--sj-secondary) 100%);\n  border-radius: var(--sj-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.sj-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}\n\n\/* === DISCLAIMER === *\/\n.sj-disclaimer {\n  font-size: 12px;\n  color: var(--sj-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  .sj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sj-card {\n    padding: 1.125rem;\n  }\n\n  .sj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sj-radius-sm);\n  }\n\n  .sj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sj-grid-compact {\n    gap: .625rem;\n  }\n\n  .sj-grid-compact .sj-card {\n    padding: .75rem;\n  }\n\n  .sj-dual {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sj-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sj-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sj-clean-badges {\n    gap: 6px;\n  }\n\n  .sj-clean-badge {\n    font-size: 11px;\n    padding: 6px 12px;\n  }\n\n  .sj-dual-icon {\n    font-size: 28px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sj-card {\n    animation: sjFadeInUp .5s ease backwards;\n  }\n  .sj-card:nth-child(1) { animation-delay: .05s; }\n  .sj-card:nth-child(2) { animation-delay: .1s; }\n  .sj-card:nth-child(3) { animation-delay: .15s; }\n  .sj-card:nth-child(4) { animation-delay: .2s; }\n  .sj-card:nth-child(5) { animation-delay: .25s; }\n  .sj-card:nth-child(6) { animation-delay: .3s; }\n  .sj-card:nth-child(7) { animation-delay: .35s; }\n\n  .sj-dual-card {\n    animation: sjFadeInUp .6s ease backwards;\n  }\n  .sj-dual-card:nth-child(1) { animation-delay: .1s; }\n  .sj-dual-card:nth-child(2) { animation-delay: .2s; }\n\n  .sj-timeline-item {\n    animation: sjFadeInUp .5s ease backwards;\n  }\n  .sj-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .sj-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .sj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes sjFadeInUp {\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  .sj-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":45755232878749,"sku":"SOMNIJOIE","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/somnijoie-sommeil-profond-reduction-du-stress-120-gelules-ja-ingredients_a94a62d5-43eb-4153-bbfd-8cb96ca214fb.webp?v=1773304685"},{"product_id":"asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche","title":"Asthen - Complexe d'huiles Essentielles Surrénales - 30 ml - Jade Recherche","description":"\u003cdiv class=\"asth-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"asth-hero\"\u003e\n    \u003cdiv class=\"asth-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"asth-hero-content\"\u003e\n      \u003cdiv class=\"asth-badges-top\"\u003e\n        \u003cspan class=\"asth-badge\"\u003e🌲 Huiles essentielles pures\u003c\/span\u003e\n        \u003cspan class=\"asth-badge\"\u003e⚡ Recharge énergétique\u003c\/span\u003e\n        \u003cspan class=\"asth-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"asth-hero-title\"\u003eAsthen\u003c\/span\u003e\n      \u003cp class=\"asth-subtitle\"\u003eComplexe d'huiles essentielles surrénales\u003c\/p\u003e\n      \u003cp class=\"asth-description\"\u003eUn mélange synergique d'huiles essentielles de conifères pour soutenir vos glandes surrénales, restaurer votre énergie vitale et renforcer votre résistance au stress.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"asth-section\"\u003e\n    \u003ch2\u003eUn complexe de 3 huiles essentielles idéales\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-grid\"\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🌲 Picea mariana (Épinette noire)\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle d'épinette noire aux propriétés stimulantes et équilibrantes pour les surrénales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🌿 Pinus sylvestris (Pin Sylvestre)\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle de pin sylvestre apportant un effet tonifiant et énergisant naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💧 Huile de jojoba\u003c\/h3\u003e\n        \u003cp\u003eBase végétale nourrissante qui facilite l'application et protège la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n      \u003ch2 class=\"mt-4\"\u003eLes bienfaits d'Asthen sur les surrénales\u003c\/h2\u003e\n      \u003cp class=\"asth-section-intro\"\u003eLes surrénales jouent un rôle crucial dans la résistance au stress et la vitalité\n        générale. Lorsqu'elles sont \"à plat\", Asthen aide à restaurer leur fonction naturellement.\u003c\/p\u003e\n\n    \u003cdiv class=\"asth-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n        \u003cp\u003eRevitalise en période de fatigue chronique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n        \u003cp\u003eRenforce la résilience face au stress\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💆 Détente nerveuse\u003c\/h3\u003e\n        \u003cp\u003eFavorise la relaxation et l'endormissement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💇 Vitalité capillaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient la santé des cheveux\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n  \u003csection class=\"asth-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-timeline\"\u003e\n      \u003cdiv class=\"asth-timeline-item\"\u003e\n        \u003cspan class=\"asth-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"asth-timeline-content\"\u003e\n          \u003ch3\u003ePréparez l'application\u003c\/h3\u003e\n          \u003cp\u003eDéposez quelques gouttes d'Asthen sur le dos de chaque main\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-timeline-item\"\u003e\n        \u003cspan class=\"asth-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"asth-timeline-content\"\u003e\n          \u003ch3\u003eLocalisez les surrénales\u003c\/h3\u003e\n          \u003cp\u003ePlacez vos poings fermés au-dessus des reins, au creux du dos sous les côtes flottantes\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-timeline-item\"\u003e\n        \u003cspan class=\"asth-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"asth-timeline-content\"\u003e\n          \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en massant de bas en haut, matin et\/ou soir selon vos besoins\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"asth-tip\"\u003e\n      \u003cspan class=\"asth-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le matin pour un regain d'énergie, le soir pour favoriser la détente et l'endormissement. Un flacon de 30 ml dure plusieurs mois avec un usage quotidien !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Caractéristiques --\u003e\n  \u003csection class=\"asth-section\"\u003e\n    \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-grid-compact\"\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e30 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🌲 Actifs\u003c\/h3\u003e\n        \u003cp\u003ePicea mariana \u0026amp; Pinus sylvestris\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💧 Base\u003c\/h3\u003e\n        \u003cp\u003eHuile végétale de jojoba\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e✋ Usage\u003c\/h3\u003e\n        \u003cp\u003eExterne uniquement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n        \u003cp\u003eJade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n        \u003cp\u003eFrance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n  \u003csection class=\"asth-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-accordion\"\u003e\n      \u003cdetails class=\"asth-accordion-item\"\u003e\n        \u003csummary class=\"asth-accordion-header\"\u003e⚠️ Usage externe uniquement\u003c\/summary\u003e\n        \u003cdiv class=\"asth-accordion-content\"\u003e\n          \u003cp\u003eNe pas ingérer. Ne pas appliquer sur les muqueuses ou sur une peau irritée. En cas de réaction inhabituelle, rincez abondamment à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asth-accordion-item\"\u003e\n        \u003csummary class=\"asth-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"asth-accordion-content\"\u003e\n          \u003cp\u003eNe convient pas aux enfants sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asth-accordion-item\"\u003e\n        \u003csummary class=\"asth-accordion-header\"\u003e🩺 En cas de réaction\u003c\/summary\u003e\n        \u003cdiv class=\"asth-accordion-content\"\u003e\n          \u003cp\u003eEn cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"asth-cta-box\"\u003e\n      \u003cp\u003e🌲 Offrez à vos surrénales le soutien naturel qu'elles méritent avec la puissance des huiles essentielles de conifères\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"asth-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Complément de bien-être, ne se substitue pas à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --asth-cream: #F5F3EF;\n  --asth-white: #ffffff;\n  --asth-primary: #5B7B6F;\n  --asth-primary-dark: #3D5A4F;\n  --asth-primary-light: #E8F0EC;\n  --asth-secondary: #8B6914;\n  --asth-accent: #6B5B4F;\n  --asth-text: #1a1a1a;\n  --asth-text-light: #5a5a5a;\n  --asth-border: #e0e0e0;\n  --asth-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --asth-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --asth-radius: 20px;\n  --asth-radius-sm: 12px;\n}\n\n.asth-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--asth-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asth-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3D5A4F 0%, #5B7B6F 50%, #7A9B8F 100%);\n  border-radius: var(--asth-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(--asth-shadow-lg);\n}\n\n.asth-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L30 20 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M30 35 L38 55 L30 48 L22 55 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.asth-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.asth-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.asth-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(--asth-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.asth-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.asth-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.asth-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n}\n\n.asth-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.asth-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asth-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--asth-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.asth-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(--asth-primary), var(--asth-secondary));\n  border-radius: 2px;\n}\n\n.asth-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--asth-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.asth-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.asth-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.asth-card {\n  background: var(--asth-white);\n  border-radius: var(--asth-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--asth-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.asth-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--asth-shadow-lg);\n  border-color: var(--asth-primary);\n}\n\n.asth-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--asth-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.asth-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--asth-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.asth-grid-compact .asth-card {\n  padding: 1rem;\n}\n\n.asth-grid-compact .asth-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.asth-grid-compact .asth-card p {\n  font-size: 12px;\n}\n\n.asth-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.asth-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.asth-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--asth-primary), var(--asth-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.asth-timeline-content {\n  flex: 1;\n  background: var(--asth-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--asth-radius-sm);\n  box-shadow: var(--asth-shadow);\n}\n\n.asth-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--asth-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.asth-timeline-content p {\n  font-size: 14px;\n  color: var(--asth-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.asth-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--asth-primary-light);\n  border-radius: var(--asth-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.asth-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.asth-tip p {\n  font-size: 14px;\n  color: var(--asth-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.asth-accordion {\n  background: var(--asth-white);\n  border-radius: var(--asth-radius);\n  box-shadow: var(--asth-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.asth-accordion-item {\n  border-bottom: 1px solid var(--asth-border);\n  margin: 0;\n  padding: 0;\n}\n\n.asth-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.asth-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--asth-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.asth-accordion-header:hover {\n  background: var(--asth-primary-light);\n}\n\n.asth-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.asth-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--asth-primary);\n  transition: transform .2s ease;\n}\n\n.asth-accordion-item[open] .asth-accordion-header::after {\n  content: '−';\n}\n\n.asth-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--asth-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.asth-accordion-content p {\n  margin: 0;\n}\n\n.asth-cta-box {\n  background: linear-gradient(135deg, var(--asth-primary) 0%, var(--asth-primary-dark) 100%);\n  border-radius: var(--asth-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.asth-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.asth-disclaimer {\n  font-size: 12px;\n  color: var(--asth-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .asth-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .asth-card {\n    padding: 1.125rem;\n  }\n  \n  .asth-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .asth-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--asth-radius-sm);\n  }\n  \n  .asth-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .asth-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .asth-grid-compact {\n    gap: .625rem;\n  }\n  \n  .asth-grid-compact .asth-card {\n    padding: .75rem;\n  }\n  \n  .asth-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .asth-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .asth-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .asth-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .asth-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .asth-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .asth-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .asth-card:nth-child(1) { animation-delay: .05s; }\n  .asth-card:nth-child(2) { animation-delay: .1s; }\n  .asth-card:nth-child(3) { animation-delay: .15s; }\n  .asth-card:nth-child(4) { animation-delay: .2s; }\n  .asth-card:nth-child(5) { animation-delay: .25s; }\n  .asth-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  .asth-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":45755253096605,"sku":"ASTHENJADE","price":23.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/asthen-complexe-dhuiles-essentielles-surrenales-30-ml-jade-r-lifestyle.webp?v=1768895283"},{"product_id":"vascu10-atout-jeunesse-jade-recherche","title":"Vascu 10 - Atout Jeunesse - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vascu 10 - Complément alimentaire cardiovasculaire\nPalette détectée:\n  - Primaire: #C73333 (rouge des bandes horizontales - évoque le sang\/cœur)\n  - Secondaire: #2E5C8A (bleu du logo cœur et texte ingrédients - confiance\/médical)\n  - Accent: #3A7D3A (vert du texte \"VASCU 10\" - naturalité)\nAmbiance: Médical\/santé cardiovasculaire avec touche naturelle. Packaging blanc épuré, professionnel type laboratoire. Logo cœur bicolore rouge\/bleu symbolisant la circulation. Style clinique rassurant.\nPréfixe CSS: vc\n--\u003e\n\n\u003cdiv class=\"vc-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"vc-hero\"\u003e\n    \u003cdiv class=\"vc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vc-hero-content\"\u003e\n      \u003cdiv class=\"vc-badges-top\"\u003e\n        \u003cspan class=\"vc-badge\"\u003e❤️ Santé cardiovasculaire\u003c\/span\u003e\n        \u003cspan class=\"vc-badge\"\u003e🧬 5 actifs synergiques\u003c\/span\u003e\n        \u003cspan class=\"vc-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vc-hero-title\"\u003eVascu 10\u003c\/span\u003e\n      \u003cp class=\"vc-subtitle\"\u003eAtout jeunesse pour votre système vasculaire\u003c\/p\u003e\n      \u003cp class=\"vc-description\"\u003eUne formule concentrée associant nicotinamide, carnosine, bromélaïne, CoQ10 et bêta-alanine pour soutenir la santé de vos vaisseaux et préserver votre vitalité cellulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES CLÉS --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits de Vascu 10\u003c\/h2\u003e\n    \u003cdiv class=\"vc-grid\"\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e❤️ Protection vasculaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'intégrité et l'élasticité de vos vaisseaux sanguins pour une circulation optimale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLe CoQ10 et la nicotinamide boostent la production d'ATP, carburant essentiel de vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLa carnosine neutralise les radicaux libres et protège vos tissus du stress oxydatif lié à l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🔄 Circulation fluide\u003c\/h3\u003e\n        \u003cp\u003eLa bromélaïne favorise une bonne fluidité sanguine et soutient le confort circulatoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🧬 Anti-âge cellulaire\u003c\/h3\u003e\n        \u003cp\u003eFormule \"atout jeunesse\" qui préserve la vitalité de vos cellules et tissus vasculaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🌿 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules HPMC d'origine végétale, convient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e🧪 Composition par dose (2 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"vc-grid\"\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Nicotinamide (B3)\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e430 mg\u003c\/div\u003e\n        \u003cp\u003eForme active de la vitamine B3, essentielle au métabolisme énergétique et à la réparation de l'ADN cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e🧬 Carnosine\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e360 mg\u003c\/div\u003e\n        \u003cp\u003eDipeptide anti-glycation puissant qui protège les protéines et ralentit le vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e🍍 Bromélaïne\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e80 mg\u003c\/div\u003e\n        \u003cp\u003eEnzyme naturelle de l'ananas aux propriétés anti-inflammatoires et pro-circulatoires reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e⚡ Coenzyme Q10\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e70 mg\u003c\/div\u003e\n        \u003cp\u003eCoenzyme indispensable à la production d'énergie mitochondriale, particulièrement important pour le cœur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n        \u003ch3\u003e💪 Bêta-alanine\u003c\/h3\u003e\n        \u003cdiv class=\"vc-dosage\"\u003e20 mg\u003c\/div\u003e\n        \u003cp\u003ePrécurseur de la carnosine, amplifie son action protectrice contre l'acidité et l'oxydation tissulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est Vascu 10 ?\u003c\/h2\u003e\n    \u003cdiv class=\"vc-grid-compact\"\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e👴 Seniors actifs\u003c\/h3\u003e\n        \u003cp\u003ePréserver la jeunesse vasculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimiser récupération et endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n        \u003cp\u003eContrer le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-card\"\u003e\n        \u003ch3\u003e🧘 Préventif 40+\u003c\/h3\u003e\n        \u003cp\u003eAnticiper le vieillissement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vc-usage-box\"\u003e\n      \u003cdiv class=\"vc-usage-step\"\u003e\n        \u003cdiv class=\"vc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003ePosologie\u003c\/strong\u003e\n          \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-usage-step\"\u003e\n        \u003cdiv class=\"vc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eMoment\u003c\/strong\u003e\n          \u003cp\u003ePendant un repas avec un verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vc-usage-step\"\u003e\n        \u003cdiv class=\"vc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eDurée\u003c\/strong\u003e\n          \u003cp\u003eCure de 30 jours, renouvelable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n  \u003csection class=\"vc-section\"\u003e\n    \u003ch2\u003e📌 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vc-accordion\"\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003ePilulier de 60 gélules végétales HPMC, soit 30 jours de cure à raison de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer après usage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical, consulter votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vc-accordion-item\"\u003e\n        \u003csummary class=\"vc-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"vc-accordion-content\"\u003e\n          \u003cp\u003eFormulé et fabriqué en France par Jade Recherche. Stéarate de magnésium végétal utilisé comme anti-agglomérant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"vc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vc-cta-box\"\u003e\n      \u003cp\u003e🫀 \u003cstrong\u003eVascu 10\u003c\/strong\u003e : la synergie de 5 actifs premium pour protéger votre capital vasculaire et préserver la jeunesse de vos cellules. Investissez dans votre santé cardiovasculaire dès aujourd'hui.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vc-cream: #F7F5F2;\n  --vc-white: #ffffff;\n  --vc-primary: #C73333;\n  --vc-primary-dark: #A52828;\n  --vc-primary-light: #FCE8E8;\n  --vc-secondary: #2E5C8A;\n  --vc-accent: #3A7D3A;\n  --vc-text: #1a1a1a;\n  --vc-text-light: #5a5a5a;\n  --vc-border: #e0e0e0;\n  --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --vc-radius: 20px;\n  --vc-radius-sm: 12px;\n}\n\n.vc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vc-secondary) 0%, #3D6FA0 50%, var(--vc-primary) 100%);\n  border-radius: var(--vc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.vc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.vc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.vc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.vc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.vc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vc-primary), var(--vc-secondary));\n  border-radius: 2px;\n}\n\n.vc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vc-card {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vc-shadow-lg);\n  border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vc-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vc-card-ingredient {\n  border-left: 4px solid var(--vc-accent);\n  text-align: left;\n}\n\n.vc-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--vc-primary), var(--vc-primary-dark));\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-bottom: .75rem;\n}\n\n.vc-usage-box {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1.5rem;\n  justify-content: center;\n}\n\n.vc-usage-step {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  min-width: 200px;\n}\n\n.vc-step-num {\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--vc-primary), var(--vc-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  color: white;\n  flex-shrink: 0;\n}\n\n.vc-usage-step strong {\n  display: block;\n  font-size: 15px;\n  color: var(--vc-secondary);\n  margin-bottom: 2px;\n}\n\n.vc-usage-step p {\n  font-size: 13px;\n  color: var(--vc-text-light);\n  margin: 0;\n}\n\n.vc-accordion {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  box-shadow: var(--vc-shadow);\n  overflow: hidden;\n}\n\n.vc-accordion-item {\n  border-bottom: 1px solid var(--vc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.vc-accordion-header:hover {\n  background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vc-primary);\n  transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n  content: '−';\n}\n\n.vc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.vc-accordion-content p {\n  margin: 0;\n}\n\n.vc-cta-box {\n  background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 100%);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .vc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vc-grid-compact .vc-card {\n    padding: .75rem;\n  }\n  \n  .vc-grid-compact .vc-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .vc-grid-compact .vc-card p {\n    font-size: 12px;\n  }\n  \n  .vc-card {\n    padding: 1.125rem;\n  }\n  \n  .vc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vc-radius-sm);\n  }\n  \n  .vc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vc-usage-box {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .vc-usage-step {\n    min-width: auto;\n  }\n  \n  .vc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .vc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vc-card:nth-child(1) { animation-delay: .05s; }\n  .vc-card:nth-child(2) { animation-delay: .1s; }\n  .vc-card:nth-child(3) { animation-delay: .15s; }\n  .vc-card:nth-child(4) { animation-delay: .2s; }\n  .vc-card:nth-child(5) { animation-delay: .25s; }\n  .vc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755254341789,"sku":"JADEVASCU10","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vascu10_jaderecherche_11zon.jpg?v=1767976339"},{"product_id":"tulsi-bio-extrait-titre-respiration-apaisee-60-gelules-vegetales-ayurvana","title":"Tulsi Bio Extrait Titré - Respiration Apaisée - 60 Gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi Bio Extrait Titré - Basilic Sacré\nPalette détectée:\n  - Primaire: #E07B6A (corail\/rose saumon du couvercle et bandeau)\n  - Secondaire: #5A8F4D (vert feuillage du tulsi)\n  - Accent: #C4A962 (doré\/ocre des motifs paisley)\n  - Neutre: #F5F0E4 (beige crème du corps du packaging)\nAmbiance: Ayurvédique authentique, naturel\/bio premium, spirituel et apaisant, tradition indienne\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"tulsi-hero\"\u003e\n    \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tulsi-hero-content\"\u003e\n      \u003cdiv class=\"tulsi-badges-top\"\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Ayurveda authentique\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌱 100% vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio Extrait Titré\u003c\/span\u003e\n      \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré pour une respiration apaisée\u003c\/p\u003e\n      \u003cp class=\"tulsi-description\"\u003e500 mg d'extrait 10:1 par gélule • 60 gélules végétales • Ocimum sanctum cultivé en Inde\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌿 Les vertus du basilic sacré\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid\"\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🫁 Respiration libérée\u003c\/h3\u003e\n        \u003cp\u003ePropriétés purifiantes qui contribuent à apaiser et libérer les voies respiratoires pour un confort optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🧘 Équilibre mental\u003c\/h3\u003e\n        \u003cp\u003eApaisant naturel qui favorise la sérénité et aide à réduire le stress en période de tension émotionnelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras, triterpènes et flavonoïdes pour protéger les cellules contre les dommages oxydatifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e⚡ Immunité renforcée\u003c\/h3\u003e\n        \u003cp\u003ePlante adaptogène qui stimule les défenses naturelles et renforce la résistance face aux agressions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🧪 Une composition pure et concentrée\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-composition-box\"\u003e\n      \u003cdiv class=\"tulsi-ingredient-highlight\"\u003e\n        \u003cspan class=\"tulsi-ingredient-name\"\u003eExtrait 10:1 de Tulsi bio\u003c\/span\u003e\n        \u003cspan class=\"tulsi-ingredient-latin\"\u003e(Ocimum sanctum)\u003c\/span\u003e\n        \u003cspan class=\"tulsi-ingredient-dose\"\u003e500 mg par gélule\u003c\/span\u003e\n        \u003cp\u003eUn ratio d'extraction exceptionnel qui concentre 10 fois les principes actifs de la plante pour une efficacité optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-ingredient-list\"\u003e\n        \u003cdiv class=\"tulsi-ingredient-item\"\u003e\n          \u003cspan class=\"tulsi-check\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eGélule 100% végétale (hypromellose)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-ingredient-item\"\u003e\n          \u003cspan class=\"tulsi-check\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eAgent de charge d'origine végétale\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-ingredient-item\"\u003e\n          \u003cspan class=\"tulsi-check\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eSans OGM • Sans gluten • Vegan\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-usage-grid\"\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n        \u003ch3\u003e💊 Dosage\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 gélules par jour selon vos besoins\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n        \u003ch3\u003e☀️ Moment idéal\u003c\/h3\u003e\n        \u003cp\u003eDe préférence le matin avec un grand verre d'eau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n        \u003ch3\u003e🔄 Durée\u003c\/h3\u003e\n        \u003cp\u003eCure de 30 jours renouvelable pour des effets durables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🎯 Le Tulsi est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid\"\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e😤 Confort respiratoire\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez un soutien naturel pour vos voies respiratoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e😰 Gestion du stress\u003c\/h3\u003e\n        \u003cp\u003eVous vivez des périodes de tension et cherchez un apaisement naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e💪 Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eVous voulez renforcer vos défenses de façon naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🧘 Bien-être global\u003c\/h3\u003e\n        \u003cp\u003eVous privilégiez les solutions ayurvédiques authentiques et bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ORIGINE \u0026 QUALITÉ --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e✨ Origine et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid-compact\"\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🇮🇳 Cultivé en Inde\u003c\/h3\u003e\n        \u003cp\u003eFermes bio certifiées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eNormes européennes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🌿 Agriculture bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié AB\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card\"\u003e\n        \u003ch3\u003e🧪 Contrôlé\u003c\/h3\u003e\n        \u003cp\u003eTests qualité chaque lot\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-accordion\"\u003e\n      \u003cdetails class=\"tulsi-accordion-item\"\u003e\n        \u003csummary class=\"tulsi-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n        \u003cdiv class=\"tulsi-accordion-content\"\u003e\n          \u003cp\u003e60 gélules végétales • Durée : 30 à 60 jours selon le dosage • Format pratique à emporter partout.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tulsi-accordion-item\"\u003e\n        \u003csummary class=\"tulsi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"tulsi-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tulsi-accordion-item\"\u003e\n        \u003csummary class=\"tulsi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"tulsi-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Consulter un professionnel de santé en cas de traitement médical en cours.\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=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tulsi-cta-box\"\u003e\n      \u003cp\u003e🙏 Découvrez la sagesse ayurvédique ancestrale avec le Tulsi, basilic sacré vénéré en Inde depuis des millénaires. Profitez de ce trésor millénaire pour un bien-être respiratoire optimal et une tranquillité d'esprit renouvelée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --tulsi-cream: #FAF7F2;\n  --tulsi-white: #ffffff;\n  --tulsi-primary: #E07B6A;\n  --tulsi-primary-dark: #C4685A;\n  --tulsi-primary-light: #F8EBE9;\n  --tulsi-secondary: #5A8F4D;\n  --tulsi-secondary-light: #EBF3E9;\n  --tulsi-accent: #C4A962;\n  --tulsi-text: #1a1a1a;\n  --tulsi-text-light: #5a5a5a;\n  --tulsi-border: #E8E4DB;\n  --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tulsi-radius: 20px;\n  --tulsi-radius-sm: 12px;\n}\n\n.tulsi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tulsi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tulsi-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E07B6A 0%, #C4685A 50%, #B35D50 100%);\n  border-radius: var(--tulsi-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(--tulsi-shadow-lg);\n}\n\n.tulsi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.3) 0%, transparent 40%),\n    radial-gradient(circle at 85% 75%, rgba(196,169,98,.4) 0%, transparent 40%);\n}\n\n.tulsi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tulsi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.tulsi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tulsi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(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.tulsi-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.tulsi-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  margin: 0;\n}\n\n.tulsi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tulsi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tulsi-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.tulsi-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--tulsi-primary), var(--tulsi-secondary));\n  border-radius: 2px;\n}\n\n.tulsi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.tulsi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tulsi-card {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tulsi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tulsi-shadow-lg);\n  border-color: var(--tulsi-primary);\n}\n\n.tulsi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tulsi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tulsi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tulsi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tulsi-grid-compact .tulsi-card {\n  padding: 1rem;\n}\n\n.tulsi-grid-compact .tulsi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tulsi-grid-compact .tulsi-card p {\n  font-size: 12px;\n}\n\n.tulsi-composition-box {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tulsi-shadow);\n  border: 3px solid var(--tulsi-secondary-light);\n}\n\n.tulsi-ingredient-highlight {\n  text-align: center;\n  padding-bottom: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-bottom: 2px solid var(--tulsi-border);\n}\n\n.tulsi-ingredient-name {\n  display: block;\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--tulsi-secondary);\n  margin-bottom: .25rem;\n}\n\n.tulsi-ingredient-latin {\n  display: block;\n  font-size: 14px;\n  color: var(--tulsi-text-light);\n  font-style: italic;\n  margin-bottom: .75rem;\n}\n\n.tulsi-ingredient-dose {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n  color: white;\n  padding: 6px 16px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.tulsi-ingredient-highlight p {\n  color: var(--tulsi-text-light);\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tulsi-ingredient-list {\n  display: grid;\n  gap: .75rem;\n}\n\n.tulsi-ingredient-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background: var(--tulsi-secondary-light);\n  border-radius: var(--tulsi-radius-sm);\n  transition: all .3s ease;\n}\n\n.tulsi-ingredient-item:hover {\n  transform: translateX(6px);\n  background: var(--tulsi-primary-light);\n}\n\n.tulsi-check {\n  font-size: 18px;\n  color: var(--tulsi-secondary);\n  font-weight: 700;\n}\n\n.tulsi-ingredient-item span:last-child {\n  color: var(--tulsi-text);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.tulsi-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.25rem;\n}\n\n.tulsi-usage-card {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid var(--tulsi-primary-light);\n  transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tulsi-shadow-lg);\n  border-color: var(--tulsi-primary);\n}\n\n.tulsi-usage-number {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n  color: white;\n  font-size: 22px;\n  font-weight: 900;\n  border-radius: 50%;\n  margin-bottom: .75rem;\n  box-shadow: 0 4px 16px rgba(224,123,106,.3);\n}\n\n.tulsi-usage-card h3 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--tulsi-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.tulsi-usage-card p {\n  color: var(--tulsi-text-light);\n  font-size: 13px;\n  margin: 0;\n  line-height: 1.5;\n}\n\n.tulsi-accordion {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  box-shadow: var(--tulsi-shadow);\n  overflow: hidden;\n}\n\n.tulsi-accordion-item {\n  border-bottom: 1px solid var(--tulsi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tulsi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tulsi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tulsi-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.tulsi-accordion-header:hover {\n  background: var(--tulsi-primary-light);\n}\n\n.tulsi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tulsi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tulsi-primary);\n  transition: transform .2s ease;\n}\n\n.tulsi-accordion-item[open] .tulsi-accordion-header::after {\n  content: '−';\n}\n\n.tulsi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tulsi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.tulsi-accordion-content p {\n  margin: 0;\n}\n\n.tulsi-cta-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #4A7840 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tulsi-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .tulsi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .tulsi-usage-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .tulsi-card {\n    padding: 1.125rem;\n  }\n  \n  .tulsi-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .tulsi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tulsi-radius-sm);\n  }\n  \n  .tulsi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .tulsi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .tulsi-grid-compact {\n    gap: .625rem;\n  }\n  \n  .tulsi-grid-compact .tulsi-card {\n    padding: .75rem;\n  }\n  \n  .tulsi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .tulsi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tulsi-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .tulsi-card:nth-child(1) { animation-delay: .05s; }\n  .tulsi-card:nth-child(2) { animation-delay: .1s; }\n  .tulsi-card:nth-child(3) { animation-delay: .15s; }\n  .tulsi-card:nth-child(4) { animation-delay: .2s; }\n  .tulsi-card:nth-child(5) { animation-delay: .25s; }\n  .tulsi-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  .tulsi-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":45755255193757,"sku":"AY9007","price":17.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-bio-extrait-titre-respiration-apaisee-60-gelules-ayurvana-527480.jpg?v=1732722025"},{"product_id":"amalaki-bio-60-gelules-ayurvana","title":"Amalaki Bio - Régule le transit intestinal - Ayur-Vana","description":"\u003cdiv class=\"amk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"amk-hero\"\u003e\n    \u003cdiv class=\"amk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"amk-hero-content\"\u003e\n      \u003cdiv class=\"amk-badges-top\"\u003e\n        \u003cspan class=\"amk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🧪 25 % de tanins\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"amk-hero-title\"\u003eAmalaki Bio - Extrait d'Amla\u003c\/span\u003e\n      \u003cp class=\"amk-subtitle\"\u003eLe fruit de la jeunesse de la tradition ayurvédique\u003c\/p\u003e\n      \u003cp class=\"amk-description\"\u003eUn extrait concentré riche en tanins pour réguler votre transit, protéger vos cellules et soutenir votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eAmalaki Bio Ayur-Vana : l'extrait d'Amla riche en tanins pour votre transit et votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eL'\u003cstrong\u003eAmalaki Bio\u003c\/strong\u003e d'Ayur-Vana, aussi appelé \u003cstrong\u003eAmla\u003c\/strong\u003e (\u003cem\u003eEmblica officinalis\u003c\/em\u003e), est l'un des fruits les plus précieux de la tradition ayurvédique. Surnommé « fruit de la jeunesse » en Inde, il est utilisé depuis des millénaires pour ses remarquables propriétés antioxydantes et digestives.\u003c\/p\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌱 Extrait concentré\u003c\/h3\u003e\n        \u003cp\u003eTitré à 25 % de tanins pour une efficacité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🏆 Tradition millénaire\u003c\/h3\u003e\n        \u003cp\u003ePilier de l'Ayurveda depuis des milliers d'années\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique contrôlée par Ecocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France avec des fruits récoltés en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'Amalaki plutôt qu'un autre antioxydant ?\u003c\/h2\u003e\n    \u003cdiv class=\"amk-testimonial\"\u003e\n      \u003cp class=\"amk-testimonial-text\"\u003eContrairement à une simple poudre de fruit, l'extraction permet d'obtenir une teneur garantie en principes actifs — ici, \u003cstrong\u003e400 mg de tanins pour 4 gélules\u003c\/strong\u003e. Vous bénéficiez ainsi d'une concentration supérieure à ce que pourrait offrir le fruit brut, dans un format pratique et facile à doser.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-tip\"\u003e\n      \u003cspan class=\"amk-tip-icon\"\u003e☯️\u003c\/span\u003e\n      \u003cp\u003eL'Amla est l'une des sources naturelles les plus riches en polyphénols et en vitamine C naturelle. C'est ce qui explique son rôle central dans la pharmacopée ayurvédique, où il est réputé pour contribuer à l'équilibre des trois doshas, et tout particulièrement pour apaiser \u003cstrong\u003ePitta\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'Amalaki Bio au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🫄 Régulation du transit intestinal\u003c\/h3\u003e\n        \u003cp\u003eL'Amalaki contribue à une digestion agréable et à un confort digestif durable. Il est particulièrement apprécié en cas de transit irrégulier ou paresseux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa richesse en tanins et polyphénols, il aide à protéger vos cellules contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💪 Soutien des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eEn Ayurveda, l'Amla est considéré comme un « rasayana », un tonique régénérant qui soutient l'immunité et la vitalité globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✨ Éclat de la peau et des cheveux\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés régénérantes sont recherchées pour maintenir une peau lumineuse et un cuir chevelu sain. Ce complément agit de l'intérieur, en nourrissant vos tissus en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card amk-card-highlight\"\u003e\n        \u003ch3\u003e🍇 Extrait de fruits d'Amalaki bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eEmblica officinalis\u003c\/em\u003e : \u003cstrong\u003e1 600 mg\u003c\/strong\u003e dont \u003cstrong\u003etanins : 400 mg\u003c\/strong\u003e (titrage à 25 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eAgent d'enrobage d'origine végétale : hypromellose\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-tip\"\u003e\n      \u003cspan class=\"amk-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eIngrédients issus de l'agriculture biologique, certifiés par Ecocert FR-BIO-01. Sans additifs chimiques, sans substances d'origine animale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComment prendre l'Amalaki Bio Ayur-Vana ?\u003c\/h2\u003e\n    \u003cdiv class=\"amk-timeline\"\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eRepas du midi\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du midi avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eRepas du soir\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du soir avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules correspond à \u003cstrong\u003e15 jours\u003c\/strong\u003e. Pour un effet optimal, une cure de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e est souvent conseillée, à renouveler selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eQualité et certifications\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique - Ecocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduction française pour une traçabilité optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🥬 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales : convient aux végétariens et véganes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n        \u003cp\u003eFruits d'Amla sélectionnés et récoltés en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"amk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"amk-accordion\"\u003e\n      \u003cdetails class=\"amk-accordion-item\" open\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"amk-disclaimer\"\u003eLes informations fournies ne sauraient se substituer à un avis médical. Consultez votre professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --amk-cream: #fdf8f0;\n  --amk-white: #ffffff;\n  --amk-primary: #d4a017;\n  --amk-primary-dark: #8b6914;\n  --amk-primary-light: #fdf3d7;\n  --amk-secondary: #7cb342;\n  --amk-accent: #e8a500;\n  --amk-text: #1a1a1a;\n  --amk-text-light: #5a5a5a;\n  --amk-border: #e8e0d0;\n  --amk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --amk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --amk-radius: 20px;\n  --amk-radius-sm: 12px;\n}\n\n.amk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--amk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d4a017 0%, #b8860b 40%, #7cb342 100%);\n  border-radius: var(--amk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--amk-shadow-lg);\n}\n\n.amk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.amk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.amk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.amk-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.amk-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.amk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.amk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--amk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.amk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.amk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--amk-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.amk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--amk-primary), var(--amk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.amk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.amk-card {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--amk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.amk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--amk-shadow-lg);\n  border-color: var(--amk-primary);\n}\n\n.amk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.amk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.amk-card-highlight {\n  border-color: var(--amk-primary);\n  background: var(--amk-primary-light);\n}\n\n\/* === GRILLES === *\/\n.amk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.amk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.amk-grid-compact .amk-card {\n  padding: 1rem;\n}\n\n.amk-grid-compact .amk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.amk-grid-compact .amk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.amk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.amk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.amk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--amk-primary), var(--amk-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.amk-timeline-content {\n  flex: 1;\n  background: var(--amk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--amk-radius-sm);\n  box-shadow: var(--amk-shadow);\n}\n\n.amk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.amk-timeline-content p {\n  font-size: 14px;\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.amk-testimonial {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--amk-shadow);\n  border-left: 4px solid var(--amk-primary);\n}\n\n.amk-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amk-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.amk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--amk-primary-light);\n  border-radius: var(--amk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.amk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.amk-tip p {\n  font-size: 14px;\n  color: var(--amk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amk-accordion {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  box-shadow: var(--amk-shadow);\n  overflow: hidden;\n}\n\n.amk-accordion-item {\n  border-bottom: 1px solid var(--amk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.amk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.amk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--amk-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.amk-accordion-header:hover {\n  background: var(--amk-primary-light);\n}\n\n.amk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.amk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--amk-primary);\n  transition: transform .2s ease;\n}\n\n.amk-accordion-item[open] .amk-accordion-header::after {\n  content: '−';\n}\n\n.amk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--amk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.amk-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amk-disclaimer {\n  font-size: 12px;\n  color: var(--amk-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .amk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .amk-card {\n    padding: 1.125rem;\n  }\n\n  .amk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .amk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--amk-radius-sm);\n  }\n\n  .amk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .amk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .amk-grid-compact {\n    gap: .625rem;\n  }\n\n  .amk-grid-compact .amk-card {\n    padding: .75rem;\n  }\n\n  .amk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .amk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .amk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .amk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .amk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .amk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .amk-testimonial {\n    padding: 1.25rem;\n  }\n\n  .amk-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .amk-card {\n    animation: amkFadeInUp .5s ease backwards;\n  }\n  .amk-card:nth-child(1) { animation-delay: .05s; }\n  .amk-card:nth-child(2) { animation-delay: .1s; }\n  .amk-card:nth-child(3) { animation-delay: .15s; }\n  .amk-card:nth-child(4) { animation-delay: .2s; }\n  .amk-card:nth-child(5) { animation-delay: .25s; }\n  .amk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes amkFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .amk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755267612829,"sku":"AY9104","price":19.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/amalaki-60-gelules-ayurvana-min.jpg?v=1733239205"},{"product_id":"vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo","title":"Vital Flax Bio - Equilibre Émotionnel - 60 Capsules - LT Labo","description":"\u003cdiv class=\"vf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vf-hero\"\u003e\n\u003cdiv class=\"vf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vf-hero-content\"\u003e\n\u003cdiv class=\"vf-badges-top\"\u003e\n\u003cspan class=\"vf-badge\"\u003e🌿 Certifié Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🧬 Oméga 3-6-9 végétal\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e💊 60 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vf-hero-title\"\u003eVital Flax Bio\u003c\/span\u003e\n\u003cp class=\"vf-subtitle\"\u003eHuile de graines de lin biologique — Oméga-3 végétal\u003c\/p\u003e\n\u003cp class=\"vf-description\"\u003eL'allié 100 % végétal de votre équilibre émotionnel, de vos fonctions cognitives et de votre santé cardiovasculaire. Formulé par LT Labo à partir d'huile de lin bio pressée à froid, naturellement riche en acide alpha-linolénique (ALA).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eVital Flax Bio : l'huile de lin oméga-3 au service de votre équilibre émotionnel\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eVous cherchez une source végétale d'oméga-3 fiable, certifiée bio, pour prendre soin de votre équilibre intérieur au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eVital Flax Bio de LT Labo\u003c\/strong\u003e est un complément alimentaire à base d'\u003cstrong\u003ehuile de graines de lin biologique\u003c\/strong\u003e, naturellement concentrée en \u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras essentiel que votre organisme ne peut pas fabriquer lui-même. Ce précieux oméga-3 végétal contribue au bon fonctionnement du cerveau et joue un rôle reconnu dans le maintien de l'équilibre émotionnel.\u003c\/p\u003e\n\u003cp\u003ePrésenté sous forme de \u003cstrong\u003e60 capsules\u003c\/strong\u003e pratiques et faciles à avaler, Vital Flax Bio vous accompagne pendant un à deux mois de cure, selon vos besoins. Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, il vous offre une alternative 100 % végétale aux oméga-3 d'origine marine, idéale si vous suivez un régime végétarien, végan ou si vous ne souhaitez tout simplement pas consommer de poisson.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003ePourquoi les oméga-3 de l'huile de lin sont-ils si importants ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003egraines de lin\u003c\/strong\u003e figurent parmi les sources végétales les plus riches en \u003cstrong\u003eoméga-3\u003c\/strong\u003e. L'huile obtenue par première pression à froid de ces graines concentre une quantité remarquable d'\u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras polyinsaturé classé parmi les \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Essentiel, car votre corps en a absolument besoin mais ne sait pas le synthétiser : il doit impérativement être apporté par l'alimentation.\u003c\/p\u003e\n\u003cp\u003eOr, l'alimentation moderne, souvent trop riche en oméga-6 et pauvre en oméga-3, déséquilibre le fameux \u003cstrong\u003eratio oméga-6\/oméga-3\u003c\/strong\u003e. Ce déséquilibre est associé à de nombreux inconforts du quotidien : irritabilité, fatigue mentale, difficulté à se concentrer, baisse de moral… En rééquilibrant vos apports grâce à l'\u003cstrong\u003ehuile de lin oméga-3\u003c\/strong\u003e, vous offrez à votre organisme les briques nutritionnelles dont il a besoin pour fonctionner harmonieusement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de lin oméga-3 dans Vital Flax Bio\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eL'huile de lin oméga-3 présente dans Vital Flax Bio ne se limite pas à un seul bénéfice. Voici les principaux domaines dans lesquels elle peut vous accompagner :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel et gestion du stress\u003c\/h3\u003e\n\u003cp\u003eL'ALA participe au fonctionnement normal du système nerveux. Un apport suffisant en oméga-3 contribue à maintenir une humeur stable et à mieux faire face aux tensions du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n\u003cp\u003eMémoire, concentration, clarté mentale… Les acides gras oméga-3 sont des constituants essentiels des membranes cellulaires du cerveau. Les nourrir, c'est soutenir vos capacités intellectuelles au fil du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👶 Croissance et développement cérébral\u003c\/h3\u003e\n\u003cp\u003eLes graines de lin oméga-3 constituent un apport précieux pour les enfants en pleine croissance, contribuant au développement normal de leurs fonctions cérébrales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eL'ALA contribue au maintien d'un taux de cholestérol sanguin normal lorsqu'il est consommé dans le cadre d'une alimentation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e⚖️ Rééquilibrage du ratio oméga-6\/oméga-3\u003c\/h3\u003e\n\u003cp\u003eEn complétant vos apports en oméga-3 d'origine végétale, vous aidez votre organisme à retrouver un meilleur équilibre entre ces deux familles d'acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComposition détaillée – Pour 2 capsules (dose journalière recommandée)\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eChaque capsule de Vital Flax Bio est formulée avec soin à partir d'ingrédients biologiques et naturels.\u003c\/p\u003e\n\u003cdiv class=\"vf-compo-table\"\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-header\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003eIngrédient\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003ePour 2 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🌱 Huile de graines de lin bio\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e1 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-3 (ALA)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-6 (acide linoléique)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e135 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🥬 Fibres alimentaires\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e30 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🔬 Lignanes\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e3 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e✨ Vitamine E naturelle (tocophérols)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEnveloppe de la capsule\u003c\/strong\u003e : gélatine végétale, glycérine. Produit certifié Agriculture Biologique (AB). Sans additifs chimiques. Convient aux personnes suivant un régime végétarien ou végan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eUn mot sur les lignanes et la vitamine E\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eAu-delà des oméga-3, Vital Flax Bio vous apporte deux autres composés intéressants souvent méconnus.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🔬 Les lignanes\u003c\/h3\u003e\n\u003cp\u003eDes polyphénols naturellement présents dans les graines de lin. Ils possèdent des propriétés antioxydantes et contribuent à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e✨ La vitamine E\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel, elle aide à préserver la qualité de l'huile tout en apportant un bénéfice supplémentaire pour la protection des cellules de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003eCette synergie entre \u003cstrong\u003eoméga-3, lignanes et vitamine E\u003c\/strong\u003e fait de Vital Flax Bio un complément plus complet qu'une simple huile de lin classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComment prendre Vital Flax Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-timeline\"\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn entretien quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 capsule par jour\u003c\/strong\u003e, au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn cure de soutien\u003c\/h3\u003e\n\u003cp\u003ePériodes de stress, fatigue intellectuelle, changement de saison : prenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e, réparties sur un ou deux repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003eLa prise au moment du repas favorise l'absorption des acides gras. Pour des résultats durables, une \u003cstrong\u003ecure de 1 à 3 mois\u003c\/strong\u003e est conseillée, renouvelable plusieurs fois par an.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique\u003c\/strong\u003e : si vous avez du mal à avaler les capsules, vous pouvez les percer et mélanger l'huile directement dans une salade ou un yaourt. L'efficacité reste la même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eHuile de lin oméga-3 vs oméga-3 de poisson : pourquoi choisir le végétal ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLa question revient souvent : faut-il préférer les oméga-3 issus de poissons gras ou ceux de l'huile de lin ? L'huile de graines de lin présente des avantages spécifiques.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌱 100 % végétale\u003c\/h3\u003e\n\u003cp\u003eParfaite pour les personnes végétariennes, véganes, ou celles qui n'apprécient pas le goût du poisson ni les reflux désagréables que certains compléments à base d'huile de poisson peuvent provoquer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🛡️ Sans risque de métaux lourds\u003c\/h3\u003e\n\u003cp\u003eContrairement aux huiles de poisson, l'huile de lin bio n'expose pas aux polluants marins (mercure, PCB, dioxines).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏆 Richesse exceptionnelle en ALA\u003c\/h3\u003e\n\u003cp\u003eLa graine de lin est l'un des aliments les plus concentrés en acide alpha-linolénique au monde, avec environ \u003cstrong\u003e16,7 g d'ALA pour 100 g\u003c\/strong\u003e de graines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌍 Production durable\u003c\/h3\u003e\n\u003cp\u003eLa culture du lin, notamment en France, représente une filière respectueuse de l'environnement et certifiable en agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Vital Flax Bio ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eCe complément alimentaire conviendra particulièrement si vous vous reconnaissez dans l'une de ces situations :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e😤 Périodes de stress\u003c\/h3\u003e\n\u003cp\u003eVous traversez une période de stress ou de surmenage et ressentez le besoin de retrouver un meilleur équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e📚 Étudiants et actifs\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez soutenir vos fonctions cognitives : mémoire, concentration, apprentissage au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🥗 Végétariens et végans\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une source fiable d'oméga-3 sans poisson, 100 % d'origine végétale et certifiée bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👧 Parents attentionnés\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez offrir à vos enfants un apport en acides gras essentiels d'origine naturelle pour accompagner leur croissance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eVous faites attention à votre santé cardiovasculaire et souhaitez rééquilibrer votre rapport oméga-6\/oméga-3.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #9 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes engagements qualité de LT Labo\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLe laboratoire LT Labo est un acteur reconnu dans la fabrication de compléments alimentaires naturels et biologiques en France.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏷️ Certification AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique et label européen bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n\u003cp\u003eHuile de lin obtenue par première pression à froid, préservant l'intégrité des acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eContrôle rigoureux des matières premières en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eSans colorants, sans conservateurs artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #10 \u0026 #11 regroupés en accordéon --\u003e\n\u003csection class=\"vf-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vf-section\"\u003e\n\u003ch2\u003eEn résumé : ce que Vital Flax Bio vous apporte\u003c\/h2\u003e\n\u003cdiv class=\"vf-cta-box\"\u003e\n\u003cp\u003e🌱 \u003cstrong\u003eHuile de graines de lin biologique\u003c\/strong\u003e, pressée à froid, riche en ALA\u003c\/p\u003e\n\u003cp\u003e🧬 \u003cstrong\u003eOméga-3, oméga-6 et oméga-9\u003c\/strong\u003e d'origine 100 % végétale\u003c\/p\u003e\n\u003cp\u003e🧘 Soutien de l'\u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e, des \u003cstrong\u003efonctions cognitives\u003c\/strong\u003e et de la \u003cstrong\u003esanté cardiovasculaire\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🔬 Formule enrichie en \u003cstrong\u003elignanes antioxydants\u003c\/strong\u003e et en \u003cstrong\u003evitamine E naturelle\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🏷️ Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, fabriqué en France par LT Labo\u003c\/p\u003e\n\u003cp\u003e💊 \u003cstrong\u003e60 capsules\u003c\/strong\u003e pour 1 à 2 mois de cure selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vf-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --vf-cream: #F4F8FA;\n  --vf-white: #ffffff;\n  --vf-primary: #5B7FA5;\n  --vf-primary-dark: #3A5A7C;\n  --vf-primary-light: #E8F0F6;\n  --vf-secondary: #4A7A3E;\n  --vf-accent: #3D6B99;\n  --vf-text: #1a1a1a;\n  --vf-text-light: #5a5a5a;\n  --vf-border: #dde5eb;\n  --vf-shadow: 0 4px 24px rgba(59,90,124,.08);\n  --vf-shadow-lg: 0 12px 48px rgba(59,90,124,.15);\n  --vf-radius: 20px;\n  --vf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3A5A7C 0%, #5B7FA5 40%, #4A7A3E 100%);\n  border-radius: var(--vf-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(--vf-shadow-lg);\n}\n\n.vf-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(74,122,62,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.vf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vf-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.vf-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -.01em;\n}\n\n.vf-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.vf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.vf-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(--vf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.vf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vf-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.vf-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(--vf-primary), var(--vf-secondary));\n  border-radius: 2px;\n}\n\n.vf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vf-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.vf-highlight-box {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vf-shadow);\n  border-left: 4px solid var(--vf-primary);\n}\n\n.vf-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--vf-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.vf-highlight-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.vf-card {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vf-shadow-lg);\n  border-color: var(--vf-primary);\n}\n\n.vf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vf-grid-compact .vf-card {\n  padding: 1rem;\n}\n\n.vf-grid-compact .vf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.vf-grid-compact .vf-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.vf-compo-table {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  box-shadow: var(--vf-shadow);\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.vf-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--vf-border);\n  transition: background .2s ease;\n}\n\n.vf-compo-row:last-child {\n  border-bottom: none;\n}\n\n.vf-compo-row:hover {\n  background: var(--vf-primary-light);\n}\n\n.vf-compo-header {\n  background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n  color: white;\n}\n\n.vf-compo-header:hover {\n  background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n}\n\n.vf-compo-header .vf-compo-label,\n.vf-compo-header .vf-compo-value {\n  color: white;\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.vf-compo-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vf-text);\n  font-weight: 600;\n}\n\n.vf-compo-value {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vf-primary-dark);\n  font-weight: 700;\n  text-align: right;\n  flex-shrink: 0;\n}\n\n.vf-compo-sub .vf-compo-label {\n  padding-left: 1rem;\n  font-weight: 500;\n  color: var(--vf-text-light);\n  font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.vf-compo-sub {\n  background: rgba(232,240,246,.3);\n}\n\n\/* === TIMELINE === *\/\n.vf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.vf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.vf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--vf-primary), var(--vf-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.vf-timeline-content {\n  flex: 1;\n  background: var(--vf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--vf-radius-sm);\n  box-shadow: var(--vf-shadow);\n}\n\n.vf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--vf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vf-timeline-content p {\n  font-size: 14px;\n  color: var(--vf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vf-testimonial {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vf-shadow);\n  border-left: 4px solid var(--vf-primary);\n}\n\n.vf-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vf-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vf-accordion {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  box-shadow: var(--vf-shadow);\n  overflow: hidden;\n}\n\n.vf-accordion-item {\n  border-bottom: 1px solid var(--vf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vf-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.vf-accordion-header:hover {\n  background: var(--vf-primary-light);\n}\n\n.vf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vf-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vf-primary);\n  transition: transform .2s ease;\n}\n\n.vf-accordion-item[open] .vf-accordion-header::after {\n  content: '−';\n}\n\n.vf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.vf-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--vf-primary-light);\n  border-radius: var(--vf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.vf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.vf-tip p {\n  font-size: 14px;\n  color: var(--vf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vf-cta-box {\n  background: linear-gradient(135deg, var(--vf-primary) 0%, var(--vf-primary-dark) 100%);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vf-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.8;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0 0 .5rem 0;\n}\n\n.vf-cta-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vf-disclaimer {\n  font-size: 12px;\n  color: var(--vf-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  .vf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .vf-card {\n    padding: 1.125rem;\n  }\n\n  .vf-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .vf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vf-radius-sm);\n  }\n\n  .vf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .vf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .vf-grid-compact {\n    gap: .625rem;\n  }\n\n  .vf-grid-compact .vf-card {\n    padding: .75rem;\n  }\n\n  .vf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .vf-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .vf-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .vf-timeline-content p {\n    font-size: 13px;\n  }\n\n  .vf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .vf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .vf-testimonial {\n    padding: 1.25rem;\n  }\n\n  .vf-testimonial-text {\n    font-size: 14px;\n  }\n\n  .vf-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .vf-highlight-box p {\n    font-size: 14px;\n  }\n\n  .vf-compo-row {\n    padding: .75rem 1rem;\n  }\n\n  .vf-compo-label {\n    font-size: 13px;\n  }\n\n  .vf-compo-value {\n    font-size: 13px;\n  }\n\n  .vf-compo-sub .vf-compo-label {\n    padding-left: .5rem;\n    font-size: 12px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vf-card {\n    animation: vfFadeInUp .5s ease backwards;\n  }\n  .vf-card:nth-child(1) { animation-delay: .05s; }\n  .vf-card:nth-child(2) { animation-delay: .1s; }\n  .vf-card:nth-child(3) { animation-delay: .15s; }\n  .vf-card:nth-child(4) { animation-delay: .2s; }\n  .vf-card:nth-child(5) { animation-delay: .25s; }\n  .vf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vfFadeInUp {\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  .vf-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":45755273805981,"sku":"LT0060","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo-lifestyle.webp?v=1770725810"},{"product_id":"phyco-40-bio-spiruline-et-phycocyanine-24-gelules-lt-labo","title":"Phyco++40 Bio - Spiruline \u0026 Phycocyanine - 32 Gelules - LT Labo","description":"\u003cdiv class=\"pc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pc-hero\"\u003e\n    \u003cdiv class=\"pc-hero-pattern\"\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\n        \u003cspan class=\"pc-badge\"\u003e🇫🇷 Spiruline française\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e🌱 Vegan certifié\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e💊 32 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pc-hero-title\"\u003ePhyco++40 Bio\u003c\/span\u003e\n      \u003cp class=\"pc-subtitle\"\u003eSpiruline \u0026amp; Phycocyanine concentrée à 40 % — LT Labo\u003c\/p\u003e\n      \u003cp class=\"pc-description\"\u003eL'un des extraits de phycocyanine les plus concentrés du marché : 40 % de principes actifs pour un soutien immunitaire et antioxydant maximal, en gélules 100 % bio et vegan.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003ePhyco++40 Bio : la puissance concentrée de la phycocyanine à 40 %\u003c\/h2\u003e\n    \u003cp class=\"pc-section-intro\"\u003eVous cherchez un complément alimentaire à base de \u003cstrong\u003espiruline bio française\u003c\/strong\u003e réellement dosé en principes actifs ? Le \u003cstrong\u003ePhyco++40 Bio de LT Labo\u003c\/strong\u003e se distingue nettement des spirulines classiques grâce à sa concentration exceptionnelle : \u003cstrong\u003e40 % de phycocyanines\u003c\/strong\u003e, soit l'un des taux les plus élevés du marché.\u003c\/p\u003e\n    \u003cdiv class=\"pc-highlight-box\"\u003e\n      \u003cdiv class=\"pc-highlight-number\"\u003e40 %\u003c\/div\u003e\n      \u003cdiv class=\"pc-highlight-text\"\u003e\n        \u003cp\u003eCe pigment bleu, véritable trésor de la spiruline, est reconnu pour ses \u003cstrong\u003epropriétés antioxydantes puissantes\u003c\/strong\u003e et son rôle dans le \u003cstrong\u003esoutien du système immunitaire\u003c\/strong\u003e. Là où les spirulines classiques plafonnent à 15-20 %, Phyco++40 double la mise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi 40 % change tout ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-testimonial\"\u003e\n      \u003cp class=\"pc-testimonial-text\"\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturellement présent dans la spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e). C'est elle qui concentre une grande partie des bienfaits de la spiruline bio : protection contre le stress oxydatif, soutien des défenses naturelles et contribution à la vitalité globale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📉 Spiruline classique\u003c\/h3\u003e\n        \u003cp\u003e15 à 20 % de phycocyanine maximum — nécessite plus de prises pour un effet notable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card pc-card-accent\"\u003e\n        \u003ch3\u003e🚀 Phyco++40 Bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait titré à \u003cstrong\u003e40 %\u003c\/strong\u003e — chaque gélule est véritablement concentrée et efficace\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de Phyco++40 Bio\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire renforcé\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline contribue au bon fonctionnement du système immunitaire, un atout précieux aux changements de saison ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante puissante\u003c\/h3\u003e\n        \u003cp\u003eLa phycocyanine aide à lutter contre les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n        \u003cp\u003eRiche en protéines, fer et vitamines du groupe B, la spiruline bio participe à réduire la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n        \u003cp\u003eElle favorise l'élimination des toxines et soutient les fonctions d'épuration de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"pc-composition\"\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e🌀\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eSpiruline bio (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/h3\u003e\n          \u003cp\u003eExtrait concentré en phycocyanines \u003cstrong\u003e(40 %)\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e💊\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n          \u003cp\u003eHydroxypropylméthylcellulose (origine végétale)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100 % végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eNi colorants, ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n        \u003cp\u003e32 gélules — 14 g net\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComment prendre Phyco++40 Bio ?\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\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin au cours du petit-déjeuner.\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\u003ePour une cure complète, une prise régulière sur \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est idéale, renouvelable plusieurs fois par an selon vos besoins.\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\u003eDébutants en spiruline\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003eune gélule quotidienne\u003c\/strong\u003e la première semaine afin de laisser votre organisme s'adapter progressivement.\u003c\/p\u003e\n        \u003c\/div\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\u003eAvec 32 gélules par flacon, vous disposez d'environ \u003cstrong\u003e16 jours de cure\u003c\/strong\u003e à raison de 2 gélules\/jour. Prévoyez 2 flacons pour une cure complète de 4 semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité biologique\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Laboratoire français\u003c\/h3\u003e\n        \u003cp\u003eFormulé par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, spécialiste des compléments alimentaires naturels et biologiques depuis plus de 20 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌾 Spiruline cultivée en France\u003c\/h3\u003e\n        \u003cp\u003eRécoltée et transformée dans le respect de conditions strictes pour préserver l'intégrité de ses nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité rigoureux\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir une teneur réelle en phycocyanines conforme à l'étiquetage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles avant l'hiver ou après une période de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue passagère\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et tonus grâce à un concentré naturel de spiruline bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Routine antioxydante\u003c\/h3\u003e\n        \u003cp\u003eIntégrez un antioxydant naturel et certifié bio dans votre quotidien bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e💪 Concentration maximale\u003c\/h3\u003e\n        \u003cp\u003eProfitez des bienfaits de la spiruline sous une forme hautement concentrée à 40 % de phycocyanine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions \u0026 infos secondaires --\u003e\n  \u003csection class=\"pc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pc-accordion\"\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un régime alimentaire varié et équilibré ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Déconseillé aux personnes allergiques aux algues. En cas de traitement médical, demandez conseil à votre médecin.\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 frais, sec et à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🌀 Offrez à votre organisme la puissance de \u003cstrong\u003e40 % de phycocyanine bio\u003c\/strong\u003e — l'allié naturel de votre immunité, de votre énergie et de votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pc-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pc-cream: #f4f8fa;\n  --pc-white: #ffffff;\n  --pc-primary: #2a9fd6;\n  --pc-primary-dark: #1a6b94;\n  --pc-primary-light: #e6f4fb;\n  --pc-secondary: #4db849;\n  --pc-accent: #0e7a3d;\n  --pc-text: #1a1a1a;\n  --pc-text-light: #5a5a5a;\n  --pc-border: #dde8ee;\n  --pc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pc-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #1a6b94 0%, #2a9fd6 45%, #4db849 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              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.pc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\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-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-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.pc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.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.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: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pc-highlight-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\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: 5px solid var(--pc-primary);\n}\n\n.pc-highlight-number {\n  flex-shrink: 0;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: var(--pc-primary);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.pc-highlight-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.7;\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-accent {\n  background: var(--pc-primary-light);\n  border: 2px solid 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\/* === 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 === *\/\n.pc-composition {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-composition-item {\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  background: var(--pc-white);\n  border-radius: var(--pc-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--pc-shadow);\n  transition: all .3s ease;\n}\n\n.pc-composition-item:hover {\n  transform: translateX(6px);\n  box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-composition-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.pc-composition-detail 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-composition-detail p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\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\/* === 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: 1.25rem;\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\/* === 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\/* === CTA FINAL === *\/\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}\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\/* === DISCLAIMER === *\/\n.pc-disclaimer {\n  font-size: 12px;\n  color: var(--pc-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  .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-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n    padding: 1.25rem;\n  }\n\n  .pc-highlight-number {\n    font-size: 40px;\n  }\n\n  .pc-composition-item {\n    padding: 1rem;\n  }\n\n  .pc-composition-icon {\n    font-size: 24px;\n  }\n\n  .pc-composition-detail h3 {\n    font-size: 14px;\n  }\n\n  .pc-composition-detail p {\n    font-size: 13px;\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\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":"LT LABO","offers":[{"title":"Default Title","offer_id":45755279802525,"sku":"NBAILTL0027","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco40_lt_labo.webp?v=1773656629"},{"product_id":"shatavari-bio-stimulant-feminin-60-ayurvana","title":"Shatavari Bio - Stimulant Feminin - 60 gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shatavari Bio - Stimulant Féminin\nPalette détectée:\n  - Primaire: #D4567C (rose fuchsia du packaging)\n  - Secondaire: #7FBB45 (vert naturel des feuilles)\n  - Accent: #F5D5A8 (crème\/beige du fond packaging)\nAmbiance: Féminin, naturel, ayurvédique, doux et chaleureux\nPréfixe CSS: stv\n--\u003e\n\n\u003cdiv class=\"stv-premium\"\u003e\n\n\u003cdiv class=\"stv-hero\"\u003e\n\u003cdiv class=\"stv-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"stv-hero-content\"\u003e\n\u003cdiv class=\"stv-badges-top\"\u003e\n\u003cspan class=\"stv-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n\u003cspan class=\"stv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"stv-badge\"\u003e♀️ Bien-être féminin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"stv-hero-title\"\u003eShatavari Bio\u003c\/span\u003e\n\u003cp class=\"stv-subtitle\"\u003e« Celle qui possède cent maris » — Le trésor ayurvédique de la féminité\u003c\/p\u003e\n\u003cp class=\"stv-description\"\u003eDepuis plus de 4500 ans, le Shatavari accompagne les femmes à chaque étape de leur vie. Plante adaptogène exceptionnelle pour l'équilibre hormonal et la vitalité intime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits pour votre bien-être\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid\"\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n\u003cp\u003eAccompagne naturellement les cycles irréguliers, le syndrome prémenstruel et les bouleversements de la périménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e❄️ Effet rafraîchissant\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de chaleur excessive et les bouffées de chaleur qui perturbent le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💕 Stimulation de la libido\u003c\/h3\u003e\n\u003cp\u003eFavorise naturellement le désir et la vitalité intime en nourrissant les tissus reproducteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💧 Hydratation des muqueuses\u003c\/h3\u003e\n\u003cp\u003eRiche en mucilages naturels, contribue au confort intime, particulièrement lors de la ménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🌱 Composition pure et naturelle\u003c\/h2\u003e\n\u003cdiv class=\"stv-compo-grid\"\u003e\n\u003cdiv class=\"stv-card stv-compo-card\"\u003e\n\u003cdiv class=\"stv-dosage\"\u003e1300 mg\u003c\/div\u003e\n\u003ch3\u003e🌿 Racine de Shatavari bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAsparagus racemosus\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eRacines issues de l'agriculture biologique en Inde, concentrant saponines, mucilages et flavonoïdes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-compo-card\"\u003e\n\u003cdiv class=\"stv-dosage\"\u003e100%\u003c\/div\u003e\n\u003ch3\u003e🍃 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eHPMC\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eEnveloppe 100% végétale sans gélatine animale. Convient aux végétariens et végans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"stv-usage\"\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e☀️ Midi\u003c\/h3\u003e\n\u003cp\u003e2 gélules avec un verre d'eau avant le repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e🌙 Soir\u003c\/h3\u003e\n\u003cp\u003e2 gélules avec un verre d'eau avant le repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e📅 Durée\u003c\/h3\u003e\n\u003cp\u003eCure de 1 à 3 mois pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-tip-box\"\u003e\n\u003cp\u003e💡 \u003cstrong\u003e1 pilulier = 15 jours de cure.\u003c\/strong\u003e Premiers effets ressentis après 2 à 3 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e👩 Pour qui est ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid\"\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🌙 Cycles perturbés\u003c\/h3\u003e\n\u003cp\u003eRègles douloureuses, irrégulières ou syndrome prémenstruel impactant le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🔥 Ménopause\u003c\/h3\u003e\n\u003cp\u003eBouffées de chaleur, sautes d'humeur et inconforts de cette période de transition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💝 Baisse de désir\u003c\/h3\u003e\n\u003cp\u003eRetrouver une vitalité intime naturelle sans hormones de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🤱 Projet bébé\u003c\/h3\u003e\n\u003cp\u003ePréparer son corps à la conception en nourrissant les tissus reproducteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🏃‍♀️ Femmes actives\u003c\/h3\u003e\n\u003cp\u003eSoutenir l'énergie et la récupération tout en maintenant l'équilibre hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eSolutions bio et ayurvédiques, pures et sans additifs chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🕉️ La sagesse ayurvédique\u003c\/h2\u003e\n\u003cdiv class=\"stv-card stv-ayurveda-card\"\u003e\n\u003cdiv class=\"stv-ayurveda-grid\"\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e⚖️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÉquilibre des doshas\u003c\/h3\u003e\n\u003cp\u003eApaise Pitta et Vata, souvent en excès chez les femmes modernes stressées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e🔄\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePlante adaptogène\u003c\/h3\u003e\n\u003cp\u003eS'adapte au stress physique et émotionnel selon vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e💎\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRasayana féminin\u003c\/h3\u003e\n\u003cp\u003eÉlixir de jouvence qui régénère l'appareil reproducteur féminin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e🌊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eNourrit Rasa Dhatu\u003c\/h3\u003e\n\u003cp\u003ePremier tissu corporel, responsable de l'hydratation et de la vitalité reproductive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"stv-accordion\"\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🤰 Peut-on le prendre pendant la grossesse ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eBien que traditionnellement utilisé en Inde pour soutenir la lactation, nous recommandons de consulter votre médecin ou sage-femme avant toute supplémentation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e💇 Aide-t-il contre la chute de cheveux ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eLe Shatavari n'est pas spécifiquement dédié à la chute de cheveux, mais en soutenant l'équilibre hormonal, il peut indirectement contribuer à la santé capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eLes premiers bienfaits se font généralement sentir après 2 à 4 semaines de prise régulière. Pour des résultats durables, une cure de 2 à 3 mois est recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🌿 Peut-on l'associer à d'autres plantes ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eOui, le Shatavari se marie parfaitement avec l'Ashwagandha pour le stress, le Tribulus pour la vitalité ou le Gingembre pour la digestion. En cas de traitement médical, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🏆 Nos garanties qualité\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid-compact\"\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🌿 Bio Ecocert\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eNormes strictes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n\u003cp\u003eTerroir ancestral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🔬 Contrôlé\u003c\/h3\u003e\n\u003cp\u003eChaque lot testé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"stv-accordion\"\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e de 423 mg chacune • Poids net : 25,4 g • 15 jours de cure à 4 gélules\/jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser 4 gélules par jour. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Ne se substitue pas à une alimentation variée et équilibrée. En cas de traitement hormonal, consulter votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"stv-cta-box\"\u003e\n\u003cp class=\"stv-cta-title\"\u003e🌸 Offrez à votre corps la sagesse millénaire de l'Ayurveda\u003c\/p\u003e\n\u003cp\u003eLe Shatavari Bio est bien plus qu'un complément alimentaire : c'est un véritable allié pour votre équilibre hormonal et votre épanouissement à chaque étape de votre vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --stv-cream: #FDF8F3;\n  --stv-white: #ffffff;\n  --stv-primary: #D4567C;\n  --stv-primary-dark: #B8456A;\n  --stv-primary-light: #FFF0F5;\n  --stv-secondary: #7FBB45;\n  --stv-secondary-light: #F0F9E8;\n  --stv-accent: #F5D5A8;\n  --stv-text: #1a1a1a;\n  --stv-text-light: #5a5a5a;\n  --stv-border: #e8e0d8;\n  --stv-shadow: 0 4px 24px rgba(212,86,124,.08);\n  --stv-shadow-lg: 0 12px 48px rgba(212,86,124,.15);\n  --stv-radius: 20px;\n  --stv-radius-sm: 12px;\n}\n\n.stv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--stv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.stv-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--stv-primary) 0%, #E88BA3 50%, var(--stv-secondary) 100%);\n  border-radius: var(--stv-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(--stv-shadow-lg);\n}\n\n.stv-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% 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.stv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.stv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.stv-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(--stv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.stv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.stv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.stv-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.stv-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.stv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.stv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--stv-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.stv-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(--stv-primary), var(--stv-secondary));\n  border-radius: 2px;\n}\n\n.stv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.stv-card {\n  background: var(--stv-white);\n  border-radius: var(--stv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--stv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.stv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--stv-shadow-lg);\n  border-color: var(--stv-primary);\n}\n\n.stv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--stv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.stv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--stv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.stv-compo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n}\n\n.stv-compo-card {\n  background: linear-gradient(135deg, var(--stv-secondary-light) 0%, var(--stv-white) 100%);\n}\n\n.stv-dosage {\n  font-size: 36px;\n  font-weight: 900;\n  color: var(--stv-secondary);\n  margin-bottom: .5rem;\n}\n\n.stv-compo-card em {\n  color: var(--stv-text-light);\n  font-size: 13px;\n}\n\n.stv-usage {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.stv-usage-step {\n  background: var(--stv-white);\n  border-radius: var(--stv-radius-sm);\n  padding: 1.25rem;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  box-shadow: var(--stv-shadow);\n}\n\n.stv-step-num {\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--stv-primary), var(--stv-secondary));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.stv-step-content h3 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--stv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.stv-step-content p {\n  font-size: 13px;\n  color: var(--stv-text-light);\n  margin: 0;\n}\n\n.stv-tip-box {\n  background: var(--stv-accent);\n  border-radius: var(--stv-radius-sm);\n  padding: 1rem 1.25rem;\n  text-align: center;\n}\n\n.stv-tip-box p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--stv-text);\n}\n\n.stv-ayurveda-card {\n  background: linear-gradient(135deg, var(--stv-primary-light) 0%, var(--stv-secondary-light) 100%);\n}\n\n.stv-ayurveda-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.stv-ayurveda-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  text-align: left;\n}\n\n.stv-ayurveda-item \u003e span {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.stv-ayurveda-item h3 {\n  font-size: 15px;\n  margin: 0 0 .25rem 0;\n}\n\n.stv-ayurveda-item p {\n  font-size: 13px;\n  margin: 0;\n}\n\n.stv-accordion {\n  background: var(--stv-white);\n  border-radius: var(--stv-radius);\n  box-shadow: var(--stv-shadow);\n  overflow: hidden;\n}\n\n.stv-accordion-item {\n  border-bottom: 1px solid var(--stv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.stv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.stv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--stv-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.stv-accordion-header:hover {\n  background: var(--stv-primary-light);\n}\n\n.stv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.stv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--stv-primary);\n  transition: transform .2s ease;\n}\n\n.stv-accordion-item[open] .stv-accordion-header::after {\n  content: '−';\n}\n\n.stv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--stv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.stv-accordion-content p {\n  margin: 0;\n}\n\n.stv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.stv-quality-card {\n  padding: 1rem;\n}\n\n.stv-quality-card h3 {\n  font-size: 14px;\n  margin-bottom: .25rem;\n}\n\n.stv-quality-card p {\n  font-size: 12px;\n}\n\n.stv-cta-box {\n  background: linear-gradient(135deg, var(--stv-primary) 0%, var(--stv-primary-dark) 100%);\n  border-radius: var(--stv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.stv-cta-title {\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 900;\n  color: white;\n  margin-bottom: 1rem;\n}\n\n.stv-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  font-weight: 500;\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .stv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .stv-compo-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .stv-usage {\n    grid-template-columns: 1fr;\n  }\n  \n  .stv-ayurveda-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .stv-card {\n    padding: 1.125rem;\n  }\n  \n  .stv-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .stv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--stv-radius-sm);\n  }\n  \n  .stv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .stv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .stv-grid-compact {\n    gap: .625rem;\n  }\n  \n  .stv-grid-compact .stv-card {\n    padding: .75rem;\n  }\n  \n  .stv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .stv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .stv-card {\n    animation: stvFadeInUp .5s ease backwards;\n  }\n  .stv-card:nth-child(1) { animation-delay: .05s; }\n  .stv-card:nth-child(2) { animation-delay: .1s; }\n  .stv-card:nth-child(3) { animation-delay: .15s; }\n  .stv-card:nth-child(4) { animation-delay: .2s; }\n  .stv-card:nth-child(5) { animation-delay: .25s; }\n  .stv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes stvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .stv-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":45785550389405,"sku":"AY9016","price":16.75,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shatavari-bio_60-gelules_ayurvana.jpg?v=1766916038"},{"product_id":"ashwagandha-bio-extrait-revitalisante-et-anti-stress-ayurvana","title":"Ashwagandha Bio 60 gélules - Revitalisant \u0026 Anti-stress - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio 60 gélules - Ayur-Vana\nPalette détectée:\n  - Primaire: #00A5B5 (turquoise vif du packaging - couvercle et base)\n  - Secondaire: #E8B44D (doré\/orangé des motifs paisley et du nom \"Extrait\")\n  - Accent: #8B5A2B (brun terreux des racines illustrées)\n  - Fond: #F5F0E6 (crème\/beige du corps du packaging)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien avec motifs paisley colorés, chaleureux et apaisant\nPréfixe CSS: ash\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n  \n  \u003cdiv class=\"ash-hero\"\u003e\n    \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ash-hero-content\"\u003e\n      \u003cdiv class=\"ash-badges-top\"\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en gélules\u003c\/span\u003e\n      \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien au service de votre sérénité\u003c\/p\u003e\n      \u003cp class=\"ash-description\"\u003eExtrait concentré de Withania somnifera • 900 mg par dose • Plante adaptogène millénaire\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e🎯 Vos bénéfices au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003eAide à réguler le cortisol et apaise les tensions sans provoquer de somnolence. Retrouvez votre calme intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'endormissement et améliore la qualité du sommeil. Réveillez-vous véritablement reposé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eCombat la fatigue chronique et restaure votre énergie en profondeur. Endurance physique et mentale renforcée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants, elle soutient votre système immunitaire et protège vos cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e🧬 Composition pure\u003c\/h2\u003e\n    \u003cdiv class=\"ash-composition-box\"\u003e\n      \u003cdiv class=\"ash-ingredient-main\"\u003e\n        \u003cdiv class=\"ash-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"ash-ingredient-info\"\u003e\n          \u003cspan class=\"ash-ingredient-name\"\u003eExtrait de racines d'Ashwagandha bio\u003c\/span\u003e\n          \u003cspan class=\"ash-ingredient-latin\"\u003eWithania somnifera\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-ingredient-dose\"\u003e900 mg\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-ingredient-secondary\"\u003e\n        \u003cspan\u003eEnveloppe : hypromellose (gélule 100% végétale)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-clean-label\"\u003e\n        \u003cspan\u003e✓ Sans additif\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans excipient\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans conservateur\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans OGM\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans gluten\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e👤 Pour qui sont ces gélules d'Ashwagandha bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📚 Périodes intenses\u003c\/h3\u003e\n        \u003cp\u003eExamens, charge de travail élevée, événements de vie stressants : retrouvez votre équilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n        \u003cp\u003eNuits agitées, difficultés d'endormissement liés à l'anxiété ou au surmenage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eQuand le repos seul ne suffit plus à dissiper l'épuisement chronique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e☯️ Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003ePour maintenir votre sérénité au quotidien de façon naturelle et respectueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ash-usage-box\"\u003e\n      \u003cdiv class=\"ash-usage-grid\"\u003e\n        \u003cdiv class=\"ash-usage-item\"\u003e\n          \u003cspan class=\"ash-usage-number\"\u003e1-2\u003c\/span\u003e\n          \u003cspan class=\"ash-usage-label\"\u003egélules\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-usage-item\"\u003e\n          \u003cspan class=\"ash-usage-number\"\u003e🍽️\u003c\/span\u003e\n          \u003cspan class=\"ash-usage-label\"\u003ePendant les repas\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-usage-item\"\u003e\n          \u003cspan class=\"ash-usage-number\"\u003e1-3\u003c\/span\u003e\n          \u003cspan class=\"ash-usage-label\"\u003emois de cure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-tips\"\u003e\n        \u003cdiv class=\"ash-tip\"\u003e\n          \u003cstrong\u003e🌙 Pour le sommeil :\u003c\/strong\u003e privilégiez la prise au dîner\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-tip\"\u003e\n          \u003cstrong\u003e☀️ Pour l'énergie :\u003c\/strong\u003e préférez le matin ou le midi\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n        \u003cp\u003eVégétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📅 30 à 60 jours\u003c\/h3\u003e\n        \u003cp\u003eSelon dosage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🏷️ Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eQualité garantie\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eLes premiers effets sur le stress et la détente peuvent se faire sentir dès les premiers jours. Pour le sommeil et la vitalité, comptez généralement 2 à 4 semaines d'utilisation régulière. Chaque organisme étant unique, soyez patient et constant dans votre prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e📆 Peut-on prendre l'Ashwagandha sur le long terme ?\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eL'Ashwagandha est traditionnellement utilisée sur de longues périodes. Nous vous conseillons toutefois de faire des pauses régulières (par exemple, une semaine de pause toutes les 6 à 8 semaines) pour maintenir une réponse optimale de l'organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Y a-t-il des contre-indications ?\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eL'Ashwagandha est déconseillée aux femmes enceintes ou allaitantes, aux personnes souffrant d'hyperthyroïdie et à celles sous traitement immunosuppresseur. En cas de doute ou de traitement médical en cours, consultez votre médecin avant de commencer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Ce produit n'est pas un médicament et ne peut en aucun cas remplacer un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e🌿 L'histoire de l'Ashwagandha\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eSurnommée le \"ginseng indien\", l'Ashwagandha est utilisée depuis plus de 3000 ans dans la médecine traditionnelle ayurvédique. Son nom sanskrit signifie littéralement \"odeur du cheval\", faisant référence à la force et la vigueur qu'elle procurerait. Ce qui rend cette plante unique, c'est son action adaptogène : elle s'adapte intelligemment aux besoins de votre organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ash-cta-box\"\u003e\n      \u003cp\u003e🌿 Retrouvez sérénité et vitalité avec cette plante adaptogène millénaire, pilier de l'Ayurvéda depuis plus de 3000 ans. Une formule pure, certifiée bio, pour vous accompagner naturellement 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  --ash-cream: #FAF8F3;\n  --ash-white: #ffffff;\n  --ash-primary: #00A5B5;\n  --ash-primary-dark: #008999;\n  --ash-primary-light: #E6F7F9;\n  --ash-secondary: #E8B44D;\n  --ash-secondary-dark: #C9952D;\n  --ash-accent: #8B5A2B;\n  --ash-text: #1a1a1a;\n  --ash-text-light: #5a5a5a;\n  --ash-border: #e0e0e0;\n  --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ash-radius: 20px;\n  --ash-radius-sm: 12px;\n}\n\n.ash-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ash-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n  position: relative;\n  background: linear-gradient(135deg, #00A5B5 0%, #008999 50%, #006B77 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ash-shadow-lg);\n}\n\n.ash-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 25c-8 0-15 3-15 7v3h30v-3c0-4-7-7-15-7z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.ash-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ash-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.ash-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ash-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ash-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ash-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.ash-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ash-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ash-primary), var(--ash-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ash-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ash-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ash-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ash-shadow-lg);\n  border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ash-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ash-grid-compact .ash-card {\n  padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-ingredient-main {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1.25rem;\n  background: linear-gradient(135deg, var(--ash-primary-light) 0%, #E6F9F3 100%);\n  border-radius: var(--ash-radius-sm);\n  margin-bottom: 1rem;\n  flex-wrap: wrap;\n}\n\n.ash-ingredient-icon {\n  font-size: 2.5rem;\n  flex-shrink: 0;\n}\n\n.ash-ingredient-info {\n  flex: 1;\n  min-width: 150px;\n}\n\n.ash-ingredient-name {\n  display: block;\n  font-weight: 800;\n  font-size: clamp(15px, 2.5vw, 18px);\n  color: var(--ash-primary-dark);\n}\n\n.ash-ingredient-latin {\n  display: block;\n  font-size: 13px;\n  color: var(--ash-text-light);\n  font-style: italic;\n}\n\n.ash-ingredient-dose {\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--ash-primary);\n}\n\n.ash-ingredient-secondary {\n  text-align: center;\n  padding: .75rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  border-bottom: 1px solid var(--ash-border);\n  margin-bottom: 1rem;\n}\n\n.ash-clean-label {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem 1rem;\n}\n\n.ash-clean-label span {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ash-accent);\n}\n\n\/* === USAGE BOX === *\/\n.ash-usage-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.ash-usage-item {\n  text-align: center;\n  padding: 1rem;\n  background: var(--ash-primary-light);\n  border-radius: var(--ash-radius-sm);\n}\n\n.ash-usage-number {\n  display: block;\n  font-size: clamp(28px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-primary);\n}\n\n.ash-usage-label {\n  display: block;\n  font-size: 13px;\n  color: var(--ash-text-light);\n  font-weight: 600;\n  margin-top: .25rem;\n}\n\n.ash-tips {\n  display: grid;\n  gap: .75rem;\n}\n\n.ash-tip {\n  padding: 1rem;\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n  border-radius: var(--ash-radius-sm);\n  font-size: 14px;\n  color: var(--ash-text);\n  border-left: 4px solid var(--ash-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  box-shadow: var(--ash-shadow);\n  overflow: hidden;\n}\n\n.ash-accordion-item {\n  border-bottom: 1px solid var(--ash-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ash-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ash-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ash-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ash-accordion-header:hover {\n  background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ash-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ash-primary);\n  transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n  content: '−';\n}\n\n.ash-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.ash-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ash-cta-box {\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ash-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.ash-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .ash-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ash-card {\n    padding: 1.125rem;\n  }\n  \n  .ash-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ash-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ash-radius-sm);\n  }\n  \n  .ash-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ash-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ash-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ash-grid-compact .ash-card {\n    padding: .75rem;\n  }\n  \n  .ash-usage-grid {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n  \n  .ash-usage-item {\n    padding: .75rem;\n  }\n  \n  .ash-ingredient-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ash-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ash-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ash-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ash-card:nth-child(1) { animation-delay: .05s; }\n  .ash-card:nth-child(2) { animation-delay: .1s; }\n  .ash-card:nth-child(3) { animation-delay: .15s; }\n  .ash-card:nth-child(4) { animation-delay: .2s; }\n  .ash-card:nth-child(5) { animation-delay: .25s; }\n  .ash-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ash-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755289370781,"sku":"AY1214","price":19.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ashwagandha-bio-60-gelules-revitalisant-anti-stress-ayur-van-ingredients.jpg?v=1768131344"},{"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":16.59,"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":"carencea-repondre-a-la-majorite-des-carences-et-besoins-120-gelules-jade-recherche","title":"Carencéa Jade Recherche - Vitamine D3\/K2 Magnésium B6 - 120 gélules","description":"\u003cp\u003e\u003cstrong\u003eCarencéa\u003c\/strong\u003e est un complément alimentaire complet formulé pour répondre aux besoins nutritionnels les plus courants. Grâce à sa \u003cstrong\u003esynergie de minéraux, vitamines et extraits marins\u003c\/strong\u003e, il aide à \u003cstrong\u003ecorriger les carences liées au stress, à une alimentation déséquilibrée ou à des périodes de fatigue\u003c\/strong\u003e. Élaboré par\u003cstrong\u003e \u003c\/strong\u003eJade Recherche, il offre une solution naturelle, bien dosée et hautement assimilable.\u003c\/p\u003e\n\u003ch2\u003eQuels sont les bienfaits de Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMagnésium bisglycinate (340 mg)\u003c\/strong\u003e : forme hautement biodisponible, qui participe à la réduction de la fatigue, au bon fonctionnement du système nerveux et musculaire, et à l’équilibre électrolytique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine B6 (1,6 mg – 114 % AR)\u003c\/strong\u003e : potentialise l’assimilation du magnésium et contribue au métabolisme énergétique normal.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaurine (100 mg)\u003c\/strong\u003e : soutient le système cardiovasculaire et contribue à la concentration et à la vigilance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine D3 (50 µg – 2000 UI – 1000 % AR)\u003c\/strong\u003e : essentielle pour les os, les muscles, le système immunitaire et la dentition.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E (30 mg – 250 % AR)\u003c\/strong\u003e : antioxydant naturel qui protège les cellules du stress oxydatif.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine K2 (105 µg – 140 % AR)\u003c\/strong\u003e : contribue à la coagulation sanguine normale et au maintien d’une ossature saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIode naturel issu de Fucus vesiculosus (40 mg)\u003c\/strong\u003e : soutient la fonction thyroïdienne, la production d’énergie et la concentration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpiruline (200 mg)\u003c\/strong\u003e : micro-algue riche en nutriments, elle renforce la vitalité, soutient les défenses naturelles et l’équilibre global.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComment bien utiliser Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePosologie\u003c\/strong\u003e : prendre 2 gélules par jour, de préférence le matin avec un verre d’eau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurée d’une cure\u003c\/strong\u003e : une boîte de 120 gélules permet une supplémentation de 60 jours.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi choisir Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule complète\u003c\/strong\u003e : 8 actifs essentiels réunis pour une couverture nutritionnelle optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssimilation maximale\u003c\/strong\u003e : choix de formes actives, naturelles et biodisponibles (bisglycinate, D3 végétale, iode marin).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans additifs inutiles\u003c\/strong\u003e : formule propre, sans colorants, ni conservateurs controversés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : contrôle qualité rigoureux et respect des normes les plus exigeantes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRéservé à l’adulte.\u003c\/li\u003e\n\u003cli\u003eDemander conseil à un professionnel de santé en cas de grossesse, d’allaitement ou de traitement médicamenteux (notamment anticoagulants).\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l’abri de la chaleur.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755298250909,"sku":"JADECARENCEA","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carencea-jade-recherche-vitamine-d3k2-magnesium-b6-120-gelul-lifestyle.webp?v=1773308659"},{"product_id":"samavance-fatigue-et-stress-30-ou-60-gelules-jade-recherche","title":"Samavance - Fatigue et Stress - 30 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Samavance - Fatigue et Stress - Jade Recherche\nPalette détectée:\n  - Primaire: #2E7D32 (vert profond du packaging - évoque la nature, spiruline)\n  - Secondaire: #1565C0 (bleu du bandeau inférieur - confiance, sérénité)\n  - Accent: #4CAF50 (vert clair du logo \"sam\" - fraîcheur, vitalité)\nAmbiance: Naturel\/scientifique, bien-être, formule apaisante avec fond d'herbe\/nature suggérant le retour à l'équilibre\nPréfixe CSS: sam\n--\u003e\n\u003cdiv class=\"sam-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sam-hero\"\u003e\n\u003cdiv class=\"sam-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-hero-content\"\u003e\n\u003cdiv class=\"sam-badges-top\"\u003e\n\u003cspan class=\"sam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e💊 Gastro-résistant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sam-hero-title\"\u003eSamavance\u003c\/span\u003e\n\u003cp class=\"sam-subtitle\"\u003eFatigue \u0026amp; Stress\u003c\/p\u003e\n\u003cp class=\"sam-description\"\u003eLa synergie SAM-e, Rhodiola et Spiruline pour retrouver votre vitalité et votre sérénité intérieure\u003c\/p\u003e\n\u003cdiv class=\"sam-hero-highlights\"\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e200 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eSAM-e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e120 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eRhodiola\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e20 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eSpiruline\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- À QUI S'ADRESSE-T-IL --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse le Samavance ?\u003c\/h2\u003e\n\u003cp class=\"sam-intro-text\"\u003eCe complément alimentaire cible particulièrement les personnes confrontées aux défis du quotidien moderne.\u003c\/p\u003e\n\u003cdiv class=\"sam-grid\"\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e💼\u003c\/span\u003e\n\u003ch3\u003eProfessionnels sous pression\u003c\/h3\u003e\n\u003cp\u003eSurmenage au travail, deadlines serrées, charge mentale importante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e📚\u003c\/span\u003e\n\u003ch3\u003eÉtudiants en examens\u003c\/h3\u003e\n\u003cp\u003eBesoin de concentration et de clarté mentale en période intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e👨👩👧👦\u003c\/span\u003e\n\u003ch3\u003eParents débordés\u003c\/h3\u003e\n\u003cp\u003eFatigue persistante malgré le repos, équilibre émotionnel fragilisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e😓\u003c\/span\u003e\n\u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n\u003cp\u003eStress chronique affectant la qualité de vie et le bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACTIFS CLÉS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eUne synergie de 3 actifs puissants\u003c\/h2\u003e\n\u003cdiv class=\"sam-ingredients-grid\"\u003e\n\u003cdiv class=\"sam-ingredient-card sam-ingredient-main\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🧬\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eS-adénosylméthionine (SAM-e)\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMolécule naturellement présente dans l'organisme, impliquée dans plus de \u003cstrong\u003e100 réactions biochimiques\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eSynthèse des neurotransmetteurs (sérotonine, dopamine)\u003c\/li\u003e\n\u003cli\u003eSoutien de l'humeur et du bien-être mental\u003c\/li\u003e\n\u003cli\u003eRéparation cellulaire et détoxification hépatique\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e120 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRhodiola rosea\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003ePlante adaptogène utilisée depuis des siècles dans les médecines traditionnelles scandinaves et russes.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eAdaptation naturelle au stress\u003c\/li\u003e\n\u003cli\u003eRéduction de la fatigue mentale et physique\u003c\/li\u003e\n\u003cli\u003eAmélioration des performances cognitives\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌊\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e20 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSpiruline\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMicro-algue aux propriétés nutritionnelles exceptionnelles, riche en nutriments essentiels.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eProtéines complètes et fer biodisponible\u003c\/li\u003e\n\u003cli\u003eVitamines B et antioxydants\u003c\/li\u003e\n\u003cli\u003eSoutien de l'énergie globale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION COMPLÈTE --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eComposition par gélule gastro-résistante\u003c\/h2\u003e\n\u003cdiv class=\"sam-composition-box\"\u003e\n\u003cdiv class=\"sam-composition-grid\"\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eS-adénosylméthionine (SAM-e)\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eExtrait de Rhodiola rosea\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e120 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eSpiruline\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e20 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eStéarate de magnésium végétal\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e20 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-footer\"\u003e\n\u003cspan\u003eEnveloppe : gélule en gélatine gastro-résistante\u003c\/span\u003e \u003cspan\u003ePoids net : 14,85 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI GASTRO-RÉSISTANT --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003ePourquoi une gélule gastro-résistante ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-gastro-box\"\u003e\n\u003cdiv class=\"sam-gastro-content\"\u003e\n\u003cdiv class=\"sam-gastro-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"sam-gastro-text\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eSAM-e est une molécule fragile\u003c\/strong\u003e qui peut être dégradée par l'acidité de l'estomac.\u003c\/p\u003e\n\u003cp\u003eL'enveloppe gastro-résistante permet à la gélule de traverser l'estomac intacte et de libérer ses actifs directement dans l'intestin, là où l'absorption est optimale.\u003c\/p\u003e\n\u003cdiv class=\"sam-gastro-result\"\u003e\n\u003cspan class=\"sam-gastro-result-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eBiodisponibilité maximale garantie\u003c\/span\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=\"sam-section\"\u003e\n\u003ch2\u003eComment prendre le Samavance ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-usage-grid\"\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDosage\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003ePrise\u003c\/h3\u003e\n\u003cp\u003eAvaler avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLe matin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber le sommeil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eDurée\u003c\/h3\u003e\n\u003cp\u003eCure recommandée : \u003cstrong\u003e1 mois minimum\u003c\/strong\u003e, renouvelable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-tip-box\"\u003e\n\u003cspan class=\"sam-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e commencez par une gélule quotidienne pendant la première semaine pour observer comment votre organisme réagit, puis passez à deux gélules si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eQuand ressentir les effets ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-timeline\"\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\"\u003e\u003cspan\u003eJours 1-7\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003ePremiers jours\u003c\/h3\u003e\n\u003cp\u003ePremiers bienfaits possibles sur la \u003cstrong\u003egestion du stress\u003c\/strong\u003e et le sentiment de calme intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\" style=\"text-align:center;\"\u003e\u003cspan\u003eSemaines\u003cbr\u003e2-3\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003eAmélioration progressive\u003c\/h3\u003e\n\u003cp\u003eRéduction significative de la \u003cstrong\u003efatigue profonde\u003c\/strong\u003e et amélioration de l'énergie quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\"\u003e\u003cspan\u003e1 mois+\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003eEffets optimaux\u003c\/h3\u003e\n\u003cp\u003eÉquilibre retrouvé, \u003cstrong\u003evitalité durable\u003c\/strong\u003e et meilleure résistance au stress\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=\"sam-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sam-warning-box\"\u003e\n\u003cdiv class=\"sam-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cul class=\"sam-warning-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"sam-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sam-cta-box\"\u003e\n\u003cdiv class=\"sam-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-cta-content\"\u003e\n\u003cspan class=\"sam-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch2\u003eVotre allié naturel contre la fatigue et le stress\u003c\/h2\u003e\n\u003cp\u003eGrâce à sa formule concentrée en SAM-e, Rhodiola et Spiruline, le Samavance vous accompagne au quotidien pour retrouver votre \u003cstrong\u003eénergie\u003c\/strong\u003e et votre \u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eUne solution pensée pour votre bien-être global, sans compromis sur la qualité.\u003c\/p\u003e\n\u003cdiv class=\"sam-cta-format\"\u003e\u003cspan\u003e📦 Boîte de 30 gélules gastro-résistantes\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --sam-cream: #f8faf8;\n  --sam-white: #ffffff;\n  --sam-primary: #2E7D32;\n  --sam-primary-dark: #1B5E20;\n  --sam-primary-light: #E8F5E9;\n  --sam-secondary: #1565C0;\n  --sam-secondary-light: #E3F2FD;\n  --sam-accent: #4CAF50;\n\n  \/* Textes *\/\n  --sam-text: #1a1a1a;\n  --sam-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --sam-border: #e0e0e0;\n  --sam-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sam-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --sam-radius: 20px;\n  --sam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sam-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sam-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sam-text);\n  line-height: 1.6;\n}\n\n.sam-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sam-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 40%, var(--sam-secondary) 100%);\n  border-radius: var(--sam-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(--sam-shadow-lg);\n}\n\n.sam-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.sam-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sam-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.sam-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(--sam-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sam-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sam-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(42px, 9vw, 68px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  text-transform: uppercase;\n}\n\n.sam-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(20px, 4vw, 28px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n}\n\n.sam-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 2.5vw, 19px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.sam-hero-highlights {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1rem, 4vw, 2.5rem);\n  flex-wrap: wrap;\n}\n\n.sam-highlight {\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.25);\n  border-radius: var(--sam-radius-sm);\n  padding: 1rem 1.5rem;\n  text-align: center;\n  min-width: 100px;\n}\n\n.sam-highlight-value {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n}\n\n.sam-highlight-label {\n  display: block;\n  color: rgba(255,255,255,.85);\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sam-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sam-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sam-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.sam-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(--sam-primary), var(--sam-secondary));\n  border-radius: 2px;\n}\n\n.sam-intro-text {\n  text-align: center;\n  font-size: clamp(16px, 2.2vw, 18px);\n  color: var(--sam-text-light);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.sam-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.sam-card {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sam-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.sam-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--sam-shadow-lg);\n  border-color: var(--sam-primary);\n}\n\n.sam-card-icon {\n  font-size: 2.5rem;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.sam-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.sam-card p {\n  font-size: 15px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.sam-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.sam-ingredient-card {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sam-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.sam-ingredient-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sam-shadow-lg);\n  border-color: var(--sam-accent);\n}\n\n.sam-ingredient-main {\n  grid-column: 1 \/ -1;\n  background: linear-gradient(135deg, var(--sam-primary-light) 0%, var(--sam-white) 100%);\n  border: 2px solid var(--sam-primary);\n}\n\n@media (min-width: 900px) {\n  .sam-ingredient-main {\n    grid-column: span 1;\n  }\n  .sam-ingredients-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n.sam-ingredient-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.sam-ingredient-icon {\n  font-size: 2.5rem;\n}\n\n.sam-ingredient-dose {\n  background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.sam-ingredient-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.sam-ingredient-desc {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0 0 1rem 0;\n  line-height: 1.6;\n}\n\n.sam-ingredient-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sam-ingredient-benefits li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: 0.5rem;\n  font-size: 14px;\n  color: var(--sam-text);\n}\n\n.sam-ingredient-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--sam-accent);\n  font-weight: 700;\n}\n\n\/* === COMPOSITION === *\/\n.sam-composition-box {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sam-shadow);\n  border: 2px solid var(--sam-primary-light);\n}\n\n.sam-composition-grid {\n  display: grid;\n  gap: 0;\n}\n\n.sam-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--sam-border);\n}\n\n.sam-composition-item:last-child {\n  border-bottom: none;\n}\n\n.sam-comp-name {\n  font-weight: 600;\n  color: var(--sam-text);\n}\n\n.sam-comp-dose {\n  font-weight: 800;\n  color: var(--sam-primary);\n  background: var(--sam-primary-light);\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 14px;\n}\n\n.sam-composition-footer {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem 2rem;\n  margin-top: 1.5rem;\n  padding-top: 1.5rem;\n  border-top: 2px dashed var(--sam-border);\n  font-size: 14px;\n  color: var(--sam-text-light);\n}\n\n\/* === GASTRO BOX === *\/\n.sam-gastro-box {\n  background: linear-gradient(135deg, var(--sam-secondary-light) 0%, var(--sam-white) 100%);\n  border-radius: var(--sam-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--sam-secondary);\n  box-shadow: var(--sam-shadow);\n}\n\n.sam-gastro-content {\n  display: flex;\n  gap: 2rem;\n  align-items: flex-start;\n}\n\n.sam-gastro-icon {\n  font-size: 4rem;\n  flex-shrink: 0;\n}\n\n.sam-gastro-text p {\n  margin: 0 0 1rem 0;\n  font-size: 16px;\n  color: var(--sam-text);\n  line-height: 1.7;\n}\n\n.sam-gastro-result {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--sam-secondary);\n  color: white;\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 15px;\n  margin-top: 0.5rem;\n}\n\n.sam-gastro-result-icon {\n  font-size: 18px;\n}\n\n@media (max-width: 600px) {\n  .sam-gastro-content {\n    flex-direction: column;\n    text-align: center;\n  }\n  .sam-gastro-icon {\n    margin: 0 auto;\n  }\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sam-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.sam-usage-step {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--sam-shadow);\n  transition: all .3s ease;\n}\n\n.sam-usage-step:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-step-number {\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  margin: 0 auto 1rem auto;\n}\n\n.sam-usage-step h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.5rem 0;\n  text-transform: uppercase;\n  letter-spacing: .03em;\n}\n\n.sam-usage-step p {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sam-tip-box {\n  background: linear-gradient(135deg, #FFF8E1, #FFFDE7);\n  border-radius: var(--sam-radius);\n  padding: 1.5rem 2rem;\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  border: 2px solid #FFD54F;\n}\n\n.sam-tip-icon {\n  font-size: 2rem;\n  flex-shrink: 0;\n}\n\n.sam-tip-box p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--sam-text);\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sam-timeline {\n  position: relative;\n  padding-left: 2rem;\n}\n\n.sam-timeline::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: linear-gradient(to bottom, var(--sam-primary), var(--sam-secondary));\n  border-radius: 2px;\n}\n\n.sam-timeline-item {\n  position: relative;\n  padding: 1.5rem;\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  margin-bottom: 1.5rem;\n  margin-left: 1.5rem;\n  box-shadow: var(--sam-shadow);\n  transition: all .3s ease;\n}\n\n.sam-timeline-item:hover {\n  transform: translateX(5px);\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-timeline-item::before {\n  content: '';\n  position: absolute;\n  left: -1.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 20px;\n  height: 4px;\n  background: var(--sam-primary);\n}\n\n.sam-timeline-marker {\n  position: absolute;\n  left: -3rem;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n  color: white;\n  padding: 6px 12px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.sam-timeline-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.sam-timeline-content p {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 600px) {\n  .sam-timeline {\n    padding-left: 1rem;\n  }\n  .sam-timeline-marker {\n    position: relative;\n    left: auto;\n    top: auto;\n    transform: none;\n    display: inline-block;\n    margin-bottom: 0.75rem;\n  }\n  .sam-timeline-item::before {\n    display: none;\n  }\n  .sam-timeline-item {\n    margin-left: 1rem;\n  }\n}\n\n\/* === FAQ === *\/\n.sam-faq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.sam-faq-card {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sam-shadow);\n  border-left: 4px solid var(--sam-primary);\n  transition: all .3s ease;\n}\n\n.sam-faq-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-faq-card h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.sam-faq-card p {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.sam-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.sam-info-item {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--sam-shadow);\n  transition: all .3s ease;\n}\n\n.sam-info-item:hover {\n  transform: translateY(-3px);\n}\n\n.sam-info-icon {\n  font-size: 1.75rem;\n  display: block;\n  margin-bottom: 0.5rem;\n}\n\n.sam-info-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--sam-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 0.25rem;\n}\n\n.sam-info-value {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--sam-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.sam-warning-box {\n  background: linear-gradient(135deg, #FFF3E0, #FFEBEE);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  border: 2px solid #FFAB91;\n}\n\n.sam-warning-icon {\n  font-size: 2.5rem;\n  flex-shrink: 0;\n}\n\n.sam-warning-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sam-warning-list li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: 0.6rem;\n  font-size: 14px;\n  color: var(--sam-text);\n  line-height: 1.5;\n}\n\n.sam-warning-list li::before {\n  content: '•';\n  position: absolute;\n  left: 0;\n  color: #E64A19;\n  font-weight: 700;\n}\n\n.sam-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n@media (max-width: 500px) {\n  .sam-warning-box {\n    flex-direction: column;\n    text-align: left;\n  }\n}\n\n\/* === CTA FINAL === *\/\n.sam-cta-box {\n  background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 50%, var(--sam-secondary) 100%);\n  border-radius: var(--sam-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.sam-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.sam-cta-icon {\n  font-size: 3.5rem;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.sam-cta-box h2 {\n  color: white;\n  margin-bottom: 1.5rem;\n}\n\n.sam-cta-box h2::after {\n  background: rgba(255,255,255,.5);\n}\n\n.sam-cta-box p {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.2vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto 1rem auto;\n}\n\n.sam-cta-format {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.3);\n  padding: 12px 24px;\n  border-radius: 999px;\n  color: white;\n  font-weight: 700;\n  font-size: 15px;\n  margin-top: 1rem;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sam-card,\n  .sam-ingredient-card,\n  .sam-usage-step,\n  .sam-timeline-item,\n  .sam-faq-card,\n  .sam-info-item {\n    animation: samFadeInUp .6s ease backwards;\n  }\n  \n  .sam-card:nth-child(1),\n  .sam-ingredient-card:nth-child(1),\n  .sam-usage-step:nth-child(1) { animation-delay: .1s; }\n  .sam-card:nth-child(2),\n  .sam-ingredient-card:nth-child(2),\n  .sam-usage-step:nth-child(2) { animation-delay: .2s; }\n  .sam-card:nth-child(3),\n  .sam-ingredient-card:nth-child(3),\n  .sam-usage-step:nth-child(3) { animation-delay: .3s; }\n  .sam-card:nth-child(4),\n  .sam-usage-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes samFadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sam-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .sam-premium {\n    --sam-text: #000000;\n    --sam-text-light: #333333;\n  }\n  .sam-card,\n  .sam-ingredient-card,\n  .sam-faq-card {\n    border: 2px solid var(--sam-text);\n  }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .sam-grid,\n  .sam-ingredients-grid,\n  .sam-usage-grid,\n  .sam-faq-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .sam-ingredient-main {\n    grid-column: 1;\n  }\n  \n  .sam-hero-highlights {\n    gap: 1rem;\n  }\n  \n  .sam-highlight {\n    min-width: 80px;\n    padding: 0.75rem 1rem;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45791627772061,"sku":"JADESAMAN-1","price":29.73,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/samavance-fatigue-et-stress-jade-recherche-ingredients.webp?v=1773303945"},{"product_id":"algosource-spirulysat-original-extrait-liquide-de-spiruline-ampoule-20x10ml-algosource","title":"Spirulysat Original - Extrait Liquide de Spiruline - 20 Ampoules - AlgoSource","description":"\n\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spirulysat Original - Extrait Liquide de Spiruline\nPalette détectée:\n  - Primaire: #0047AB (Bleu cobalt intense du packaging - symbolise l'eau, la nature aquatique)\n  - Secondaire: #B8986F (Or\/beige chaud des accents - évoque le naturel, la qualité premium)\n  - Accent: #E8E5D8 (Beige crème du fond - douceur, naturel)\n  - Highlight: #00A3E0 (Bleu cyan de l'ampoule - vitalité, innovation)\nAmbiance: Naturel premium avec une forte identité scientifique\/marine. Le bleu profond évoque la mer et les micro-algues, tandis que le beige apporte une touche naturelle et rassurante. Le contraste dynamique entre le bleu et le blanc suggère pureté et efficacité. Style : Santé naturelle haut de gamme, biodisponibilité, innovation française.\nPréfixe CSS: spir\n--\u003e\n\n\u003cdiv class=\"spir-premium\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"spir-hero\"\u003e\n    \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spir-hero-content\"\u003e\n      \u003cdiv class=\"spir-badges-top\"\u003e\n        \u003cspan class=\"spir-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e💧 100% liquide\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spir-hero-title\"\u003eSpirulysat Original\u003c\/span\u003e\n      \u003cp class=\"spir-subtitle\" style=\"color:white;\"\u003eL'extrait liquide de spiruline à biodisponibilité maximale\u003c\/p\u003e\n      \u003cp class=\"spir-description\" style=\"color:white;\"\u003e20 ampoules de pure vitalité pour booster naturellement votre énergie et renforcer votre système immunitaire\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Bénéfices Clés --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003ePourquoi Spirulysat révolutionne votre bien-être\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid\"\u003e\n      \u003cdiv class=\"spir-card spir-card-highlight\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eBiodisponibilité exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003eFormat liquide unique garantissant une \u003cstrong\u003eabsorption optimale\u003c\/strong\u003e et des effets ressentis dès les premiers jours. Contrairement aux poudres et comprimés, les nutriments sont directement assimilables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e🌊\u003c\/div\u003e\n        \u003ch3\u003eSpiruline fraîche 20%\u003c\/h3\u003e\n        \u003cp\u003eConcentration exceptionnelle en spiruline pure, \u003cstrong\u003eextraite à basse température\u003c\/strong\u003e pour préserver 100% de ses propriétés nutritionnelles : phycocyanine, protéines, vitamines B12.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eÉnergie naturelle durable\u003c\/h3\u003e\n        \u003cp\u003eFini les coups de fatigue ! Spirulysat vous apporte un \u003cstrong\u003eregain de vitalité immédiat\u003c\/strong\u003e qui se prolonge tout au long de la journée, sans excitants artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eBouclier immunitaire renforcé\u003c\/h3\u003e\n        \u003cp\u003eRichesse naturelle en antioxydants, vitamines et minéraux pour \u003cstrong\u003estimuler vos défenses\u003c\/strong\u003e et vous protéger des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003ePureté absolue\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eZéro additif, zéro conservateur\u003c\/strong\u003e, zéro arôme artificiel. Juste de la spiruline fraîche et de l'eau purifiée. Formulation 100% naturelle et clean.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e📍\u003c\/div\u003e\n        \u003ch3\u003eTraçabilité française totale\u003c\/h3\u003e\n        \u003cp\u003eCultivée, extraite et conditionnée en France par AlgoSource, expert reconnu. \u003cstrong\u003eContrôle qualité maximal\u003c\/strong\u003e de la culture jusqu'à votre porte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Composition Détaillée --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eUne formule d'une simplicité remarquable\u003c\/h2\u003e\n    \u003cdiv class=\"spir-composition-grid\"\u003e\n      \u003cdiv class=\"spir-composition-card spir-main-ingredient\"\u003e\n        \u003cdiv class=\"spir-percentage\"\u003e20%\u003c\/div\u003e\n        \u003ch3\u003e🌊 Spiruline fraîche\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eArthrospira platensis\u003c\/strong\u003e, la micro-algue aux 65% de protéines végétales complètes. Source naturelle exceptionnelle de :\u003c\/p\u003e\n        \u003cul class=\"spir-nutrient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003ePhycocyanine\u003c\/strong\u003e : pigment bleu aux propriétés antioxydantes puissantes\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eVitamine B12\u003c\/strong\u003e : essentielle au métabolisme énergétique\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eFer biodisponible\u003c\/strong\u003e : lutte contre la fatigue\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eBêta-carotène\u003c\/strong\u003e : protection cellulaire\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eChlorophylle\u003c\/strong\u003e : détoxification naturelle\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-composition-card\"\u003e\n        \u003cdiv class=\"spir-percentage\"\u003e80%\u003c\/div\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003eEau de source ultrapure permettant l'extraction douce et la conservation des actifs de la spiruline. Support neutre garantissant la stabilité des nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-guarantee-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003e✓\u003c\/strong\u003e Sans additifs \u003cstrong\u003e✓\u003c\/strong\u003e Sans conservateurs \u003cstrong\u003e✓\u003c\/strong\u003e Sans colorants \u003cstrong\u003e✓\u003c\/strong\u003e Sans arômes artificiels \u003cstrong\u003e✓\u003c\/strong\u003e Sans allergènes majeurs\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Mode d'Emploi --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eMode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n    \u003cdiv class=\"spir-usage-timeline\"\u003e\n      \u003cdiv class=\"spir-usage-step\"\u003e\n        \u003cdiv class=\"spir-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch3\u003ePrendre 1 ampoule par jour\u003c\/h3\u003e\n        \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e ou au petit-déjeuner pour profiter du boost énergétique toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-usage-step\"\u003e\n        \u003cdiv class=\"spir-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch3\u003eOuvrir et diluer\u003c\/h3\u003e\n        \u003cp\u003eCasser l'ampoule et verser le contenu dans un \u003cstrong\u003egrand verre d'eau, jus de fruit ou smoothie\u003c\/strong\u003e. Vous pouvez aussi le consommer pur si vous appréciez le goût authentique de la spiruline.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-usage-step\"\u003e\n        \u003cdiv class=\"spir-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n        \u003cp\u003ePour des effets durables, suivez une cure de \u003cstrong\u003e20 jours minimum\u003c\/strong\u003e (1 boîte). Idéalement, renouvelez 3 à 4 fois par an aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-tip-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003e💡 Astuce d'expert :\u003c\/strong\u003e Pour une synergie optimale, associez Spirulysat à des aliments riches en vitamine C (agrumes, kiwi) qui boostent l'absorption du fer contenu dans la spiruline.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Résultats Attendus --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eLes bienfaits que vous allez ressentir\u003c\/h2\u003e\n    \u003cdiv class=\"spir-results-grid\"\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eDès 3-5 jours\u003c\/div\u003e\n        \u003ch3\u003eRegain d'énergie\u003c\/h3\u003e\n        \u003cp\u003eVous vous réveillez plus facilement, la fatigue chronique diminue, votre capacité de concentration augmente sensiblement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eAprès 1-2 semaines\u003c\/div\u003e\n        \u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eVotre endurance physique et mentale s'améliore. Vous êtes plus résistant au stress et aux efforts quotidiens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eAprès 3-4 semaines\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eVotre organisme devient plus résistant face aux infections saisonnières. Récupération plus rapide en cas de fatigue passagère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eSur le long terme\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre global\u003c\/h3\u003e\n        \u003cp\u003eAmélioration du teint, des cheveux, des ongles. Meilleur équilibre nutritionnel global grâce à l'apport en nutriments essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Pour Qui --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eSpirulysat est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid spir-grid-3\"\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🏃\u003c\/div\u003e\n        \u003ch3\u003eVous êtes sportif ou actif\u003c\/h3\u003e\n        \u003cp\u003eBesoin de protéines végétales de qualité, de fer et d'antioxydants pour optimiser performances et récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eVous ressentez de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eCoups de pompe, manque d'énergie chronique, difficultés de concentration ? Spirulysat recharge vos batteries naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🥗\u003c\/div\u003e\n        \u003ch3\u003eVous avez une alimentation végétale\u003c\/h3\u003e\n        \u003cp\u003eSource précieuse de B12, protéines complètes et fer biodisponible, essentiels pour les végétariens et vegans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🎯\u003c\/div\u003e\n        \u003ch3\u003eVous cherchez un boost immunitaire\u003c\/h3\u003e\n        \u003cp\u003eChangements de saison, périodes de stress, convalescence : renforcez vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eVous privilégiez le naturel\u003c\/h3\u003e\n        \u003cp\u003eVous refusez les compléments synthétiques et recherchez une solution 100% végétale et pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e👨‍👩‍👧\u003c\/div\u003e\n        \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes, adolescents, seniors, femmes enceintes* : la spiruline convient à tous les âges. \u003cem\u003e*Demandez conseil à votre médecin.\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Excellence AlgoSource --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eL'expertise AlgoSource, gage d'excellence\u003c\/h2\u003e\n    \u003cdiv class=\"spir-brand-story\"\u003e\n      \u003cdiv class=\"spir-brand-grid\"\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e🏭\u003c\/div\u003e\n          \u003ch3\u003eProduction française contrôlée\u003c\/h3\u003e\n          \u003cp\u003eAlgoSource cultive sa spiruline dans un environnement hautement sécurisé en France, avec des normes de qualité parmi les plus strictes au monde. Traçabilité totale du bassin de culture à votre ampoule.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e🔬\u003c\/div\u003e\n          \u003ch3\u003eProcédé d'extraction unique\u003c\/h3\u003e\n          \u003cp\u003eExtraction à \u003cstrong\u003ebasse température\u003c\/strong\u003e brevetée qui préserve l'intégralité des nutriments fragiles, notamment la phycocyanine. Là où les méthodes classiques détruisent jusqu'à 60% des actifs, AlgoSource conserve tout.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e🌱\u003c\/div\u003e\n          \u003ch3\u003eApproche durable et responsable\u003c\/h3\u003e\n          \u003cp\u003eCulture respectueuse de l'environnement, sans pesticides, avec une empreinte carbone minimale. La spiruline est d'ailleurs l'une des protéines les plus écologiques au monde.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e✅\u003c\/div\u003e\n          \u003ch3\u003eCertifications et contrôles\u003c\/h3\u003e\n          \u003cp\u003eAnalyses systématiques en laboratoire indépendant, respect des normes européennes les plus exigeantes, certification bio compatible. Zéro métaux lourds, zéro contaminants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"spir-warning-box\"\u003e\n      \u003cdiv class=\"spir-warning-content\"\u003e\n        \u003cp\u003e\u003cstrong\u003e⚠️ Précautions :\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n          \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n          \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n          \u003cli\u003eDéconseillé en cas de phénylcétonurie (présence de phénylalanine)\u003c\/li\u003e\n          \u003cli\u003eEn cas de doute, de pathologie particulière ou de traitement médical, demandez conseil à votre médecin ou pharmacien\u003c\/li\u003e\n          \u003cli\u003eLes femmes enceintes ou allaitantes doivent consulter un professionnel de santé avant toute supplémentation\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003e\u003cstrong\u003e🌡️ Conservation :\u003c\/strong\u003e À conserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur. Une fois ouverte, l'ampoule doit être consommée immédiatement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Infos Pratiques --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"spir-info-grid\"\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e📦\u003c\/div\u003e\n        \u003ch3\u003eContenance\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e20 ampoules\u003c\/strong\u003e de 10 ml\u003cbr\u003e= 20 jours de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🌍\u003c\/div\u003e\n        \u003ch3\u003eOrigine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100% France\u003c\/strong\u003e\u003cbr\u003eCulture et fabrication françaises\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003eComposition\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 ingrédients\u003c\/strong\u003e\u003cbr\u003eSpiruline fraîche + Eau purifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eFormat\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eLiquide\u003c\/strong\u003e\u003cbr\u003eBiodisponibilité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🏷️\u003c\/div\u003e\n        \u003ch3\u003eMarque\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e\u003cbr\u003eExpert français de la spiruline\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eLabel\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eSans additifs\u003c\/strong\u003e\u003cbr\u003e100% naturel et pur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Témoignage --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003cdiv class=\"spir-testimonial\"\u003e\n      \u003cdiv class=\"spir-testimonial-icon\"\u003e💬\u003c\/div\u003e\n      \u003cp class=\"spir-testimonial-text\"\u003e\"J'ai ressenti un regain d'énergie dès les premières utilisations. Vraiment simple à utiliser, je le recommande à tous ceux qui cherchent un coup de pouce naturel.\"\u003c\/p\u003e\n      \u003cp class=\"spir-testimonial-author\"\u003e— Dinah, cliente satisfaite\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA Final --\u003e\n  \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"spir-cta-box\"\u003e\n      \u003cdiv class=\"spir-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"spir-cta-content\"\u003e\n        \u003cp\u003eRejoignez les milliers de personnes qui ont déjà fait le choix de la vitalité naturelle avec Spirulysat Original. Une cure de 20 jours pour retrouver énergie, immunité et bien-être au quotidien. Fabriqué en France avec passion par AlgoSource, expert reconnu de la spiruline depuis des années.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --spir-cream: #fafaf8;\n  --spir-white: #ffffff;\n  --spir-primary: #0047AB;\n  --spir-primary-dark: #003380;\n  --spir-primary-light: #E6F0FF;\n  --spir-secondary: #B8986F;\n  --spir-accent: #00A3E0;\n\n  \/* Textes *\/\n  --spir-text: #1a1a1a;\n  --spir-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --spir-border: #e0e0e0;\n  --spir-shadow: 0 4px 24px rgba(0,71,171,.08);\n  --spir-shadow-lg: 0 12px 48px rgba(0,71,171,.15);\n  --spir-radius: 20px;\n  --spir-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.spir-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spir-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spir-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.spir-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--spir-primary) 0%, #0056CC 50%, var(--spir-accent) 100%);\n  border-radius: var(--spir-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(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n    radial-gradient(circle at 60% 70%, white 1.5px, transparent 1.5px),\n    radial-gradient(circle at 80% 20%, white 1px, transparent 1px),\n    radial-gradient(circle at 30% 80%, white 2.5px, transparent 2.5px);\n  background-size: 80px 80px, 120px 120px, 60px 60px, 100px 100px;\n}\n\n.spir-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spir-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 2rem;\n}\n\n.spir-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spir-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.spir-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spir-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 12px rgba(0,0,0,.15);\n}\n\n.spir-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.spir-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spir-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spir-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.spir-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--spir-primary), var(--spir-accent));\n  border-radius: 2px;\n}\n\n.spir-premium h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  margin-bottom: 0.75rem;\n  letter-spacing: -.02em;\n}\n\n.spir-premium p {\n  font-size: clamp(15px, 2vw, 17px);\n  line-height: 1.7;\n  color: var(--spir-text-light);\n  margin-bottom: 1rem;\n}\n\n.spir-premium strong {\n  color: var(--spir-text);\n  font-weight: 700;\n}\n\n\/* === CARDS === *\/\n.spir-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spir-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  height: 100%;\n}\n\n.spir-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-primary);\n}\n\n.spir-card-highlight {\n  background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n  border: 2px solid var(--spir-primary);\n}\n\n.spir-card-icon {\n  font-size: clamp(32px, 5vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-card h3 {\n  margin-bottom: 1rem;\n}\n\n.spir-card p {\n  margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.spir-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === COMPOSITION === *\/\n.spir-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n  margin-bottom: 2rem;\n}\n\n.spir-composition-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--spir-shadow);\n  border: 2px solid var(--spir-border);\n  transition: all .3s ease;\n}\n\n.spir-composition-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-main-ingredient {\n  border-color: var(--spir-primary);\n  background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n}\n\n.spir-percentage {\n  display: inline-block;\n  font-size: clamp(36px, 6vw, 56px);\n  font-weight: 900;\n  color: var(--spir-primary);\n  margin-bottom: 1rem;\n  line-height: 1;\n}\n\n.spir-nutrient-list {\n  list-style: none;\n  padding: 0;\n  margin: 1.5rem 0 0 0;\n}\n\n.spir-nutrient-list li {\n  padding: 0.75rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n  border-bottom: 1px solid var(--spir-border);\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n.spir-nutrient-list li:last-child {\n  border-bottom: none;\n}\n\n.spir-nutrient-list li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--spir-accent);\n  font-weight: 900;\n}\n\n.spir-guarantee-box {\n  background: linear-gradient(135deg, var(--spir-secondary) 0%, #A88560 100%);\n  border-radius: var(--spir-radius-sm);\n  padding: 1.5rem 2rem;\n  text-align: center;\n}\n\n.spir-guarantee-box p {\n  color: white;\n  font-size: clamp(14px, 2vw, 16px);\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.spir-usage-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.spir-usage-step {\n  display: flex;\n  gap: 2rem;\n  align-items: flex-start;\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spir-shadow);\n  transition: all .3s ease;\n}\n\n.spir-usage-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-step-number {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, var(--spir-primary), var(--spir-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(0,71,171,.3);\n}\n\n.spir-usage-step h3 {\n  margin-bottom: 0.5rem;\n}\n\n.spir-usage-step p {\n  margin-bottom: 0;\n}\n\n.spir-tip-box {\n  background: linear-gradient(135deg, var(--spir-accent) 0%, #0088C0 100%);\n  border-radius: var(--spir-radius-sm);\n  padding: 1.5rem 2rem;\n  margin-top: 2rem;\n  border-left: 4px solid var(--spir-primary);\n}\n\n.spir-tip-box p {\n  color: white;\n  margin: 0;\n  font-weight: 600;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === RÉSULTATS === *\/\n.spir-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-result-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow);\n  border-top: 4px solid var(--spir-primary);\n  transition: all .3s ease;\n}\n\n.spir-result-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spir-shadow-lg);\n  border-top-color: var(--spir-accent);\n}\n\n.spir-result-icon {\n  font-size: clamp(36px, 6vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-result-time {\n  display: inline-block;\n  background: var(--spir-primary-light);\n  color: var(--spir-primary);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.spir-result-card h3 {\n  margin-bottom: 0.75rem;\n}\n\n.spir-result-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === PROFILS === *\/\n.spir-profile-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.spir-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-secondary);\n  background: linear-gradient(135deg, var(--spir-white) 0%, #FFF9F0 100%);\n}\n\n.spir-profile-icon {\n  font-size: clamp(40px, 6vw, 56px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-profile-card h3 {\n  margin-bottom: 0.75rem;\n  font-size: clamp(17px, 2.5vw, 20px);\n}\n\n.spir-profile-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === MARQUE === *\/\n.spir-brand-story {\n  background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--spir-primary);\n}\n\n.spir-brand-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-brand-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: 0 2px 16px rgba(0,71,171,.08);\n  transition: all .3s ease;\n}\n\n.spir-brand-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 24px rgba(0,71,171,.15);\n}\n\n.spir-brand-icon {\n  font-size: clamp(32px, 5vw, 42px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-brand-card h3 {\n  margin-bottom: 0.75rem;\n  font-size: clamp(17px, 2.5vw, 20px);\n}\n\n.spir-brand-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === WARNING === *\/\n.spir-warning-box {\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border-left: 6px solid #F59E0B;\n  box-shadow: var(--spir-shadow);\n}\n\n.spir-warning-content p {\n  color: var(--spir-text);\n  font-weight: 600;\n  margin-bottom: 1rem;\n}\n\n.spir-warning-content ul {\n  list-style: none;\n  padding: 0;\n  margin: 1rem 0;\n}\n\n.spir-warning-content li {\n  padding: 0.75rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--spir-text-light);\n  border-bottom: 1px solid rgba(245,158,11,.2);\n}\n\n.spir-warning-content li:last-child {\n  border-bottom: none;\n}\n\n.spir-warning-content li::before {\n  content: '→';\n  position: absolute;\n  left: 0;\n  color: #F59E0B;\n  font-weight: 900;\n}\n\n\/* === INFOS === *\/\n.spir-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-info-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow);\n  border: 2px solid var(--spir-border);\n  transition: all .3s ease;\n}\n\n.spir-info-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-accent);\n}\n\n.spir-info-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-info-card h3 {\n  font-size: clamp(16px, 2.5vw, 19px);\n  margin-bottom: 0.5rem;\n  color: var(--spir-primary);\n}\n\n.spir-info-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === TESTIMONIAL === *\/\n.spir-testimonial {\n  background: linear-gradient(135deg, var(--spir-white) 0%, var(--spir-primary-light) 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow-lg);\n  border: 2px solid var(--spir-primary);\n  position: relative;\n}\n\n.spir-testimonial-icon {\n  font-size: clamp(48px, 8vw, 72px);\n  margin-bottom: 1.5rem;\n  opacity: .3;\n}\n\n.spir-testimonial-text {\n  font-size: clamp(17px, 3vw, 22px);\n  font-style: italic;\n  color: var(--spir-text);\n  line-height: 1.8;\n  margin-bottom: 1.5rem;\n  font-weight: 500;\n}\n\n.spir-testimonial-author {\n  font-size: clamp(15px, 2.5vw, 18px);\n  color: var(--spir-primary);\n  font-weight: 700;\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.spir-cta-box {\n  background: linear-gradient(135deg, var(--spir-primary) 0%, var(--spir-primary-dark) 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.spir-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.spir-cta-box p {\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,.2);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .spir-grid,\n  .spir-grid-3,\n  .spir-results-grid,\n  .spir-info-grid,\n  .spir-brand-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .spir-composition-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .spir-usage-step {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .spir-step-number {\n    margin: 0 auto 1rem;\n  }\n\n  .spir-badges-top {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spir-card,\n  .spir-result-card,\n  .spir-profile-card,\n  .spir-info-card,\n  .spir-brand-card,\n  .spir-composition-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .spir-card:nth-child(1),\n  .spir-result-card:nth-child(1),\n  .spir-profile-card:nth-child(1) { animation-delay: .1s; }\n  .spir-card:nth-child(2),\n  .spir-result-card:nth-child(2),\n  .spir-profile-card:nth-child(2) { animation-delay: .2s; }\n  .spir-card:nth-child(3),\n  .spir-result-card:nth-child(3),\n  .spir-profile-card:nth-child(3) { animation-delay: .3s; }\n  .spir-card:nth-child(4),\n  .spir-result-card:nth-child(4),\n  .spir-profile-card:nth-child(4) { animation-delay: .4s; }\n  .spir-card:nth-child(5),\n  .spir-result-card:nth-child(5),\n  .spir-profile-card:nth-child(5) { animation-delay: .5s; }\n  .spir-card:nth-child(6),\n  .spir-result-card:nth-child(6),\n  .spir-profile-card:nth-child(6) { animation-delay: .6s; }\n\n  .spir-usage-step:nth-child(1) { animation: fadeInRight .6s ease backwards .1s; }\n  .spir-usage-step:nth-child(2) { animation: fadeInRight .6s ease backwards .3s; }\n  .spir-usage-step:nth-child(3) { animation: fadeInRight .6s ease backwards .5s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInRight {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .spir-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .spir-card,\n  .spir-result-card,\n  .spir-profile-card,\n  .spir-info-card {\n    border: 2px solid var(--spir-text);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .spir-premium {\n    background: white;\n  }\n  \n  .spir-card,\n  .spir-result-card,\n  .spir-profile-card {\n    break-inside: avoid;\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755311030429,"sku":"PHYCOSIASOBLEBT1","price":24.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-original-extrait-liquide-de-spiruline-20-ampoules-algosource-478394.jpg?v=1732721772"},{"product_id":"tyro-120-gelules-jade-recherche","title":"Tyro+ Jade Recherche - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tyro+ Jade Recherche - Complément alimentaire thyroïde\nPalette détectée:\n  - Primaire: #8B4B9E (violet\/purple du logo TYRO - dominante packaging)\n  - Secondaire: #F4D835 (jaune vif du fond d'étiquette)\n  - Accent: #FF7F3E (orange du papillon)\n  - Vert: #1a7a5c (spiruline\/algues visibles sur infographie)\nAmbiance: Santé naturelle, vitalité, transformation (papillon = métamorphose thyroïdienne), dynamique et optimiste. Mix entre énergie solaire (jaune) et bien-être profond (violet). Univers naturel\/scientifique avec ingrédients visibles.\nType: Complément alimentaire - soutien hormonal thyroïde\nStyle: Naturel\/santé\/bien-être avec touche énergique et scientifique\nPréfixe CSS: tyro\n--\u003e\n\n\u003cdiv class=\"tyro-premium\"\u003e\n  \u003cdiv class=\"tyro-hero\"\u003e\n    \u003cdiv class=\"tyro-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tyro-hero-content\"\u003e\n      \u003cdiv class=\"tyro-badges-top\"\u003e\n        \u003cspan class=\"tyro-badge\"\u003e🦋 Soutien thyroïdien\u003c\/span\u003e\n        \u003cspan class=\"tyro-badge\"\u003e🌱 100% végétalien\u003c\/span\u003e\n        \u003cspan class=\"tyro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tyro-hero-title\"\u003eTyro+\u003c\/span\u003e\n      \u003cp class=\"tyro-subtitle\"\u003eRedonnez de l'élan à votre thyroïde\u003c\/p\u003e\n      \u003cp class=\"tyro-description\"\u003eFormule synergique associant tyrosine, iode naturel, sélénium, spiruline et maca pour soutenir votre fonction thyroïdienne et retrouver énergie et vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e🔬 Composition synergique\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e💜 Tyrosine 600 mg\u003c\/h3\u003e\n        \u003cp\u003eAcide aminé précurseur direct des hormones T3 et T4. Production naturelle qui diminue avec l'âge, supplémentation essentielle après 40 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌊 Iode naturel 150 µg\u003c\/h3\u003e\n        \u003cp\u003eExtrait de Fucus vesiculosus (75 mg), algue marine. Élément indispensable à la synthèse hormonale, biodisponibilité optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium 70 µg\u003c\/h3\u003e\n        \u003cp\u003e127% des AJR. Protège les cellules thyroïdiennes du stress oxydatif et favorise la conversion de T4 en T3 active.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌀 Spiruline 170 mg\u003c\/h3\u003e\n        \u003cp\u003eSuper-aliment concentré en nutriments, protéines et antioxydants. Soutient la vitalité et le tonus général.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⚡ Maca 100 mg\u003c\/h3\u003e\n        \u003cp\u003eRacine adaptogène péruvienne pour l'équilibre hormonal, la résistance au stress et l'énergie globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e💎 Les bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🎯 Soutien hormonal ciblé\u003c\/h3\u003e\n        \u003cp\u003eTous les éléments-clés pour le bon fonctionnement thyroïdien et une production hormonale optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eCombat la fatigue, la frilosité et les troubles métaboliques liés au ralentissement thyroïdien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eSans additifs artificiels, sans conservateurs, sans OGM. Gélules végétales HPMC.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🔬 Dosages optimaux\u003c\/h3\u003e\n        \u003cp\u003e127% AJR sélénium, 100% besoins iode, dosage généreux en tyrosine pour une efficacité maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid-compact\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eManque d'énergie chronique inexpliqué\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e❄️ Frilosité excessive\u003c\/h3\u003e\n        \u003cp\u003eMains et pieds froids en permanence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n        \u003cp\u003eMalgré alimentation équilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🎂 Après 40 ans\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel de la fonction thyroïdienne\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-usage-box\"\u003e\n      \u003cdiv class=\"tyro-usage-step\"\u003e\n        \u003cdiv class=\"tyro-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tyro-step-content\"\u003e\n          \u003ch3\u003ePosologie standard\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, matin et midi, \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-usage-step\"\u003e\n        \u003cdiv class=\"tyro-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tyro-step-content\"\u003e\n          \u003ch3\u003ePosologie renforcée\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e possible sous suivi médical selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-usage-step\"\u003e\n        \u003cdiv class=\"tyro-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tyro-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e recommandés. Renouveler après une pause d'un mois si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-grid-compact\"\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales HPMC 500 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e⏱️ 60 jours\u003c\/h3\u003e\n        \u003cp\u003eÀ 2 gélules\/jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n        \u003cp\u003e100% compatible vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tyro-card\"\u003e\n        \u003ch3\u003e🇫🇷 Qualité GMP\u003c\/h3\u003e\n        \u003cp\u003eFabrication française contrôlée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"tyro-accordion\"\u003e\n      \u003cdetails class=\"tyro-accordion-item\"\u003e\n        \u003csummary class=\"tyro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"tyro-accordion-content\"\u003e\n          \u003cp\u003eNe remplace pas un traitement médical prescrit (Levothyrox...). Avis médical recommandé si suivi pour trouble thyroïdien. Ne pas dépasser la dose journalière. Complément à utiliser dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tyro-accordion-item\"\u003e\n        \u003csummary class=\"tyro-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"tyro-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux moins de 16 ans, femmes enceintes ou allaitantes (sauf avis médical). \u003cstrong\u003eNe pas associer avec la L-Dopa.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tyro-accordion-item\"\u003e\n        \u003csummary class=\"tyro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"tyro-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tyro-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tyro-cta-box\"\u003e\n      \u003cp\u003e🦋 Redonnez à votre thyroïde les nutriments essentiels dont elle a besoin. Avec \u003cstrong\u003eTyro+\u003c\/strong\u003e, retrouvez naturellement énergie, vitalité et équilibre hormonal au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --tyro-cream: #faf9f7;\n  --tyro-white: #ffffff;\n  --tyro-primary: #8B4B9E;\n  --tyro-primary-dark: #6d3a7d;\n  --tyro-primary-light: #f5eef7;\n  --tyro-secondary: #F4D835;\n  --tyro-accent: #FF7F3E;\n  --tyro-text: #1a1a1a;\n  --tyro-text-light: #5a5a5a;\n  --tyro-border: #e8e4e0;\n  --tyro-shadow: 0 4px 24px rgba(139,75,158,.08);\n  --tyro-shadow-lg: 0 12px 48px rgba(139,75,158,.15);\n  --tyro-radius: 20px;\n  --tyro-radius-sm: 12px;\n}\n\n.tyro-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tyro-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tyro-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tyro-primary) 0%, #9b5aae 40%, var(--tyro-secondary) 100%);\n  border-radius: var(--tyro-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--tyro-shadow-lg);\n}\n\n.tyro-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .06;\n  background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.4) 2px, transparent 2px);\n  background-size: 40px 40px;\n}\n\n.tyro-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tyro-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.tyro-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tyro-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tyro-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tyro-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tyro-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3.5vw, 26px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n}\n\n.tyro-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.tyro-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tyro-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tyro-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.tyro-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--tyro-primary), var(--tyro-secondary));\n  border-radius: 2px;\n}\n\n.tyro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.tyro-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tyro-card {\n  background: var(--tyro-white);\n  border-radius: var(--tyro-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tyro-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tyro-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tyro-shadow-lg);\n  border-color: var(--tyro-primary);\n}\n\n.tyro-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tyro-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tyro-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tyro-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tyro-grid-compact .tyro-card {\n  padding: 1rem;\n}\n\n.tyro-grid-compact .tyro-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tyro-grid-compact .tyro-card p {\n  font-size: 12px;\n}\n\n.tyro-usage-box {\n  background: var(--tyro-white);\n  border-radius: var(--tyro-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tyro-shadow);\n}\n\n.tyro-usage-step {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  margin-bottom: 1.5rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 2px solid var(--tyro-border);\n}\n\n.tyro-usage-step:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n.tyro-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--tyro-primary), var(--tyro-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(139,75,158,.3);\n}\n\n.tyro-step-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--tyro-primary-dark);\n  margin: 0 0 .4rem 0;\n}\n\n.tyro-step-content p {\n  font-size: 14px;\n  color: var(--tyro-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tyro-accordion {\n  background: var(--tyro-white);\n  border-radius: var(--tyro-radius);\n  box-shadow: var(--tyro-shadow);\n  overflow: hidden;\n}\n\n.tyro-accordion-item {\n  border-bottom: 1px solid var(--tyro-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tyro-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tyro-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tyro-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.tyro-accordion-header:hover {\n  background: var(--tyro-primary-light);\n}\n\n.tyro-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tyro-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tyro-primary);\n  transition: transform .2s ease;\n}\n\n.tyro-accordion-item[open] .tyro-accordion-header::after {\n  content: '−';\n}\n\n.tyro-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tyro-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.tyro-accordion-content p {\n  margin: 0;\n}\n\n.tyro-cta-box {\n  background: linear-gradient(135deg, var(--tyro-primary) 0%, var(--tyro-primary-dark) 100%);\n  border-radius: var(--tyro-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tyro-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .tyro-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .tyro-grid-compact {\n    gap: .625rem;\n  }\n  \n  .tyro-grid-compact .tyro-card {\n    padding: .75rem;\n  }\n  \n  .tyro-card {\n    padding: 1.125rem;\n  }\n  \n  .tyro-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .tyro-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tyro-radius-sm);\n  }\n  \n  .tyro-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .tyro-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .tyro-usage-step {\n    flex-direction: column;\n    gap: .75rem;\n    text-align: center;\n  }\n  \n  .tyro-step-number {\n    margin: 0 auto;\n  }\n  \n  .tyro-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .tyro-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tyro-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .tyro-card:nth-child(1) { animation-delay: .05s; }\n  .tyro-card:nth-child(2) { animation-delay: .1s; }\n  .tyro-card:nth-child(3) { animation-delay: .15s; }\n  .tyro-card:nth-child(4) { animation-delay: .2s; }\n  .tyro-card:nth-child(5) { animation-delay: .25s; }\n  .tyro-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tyro-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755313848477,"sku":"TYROJADE","price":25.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tyro-jade-recherche-120-gelules-lifestyle.webp?v=1773329169"},{"product_id":"creacholine-stimulez-votre-cerveau-120-gelules-jade-recherche","title":"Créacholine de Jade Recherche - Stimulez votre Cerveau - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Créacholine - Complément alimentaire mémoire et concentration\nPalette détectée:\n  - Primaire: #2E8B57 (vert prairie du packaging, zone centrale)\n  - Secondaire: #4169E1 (bleu royal du titre \"Créacholine\")\n  - Accent: #FFD700 (doré\/jaune des vagues décoratives)\n  - Background: #1E90FF (bleu ciel du dégradé supérieur)\nAmbiance: Naturel\/santé, frais, dynamique avec touches de nature (herbe, ciel, soleil)\nPréfixe CSS: crea\n--\u003e\n\n\u003cdiv class=\"crea-premium\"\u003e\n  \n  \u003cdiv class=\"crea-hero\"\u003e\n    \u003cdiv class=\"crea-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"crea-hero-content\"\u003e\n      \u003cdiv class=\"crea-badges-top\"\u003e\n        \u003cspan class=\"crea-badge\"\u003e🧠 7 actifs synergiques\u003c\/span\u003e\n        \u003cspan class=\"crea-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"crea-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"crea-hero-title\"\u003eCréacholine\u003c\/span\u003e\n      \u003cp class=\"crea-subtitle\"\u003eLe duo gagnant pour votre cerveau\u003c\/p\u003e\n      \u003cp class=\"crea-description\"\u003eFormule complète associant 7 actifs pour soutenir mémoire, concentration et vivacité intellectuelle. Agit sur l'acétylcholine, le neurotransmetteur clé de vos performances cognitives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits concrets\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🧠 Mémoire renforcée\u003c\/h3\u003e\n        \u003cp\u003eLa phosphatidylsérine et l'acétyl L-carnitine favorisent la transmission des informations entre neurones, soutenant la mémoire court et long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n        \u003cp\u003eLe Ginkgo biloba et le Ginseng stimulent la vigilance et la clarté mentale pour rester focus sur vos tâches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eL'acide alpha-lipoïque neutralise les radicaux libres responsables du vieillissement des cellules cérébrales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🩸 Oxygénation cérébrale\u003c\/h3\u003e\n        \u003cp\u003eLes ginkgosides améliorent la microcirculation sanguine pour un cerveau mieux irrigué et plus performant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e⚡ Énergie neuronale\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline et la vitamine B5 participent au métabolisme énergétique des cellules nerveuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🔬 Action acétylcholine\u003c\/h3\u003e\n        \u003cp\u003eFournit les précurseurs et cofacteurs pour maintenir des niveaux optimaux de ce neurotransmetteur essentiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e🧪 Composition pour 4 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid\"\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e717,6 mg\u003c\/p\u003e\n        \u003cp\u003eStandardisée à 20% de phosphatidylsérine, précurseur essentiel des membranes neuronales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Acétyl L-Carnitine\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e291,2 mg\u003c\/p\u003e\n        \u003cp\u003eTraverse la barrière hémato-encéphalique pour nourrir directement les neurones.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e120 mg\u003c\/p\u003e\n        \u003cp\u003eApporte vitamines B et fer pour soutenir l'énergie cérébrale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🔶 Acide alpha-lipoïque\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e40 mg\u003c\/p\u003e\n        \u003cp\u003eAntioxydant universel protégeant efficacement les cellules nerveuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n        \u003cp\u003eExtrait standardisé améliorant la circulation sanguine cérébrale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Ginseng\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n        \u003cp\u003eAdaptogène Panax ginseng soutenant les performances mentales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"crea-note\"\u003e+ Vitamine B5 (7,08 mg) cofacteur de la synthèse d'acétylcholine • Gélule végétale HPMC • Sans additifs artificiels\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid-compact\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e👨‍💼 Adultes 45+\u003c\/h3\u003e\n        \u003cp\u003ePréservez vos capacités cognitives dès les premiers signes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintenez votre autonomie intellectuelle au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eBoostez révisions et examens en période intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eRestez performant face aux défis cognitifs du travail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"crea-steps\"\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDémarrage en douceur\u003c\/h3\u003e\n          \u003cp\u003eCommencez avec \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pendant une semaine pour habituer votre organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDose optimale\u003c\/h3\u003e\n          \u003cp\u003eAugmentez progressivement à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003ePrenez vos gélules \u003cstrong\u003ele matin ou le midi\u003c\/strong\u003e, avant les repas pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois minimum\u003c\/strong\u003e, renouvelable jusqu'à 6 mois pour des résultats durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"crea-accordion\"\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eLes premiers bénéfices se font généralement sentir après 2 à 3 semaines de prise régulière. La pleine efficacité s'installe progressivement sur 4 à 6 semaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e🔗 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eOui, Créacholine se combine parfaitement avec des oméga-3 ou un complexe de vitamines B pour une action renforcée sur les fonctions cognitives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e🌱 Convient-il aux végétariens ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eCréacholine est formulé avec des gélules végétales en cellulose HPMC, adapté aux régimes végétaliens. Notez toutefois la présence de lécithine de soja.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes. Consultez votre médecin en cas de traitement médicamenteux. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid-compact\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 mois de cure selon posologie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n        \u003cp\u003eSécurité alimentaire stricte\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🌿 100% clean\u003c\/h3\u003e\n        \u003cp\u003eSans additifs ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"crea-cta-box\"\u003e\n      \u003cp\u003e🧠 Offrez à votre cerveau les 7 nutriments dont il a besoin pour rester vif, concentré et performant à tout âge. Créacholine : la formule complète pour des fonctions cognitives au top !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --crea-cream: #f8faf9;\n  --crea-white: #ffffff;\n  --crea-primary: #2E8B57;\n  --crea-primary-dark: #1e6b42;\n  --crea-primary-light: #e8f5ed;\n  --crea-secondary: #4169E1;\n  --crea-accent: #FFD700;\n  --crea-text: #1a1a1a;\n  --crea-text-light: #5a5a5a;\n  --crea-border: #e0e0e0;\n  --crea-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --crea-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --crea-radius: 20px;\n  --crea-radius-sm: 12px;\n}\n\n.crea-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--crea-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.crea-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4169E1 0%, #2E8B57 50%, #1e6b42 100%);\n  border-radius: var(--crea-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.crea-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.crea-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.crea-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--crea-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.crea-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.crea-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.crea-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.crea-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.crea-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.crea-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--crea-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.crea-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--crea-primary), var(--crea-secondary));\n  border-radius: 2px;\n}\n\n.crea-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.crea-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.crea-card {\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--crea-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.crea-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--crea-shadow-lg);\n  border-color: var(--crea-primary);\n}\n\n.crea-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--crea-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.crea-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--crea-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.crea-card-ingredient .crea-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n  color: white;\n  font-size: 13px;\n  font-weight: 800;\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: .5rem;\n}\n\n.crea-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--crea-text-light);\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n.crea-grid-compact .crea-card {\n  padding: 1rem;\n}\n\n.crea-grid-compact .crea-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.crea-grid-compact .crea-card p {\n  font-size: 12px;\n}\n\n\/* Steps *\/\n.crea-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.crea-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  padding: 1.25rem;\n  box-shadow: var(--crea-shadow);\n  transition: all .3s ease;\n}\n\n.crea-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(46,139,87,.3);\n}\n\n.crea-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--crea-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.crea-step-content p {\n  font-size: 14px;\n  color: var(--crea-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* Accordion *\/\n.crea-accordion {\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  box-shadow: var(--crea-shadow);\n  overflow: hidden;\n}\n\n.crea-accordion-item {\n  border-bottom: 1px solid var(--crea-border);\n  margin: 0;\n  padding: 0;\n}\n\n.crea-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.crea-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--crea-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.crea-accordion-header:hover {\n  background: var(--crea-primary-light);\n}\n\n.crea-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.crea-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--crea-primary);\n  transition: transform .2s ease;\n}\n\n.crea-accordion-item[open] .crea-accordion-header::after {\n  content: '−';\n}\n\n.crea-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--crea-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.crea-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA Box *\/\n.crea-cta-box {\n  background: linear-gradient(135deg, var(--crea-primary) 0%, var(--crea-secondary) 100%);\n  border-radius: var(--crea-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.crea-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n.crea-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n\/* Responsive Mobile *\/\n@media (max-width: 767px) {\n  .crea-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .crea-card {\n    padding: 1.125rem;\n  }\n  \n  .crea-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .crea-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--crea-radius-sm);\n  }\n  \n  .crea-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .crea-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .crea-grid-compact {\n    gap: .625rem;\n  }\n  \n  .crea-grid-compact .crea-card {\n    padding: .75rem;\n  }\n  \n  .crea-step {\n    padding: 1rem;\n  }\n  \n  .crea-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .crea-step-content h3 {\n    font-size: 14px;\n  }\n  \n  .crea-step-content p {\n    font-size: 13px;\n  }\n  \n  .crea-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .crea-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .crea-badges-top {\n    gap: 6px;\n  }\n  \n  .crea-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .crea-card {\n    animation: creaFadeInUp .5s ease backwards;\n  }\n  .crea-card:nth-child(1) { animation-delay: .05s; }\n  .crea-card:nth-child(2) { animation-delay: .1s; }\n  .crea-card:nth-child(3) { animation-delay: .15s; }\n  .crea-card:nth-child(4) { animation-delay: .2s; }\n  .crea-card:nth-child(5) { animation-delay: .25s; }\n  .crea-card:nth-child(6) { animation-delay: .3s; }\n  \n  .crea-step {\n    animation: creaFadeInLeft .5s ease backwards;\n  }\n  .crea-step:nth-child(1) { animation-delay: .1s; }\n  .crea-step:nth-child(2) { animation-delay: .2s; }\n  .crea-step:nth-child(3) { animation-delay: .3s; }\n  .crea-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes creaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes creaFadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* Accessibilité *\/\n@media (prefers-reduced-motion: reduce) {\n  .crea-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755321221277,"sku":"JADECREAC120","price":39.08,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creacholine-de-jade-recherche-stimulez-votre-cerveau-120-gel-ingredients.webp?v=1773330058"},{"product_id":"alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-recherche","title":"Alpha R Lipoïque Vitamine C Liposomale - 60 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Alpha R Lipoïque Vitamine C Liposomale\nPalette détectée:\n  - Primaire: #E86A33 (orange vif du packaging - dynamisme, énergie, vitalité)\n  - Secondaire: #1A8B6D (vert jade\/teal de la bande - naturel, santé, recherche)\n  - Accent: #F5A623 (orange doré pour highlights)\nAmbiance: Scientifique\/naturel, laboratoire français, efficacité prouvée, vitalité\nPréfixe CSS: alr\n--\u003e\n\n\u003cdiv class=\"alr-premium\"\u003e\n  \n  \u003cdiv class=\"alr-hero\"\u003e\n    \u003cdiv class=\"alr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"alr-hero-content\"\u003e\n      \u003cdiv class=\"alr-badges-top\"\u003e\n        \u003cspan class=\"alr-badge\"\u003e🔬 Formule synergique\u003c\/span\u003e\n        \u003cspan class=\"alr-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"alr-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"alr-hero-title\"\u003eAlpha R Lipoïque + Vitamine C Liposomale\u003c\/span\u003e\n      \u003cp class=\"alr-subtitle\"\u003eLe duo antioxydant à action prolongée\u003c\/p\u003e\n      \u003cp class=\"alr-description\"\u003e560 mg d'acide R-alpha lipoïque + 272 mg de vitamine C liposomale par dose.\u003cbr\u003eUne synergie unique qui régénère et multiplie la protection cellulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e🧬 Pourquoi cette synergie est unique\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e♻️ Régénération continue\u003c\/h3\u003e\n        \u003cp\u003eL'acide R-alpha lipoïque \"rajeunit\" la vitamine C oxydée, lui permettant de reprendre son rôle protecteur. Une action antioxydante prolongée et amplifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e💧 Double solubilité\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux autres antioxydants, l'acide alpha lipoïque est à la fois hydrosoluble et liposoluble. Il protège tous les compartiments cellulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🎯 Absorption optimisée\u003c\/h3\u003e\n        \u003cp\u003eLa forme liposomale encapsule la vitamine C dans des phospholipides, la protégeant de la dégradation digestive pour une biodisponibilité supérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire renforcée\u003c\/h3\u003e\n        \u003cp\u003eLa synergie vitamine C + alpha lipoïque multiplie l'efficacité contre les radicaux libres et le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🦠 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, toute l'année.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C aide à diminuer la fatigue et à maintenir votre énergie au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🔄 Régénère les antioxydants\u003c\/h3\u003e\n        \u003cp\u003eL'acide alpha lipoïque recycle également la vitamine E et le glutathion pour une protection globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🧹 Chélation des métaux\u003c\/h3\u003e\n        \u003cp\u003eL'acide alpha lipoïque aide à piéger certains métaux lourds indésirables présents dans l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre métabolique\u003c\/h3\u003e\n        \u003cp\u003eSoutient le métabolisme énergétique cellulaire et participe à la gestion de la glycémie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e🧪 Composition par dose (2 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n        \u003ch3\u003e🔶 Acide R-alpha lipoïque\u003c\/h3\u003e\n        \u003cp class=\"alr-dosage\"\u003e560 mg\u003c\/p\u003e\n        \u003cp\u003eForme naturelle (R) reconnue et mieux utilisée par vos cellules que la forme synthétique (S).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n        \u003ch3\u003e🍊 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp class=\"alr-dosage\"\u003e272 mg\u003c\/p\u003e\n        \u003cp\u003eEncapsulée dans des liposomes pour une absorption optimale et une excellente tolérance digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🌱 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe d'origine végétale, convient aux végétariens. Anti-agglomérant : stéarate de magnésium.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n        \u003cp\u003eLe sport intensif génère du stress oxydatif. Cette formule aide à récupérer et protéger vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🏙️ Citadins exposés\u003c\/h3\u003e\n        \u003cp\u003ePollution, stress chronique, rythme de vie intense : renforcez vos défenses antioxydantes naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e😴 En manque d'énergie\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à réduire la fatigue et retrouver votre vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🎯 Exigeants sur la qualité\u003c\/h3\u003e\n        \u003cp\u003eVous voulez une formule à haute biodisponibilité avec des actifs sélectionnés et bien dosés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"alr-usage-box\"\u003e\n      \u003cdiv class=\"alr-usage-step\"\u003e\n        \u003cspan class=\"alr-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eDosage\u003c\/strong\u003e\n          \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-usage-step\"\u003e\n        \u003cspan class=\"alr-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eMoment idéal\u003c\/strong\u003e\n          \u003cp\u003eLe matin, avant ou pendant le petit-déjeuner\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-usage-step\"\u003e\n        \u003cspan class=\"alr-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eDurée\u003c\/strong\u003e\n          \u003cp\u003e1 flacon = 30 jours d'utilisation (cure d'1 mois)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"alr-accordion\"\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"alr-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Refermez bien après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"alr-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. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e💊 Si vous êtes diabétique\u003c\/summary\u003e\n        \u003cdiv class=\"alr-accordion-content\"\u003e\n          \u003cp\u003eL'acide alpha lipoïque peut influencer la glycémie. Si vous êtes diabétique sous traitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e🏭 Qualité Jade Recherche\u003c\/summary\u003e\n        \u003cdiv class=\"alr-accordion-content\"\u003e\n          \u003cp\u003eJade Recherche est un laboratoire français spécialisé dans les compléments alimentaires naturels de haute qualité. Chaque formule est élaborée avec rigueur pour vous offrir des actifs soigneusement sélectionnés et des dosages optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"alr-cta-box\"\u003e\n      \u003cp\u003e🔬 \u003cstrong\u003eUne formule scientifiquement pensée\u003c\/strong\u003e pour une protection antioxydante complète.\u003cbr\u003eL'acide R-alpha lipoïque régénère votre vitamine C pour une action prolongée, dans tous les compartiments cellulaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --alr-cream: #FDF8F3;\n  --alr-white: #ffffff;\n  --alr-primary: #E86A33;\n  --alr-primary-dark: #C65528;\n  --alr-primary-light: #FFF0E8;\n  --alr-secondary: #1A8B6D;\n  --alr-secondary-light: #E8F5F1;\n  --alr-accent: #F5A623;\n  --alr-text: #1a1a1a;\n  --alr-text-light: #5a5a5a;\n  --alr-border: #e0e0e0;\n  --alr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --alr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --alr-radius: 20px;\n  --alr-radius-sm: 12px;\n}\n\n.alr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--alr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.alr-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--alr-primary) 0%, var(--alr-primary-dark) 40%, var(--alr-secondary) 100%);\n  border-radius: var(--alr-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(--alr-shadow-lg);\n}\n\n.alr-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.alr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.alr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.alr-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(--alr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.alr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.alr-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.alr-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.alr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.alr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--alr-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.alr-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(--alr-primary), var(--alr-secondary));\n  border-radius: 2px;\n}\n\n.alr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.alr-card {\n  background: var(--alr-white);\n  border-radius: var(--alr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--alr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.alr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--alr-shadow-lg);\n  border-color: var(--alr-primary);\n}\n\n.alr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--alr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.alr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--alr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.alr-card-highlight {\n  background: linear-gradient(135deg, var(--alr-primary-light) 0%, var(--alr-white) 100%);\n  border: 2px solid var(--alr-primary);\n}\n\n.alr-card-highlight:hover {\n  border-color: var(--alr-primary-dark);\n}\n\n.alr-dosage {\n  font-size: clamp(28px, 5vw, 40px) !important;\n  font-weight: 900 !important;\n  color: var(--alr-primary) !important;\n  margin: .5rem 0 !important;\n  letter-spacing: -.02em;\n}\n\n.alr-usage-box {\n  background: var(--alr-white);\n  border-radius: var(--alr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--alr-shadow);\n}\n\n.alr-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--alr-border);\n}\n\n.alr-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.alr-usage-step:first-child {\n  padding-top: 0;\n}\n\n.alr-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--alr-primary), var(--alr-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: 18px;\n}\n\n.alr-usage-step strong {\n  display: block;\n  color: var(--alr-primary-dark);\n  font-size: 16px;\n  margin-bottom: .25rem;\n}\n\n.alr-usage-step p {\n  margin: 0;\n  color: var(--alr-text-light);\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.alr-accordion {\n  background: var(--alr-white);\n  border-radius: var(--alr-radius);\n  box-shadow: var(--alr-shadow);\n  overflow: hidden;\n}\n\n.alr-accordion-item {\n  border-bottom: 1px solid var(--alr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.alr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.alr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--alr-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.alr-accordion-header:hover {\n  background: var(--alr-primary-light);\n}\n\n.alr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.alr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--alr-primary);\n  transition: transform .2s ease;\n}\n\n.alr-accordion-item[open] .alr-accordion-header::after {\n  content: '−';\n}\n\n.alr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--alr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.alr-accordion-content p {\n  margin: 0;\n}\n\n.alr-cta-box {\n  background: linear-gradient(135deg, var(--alr-secondary) 0%, #147A5E 100%);\n  border-radius: var(--alr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.alr-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.alr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.alr-cta-box strong {\n  font-weight: 700;\n}\n\n@media (max-width: 767px) {\n  .alr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .alr-card {\n    padding: 1.125rem;\n  }\n  \n  .alr-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .alr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--alr-radius-sm);\n  }\n  \n  .alr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .alr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .alr-badges-top {\n    gap: 8px;\n  }\n  \n  .alr-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .alr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .alr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .alr-usage-box {\n    padding: 1.25rem;\n  }\n  \n  .alr-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .alr-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .alr-card:nth-child(1) { animation-delay: .05s; }\n  .alr-card:nth-child(2) { animation-delay: .1s; }\n  .alr-card:nth-child(3) { animation-delay: .15s; }\n  .alr-card:nth-child(4) { animation-delay: .2s; }\n  .alr-card:nth-child(5) { animation-delay: .25s; }\n  .alr-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  .alr-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":45755329347741,"sku":"JADEALPHAR60","price":38.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-reche-lifestyle.webp?v=1773324069"},{"product_id":"tcm-pour-recuperer-et-retrouver-de-lenergie-500-ml-jade-recherche","title":"TCM 500 ml - Récupérer \u0026 Retrouver de l'énergie - Jade Recherche","description":"\u003cdiv class=\"tcm-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"tcm-hero\"\u003e\n    \u003cdiv class=\"tcm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tcm-hero-content\"\u003e\n      \u003cdiv class=\"tcm-badges-top\"\u003e\n        \u003cspan class=\"tcm-badge\"\u003e🥥 Huile de coco pure\u003c\/span\u003e\n        \u003cspan class=\"tcm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"tcm-badge\"\u003e⚡ Énergie rapide\u003c\/span\u003e\n        \u003cspan class=\"tcm-badge\"\u003e🧪 100 % TCM C8 + C10\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tcm-hero-title\"\u003eTCM 500 ml — Jade Recherche\u003c\/span\u003e\n      \u003cp class=\"tcm-subtitle\"\u003eRécupérer \u0026amp; retrouver de l'énergie\u003c\/p\u003e\n      \u003cp class=\"tcm-description\"\u003eUne source d'énergie pure et immédiate à base de triglycérides à chaîne moyenne issus de l'huile de coco. 1 cuillère à soupe par jour pour nourrir directement vos cellules, sans stimulant artificiel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eTCM Jade Recherche : le complément alimentaire énergie à base de triglycérides à chaîne moyenne\u003c\/h2\u003e\n    \u003cp class=\"tcm-section-intro\"\u003eVous traversez une période de fatigue ou de baisse de vitalité ? Le \u003cstrong\u003eTCM 500 ml de Jade Recherche\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire énergie et vitalité\u003c\/strong\u003e formulé à partir de \u003cstrong\u003etriglycérides à chaîne moyenne (TCM)\u003c\/strong\u003e issus de l'huile de coco.\u003c\/p\u003e\n    \u003cdiv class=\"tcm-grid-compact\"\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🧬 Assimilation directe\u003c\/h3\u003e\n        \u003cp\u003eLes TCM passent directement au foie, sans solliciter la bile ni le système lymphatique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e⚡ Énergie immédiate\u003c\/h3\u003e\n        \u003cp\u003eConvertis en corps cétoniques, ils alimentent cerveau, cœur et muscles en quelques minutes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eIssu de l'huile de coco, sans stimulant artificiel, sans additif ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🔄 Énergie durable\u003c\/h3\u003e\n        \u003cp\u003ePas de pic ni de chute de glycémie : une vitalité stable tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir les TCM plutôt qu'un autre complément alimentaire pour booster l'énergie ?\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-card tcm-card-highlight\"\u003e\n      \u003ch3\u003e🚀 Métabolisés jusqu'à 4× plus rapidement\u003c\/h3\u003e\n      \u003cp\u003eContrairement aux acides gras classiques (triglycérides à chaîne longue), les TCM sont absorbés et métabolisés \u003cstrong\u003ejusqu'à quatre fois plus rapidement\u003c\/strong\u003e. Ils n'ont pas besoin de bile ni de lymphe pour être digérés : ils passent directement au foie, où ils sont convertis en \u003cstrong\u003ecorps cétoniques\u003c\/strong\u003e. Ces cétones constituent un carburant immédiat pour vos cellules, en particulier celles du \u003cem\u003ecerveau, du cœur et des muscles\u003c\/em\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcm-tip\"\u003e\n      \u003cspan class=\"tcm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous hésitez entre la \u003cstrong\u003emaca, la spiruline\u003c\/strong\u003e ou d'autres compléments disponibles en pharmacie, sachez que le TCM agit sur un mécanisme différent : il ne stimule pas artificiellement, il \u003cstrong\u003enourrit vos cellules directement en énergie\u003c\/strong\u003e. Il se combine d'ailleurs très bien avec la maca et la spiruline pour une approche complète de la vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets du TCM au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-grid\"\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e⚡ Énergie rapide et durable\u003c\/h3\u003e\n        \u003cp\u003eLes cétones produites alimentent votre corps sans les pics et chutes de glycémie liés aux sucres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e💪 Récupération facilitée\u003c\/h3\u003e\n        \u003cp\u003eIdéal après un effort physique ou intellectuel intense pour retrouver votre pleine capacité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🔥 Soutien métabolique\u003c\/h3\u003e\n        \u003cp\u003eLes TCM contribuent à augmenter le métabolisme de base, ce qui peut favoriser la gestion du poids\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🧡 Meilleure absorption des vitamines\u003c\/h3\u003e\n        \u003cp\u003eFacilite l'assimilation des vitamines liposolubles A, D, E, K et bêta-carotène\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🫶 Digestion douce\u003c\/h3\u003e\n        \u003cp\u003eNe sollicite ni la bile ni le système lymphatique, contrairement aux graisses habituelles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eComposition du TCM Jade Recherche\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-composition-box\"\u003e\n      \u003cp class=\"tcm-composition-label\"\u003eIngrédient unique\u003c\/p\u003e\n      \u003cp class=\"tcm-composition-main\"\u003e100 % triglycérides à chaîne moyenne issus d'huile de coco non hydrogénée\u003c\/p\u003e\n      \u003cdiv class=\"tcm-composition-acids\"\u003e\n        \u003cdiv class=\"tcm-acid-tag\"\u003e\n          \u003cspan class=\"tcm-acid-name\"\u003eAcide caprylique\u003c\/span\u003e\n          \u003cspan class=\"tcm-acid-code\"\u003eC8\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tcm-acid-tag\"\u003e\n          \u003cspan class=\"tcm-acid-name\"\u003eAcide caprique\u003c\/span\u003e\n          \u003cspan class=\"tcm-acid-code\"\u003eC10\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-composition-badges\"\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans additif\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🥑 Keto\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🦴 Paléo\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🌱 Végétarien\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003ePosologie : comment prendre le TCM ?\u003c\/h2\u003e\n    \u003cp class=\"tcm-section-intro\"\u003ePour une bonne tolérance digestive, adoptez une progression douce :\u003c\/p\u003e\n    \u003cdiv class=\"tcm-timeline\"\u003e\n      \u003cdiv class=\"tcm-timeline-item\"\u003e\n        \u003cdiv class=\"tcm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tcm-timeline-content\"\u003e\n          \u003ch3\u003eJours 1 à 4 — Démarrage en douceur\u003c\/h3\u003e\n          \u003cp\u003e1 cuillère à café (5 ml) par jour, de préférence le matin\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-timeline-item\"\u003e\n        \u003cdiv class=\"tcm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tcm-timeline-content\"\u003e\n          \u003ch3\u003eJours 5 à 8 — Montée progressive\u003c\/h3\u003e\n          \u003cp\u003e2 cuillères à café (10 ml) par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-timeline-item\"\u003e\n        \u003cdiv class=\"tcm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tcm-timeline-content\"\u003e\n          \u003ch3\u003eÀ partir du jour 9 — Dose optimale\u003c\/h3\u003e\n          \u003cp\u003e1 cuillère à soupe (15 ml) par jour pour un effet optimal\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcm-tip\"\u003e\n      \u003cspan class=\"tcm-tip-icon\"\u003e🥤\u003c\/span\u003e\n      \u003cp\u003eVous pouvez l'ajouter à un \u003cstrong\u003esmoothie, un café, une salade\u003c\/strong\u003e ou le consommer directement. Son goût neutre le rend très facile à intégrer dans votre alimentation quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité Jade Recherche\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-grid-compact\"\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit par Jade Recherche, laboratoire spécialisé dans les compléments naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🥥 Coco responsable\u003c\/h3\u003e\n        \u003cp\u003eNoix de coco cultivées de manière responsable et traçable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🔬 Pureté garantie\u003c\/h3\u003e\n        \u003cp\u003eProduction suivant des normes strictes de pureté et de traçabilité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e✅ Pur, sûr, concentré\u003c\/h3\u003e\n        \u003cp\u003eAucun compromis sur la qualité, pour des résultats concrets et durables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"tcm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-accordion\"\u003e\n      \u003cdetails class=\"tcm-accordion-item\"\u003e\n        \u003csummary class=\"tcm-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"tcm-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 ou de traitement médical en cours, consultez votre médecin avant utilisation. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"tcm-disclaimer\"\u003eLes compléments alimentaires ne remplacent 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  --tcm-cream: #f4f8f2;\n  --tcm-white: #ffffff;\n  --tcm-primary: #1a8c3f;\n  --tcm-primary-dark: #0f6b2d;\n  --tcm-primary-light: #e8f5ec;\n  --tcm-secondary: #1565a0;\n  --tcm-accent: #2196f3;\n  --tcm-text: #1a1a1a;\n  --tcm-text-light: #5a5a5a;\n  --tcm-border: #dce8d8;\n  --tcm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tcm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tcm-radius: 20px;\n  --tcm-radius-sm: 12px;\n}\n\n.tcm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tcm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tcm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0f6b2d 0%, #1a8c3f 40%, #1565a0 100%);\n  border-radius: var(--tcm-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(--tcm-shadow-lg);\n}\n\n.tcm-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.tcm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tcm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.tcm-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(--tcm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tcm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tcm-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.tcm-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.tcm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.tcm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tcm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tcm-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.tcm-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(--tcm-primary), var(--tcm-secondary));\n  border-radius: 2px;\n}\n\n.tcm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--tcm-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.tcm-card {\n  background: var(--tcm-white);\n  border-radius: var(--tcm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tcm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tcm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tcm-shadow-lg);\n  border-color: var(--tcm-primary);\n}\n\n.tcm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tcm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tcm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tcm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tcm-card-highlight {\n  border-left: 4px solid var(--tcm-primary);\n  text-align: left;\n}\n\n.tcm-card-highlight h3 {\n  text-align: left;\n  font-size: clamp(16px, 3vw, 20px);\n  margin-bottom: .75rem;\n}\n\n.tcm-card-highlight p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.tcm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.tcm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tcm-grid-compact .tcm-card {\n  padding: 1rem;\n}\n\n.tcm-grid-compact .tcm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tcm-grid-compact .tcm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tcm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tcm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tcm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-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.tcm-timeline-content {\n  flex: 1;\n  background: var(--tcm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--tcm-radius-sm);\n  box-shadow: var(--tcm-shadow);\n}\n\n.tcm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tcm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.tcm-timeline-content p {\n  font-size: 14px;\n  color: var(--tcm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tcm-composition-box {\n  background: var(--tcm-white);\n  border-radius: var(--tcm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tcm-shadow);\n  text-align: center;\n  border: 2px solid var(--tcm-primary-light);\n}\n\n.tcm-composition-label {\n  font-size: 13px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  color: var(--tcm-primary);\n  margin: 0 0 .5rem 0;\n}\n\n.tcm-composition-main {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 700;\n  color: var(--tcm-text);\n  margin: 0 0 1.25rem 0;\n  line-height: 1.5;\n}\n\n.tcm-composition-acids {\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.tcm-acid-tag {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-secondary));\n  border-radius: 999px;\n  padding: 10px 20px;\n  color: white;\n}\n\n.tcm-acid-name {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.tcm-acid-code {\n  font-weight: 900;\n  font-size: 16px;\n  background: rgba(255,255,255,.25);\n  padding: 2px 10px;\n  border-radius: 999px;\n}\n\n.tcm-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n}\n\n.tcm-comp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 12px;\n  background: var(--tcm-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--tcm-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.tcm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--tcm-primary-light);\n  border-radius: var(--tcm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.tcm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.tcm-tip p {\n  font-size: 14px;\n  color: var(--tcm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tcm-accordion {\n  background: var(--tcm-white);\n  border-radius: var(--tcm-radius);\n  box-shadow: var(--tcm-shadow);\n  overflow: hidden;\n}\n\n.tcm-accordion-item {\n  border-bottom: 1px solid var(--tcm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tcm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tcm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tcm-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.tcm-accordion-header:hover {\n  background: var(--tcm-primary-light);\n}\n\n.tcm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tcm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tcm-primary);\n  transition: transform .2s ease;\n}\n\n.tcm-accordion-item[open] .tcm-accordion-header::after {\n  content: '−';\n}\n\n.tcm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tcm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.tcm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tcm-disclaimer {\n  font-size: 12px;\n  color: var(--tcm-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  .tcm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .tcm-card {\n    padding: 1.125rem;\n  }\n\n  .tcm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .tcm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tcm-radius-sm);\n  }\n\n  .tcm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .tcm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .tcm-grid-compact {\n    gap: .625rem;\n  }\n\n  .tcm-grid-compact .tcm-card {\n    padding: .75rem;\n  }\n\n  .tcm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .tcm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .tcm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .tcm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .tcm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .tcm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .tcm-card-highlight {\n    padding: 1rem;\n  }\n\n  .tcm-composition-box {\n    padding: 1.25rem;\n  }\n\n  .tcm-composition-acids {\n    flex-direction: column;\n    align-items: center;\n    gap: .5rem;\n  }\n\n  .tcm-acid-tag {\n    padding: 8px 16px;\n  }\n\n  .tcm-acid-name {\n    font-size: 13px;\n  }\n\n  .tcm-acid-code {\n    font-size: 14px;\n  }\n\n  .tcm-comp-badge {\n    font-size: 11px;\n    padding: 5px 10px;\n  }\n\n  .tcm-tip {\n    padding: .875rem 1rem;\n  }\n\n  .tcm-tip-icon {\n    font-size: 20px;\n  }\n\n  .tcm-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tcm-card {\n    animation: tcmFadeInUp .5s ease backwards;\n  }\n  .tcm-card:nth-child(1) { animation-delay: .05s; }\n  .tcm-card:nth-child(2) { animation-delay: .1s; }\n  .tcm-card:nth-child(3) { animation-delay: .15s; }\n  .tcm-card:nth-child(4) { animation-delay: .2s; }\n  .tcm-card:nth-child(5) { animation-delay: .25s; }\n  .tcm-card:nth-child(6) { animation-delay: .3s; }\n\n  .tcm-timeline-item {\n    animation: tcmFadeInUp .5s ease backwards;\n  }\n  .tcm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .tcm-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .tcm-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes tcmFadeInUp {\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  .tcm-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":45755338326173,"sku":"JADETCM500","price":37.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tcm_jade_recherche.webp?v=1757062407"},{"product_id":"vitamine-c-liposomale-en-spray-100-ml-jade-recherche","title":"Vitamine C Liposomale en Spray - 100 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale en Spray - Jade Recherche\nPalette détectée:\n  - Primaire: #FF8C42 (Orange vif du packaging, dynamique et énergisant)\n  - Secondaire: #2E9B5A (Vert émeraude des bandes, évoque naturel\/santé)\n  - Accent: #FFB573 (Orange clair pour backgrounds doux)\nAmbiance: Santé\/Vitalité - Design médical moderne avec codes couleurs énergisants (orange = vitalité, vert = naturel\/santé). Le spray évoque praticité et innovation. Style professionnel mais accessible.\nPréfixe CSS: vcl\n--\u003e\n\n\u003cdiv class=\"vcl-premium\"\u003e\n  \u003cdiv class=\"vcl-hero\"\u003e\n    \u003cdiv class=\"vcl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vcl-hero-content\"\u003e\n      \u003cdiv class=\"vcl-badges-top\"\u003e\n        \u003cspan class=\"vcl-badge\"\u003e💊 270 mg par dose\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🚀 ×8 absorption\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vcl-hero-title\"\u003eVitamine C liposomale en spray\u003c\/span\u003e\n      \u003cp class=\"vcl-subtitle\"\u003eL'innovation qui révolutionne votre apport quotidien\u003c\/p\u003e\n      \u003cp class=\"vcl-description\"\u003eGrâce à la technologie liposomale, profitez d'une absorption jusqu'à 8 fois supérieure. 2 sprays = 2250 mg de vitamine C traditionnelle !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🎯 Pourquoi choisir le liposomal ?\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🔬 Technologie liposomale\u003c\/h3\u003e\n        \u003cp\u003eDes liposomes encapsulent la vitamine C, protégeant ses principes actifs et permettant une absorption optimale au niveau cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e⚡ Efficacité décuplée\u003c\/h3\u003e\n        \u003cp\u003e270 mg de vitamine C liposomale équivaut à 2250 mg de vitamine C classique. Un ratio d'efficacité exceptionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e💧 Format spray pratique\u003c\/h3\u003e\n        \u003cp\u003eFini les gélules ! Notre spray offre une utilisation simple, rapide et agréable, avec un goût peu acide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e✨ Pureté française\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France avec des ingrédients naturels triés sur le volet. Aucun additif synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits de la vitamine C\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🛡️ Bouclier antioxydant\u003c\/h3\u003e\n        \u003cp\u003eCombat les radicaux libres, ralentit le vieillissement cellulaire et protège du stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🔋 Énergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003ePouvoir anti-fatigue exceptionnel. Redonne du tonus et augmente la résistance physique et mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🦠 Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eRenforce votre système immunitaire naturellement. Action anti-infectieuse et protection contre les allergies.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e❤️ Santé circulatoire\u003c\/h3\u003e\n        \u003cp\u003eAméliore la micro-circulation cellulaire et favorise la production de globules rouges.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🔗 Synergie vitaminique\u003c\/h3\u003e\n        \u003cp\u003ePotentialise l'action des autres vitamines. Catalyseur essentiel dans les réactions d'oxydo-réduction.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🦴 Métabolisme osseux\u003c\/h3\u003e\n        \u003cp\u003eContribue au métabolisme phospho-calcique, essentiel pour des os et des dents solides à tout âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🧪 Composition pure et efficace\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e🍋 Vitamine C active\u003c\/h3\u003e\n        \u003cp\u003eAcide L-ascorbique + ascorbate de sodium\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003e270 mg par dose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e🌻 Lécithine de tournesol\u003c\/h3\u003e\n        \u003cp\u003eÉmulsifiant liposomal naturel\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003e100% végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003eBase ultra-pure\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003eQualité pharmaceutique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Glycérol naturel\u003c\/h3\u003e\n        \u003cp\u003eStabilisant doux\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003eOrigine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vcl-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eSans additifs synthétiques\u003c\/strong\u003e • Conservation naturelle avec sorbate de potassium • Formule minimaliste et efficace\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-steps\"\u003e\n      \u003cdiv class=\"vcl-step\"\u003e\n        \u003cdiv class=\"vcl-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"vcl-step-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eBien agiter avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-step\"\u003e\n        \u003cdiv class=\"vcl-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"vcl-step-content\"\u003e\n          \u003ch3\u003ePulvérisez 2 fois\u003c\/h3\u003e\n          \u003cp\u003e2 sprays par jour suffisent, directement dans la bouche\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-step\"\u003e\n        \u003cdiv class=\"vcl-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"vcl-step-content\"\u003e\n          \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n          \u003cp\u003eGardez quelques secondes en bouche pour maximiser l'absorption sublinguale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n        \u003cp\u003eCombattez la fatigue et le stress quotidien. Retrouvez énergie et concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimisez votre récupération et protégez vos cellules du stress oxydatif intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n        \u003cp\u003eRalentissez le vieillissement cellulaire et maintenez votre vitalité naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eGoût agréable et peu acide. Convient aux enfants comme aux adultes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📊 Chiffres clés\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid-compact\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e270 mg\u003c\/h3\u003e\n        \u003cp\u003eVitamine C par dose\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e×8\u003c\/h3\u003e\n        \u003cp\u003eAbsorption supérieure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e100 ml\u003c\/h3\u003e\n        \u003cp\u003e~50 jours d'utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e2 sprays\u003c\/h3\u003e\n        \u003cp\u003ePar jour seulement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-accordion\"\u003e\n      \u003cdetails class=\"vcl-accordion-item\"\u003e\n        \u003csummary class=\"vcl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vcl-accordion-content\"\u003e\n          \u003cp\u003eConserver au réfrigérateur après ouverture. À consommer dans les 2 mois après ouverture. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vcl-accordion-item\"\u003e\n        \u003csummary class=\"vcl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vcl-accordion-content\"\u003e\n          \u003cp\u003eComplément alimentaire : ne peut se substituer à une alimentation variée et équilibrée et à un mode de vie sain. Respecter la dose journalière recommandée. Femmes enceintes : demander conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vcl-accordion-item\"\u003e\n        \u003csummary class=\"vcl-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"vcl-accordion-content\"\u003e\n          \u003cp\u003eFabriqué en France par Jade Recherche. Ingrédients 100% naturels, sans additifs synthétiques. Technologie liposomale de pointe pour une efficacité maximale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vcl-cta-box\"\u003e\n      \u003cp\u003e🚀 \u003cstrong\u003eBoostez votre vitalité naturellement\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003eDécouvrez la puissance de la vitamine C liposomale et transformez votre quotidien. Une santé optimale commence par les bons choix !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vcl-cream: #FFF9F5;\n  --vcl-white: #ffffff;\n  --vcl-primary: #FF8C42;\n  --vcl-primary-dark: #E07030;\n  --vcl-primary-light: #FFF0E5;\n  --vcl-secondary: #2E9B5A;\n  --vcl-accent: #FFB573;\n  --vcl-text: #1a1a1a;\n  --vcl-text-light: #5a5a5a;\n  --vcl-border: #e0e0e0;\n  --vcl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --vcl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --vcl-radius: 20px;\n  --vcl-radius-sm: 12px;\n}\n\n.vcl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vcl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vcl-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n  border-radius: var(--vcl-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(--vcl-shadow-lg);\n}\n\n.vcl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vcl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vcl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.vcl-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vcl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vcl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vcl-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(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.vcl-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.vcl-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.vcl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vcl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vcl-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.vcl-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vcl-primary), var(--vcl-secondary));\n  border-radius: 2px;\n}\n\n.vcl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vcl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vcl-card {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vcl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vcl-shadow-lg);\n  border-color: var(--vcl-primary);\n}\n\n.vcl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vcl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vcl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vcl-card-ingredient {\n  background: linear-gradient(135deg, var(--vcl-white), var(--vcl-primary-light));\n}\n\n.vcl-dose {\n  display: inline-block;\n  margin-top: .75rem;\n  padding: 6px 14px;\n  background: var(--vcl-secondary);\n  color: white;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.vcl-card-stat h3 {\n  font-size: clamp(28px, 6vw, 42px);\n  background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  margin-bottom: .25rem;\n}\n\n.vcl-card-stat p {\n  font-size: 12px;\n}\n\n.vcl-highlight-box {\n  background: linear-gradient(135deg, var(--vcl-secondary), #248C4D);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  margin-top: 1.5rem;\n}\n\n.vcl-highlight-box p {\n  color: white;\n  font-size: clamp(13px, 2vw, 15px);\n  margin: 0;\n}\n\n.vcl-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.vcl-step {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: 1.25rem;\n  box-shadow: var(--vcl-shadow);\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  transition: all .3s ease;\n}\n\n.vcl-step:hover {\n  transform: translateX(8px);\n  border-left: 4px solid var(--vcl-primary);\n}\n\n.vcl-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  color: white;\n}\n\n.vcl-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vcl-step-content p {\n  font-size: 14px;\n  color: var(--vcl-text-light);\n  margin: 0;\n}\n\n.vcl-accordion {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  box-shadow: var(--vcl-shadow);\n  overflow: hidden;\n}\n\n.vcl-accordion-item {\n  border-bottom: 1px solid var(--vcl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vcl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vcl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vcl-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.vcl-accordion-header:hover {\n  background: var(--vcl-primary-light);\n}\n\n.vcl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vcl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vcl-primary);\n  transition: transform .2s ease;\n}\n\n.vcl-accordion-item[open] .vcl-accordion-header::after {\n  content: '−';\n}\n\n.vcl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vcl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.vcl-accordion-content p {\n  margin: 0;\n}\n\n.vcl-cta-box {\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vcl-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 0 .75rem 0;\n}\n\n.vcl-cta-box p:last-child {\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .vcl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vcl-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vcl-grid-compact .vcl-card {\n    padding: .75rem;\n  }\n  \n  .vcl-card {\n    padding: 1.125rem;\n  }\n  \n  .vcl-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vcl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vcl-radius-sm);\n  }\n  \n  .vcl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vcl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vcl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vcl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .vcl-step {\n    padding: 1rem;\n  }\n  \n  .vcl-step-number {\n    width: 38px;\n    height: 38px;\n    font-size: 16px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .vcl-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vcl-card:nth-child(1) { animation-delay: .05s; }\n  .vcl-card:nth-child(2) { animation-delay: .1s; }\n  .vcl-card:nth-child(3) { animation-delay: .15s; }\n  .vcl-card:nth-child(4) { animation-delay: .2s; }\n  .vcl-card:nth-child(5) { animation-delay: .25s; }\n  .vcl-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  .vcl-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":45755349270685,"sku":"JADELIPOSO100","price":29.73,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-en-spray-100-ml-jade-recherche-packshothd.webp?v=1775990185"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/vitalite-tonus-294443.jpg?v=1732719609","url":"https:\/\/www.naturellement-bio.com\/collections\/vitalite-et-tonus.oembed?page=6","provider":"Naturellement Bio","version":"1.0","type":"link"}